Canvatorium Lab 004
Learning the basics of controller input.
Technical
Posts related to application and web development.
Canvatorium Lab 003
Exploring the Babylon JS Default XR Experience. ✅ Print a message when entering VR✅ Move camera when entering VR✅ Controller trigger buttons modify reactive data This may not seem like much, but in the past, I’ve been super confused about camera/controller interaction with Babylon JS. After spending some with the docs and some playgrounds, I’m…
Canvatorium
Introducing a new long-term project “Canvatorium”, an experimental design lab for spatial computing.
A Vue into 3D – Mission Accomplished
When I started this series two months ago, I had two main objectives. Learn how to integrate 3D content into my Vue development workflow and decide which 3D library I’ll use for future projects. I have achieved both of those goals!
Chapter 2.3: Babylon JS Control Panel & User Favorites
Wrapping up the initial objective for this chapter, this post details a few bits of user interaction and data.
Chapter 2.2: Babylon JS GUI and Working with Data
A lot has changed in the project since my last update on Chapter 2.1. This post will cover some changes to the detail card, creating compact cards, working with 2D and 3G GUI, and passing data from Vue to the Babylon JS scene. Let’s dive right in with the updated Detail Card. 2D and 3D…
Chapter 2.1: Babylon JS Item Cards
Building a simple card layout using Babylon GUI.
Chapter 2.0: Babylon JS Setup
A bit of setup and housekeeping for the Chapter 2 project.
A Vue into 3D – Moving to Vue 3
Just a note about moving to Vue 3 for the remaining chapters of this series.
Chapter 1.3: Adding interactivity with A-Frame and Vue JS
A new control panel, Item Favorites, and Controller Interaction. I’ve made a lot of progress since the last update.
Chapter 1.2: A-Frame & Vue Binding
Since the last post, I refined the card layout a bit. I decided that I wanted two display modes for the cards: compact and full. The compact mode is a square shape with the image and the title. The full mode has image, title, description, and any other UI controls I add later. There is…
Chapter 1.1: A-Frame Item Cards
Over the last few days, I’ve been working on the layout of the item cards for the A-Frame chapter of this series.