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.
Technical
Posts related to application and web development.
A Vue into 3D – Introduction
This is the first post in a new series that I’m starting called “A Vue into 3D”. Over the last two years I’ve shifted my focus towards front-end development. While I’ve spent time with several frameworks and libraries, Vue JS is the one that clicked for me the most. It allows me to leverage my…
WordPress and Static Scenes
A method for loading WebXR scenes in WordPress. I know there are a ton of ways of getting WebXR scenes into WordPress sites. Here is my lazy-bones way of doing it using a static folder for the scene code and a shortcode to load an iframe containing the scene. I’m thinking of using this technique…
Fog is a good thing in VR
I’ve been spending a lot of time in WebXR scenes lately. One scene that I like to visit when I need some time to think is the XR Koi Garden by @AdaRoseCannon. It’s a wonderful little place where I can collect my thoughts while watching the koi swim by. Something that I noticed in this…
Conclusion to a Month of Babylon JS
A short recap of what I’ve learned about Babylon JS over the last four weeks. When I set out on this project a month ago my main goal was to better understand how to solve problems with Babylon JS. While I’m far from being an expert in this type of development, I’m happy with what…
Babylon JS Day 20
Today is the final day of my A Month of Babylon JS education project and the last of the “Project Fridays”. I set out to build a simple golf demo for WebXR. I didn’t complete a full demo but I did get a few things done and I learned a lot about working with physics…
Babylon JS Day 19
Today I worked on importing a golf club model and attaching it to a VR controller as a child object. I started off by setting up an AssetsManager for the scene, then importing a model. I’m using the blue club from the Minigolf Kit from Kenney game assets. I’m really starting to like the AssetsManager…
Babylon JS Day 18
I didn’t have much time to work on Babylon JS today, but I did have an idea for what I want to build for the project on Friday. Since receiving the Oculus Quest 2 last fall I’ve been playing Pro Putt quite a bit with friends. Sometimes we talk about different game mechanics that we…
Babylon JS Day 17
Today I learned about teleportation in WebXR with Babylon JS. I used the default experience helper to add WebXR to my scene, so teleportation is available by default. The only thing I needed to provide is an array of meshes that the user can teleport on. In this case I created two group planes and…
Babylon JS Day 16
This is the last full week of the A Month of Babylon JS project. Most of the projects I want to build with Babylon JS are related to VR, so this week I’m going to learn everything I can about the WebXR features that Babylon JS has to offer. I started today with the Diving…
Babylon JS Day 15
Today is Project Friday so I took the day to work on the scene that I’ve been building throughout Week Three. Rather than produce a demo scene like in the previous weeks, today I just made incremental progress the interactive 3D GUI cards for VR. I started by adding some images to the item cards….
Babylon JS Day 14
Today I learned how to add VR support to my scene. Until now I’ve been using a template that Babylon JS provided in their Getting Started guide. I had to replace most of that code with an async version to be able to use the WebXR features that Babylon JS offers. I’m using the createDefaultXRExperienceAsync…