Skip to main content
May 13, 2022
Uncategorized

Babylon.js 5.0: News Tools – Part 2

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 thanks to a suite of new and exciting tools.

Animation Curve Editor

Creating and modifying animation data in a rendering engine can be complicated and verbose, but not anymore! Babylon.js 5.0 adds a built-in Animation Curve Editor (ACE), making it incredibly easy to create and modify animation data directly in your Babylon scene. As with all Babylon.js Platform tools, you can also save your animation data to the Babylon.js Snippet Server and load it back into your Babylon.js scene with one single line of code!

See it in action here: Play with the Animation Curve Editor

Learn more: Animation Curve Editor Documentation

Performance Profiler

Performance is one of the most important things to keep in mind as you create advanced interactive 3D experiences. After all, you don’t want to create an awesome experience that only runs on the most high-end graphics cards, right? You want to create something that EVERYONE can enjoy, and this means keeping track of and optimizing the performance of your scene. Babylon.js 5.0 makes performance debugging and management a breeze with the introduction of the new Performance Profiler. This handy tool allows you to see a real time graph of key performance indicators of your scene, all hooked up live! Make a change, see the impact on perf. It’s really that simple!

See it in action here: Performance Profiler Demo

Learn more: Performance Profiler Documentation

GUI Editor Beta

Babylon.js has a powerful GUI system that offers countless widgets, controls, and properties to help you create rich GUIs. With Babylon.js 5.0 that powerful system becomes far simpler to use with the introduction of the GUI Editor Beta. While still in active development, the GUI Editor Beta is a rich and modern tool, allowing you to create the perfect GUI with a simple and intuitive drag-and-drop interface. Say goodbye to thousands of lines of GUI code and hello to a world of design with the GUI Editor Beta and loading your creations with a single line of code!

See it in action here: GUI Editor Beta Demo

Try it out for yourself: GUI Editor

Learn more: GUI Editor Beta Documentation

New Node Material Nodes

The Node Material Editor is one of the most advanced tools available in the Babylon Platform. One simple UI that helps you generate stunning GLSL shaders with ease. With Babylon.js 5.0 the Node Material gets even better with the introduction of several powerful new nodes!

Check out the new nodes:

Learn More: Node Material Documentation

Asset Librarian

The Babylon.js Platform offers a large library of free Creative Commons 0 assets available for you to use in your Babylon.js scenes, completely for free. With Babylon.js 5.0, accessing these assets is easier and faster than ever! The new Asset Librarian brings a new Assets namespace that you can use in your projects to easily access the 200+ free assets to make your Babylon.js scenes soar.

Try it out: Asset Librarian Demo

Learn More: Asset Librarian Documentation

Dev Stories Documentation

Babylon.js 5.0 adds a whole new category of documentation called “Dev Stories.” These new tutorials are designed to walk you, step-by-step, through some common scenarios that many Babylon.js developers ask about. From setting up a Babylon.js project quickly, adding interactive 3D elements to your e-commerce site, to deploying your Babylon.js project to a Native Application, “Dev Stories” are rich, deep, detailed tutorials aimed at helping you take your project from idea to reality!

Check It Out: Dev Stories!

“Going The Distance With Babylon.js” A New Book               

We are also incredibly excited to share that alongside Babylon.js 5.0, community member and talented author Josh Elster has written an entirely new book about Babylon.js 5.0. Published by Packt Publishing, “Going The Distance With Babylon.js” is written from the mindset of taking you through the entire development process of building a game with Babylon.js from the ground up. We are thrilled to partner with Josh and Packt on this book and think it’ll be a great addition to your library and accelerate your Babylon.js learning journey.

Pick Up Your Copy Here: Babylon.js 5.0: The Book

Beside the tooling, there are also a ton of new features in the engine itself. Check out part three to learn more about the exciting new improvements with Babylon.js 5.0.