Welcome to Babylon.js 4.2

Our mission is to create one of the most powerful, beautiful, and simple Web rendering engines in the world. Our passion is to make it completely open and free for everyone. We are artists, developers, creators, and dreamers and we want to make it as simple as possible to enable everyone to bring their ideas to life. With this new version of Babylon.js, we set out to make it even easier to develop with. From a ton of new tools, to improved workflows and features, new documentation and more, it is our sincere hope that Babylon.js 4.2 will make your development process faster and easier while unlocking new simple ways to work.

New PBR nodes added to node material editor.

New and Updated Tools

The core focus of Babylon.js 4.2 has been around simplicity. While Babylon.js keeps its code-first approach, we’ve added many tools in the Inspector and enhanced the Node Material Editor to save time to developers and Tech Artists. With the Particle Editor, you can now create and configure particle systems with the click of the mouse. It is also that simple to create, control, and save sprite systems thanks to the Sprite Editor. The Skeleton Viewer makes it quick and easy to debug pesky rigging issues inside your scene, and the Texture Inspector is perfect for quickly identifying texture problems in your creation. The Node Material Editor can now be used to create Procedural Textures, Particle Shaders, and Post Process Effects!

More PBR Support

Full support for Physically Based Rendering (PBR) is a top priority for Babylon.js. With version 4.2, we’re pushing the limits of rendering even further, with some exciting new capabilities. The Node Material Editor now support PBR Materials! With this addition, you can now create your own custom PBR materials and shaders in a simple and visual editor. You can also simulate the way light bounces around below the surface of semi-translucent objects with advanced sub-surface scattering support.

PBR materials rendered on an mock product electronic device.
Rendering of a half-empty soda bottle casting a shadow on the table.

Environment Lighting Enhancements

Lighting is essential to the realism of a scene. In Babylon.js 4.2, shadows are getting even better with the added capability of being able to render soft transparent shadows for transparent objects. With the introduction of real-time PBR filtering, advanced refraction and reflection is now just a few lines of code away. We have also added direct support for pre-filtering .hdr files. That means you can now use .hdr files directly in your Babylon.js scene!

Babylon React Native

With Babylon.js 4.1 we introduced Babylon Native, a system for building native applications with the same rendering power and code used for your Babylon.js web applications. This initiative takes a major step forward with Babylon React Native. This project takes the power of the React Native framework and combines it with the power, beauty, and simplicity of Babylon.js to unlock the ability to create some truly amazing cross-platform experiences.

Logo for React Native.
Babylon.js logo with documentation graphic.

New Documentation

Babylon.js features a rich library of documentation to help you get started and master the platform. With Babylon.js 4.2, we’ve completely reorganized the documentation to guide your learning as your knowledge advances. Whether you want to dive into a specific subject or follow the guided path, we are sure that the Babylon.js documentation will be more simple and helpful than ever before.

WebXR

Babylon.js 4.2 includes updated support for WebXR. This exciting new standard allows developers to easily create compelling cross-browser AR/VR web experiences. Babylon.js 4.2 adds support for hand tracking, hit-testing, advanced teleportation, cross-device input management and controller support, and much much more.

Phantom hands display for hand tracking in VR.
Rendering of an athletic shoe with material variants.

Updated Standards Support

Babylon.js 4.2 features support for the latest .glTF extensions, both ratified and experimental! This includes the latest effort from the Commerce 3D Working Group and KTX + BasisU. With constantly updated support of the latest capabilities of the .glTF format, Babylon.js ensures your 3D objects will render exactly how you expect them to.

Just the Tip of the Iceberg

We don't take it lightly when we say that Babylon.js is fully-featured. Dive in to see how far this rabbit hole goes!