Skip to main content
May 16, 2022
Windows Developers

Babylon.js 5.0: Key Engine Advancements – Part 3

Our mission is to create it one of the most powerful, beautiful, and simple web rendering engines in the world. The latest Babylon.js 5.0 engine packs a ton of new improvements to help you create stunning experiences.

Unlimited Morph Targets

No matter what you call them, Blend Shapes, Shape Keys, or Morph Targets, Babylon.js 5.0 adds rocket fuel to your ability to use influenced vertex positions. This new feature now gives you literally unlimited amounts of Morph Targets. Want to have a complex animated face with thousands of Morph Targets to get that perfect expression? Now you can, all in the web, all for free!

See it in action here: Unlimited Morph Targets Demo

Learn more: Unlimited Morph Targets Documentation

YouTube Series: Tech Artist’s Journey YouTube Playlist

Order Independent Transparency

Rendering transparent objects is complicated! The Babylon.js Platform has always strived to make it as easy as possible to help you inform the system of rendering order, alpha index, run depth-prepasses, and much more, so your scene can look correct. With Babylon.js 5.0 we’ve wrapped a bow on it all. All of the complexity of rendering transparent objects can now disappear with one single, simple line of code:

Try it out: Order Independent Transparency Demo

Learn More: Order Independent Transparency Documentation

WebXR Advancements

WebXR is an incredible web standard allowing web developers to create amazing cross-browser XR experiences. Using WebXR to add a mobile AR component to your web site can be a simple and fun way to engage your readers/users even further. While the technology to render world-locked 3D objects has existed in Babylon.js for some time, Babylon.js 5.0 steps the beauty-factor up several notches with the introduction of Light Estimation. This powerful yet easy-to-use new feature allows your Babylon.js scenes to estimate the light in your real-world location and automatically match the lighting and shadows of your virtual world-locked object. This creates a cutting-edge level of immersion between the physical and digital worlds…and it’s all here in Babylon.js…all for free! Babylon.js 5.0 also adds support for WebXR image tracking and WebXR Layers!!!

Check it out on your Android Phone: Light Estimation Demo, Image Tracking Demo

Learn More: Light Estimation Documentation

glTF Updates

The Babylon.js Platform prioritizes support for the absolute latest and greatest advancements to the glTF file format. This means every new version of Babylon.js unlocks new beautiful advancements in rendering capabilities, and Babylon.js 5.0 turns up the heat! With full support for KHR_materials_volume, KHR_materials_transmission, and KHR_materials_ior, you can now render some absolutely STUNNING visuals!

Check it out: KHR_materials_volume Demo

Learn More: KHR_materials_volume, KHR_materials_transmission, KHR_materials_ior

Mixed Reality Toolkit for Babylon.js

Babylon.js 5.0 also adds updated support for the world’s most advanced 3D interface component library, Mixed Reality Toolkit. This advanced library makes it incredibly easy to add advanced XR UX elements into your Babylon.js scenes such as: holographic slates, 3D Sliders, Touch Holographic Buttons, Touch Mesh Buttons, and much much more!

Check it out: MRTK Demo

Learn More: MRTK Documentation

Material Plugin Manager

When it comes to creating real-time shaders power, performance, and flexibility are critical! Babylon.js 5.0 brings introduces a brand new feature that doubles down on all of three. The Material Plugin Manager gives you the ability to add custom code to any Babylon.js shader. This means that you can fully customize any advanced shader, such as PBR, to go even further. The Material Plugin Manager provides developers with the flexibility to fully customize the power, performance, and look of any shader!

Check it out: Material Plugin Manager Demo

Learn More: Material Plugin Manager Documentation

Much Much More

Wow that’s a lot, but that’s only the tip of the iceberg! Improved Shadow Performance, Vertex Animation Textures, a brand-new Build System, there’s more to Babylon.js 5.0 than you can imagine! Want a full view of everything that’s new? For a full list of features, enhancements, and fixes you can head on over here.

Babylon.js 5.0 launches the Babylon.js platform to incredible new heights and we cannot wait to see you reach for the stars with it!