Setup Babylonjs Scene

Skill: Setup Babylon.js Scene

Use this skill to scaffold and configure a production-ready scene foundation before gameplay systems are added.

---

Process

Step 1: Validate Runtime and Dependencies

Confirm the project has the required Babylon modules, TypeScript strict settings, and a bootstrap entrypoint.

• Verify required packages are present in package.json.
• Confirm strict TypeScript compile mode is enabled.
• Identify where scene creation should be called in app startup.

Step 2: Scaffold Engine and Scene Factory

Create a small, typed scene factory with clear ownership boundaries.

import { Engine, Scene, HemisphericLight, Vector3 } from "@babylonjs/core";

export function createScene(engine: Engine): Scene {
  const scene = new Scene(engine);
  new HemisphericLight("keyLight", new Vector3(0, 1, 0), scene);
  return scene;
}