Introduction to WebXR with Babylon.js

Module
11 Units

Beginner

Developer

Student

Windows Mixed Reality

In this learning module, we'll introduce you to the core concepts of building Mixed Reality experiences with Babylon.js. We'll create a simple WebXR app that can be run cross-platform.

Learning objectives

In this module, you will:

Discover the world of Mixed Reality with Babylon.js.
Create a Mixed Reality experience to display data about basketball players to fans and coaches.

Prerequisites

Node.js
Visual Studio Code

Introduction to Babylon.js as a sports fan min
Mixed Reality frameworks min
Set up your development environment min
Get started with Babylon.js min
Work with built-in meshes and procedural textures min
Create a custom XR environment with TypeScript min
Create character icons within the XR environment min
Make XR image icons interactable by using buttons min
Initialize your custom environment in your XR experience min
Knowledge check min
Summary min