This is a chronical of a project in March 2021, when I set out to learn everything I could about Babylon JS.

A Month of Babylon JS

A Month of Babylon JS

Throughout the month of March, I’m going to learn everything I can about Babylon JS. Over the last year I’ve spent a bit of time with A-Frame, Three JS, and Babylon JS. I explained my reasoning for settling on Babylon JS in the most recent episodes of Project Update. I … Read More

Babylon JS Day 2

Babylon JS Day 2

Today I worked through chapters three and four of the Babylon JS Getting Started guide. After working in Unity for a couple of years, most of these concepts are not new to me, just the way that Babylon JS implements them. Some things that stood out as interesting to me … Read More

Babylon JS Day 3

Babylon JS Day 3

Today I covered chapters five and six of the Babylon JS Getting Started guide. These chapter gave me a quick tour around some of the environmental features of Babylon JS. Notable items include Ground planes/objects can be created with grayscale heightmaps. I’ve done this in Unity a few times. Nice … Read More

Babylon JS Day 4

Babylon JS Day 4

Today I completed the final two chapters of the Babylon JS Getting Started guide. These chapters focused mostly on lighting and cameras, but also briefly touched on GUI. Today’s interesting items are Babylon JS has all the common 3D lighting types that I would expect. It has point, directional, spot, … Read More

Babylon JS Day 5: Breathe

Babylon JS Day 5: Breathe

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, … Read More

Babylon JS Day 6

Babylon JS Day 6

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 … Read More

Babylon JS Day 7

Babylon JS Day 7

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 … Read More

Babylon JS Day 8

Babylon JS Day 8

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 … Read More

Babylon JS Day 9

Babylon JS 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 … Read More

Babylon JS Day 10: Terrarium

Babylon JS Day 10: Terrarium

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 … Read More

Babylon JS Day 11

Babylon JS Day 11

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 … Read More

Babylon JS Day 12

Babylon JS Day 12

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 / postDateNote: an excerpt from the articleImage: a thumbnail pulled from the article I want to create … Read More

Babylon JS Day 13

Babylon JS Day 13

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 … Read More

Babylon JS Day 14

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 … Read More

Babylon JS Day 15

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 … Read More

Babylon JS Day 16

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 … Read More

Babylon JS Day 17

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 … Read More

Babylon JS Day 18

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 … Read More

Babylon JS Day 19

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 … Read More

Babylon JS Day 20

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 … Read More

Conclusion to a Month of Babylon JS

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 … Read More