Skip to content
vrhermit

vrhermit

writing by Joseph Simpson

  • Canvatorium
  • 3D Scenes
  • BlogExpand
    • TechnicalExpand
      • Canvatorium
      • Extended Collection
      • A Vue into 3D
      • A Month of Babylon JS
    • Professional
    • Personal
vrhermit
vrhermit
writing by Joseph Simpson

Canvatorium

• An experimental design lab for spatial computing •

Featured Labs

Canvatorium Lab 046

Kicking off a series of Labs to explore windowing techniques in Spatial Computing.
View lab → Canvatorium Lab 046

Canvatorium Lab 050

An example of a collection view layout as an alternative to a list views.
View lab → Canvatorium Lab 050

Canvatorium Lab 054

Learning a bit about WebXR plane detection in Babylon JS.
View lab → Canvatorium Lab 054

All Labs

Canvatorium Lab 055

Combine plane detection and surface magnetism to snap an object to the walls in a room.

Canvatorium Lab 054

Learning a bit about WebXR plane detection in Babylon JS.

Canvatorium Lab 053

Mixed Reality Passthrough with 3D GUI.

Canvatorium Lab 052

Working with custom fonts in Babylon JS GUI.

Canvatorium Lab 051

Adding a simple tooltip for the image on the main window.

Canvatorium Lab 050

An example of a collection view layout as an alternative to a list views.

Canvatorium Lab 049

Use a button to toggle a detail window to the side of the main window.

Canvatorium Lab 048

Replace the main content with another window of the same size and shape.

Canvatorium Lab 047

Open a modal card from the main window. The modal is contained in a window group with the main window.

Canvatorium Lab 046

Kicking off a series of Labs to explore windowing techniques in Spatial Computing.

Canvatorium Lab 045

In this lab I created a reusable 2D UI card that I can use throughout Canvatorium.

Canvatorium Lab 044

Independent Reactive Texture Cards

Posts navigation

1 2 3 Next Page

About Canvatorium

Canvatorium is a long-term side project where I can explore Spatial Computing UI/UX. It’s a place where I can test ideas and build small components for my other projects, many of which I can’t talk about. Developing and learning in public is my favorite way to improve as a developer and Canvatorium is my way of doing that.

The project started in early 2022 as a Vue JS and Babylon JS project. I created around thirty labs before I got derailed with some other work. In 2023 I decided to revamp the project. I had made some mistakes in the structure of the legacy project, so I wanted a fresh start. I quickly built a simple project structure using Nuxt 3 and Babylon JS.

Instead of building a standalone website for Canvatorium Revamped, I created a way to embed each lab in a new WordPress custom post type. I can work on the Nuxt project and push new labs to a Vercel server when they are ready. Then I can publish the labs on my blog. This lets me keep the 3D scene, lab notes, images, and videos all in one place. The code for the Nuxt/Babylon project is on GitHub.

Work with Joseph

Ready to streamline your workflows and enhance your digital presence?

Do you want to take your first step into Spatial Computing?

Discover how Radical Application Development can help transform your business.

Get in touch or learn more at radicalappdev.com
Twitter Linkedin Medium Github
Mastodon Mastodon

© 2023 vrhermit

  • Canvatorium
  • 3D Scenes
  • Blog
    • Technical
      • Canvatorium
      • Extended Collection
      • A Vue into 3D
      • A Month of Babylon JS
    • Professional
    • Personal
Search