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…
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, and hemispheric (ambient) lights. Hemispheric…
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 to know this is available…
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 are MeshBuilder has a method…
