BabylonJS and Blazor Game Series Portal

This is the portal for the BabylonJS Blazor Game Tutorial Series includes links to the article, the demo and source code of the released articles all in one place.

1. BabylonJS and Blazor - Main Demo

   2021 08 02

   This is the main working example, see what the finished game looks like.

   Demo Main Source Branch

2. BabylonJS and Blazor - Step 01 - Getting Set Up

   2021 08 05

   In this step we setup the Blazor Wasm application and generate the BabylonJS abstraction.

   Demo Article Source Branch

3. BabylonJS and Blazor - Step 02 - Setting Up A State Machine

   2021 08 17

   We will go over encapsulating the different states the game will be in using a State Machine to keep track the transition from game scene to game scene.

   Demo Article Source Branch

4. BabylonJS and Blazor - Step 03 - Simple Game State

   2021 09 02

   In this article we lay the ground work for different aspects of the game. Starting with loading in environmental assets, to creating a Player Character, the Camera and Lights.

   Demo Article Source Branch

5. BabylonJS and Blazor - Step 04 - The Player Camera

   2021 09 16

   In this article we create the Camera and attach it to the Players Mesh. This is a short step, just creating a camera and focus it on the Player model.

   Demo Article Source Branch

6. BabylonJS and Blazor - Step 05 - Character Movement Part 1

   2021 10 01

   For this article we will go over Character Movement (Part 1) as it was implemented on Blazor in C#, this article will be a long one where we go over setting up the Player input tracking and basic movement logic.

   Demo Article Source Branch

7. BabylonJS and Blazor - Step 06 - Character Movement Part 1

   2021 10 09

   For this article we will go over Character Movement (Part 2) implemented on Blazor with C#, this article go over adding the Jumping and Dashing Player Abilities.

   Demo Article Source Branch

8. BabylonJS and Blazor - Step 07 - Importing Meshes

   2021 10 09

   For this article we will go over Importing Meshes implemented in C#, this article will go over the process of importing glTF models. Checkout the What Changed section, as one of the interesting areas was what changed to accommodate better performance of ground detection.

   Demo Article Source Branch

9. BabylonJS and Blazor - Step 08 - Lanterns

   2021 10 09

   For this article we will go over Lanterns implemented in C#, here we load in the lanterns models and place them around the map, this step did not have any major differences so checkout the Demo and Source Code below!

   Demo Article Source Branch