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….
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…
Today I thought of a workaround to the “button anchoring” issue that I mentioned yesterday. Instead of placing the button in the StackPanel with all the other controls, I moved it outside of the StackPanel, then set it’s verticalAlignment to the bottom. Now the button will always be at the bottom of the card. Then…
Today was all about setting up the layout for my 3D cards. I started by making a short list of what I wanted to display. Title: the name of the card / article / post Date Note: an excerpt from the article Image: a thumbnail pulled from the article I want to create a 3D…
I’m kicking off Week 3 of A Month of Babylon JS by diving into a week-long project to present some data as interactive cards in 3D. My Friday Project this week will involve building some VR interaction for these cards. For now, I’m going to focus on the data and the layout of the cards….
This week for my Friday Project I decided that I wanted to build a simple Terrarium with some low poly assets. My main objectives was to learn about composing a scene in Babylon JS. I started with the table/base that I made on Day 8 and what I learned about asset loading on Day 9….
Today was all about working with assets. The project that I’m going to work on tomorrow involves several models, textures, and audio files. Today I wanted to learn how to create a scene while loading assets from the server. I got started by revisiting the scene I made yesterday. I cleaned up the code a…
When working with a Babylon JS Playground, you can export your scene as a GLB or BABYLON file. The only issue is that I keep forgetting how do to this :face-palm Click on the little toolbox icon in the playground to open the inspector. Then click on the wrench icon in the bottom section of…
Today I broke away from structured reading and gave myself some time to play and create. I already have an idea of what I want to do for the project this Friday, so I spent my time today creating a scene and some basic features that I’ll need later. I’ll go into more detail regarding…
I spent my education time today reading the documentation for the GUI system in Babylon JS. This came with a ton of playgrounds to look at, some that included interesting examples of the core features. Highlights include: There are two main GUI modes. Full Screen (screen-space) can be used to create HUDS, overlays, menus Texture…
Today was a bit of a waste of time. When deciding what to learn this week I gave myself two main options. Pick a handful of topics from the Diving Deeper documentation. Work through these topics with the goal of expanding what I learned last week. Work through the Create a Game guided learning documentation….
As I wrote about on Monday, the last day of each week in March I’m taking some time to work on a series of small projects built in Babylon JS. Today I got started with a simple breathing animation. I wanted something similar to the Breathe App on Apple Watch, but I wanted to control…
