Babylon.js 8.0 has officially launched, introducing powerful new features and optimizations for web graphics. Key highlights include Image-Based Lighting with shadow support, Area Lights for enhanced scene illumination, and the revolutionary Node Render Graph for customizable rendering. The Lightweight Viewer simplifies 3D object display, while core engine shaders now support both GLSL and WGSL, reducing project sizes. Explore the future of web rendering with these exciting advancements!

Babylon.js 8.0: A Game-Changer for Web Graphics
Exciting news for developers! Babylon.js 8.0 has officially launched, and it’s packed with features that enhance web graphics and rendering. This update aims to make creating interactive web experiences faster and more compelling than ever.
What’s New in Babylon.js 8.0?
One of the most notable additions is the support for Image-Based Lighting (IBL) Shadows. This feature allows for realistic lighting and shadow effects based on a source image. Michael Bond from Adobe played a key role in this enhancement. As he puts it,
“Now both light and shadows for the scene environment can be approximated from a source image.”
Another exciting feature is the introduction of Area Lights. This allows developers to create 2D shapes that emit light, similar to large diffused lights used in movies. This addition opens up new creative possibilities for scene lighting.
Major Updates: Node Render Graph
One of the most powerful updates is the Node Render Graph. Previously, the rendering pipeline was somewhat of a mystery. Now, developers have complete control over the entire render process. This means you can customize how frames are rendered on the GPU. The Node Graph tool allows for easy customization without complex code. However, keep in mind that this feature is currently in Alpha and should not be used in production yet.
Lightweight Viewer: Simplifying 3D Display
Babylon.js 8.0 also introduces a Lightweight Viewer. This tool is designed for scenarios where you want to display simple 3D objects without the complexity of the full engine. It boasts a smaller bundle size and uses dynamic imports to enhance performance. The Viewer Configurator makes customization a breeze, allowing you to tailor the viewer to your specifications.
WebGPU Support: A Step Forward
With the new update, Babylon.js now supports WGSL shaders natively. Previously, developers had to rely on a conversion library, which increased project sizes. Now, core engine shaders are available in both GLSL and WGSL formats, effectively reducing the download size for WebGPU projects.
In conclusion, Babylon.js 8.0 is a significant leap forward for web graphics. With features like IBL Shadows, Area Lights, and the Node Render Graph, developers have powerful new tools at their disposal. As the team says,
“We can’t wait to see how you use this new light type to bring a new dimension to your scene!”
Stay tuned for more updates and explore the full potential of Babylon.js 8.0!
From the Windows Blog