Canvatorium

• An experimental design lab for spatial computing •

Featured Labs

All Labs

Canvatorium Lab 043

How many Advanced Dynamic Textures can I load in a WebXR scene on a Meta Quest 2?

Canvatorium Lab 040

I started working on an overlay GUI for the scene data. Title, description, and maybe lab notes.

Canvatorium Lab 017

Playing with the Surface Magnetism Behavior from Babylon JS, combined with the Six Dof Drag Behavior.

Canvatorium Lab 008

Revamped version of Lab 008, using the new NearMenu 3D control from Babylon JS.

Canvatorium Lab 004

In the revamped version of Lab 004 I worked on a way to pass the xr object from the useCanvatoriumLab composable to the createLabContent function.

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.