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.
Free-form window resizing in Oculus Home
I’m not the only one excited about this.
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.
Chapter 1.0: A-Frame Setup
Configuring Vue to use A-Frame is straightforward. I started by forking the CodeSandbox template mentioned in the Introduction post and added aframe to the dependencies.