Babylon.js 9.0 Lands With Next‑Gen Lighting, Powerful Tooling, and New Geospatial Engine for the Web

Babylon.js 9.0 is here, and Microsoft is positioning this release as a major leap for web‑based 3D, with big upgrades for lighting, particles, tooling, and an entirely new geospatial stack aimed at large‑scale maps and simulations.

---

Babylon.js 9.0: Biggest Release Yet

Microsoft calls Babylon.js 9.0 its “biggest and most feature‑rich update yet,” highlighting a year’s worth of engine improvements aimed at both high‑end graphics and mainstream browser support. The release targets WebGPU where available, but still ships fallbacks for WebGL 2 so developers can reach a broad audience without sacrificing modern rendering features.

At a high level, Babylon.js 9.0 focuses on three pillars: advanced lighting and particles, deeper control over the rendering pipeline, and a new wave of tooling and geospatial capabilities to build large, map‑scale experiences on the web.

---

Next‑Gen Lighting, Particles, and Rendering

Babylon.js 9.0 introduces several headline graphics features that push web rendering closer to traditional game engines.

• Clustered Lighting: A new clustered lighting system groups lights into screen‑space tiles and depth slices so each pixel only calculates light from sources that actually affect it, enabling scenes with hundreds or thousands of lights at smooth frame rates on both WebGPU and WebGL 2.

  

• Textured Area Lights: Area lights can now use emission textures, letting developers turn images into physically‑based light sources for effects like stained glass, LED panels, or cinematic light rigs.

• Node Particle Editor (NPE): A new visual Node Particle Editor lets creators design complex particle systems using a node graph, controlling emission, sprite sheets, behaviors, and sub‑emitters through a drag‑and‑connect interface similar to Babylon’s Node Material Editor.

• Flow Maps and Attractors: Flow maps provide a screen‑aligned texture that encodes 3D direction and strength per pixel, giving fine‑grained artistic control over particle motion, while gravity “attractors” pull or push particles toward points in space for effects like vortices or explosions.

• Volumetric Lighting: A new volumetric lighting system uses compute shaders on WebGPU (with WebGL 2 fallbacks) to render cinematic light shafts with configurable scattering, supporting directional lights and atmospheric effects like fog, haze, and god rays.

• Frame Graph v1: The Frame Graph, promoted from alpha to a full v1 feature, exposes the rendering pipeline as a directed acyclic graph of tasks and resources, enabling developers to customize passes, optimize texture reuse, and reportedly save around 40% GPU memory in some scenarios.

Character animation workflows get a substantial upgrade with animation retargeting, which maps animations from one skeleton to another—even when bone hierarchies and proportions differ—letting teams reuse motion libraries across multiple characters.

Babylon.js 9.0 also expands Gaussian Splatting support with more formats, shadow casting, and tools for composing, animating, and exporting splat‑based volumetric captures.

---

New Babylon.js Editor, Inspector v2, Viewer, and Playground

Beyond engine features, Babylon.js 9.0 puts a lot of emphasis on tooling that makes the engine more approachable for artists and developers.

• Babylon.js Editor: The desktop Babylon.js Editor, led by community contributor Julien Moreau Mathis, takes a “substantial leap” in rendering and capability, offering a full scene‑editing environment with scripting, physics, asset management, and project building, available on Windows, macOS, and Linux.

• Inspector v2: Inspector v2 is a ground‑up rewrite of Babylon’s in‑engine debugging UI, built on a service‑oriented architecture with a React‑based interface, supporting overlay or inline layouts, light and dark themes, and extensions for custom panes, toolbars, property editors, and debug views.

• Lightweight Viewer updates: The Babylon.js Lightweight Viewer used for embedding 3D on web pages gains improved shadows, including IBL dominant light direction and SSAO for untextured models, with Adobe contributing advanced shadow rendering enhancements.

• Playground upgrades: The in‑browser Babylon.js Playground now supports multi‑file projects with tabbed editing, local module imports/exports, NPM package imports via esm.sh with version pinning, and automatic local‑storage session saving to recover from crashes or infinite loops, with many of these updates contributed by community member knervous.

These changes aim to make Babylon.js workflows feel closer to native game engines and modern web development setups, while still keeping a low barrier to entry for quick experiments in the browser.

---

Geospatial, Large Worlds, and Atmospheres

One of the biggest themes in Part 2 of the Windows Developer Blog series is geospatial and large‑world rendering, signaling Babylon.js is targeting map‑scale and planet‑scale use cases.

• Large World Rendering / Floating Origin: Babylon.js 9.0 introduces a large world rendering system that keeps the camera conceptually at the origin and offsets geometry and shaders, eliminating floating‑point precision issues like jittery meshes and flickering shadows in vast coordinate spaces; the system integrates with Havok physics via multi‑region simulations.

• Geospatial Camera: A new Geospatial Camera is designed specifically for orbiting and navigating a spherical planet at world origin, providing globe‑style interactions such as drag‑to‑pan, scroll‑to‑zoom toward the cursor, tilt via right‑click, as well as keyboard/touch controls, smooth flyToAsync animations, collision detection, and altitude‑based clip plane adjustments.

• 3D Tiles support: Babylon.js now supports the 3D Tiles open standard (from Cesium and OGC) by integrating with NASA/AMMOS 3DTilesRendererJS using a new babylonjs/renderer path, enabling efficient streaming and level‑of‑detail management of massive heterogeneous geospatial datasets.

• Physically Based Atmosphere: A new physically based atmosphere add‑on uses Rayleigh and Mie scattering plus ozone absorption and multiple scattering to render realistic skies, aerial perspective, and day‑night cycles, with parameters that can be tuned for Earth‑like scenes or entirely fictional planets.

Combined with large world rendering, the Geospatial Camera, 3D Tiles, and the atmosphere add‑on turn Babylon.js 9.0 into a serious option for building large‑scale, web‑based mapping, simulation, and flight experiences—directly within the browser.

---

What This Means for Web and Windows Developers

For Windows and web developers invested in 3D, Babylon.js 9.0 significantly raises the ceiling on what can be done in a browser, while still prioritizing accessibility and cross‑platform reach. High‑end features like clustered lighting, volumetric lighting, and Frame Graph give engine‑level control for demanding experiences, while the Editor, Inspector v2, Viewer, and revamped Playground streamline prototyping, debugging, and collaboration.

With new geospatial capabilities, Microsoft is clearly targeting scenarios like digital twins, mapping dashboards, training simulations, and large‑scale visualizations that run on the open web—without plugins or heavyweight native clients. For developers already on Babylon.js, upgrading to 9.0 unlocks a modernized tooling stack and a more flexible rendering pipeline; for teams evaluating 3D engines for web‑first projects, Babylon.js 9.0 is now one of the most compelling options in the JavaScript ecosystem.

Recent Posts You May Like

• Xbox and Fanta Launch Exciting Special-Edition Cans With Halo, Call of Duty, Diablo IV, World of Warcraft, and Forza Horizon 6
• Microsoft Adds Multi-Model ‘Critique’ and ‘Council’ to Microsoft 365 Copilot Researcher for Deeper, More Accurate AI Research
• Xbox Games Showcase 2026 Dated for June 7 With Gears of War: E‑Day Direct and FanFest’s Big Return