Canvatorium

• An experimental design lab for spatial computing •

Featured Labs

All Labs

Canvatorium Lab 055

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

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.

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.