"I love Babylon.js: Powerful, Beautiful, Simple, Open - Web-Based 3D At Its Best "

2022-05-12 17:23:32

TOOLS COMMUNITY GAMES E-COMMERCE BABYLON NATIVE LEARN SPECIFICATIONS RELEASE NOTES GET PLAYGROUND SANDBOX NODE MATERIAL EDITOR DOCUMENTATION EXPORTERS SPECTOR.JS FORUM DEMOS BABYLON NATIVE RUNTIME BABYLON REACT NATIVE DOCUMENTATION VIDEOS BLOG Welcome to Babylon.js 5.0 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. This is an important milestone for the Babylon.js platform. Babylon.js was named with a deep love and admiration of one of the greatest sci-fi shows of all time, and we are thrilled to announce the launch of the next version of the Babylon.js platform. Babylon.js 5.0 is quite simply the biggest, boldest, and most ambitious update to the platform to date. From full support of WebGPU, to the ability to deploy experiences across platforms with Native Capabilities, to more tools, features, and improvements than you can count - Babylon.js 5.0 ushers in the next generation of web rendering technology for everyone. Playground Node Material Editor Sandbox WebGPU WebGPU represents the next evolution in browser to GPU communication. The W3C's GPU for the Web Community Group built it from the ground up with performance in mind. WebGPU offers web developers access to some of the most advanced modern graphics capabilities such as compute shaders and lightning-fast texture loading. We have been actively participating in the WebGPU Workgroup from its earliest days and are proud to announce that Babylon.js 5.0 offers FULL support for WebGPU. WebGPU in Babylon.js documenation Cross-Platform Native Development We know developers want to reach as many people as possible with as little effort as possible. We are proud to announce that Babylon.js 5.0 unlocks the ability to use the Babylon.js API to develop web AND native applications. Whether you're targeting Web, Windows, Mac, iPhone, or Android Phone, Babylon.js 5.0 allows you to write your rendering code once and deploy it across the platforms of your choice, using the browser OR as native applications! Babylon cross platform documentation Space Pirates Demo What would the Babylon.js 5.0 release be without an appropriately themed demo to go with it? The Babylon Space Pirates Demo is designed to give game developers a tiny glimpse at the amazing possibilities of the Babylon.js Platform. GitHub repo for the project Animation Curve Editor Up until now, creating and modifying animation data in a rendering engine can be complicated and verbose. 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. Also, as with all Babylon.js Platform tools, you can 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! Animation curve editor documentation Performance Profiler Performance is one of the most important things to keep on the front of your mind as you create advanced interactive 3D experiences. 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! Performance profiler documentation 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! Unlimited morph targets 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! GUI Editor documentation 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: scene.useOrderIndependentTransparency = true Order independent transparency documentation WebXR Advancements WebXR is an incredible web standard allowing web developers to create amazing cross-browser XR experiences or add a mobile AR components to your web site. 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 with the introduction of Light Estimation. This powerful yet easy-to-use new feature allows you to estimate the light in your real-world location and automatically match the lighting and shadows of your virtual, world-locked object. Babylon.js 5.0 also adds support for WebXR image tracking and WebXR Layers! Light estimation 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 logical and procedural noise nodes! Node Material Editor 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! glTF 2.0 extensions 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! Mixed Reality Toolkit 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. Asset librarian 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! Material Plugin Manager 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 out the Dev Stories 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! Full List of Features FEATURED DEMOS Nike By You by Nike College Room Planner by Target Mayflower Autonomous Ship by IBM Minecraft Classic by Mojang Red Arrows British Royal Airforce SharePoint Spaces by Microsoft US Masters by ANGC MORE Forum Contribute Tutorials Branding