Babylon.js 9.0: What Is New in the Web 3D Engine

Considered one of the leading open source frameworks for building 3D experiences on the web, Babylon.js continues to strengthen its position as a serious choice for developers working in the browser-based 3D space. Version 9.0 brings a wide range of rendering improvements, new visual authoring tools, and expanded support for emerging 3D data formats, all under the Apache 2 license.

A Trusted Open Source Engine Getting Better

Babylon.js has been open source from the very beginning, and that commitment has earned it a loyal and growing community. Alongside PlayCanvas, it stands as one of the most capable and well-documented web 3D engines available. With version 9.0, the team has pushed the boundaries of what is possible in a browser environment, particularly through advances in lighting, particle systems, and rendering pipelines.

The engine supports both WebGPU and WebGL 2, giving it broad compatibility while taking advantage of next-generation GPU capabilities where available.

Major Rendering Improvements

Clustered Lighting

One of the headline additions in Babylon.js 9.0 is clustered lighting. This technique groups lights into screen-space tiles and depth slices, which dramatically improves performance in scenes that contain many light sources. The result is a rendering process that stays fast even as scene complexity increases. Clustered lighting works across both WebGPU and WebGL 2.

Textured Area Lights

Area lights in Babylon.js 9.0 now support emission textures. This means a texture itself can serve as a light source, enabling visually rich effects such as stained glass projections and LED panel displays. The rendering is physically accurate, producing realistic light behavior that responds to scene materials. This capability is comparable to features recently introduced in major game engines, bringing that level of quality to the web.

Volumetric Lighting

Babylon.js 9.0 introduces a volumetric lighting system that creates realistic light scattering through an atmosphere. It supports configurable extinction and phase parameters, and leverages WebGPU compute shaders for strong performance. The effect can be used for dramatic god-rays, atmospheric haze, or subtle environmental depth. Additional options allow for effects such as dust particles within a scene, giving artists significant control over the look and mood of a 3D environment.

Frame Graph: A Programmable Render Pipeline

The frame graph is a new system that gives developers complete, fine-grained control over the entire rendering pipeline. It is implemented as a visual, node-based graph editor, allowing the sequence and behavior of rendering passes to be customized without writing low-level code. This approach can yield GPU memory savings of 40 percent or more, and it places Babylon.js among the engines that support modern, programmable graphics architectures.

Physically Based Rendering Advances

Babylon.js 9.0 also brings physically based atmosphere rendering, OpenPBR support (currently in alpha), and dynamic image-based lighting shadow support. These additions push the visual fidelity of web-rendered scenes closer to what has traditionally required dedicated desktop rendering software.

New Tools for Artists and Developers

The Node Particle Editor

A brand new visual authoring tool has been introduced for creating particle systems: the Node Particle Editor. It uses a familiar drag-and-connect node graph interface, where individual nodes control aspects of a particle system such as emission shapes, sprite sheets, update behaviors, and sub-emitters. Changes are reflected immediately in a live preview, making it fast to iterate on visual effects. Results can be exported or shared via URL.

Particle Flow Maps and Attractors

Alongside the Node Particle Editor, Babylon.js 9.0 introduces particle flow maps and attractors. Flow maps use textures to guide the directional movement of particles across a surface or volume, while attractors allow particles to be pulled toward or pushed away from defined points in space. Together, these tools give creators precise control over particle behavior without requiring custom code.

Animation Retargeting

Animation retargeting allows animations created for one character to be applied to a completely different character, even when those characters have different skeletal structures. The system in Babylon.js 9.0 includes control over which bones are remapped and the playback speed of the retargeted animation. This is a significant time-saver for teams working with multiple characters and shared animation libraries.

Advanced Gaussian Splat Support

Gaussian splatting is a technique for capturing real-world objects and environments as photorealistic volumetric representations. Babylon.js 9.0 expands support for this format significantly, adding compatibility with multiple file types including the SPZ format, support for triangular splatting, shadow casting from splats, and tools for compositing splats into larger scenes. For developers working with photogrammetry or volumetric capture, this update opens up meaningful new possibilities on the web.

Improved Workflow and Debugging Tools

Inspector 2.0

The built-in debugging inspector has been fully rebuilt in version 9.0. Inspector 2.0 is based on a modern, service-oriented architecture with a fully reactive UI component system built on React. It supports overlay and inline layout modes, light and dark themes, and a fully extensible plugin model. Developers can add custom panels, toolbar items, and property editors, making the inspector adaptable to specific project workflows.

Babylon.js Editor

First introduced in Babylon.js 8, the visual scene editor continues to evolve alongside the engine. Available as a downloadable desktop application for Windows, macOS, and Linux, the editor provides a Unity-like environment for composing and authoring 3D scenes. It has been updated for version 9.0 to keep pace with the latest engine features. The editor is accessible at editor.babylonjs.com and represents a significant step forward for teams that prefer visual workflows over code-first approaches.

Playground Enhancements

The Babylon.js Playground, the browser-based interactive coding environment at the heart of the project's documentation and community sharing, has received several updates. These include support for multi-file editing, ESM module imports, and automatic session history saving. These changes make the Playground more practical for experimenting with complex projects and for sharing reproducible examples.

Support for Large-Scale and Geospatial Scenes

Large World Rendering

Rendering very large worlds in real time presents a known precision problem: 32-bit floating-point numbers lose accuracy at extreme distances. Babylon.js 9.0 addresses this with a floating-origin system that keeps coordinate precision high regardless of scale. This makes it viable to build experiences at planetary or even universe scale within the browser.

Geospatial Camera

A new purpose-built camera has been designed specifically for navigating spherical planets. The geospatial camera supports map-like interactions and smooth orbital movement, making it well-suited for globe-based visualizations and geographic applications.

3D Tiles Support

Babylon.js 9.0 now integrates with the 3D Tiles open geospatial standard, developed by Cesium. This format is designed for streaming massive pre-rendered 3D datasets, such as photorealistic city models, directly into a scene. The addition brings large-scale geospatial use cases firmly within reach of Babylon.js developers.

Further Additions in Babylon.js 9.0

Visual and Text Rendering

Signed Distance Field text rendering, often abbreviated as SDF, provides crisper and cleaner text at all sizes and resolutions without the blurriness that affects traditional texture-based text. An outline renderer has also been added, enabling stylized mesh outlines for those pursuing a cel-shaded or anime-inspired visual style.

Navigation and Audio

The navigation mesh system has been updated with support for dynamic updates, improving pathfinding in scenes where the environment changes at runtime. The audio engine has also received improvements, continuing to mature Babylon.js as a full-featured platform for interactive experiences.

3MF Export

Babylon.js 9.0 adds a 3MF exporter, allowing 3D models created or assembled in the engine to be exported in the 3MF format, which is widely used in the 3D printing industry.

An Engine Worth Watching

Babylon.js 9.0 represents a remarkable volume of progress in a single release. From lighting and rendering advances to visual authoring tools and geospatial capabilities, the update reflects a project with a clear vision and a fast-moving development team. The engine remains fully open source under the Apache 2 license, and the community around it continues to grow.

For anyone considering a web-based 3D project, Babylon.js 9.0 is a strong reminder of just how capable browser-based 3D has become.

‍