babylonjs-engine

The babylonjs-engine skill is a comprehensive reference for building real-time 3D experiences with the Babylon.js WebGL/WebGPU rendering engine — browser-based games, interactive visualizations, and immersive web applications. It positions Babylon.js as an alternative to Three.js with built-in editor integration and game-engine features, and gives an agent the patterns needed to stand up and populate a 3D scene.

The skill covers engine and scene initialization in both plain JavaScript and ES6/TypeScript module form, camera systems (FreeCamera, ArcRotateCamera, UniversalCamera with collision and gravity), and lighting (hemispheric, directional with shadow generators, and point lights). A bundled examples reference adds production-ready patterns for GLTF model loading with progress, level-of-detail meshes, mesh simplification, batch asset loading via AssetsManager, and advanced PBR and glass materials, plus sections on physics, particle systems, post-processing, GUI, WebXR/VR, performance optimization, and animation. It ships a Vite-based starter template (index.html, main.js, style.css, package.json, config) and Python helper scripts for mesh building and scene generation, along with an API reference.

It targets web and game developers who build 3D content in the browser and want a curated set of Babylon.js patterns rather than piecing them together from scattered docs. Typical uses include bootstrapping a scene, wiring up a camera and lighting, loading and optimizing 3D models, authoring PBR materials, and adding physics or post-processing. All code is standard client-side rendering with no privileged operations; the examples reference the public Babylon.js CDN for demo environment assets.