{"id":39381,"date":"2020-11-13T06:05:26","date_gmt":"2020-11-12T21:05:26","guid":{"rendered":"https:\/\/jirak.net\/wp\/babylon-js-4-2-simplicity-reimagined\/"},"modified":"2020-11-13T06:34:18","modified_gmt":"2020-11-12T21:34:18","slug":"babylon-js-4-2-simplicity-reimagined","status":"publish","type":"post","link":"https:\/\/jirak.net\/wp\/babylon-js-4-2-simplicity-reimagined\/","title":{"rendered":"Babylon.js 4.2: Simplicity Reimagined"},"content":{"rendered":"<p>Babylon.js 4.2: Simplicity Reimagined<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jirak.net\/wp\/wp-content\/uploads\/2020\/11\/1_bOFaMCZWXDd0o_FvdfEPMA.gif\" width=\"640\" height=\"360\"><br \/>\nOur 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.<\/p>\n<p>Today we are proud to introduce the latest evolution of the Babylon Platform, the amazingly simple <strong>Babylon.js 4.2.<\/strong><\/p>\n<p><iframe loading=\"lazy\" title=\"Babylon.js 4.2 Release Video\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/vkLZMHYj8d4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p>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 <strong>Babylon.js 4.2<\/strong> will make your development process faster and easier while unlocking new simple ways to work.<\/p>\n<p>Before diving into more detail, we want to take a quick moment to humbly thank the incredible community that contribute their knowledge, expertise, help, and passion to this amazing platform. Babylon.js would not be here without you.<\/p>\n<h3>Powerful New Particle Editor<\/h3>\n<p>You may already know that Babylon.js features a rich particle system with seemingly endless properties and features that you can leverage to create the perfect particle effect. Well, today it gets a whole lot easier. Welcome to the brand new Babylon.js Particle Editor. Built directly inside of the Inspector, you can now create particle systems with the click of the mouse. With direct UI access to nearly every particle system property, you can edit and shape the perfect particle system without writing a single line of code! And of course, you can export your particle system or save it to the snippet server to load into your Babylon.js scene with one simple line of code. Creating incredible particles has NEVER been more simple.<\/p>\n<p>See it in action here: <a href=\"https:\/\/aka.ms\/4_2_particlePlayground\">Play with the Particle Editor<\/a><\/p>\n<p>Learn more: <a href=\"https:\/\/aka.ms\/4_2_particleDoc\">Particle Editor Documentation<\/a><\/p>\n<h4><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-56061 aligncenter\" src=\"https:\/\/blogs.windows.com\/wp-content\/uploads\/prod\/sites\/3\/2020\/11\/1_bOFaMCZWXDd0o_FvdfEPMA.gif\" alt=\"\" width=\"640\" height=\"360\" \/><\/h4>\n<h3>Quick and Easy Sprite Editor<\/h3>\n<p>Creating, controlling, and managing sprite systems has also just gotten a whole lot easier with the brand new Sprite Editor. Also built directly into the Inspector, the Sprite Editor allows you to create, control, and save sprite systems without writing a single line of code. Just like with particle systems, you can load your newly created sprite system into your scene code with 1 simple command.<\/p>\n<p>See it in action here: <a href=\"https:\/\/aka.ms\/4_2_spritePlayground\">Play with the Sprite Editor<\/a><\/p>\n<p>Learn more: <a href=\"https:\/\/aka.ms\/4_2_spriteDoc\">Sprite Editor Documentation<\/a><\/p>\n<h3><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-56062 aligncenter\" src=\"https:\/\/blogs.windows.com\/wp-content\/uploads\/prod\/sites\/3\/2020\/11\/1_m-gb4Ed2oeXumI63DP1k9g.gif\" alt=\"\" width=\"720\" height=\"405\" \/><\/h3>\n<h3>Skeleton Viewer<\/h3>\n<p>We know that when something isn\u2019t working right, simple debugging tools can help us identify and fix the issue quickly. This is why we\u2019ve added an all new Skeleton Viewer to Babylon.js. From rendering bones and joints, to visualizing skin weights, the Skeleton Viewer is sure to make it quick and easy to debug pesky rigging issues inside your scene.<\/p>\n<p>See it in action here: <a href=\"https:\/\/aka.ms\/4_2_skeletonPlayground\">Play with the Skeleton Viewer<\/a><\/p>\n<p>Learn more: <a href=\"https:\/\/aka.ms\/4_2_skeletonDoc\">Skeleton Viewer Documentation<\/a><\/p>\n<h4><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-56058 aligncenter\" src=\"https:\/\/blogs.windows.com\/wp-content\/uploads\/prod\/sites\/3\/2020\/11\/Texture-Inspector.gif\" alt=\"\" width=\"720\" height=\"405\" \/><\/h4>\n<h3>Texture Inspector<\/h3>\n<p>Have you ever seen a strange seam or puzzling visual artifact in one of your textures? Go through that annoying change\/open\/save\/reload loop with your favorite image editor, just to spot the problem? Not anymore! We are thrilled to introduce the Texture Inspector for Babylon.js. This simple, intuitive tool gives you the power to visually investigate the textures in your scene. With the ability to zoom into individual pixels, inspect color channels, simple mark-up tools, and a live connection to the scene, the Texture Inspector is perfect for quickly identifying texture problems in your creation.<\/p>\n<p>See it in action here: <a href=\"https:\/\/aka.ms\/4_2_textureInspectorPlayground\">Play with the Texture Inspector<\/a><\/p>\n<p>Learn more: <a href=\"https:\/\/aka.ms\/4_2_textureInspectorDoc\">Texture Inspector Documentation<\/a><\/p>\n<h4><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-56064 aligncenter\" src=\"https:\/\/blogs.windows.com\/wp-content\/uploads\/prod\/sites\/3\/2020\/11\/1_lxWNFeXGyjXpY2gwkpuJcg.gif\" alt=\"\" width=\"720\" height=\"405\" \/><\/h4>\n<h3>Physically Based Rendering (PBR) Support in the Node Material Editor<\/h3>\n<p>The single most requested Babylon.js feature has arrived! <strong>Babylon.js 4.2<\/strong> adds PBR capabilities to the Node Material Editor! With this addition, you can now create your own custom PBR materials and shaders. With access to metallic, roughness, ambient occlusion, environment lighting and reflectivity, clearcoat, sheen, subsurface, anisotropy and more, you truly have everything that you need to create and modify amazing PBR materials, in a simple to use visual editor!<\/p>\n<p>See it in action here: <a href=\"https:\/\/aka.ms\/4_2_PBRNMEPlayground\">PBR in the Node Material Editor Demo<\/a><\/p>\n<p>Learn more: <a href=\"https:\/\/aka.ms\/4_2_PBRNMEDoc\">NME PBR Documentation<\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-56065 aligncenter\" src=\"https:\/\/blogs.windows.com\/wp-content\/uploads\/prod\/sites\/3\/2020\/11\/1_Dv1oN8i3bq5mfFmhkvwROQ.gif\" alt=\"\" width=\"720\" height=\"405\" \/><\/p>\n<h4>New Node Material Editor Modes<\/h4>\n<p>The Node Material Editor continues to be one of the most helpful tools in the Babylon.js toolbelt. With <strong>Babylon.js 4.2,<\/strong> it gets even better. The same tool that you can use to create stunning mesh shaders can now be used to create Procedural Textures, Particle Shaders, and Post Process Effects! Versatility++<\/p>\n<h3>Procedural Textures<\/h3>\n<p>See NME Procedural Textures in action here: <a href=\"https:\/\/aka.ms\/4_2_PTNMEPlayground\">Projected Procedural Texture<\/a> and here: <a href=\"https:\/\/aka.ms\/4_2_SBPTNMEPlayground\">Soft Body<\/a> <a href=\"https:\/\/aka.ms\/4_2_SBPTNMEPlayground\">Procedural Texture<\/a><\/p>\n<p>Learn more about NME Procedural Textures here: <a href=\"https:\/\/aka.ms\/4_2_PTNMEDoc\">NME Procedural Texture Documentation<\/a><\/p>\n<h4><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-56054 aligncenter\" src=\"https:\/\/blogs.windows.com\/wp-content\/uploads\/prod\/sites\/3\/2020\/11\/Post-Processes.gif\" alt=\"\" width=\"640\" height=\"360\" \/><\/h4>\n<h3>Post Processes<\/h3>\n<p>See NME Post Processes in action here: <a href=\"https:\/\/aka.ms\/4_2_PPNMEPlayground\">Post Process Playground<\/a><\/p>\n<p>Learn more about NME Procedural Textures here: <a href=\"https:\/\/aka.ms\/4_2_PPNMEDoc\">NME Post Process Documentation<\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-56051 aligncenter\" src=\"https:\/\/blogs.windows.com\/wp-content\/uploads\/prod\/sites\/3\/2020\/11\/Particle-Shaders-.gif\" alt=\"\" width=\"720\" height=\"405\" \/><\/p>\n<h3>Particle Shaders<\/h3>\n<p>See NME Particle Shading in action here: <a href=\"https:\/\/aka.ms\/4_2_PSNMEPlayground\">Particle Shader Demo<\/a><\/p>\n<p>Learn more about NME Procedural Textures here: <a href=\"https:\/\/aka.ms\/4_2_PSNMEDoc\">NME Particle Shader Documentation<\/a><\/p>\n<h4><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-56048 aligncenter\" src=\"https:\/\/blogs.windows.com\/wp-content\/uploads\/prod\/sites\/3\/2020\/11\/Customize-and-Reuse-Frames-in-the-Node-Material-Editor-.gif\" alt=\"\" width=\"720\" height=\"405\" \/><\/h4>\n<h3>Customize and Reuse Frames in the Node Material Editor<\/h3>\n<p><strong>Babylon.js 4.2<\/strong> brings another incredible super power to the Node Material Editor, the ability to export, save, reuse, and share custom frames! Yup, you heard that right! Just like Babylon.js 4.1, you can group nodes together into collapsible frames, but 4.2 brings the ability to customize them further, export them, and even load them into the available nodes panel!<\/p>\n<p>Try it out for yourself here: <a href=\"https:\/\/nme.babylonjs.com\/\">Node Material Editor<\/a><\/p>\n<p>Learn more about Custom NME Frames here: <a href=\"https:\/\/aka.ms\/4_2_NMECustomFramesDoc\">NME Custom Frames Documentation<\/a><\/p>\n<h4><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-56066 aligncenter\" src=\"https:\/\/blogs.windows.com\/wp-content\/uploads\/prod\/sites\/3\/2020\/11\/1_ir4Dh8maWzaz7oh3nrAUeg.gif\" alt=\"\" width=\"525\" height=\"296\" \/><\/h4>\n<h3>Playground Templates<\/h3>\n<p>When you\u2019re faced with writing thousands of lines of code, tools like intellisense and tab completion are life savers. With <strong>Babylon.js 4.2<\/strong>, we\u2019ve taken it a step further and unlocked the ability for you to quickly import commonly used code snippets that we call Playground<\/p>\n<p>Templates. Simply press \u2018CTRL + SPACE\u2019 in the playground to bring up the available templates click one and BOOM!<\/p>\n<p>See it in action here: <a href=\"https:\/\/aka.ms\/4_2_PGTemplatesPlayground\">Playground Templates<\/a><\/p>\n<p>Learn more: <a href=\"https:\/\/aka.ms\/4_2_PGTemplatesDoc\">Playground Templates Documentation<\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-56049 aligncenter\" src=\"https:\/\/blogs.windows.com\/wp-content\/uploads\/prod\/sites\/3\/2020\/11\/Direct-Support-for-.hdr-Filtering-.gif\" alt=\"\" width=\"720\" height=\"405\" \/><\/p>\n<h3>Direct Support for .hdr Filtering<\/h3>\n<p>When working with Image Based Lighting (IBL) in Babylon.js, you\u2019ve needed a .env or .dds file. With <strong>Babylon.js 4.2<\/strong>, we\u2019ve added direct support for pre-filtering .hdr files! That means you can now use .hdr files directly in your Babylon.js scene!<\/p>\n<p>You can play with this feature by heading over to <a href=\"https:\/\/hdrihaven.com\/\">HDRI Haven<\/a><a href=\"https:\/\/hdrihaven.com\/\">,<\/a> grabbing your favorite hdr file, and loading it into the <a href=\"https:\/\/sandbox.babylonjs.com\/\">Babylon.js Sandbox<\/a><a href=\"https:\/\/sandbox.babylonjs.com\/\">.<\/a><\/p>\n<p>Learn more: <a href=\"https:\/\/aka.ms\/4_2_HDRDoc\">Directly Use<\/a> <a href=\"https:\/\/aka.ms\/4_2_HDRDoc\">.hdr Files Documentation<\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-56047 aligncenter\" src=\"https:\/\/blogs.windows.com\/wp-content\/uploads\/prod\/sites\/3\/2020\/11\/Babylon-React-Native-.gif\" alt=\"\" width=\"720\" height=\"405\" \/><\/p>\n<h3>Babylon React Native<\/h3>\n<p>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. Today this initiative takes a major step forward with the announcement of 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.<\/p>\n<p><iframe loading=\"lazy\" title=\"Babylon React Native Demo\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/x6baGsEQhcU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p>Learn more: <a href=\"https:\/\/aka.ms\/4_2_BRNDoc\">Babylon React Native Blog Post<\/a><\/p>\n<h3>All New Documentation<\/h3>\n<p>Babylon.js features a rich library of documentation to help you get started and master the platform. With <strong>Babylon.js 4.2<\/strong> we\u2019ve completely reorganized the documentation to guide your learning as your knowledge advances. Shifting from a \u201cchoose your own adventure\u201d style structure, to a \u201cchapter book\u201d approach, we\u2019ve rebuilt the documentation to offer a more guided approach to learning the platform. Whether you want to dive into a specific subject or follow the guided path, we\u2019re sure that the Babylon.js documentation will be more simple and helpful than ever before.<\/p>\n<p>Check it out here: <a href=\"https:\/\/aka.ms\/4_2_newDocs\">New Documentation<\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-56067 aligncenter\" src=\"https:\/\/blogs.windows.com\/wp-content\/uploads\/prod\/sites\/3\/2020\/11\/1_AZPcMCs8ixy56ceCHCvn_g.gif\" alt=\"\" width=\"720\" height=\"405\" \/><\/p>\n<h3>KTX + BasisU Support<\/h3>\n<p><strong>Babylon.js 4.2<\/strong> features full support for the KTX + BasisU texture compression in the .glTF format. This amazing texture format features advanced compression that leads to smaller file and GPU sizes than .jpeg counterparts. With textures being one of the biggest contributors to large 3D file sizes, KTX + BasisU is sure to make 3D objects on the web transfer, load, and render faster than ever.<\/p>\n<p>See it in action here: <a href=\"https:\/\/aka.ms\/4_2_BasisUPlayground\">BasisU Playground<\/a><\/p>\n<p>Learn more: <a href=\"https:\/\/aka.ms\/4_2_BasisUDoc\">BasisU Documentation<\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-56059 aligncenter\" src=\"https:\/\/blogs.windows.com\/wp-content\/uploads\/prod\/sites\/3\/2020\/11\/Updated-WebXR-Support-1.png\" alt=\"\" width=\"849\" height=\"670\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-56060 aligncenter\" src=\"https:\/\/blogs.windows.com\/wp-content\/uploads\/prod\/sites\/3\/2020\/11\/Updated-WebXR-Support-2.png\" alt=\"\" width=\"836\" height=\"515\" \/><\/p>\n<h3><strong>Updated WebXR Support<\/strong><\/h3>\n<p><strong>Babylon.js 4.2<\/strong> includes updated support for WebXR. This exciting new standard allows developers to easily create compelling cross-browser AR\/VR web experiences. <strong>Babylon.js 4.2<\/strong> adds support for hand tracking, hit-testing, advanced teleportation, cross-device input management and controller support, and much much more.<\/p>\n<p>See it in action here: <a href=\"https:\/\/aka.ms\/4_2_webxr_demo\">WebXR Demo<\/a><\/p>\n<p>Full WebXR Feature List: <a href=\"https:\/\/aka.ms\/4_2_WebXRFeatures\">Babylon.js 4.2 WebXR Support<\/a><\/p>\n<p>Learn more: <a href=\"https:\/\/aka.ms\/4_2_WebXRDoc\">WebXR Documentation<\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-56068 aligncenter\" src=\"https:\/\/blogs.windows.com\/wp-content\/uploads\/prod\/sites\/3\/2020\/11\/1_aQk9c7Ly8zmr9TgPkBAWxg.gif\" alt=\"\" width=\"450\" height=\"450\" \/><\/p>\n<h3>Soft Transparent Shadows<\/h3>\n<p>Babylon.js features a rich shadow system with many powerful features. With <strong>Babylon.js 4.2<\/strong> shadows are getting even better with the added capability of being able to render soft transparent shadows for transparent objects.<\/p>\n<p>See it in action here: <a href=\"https:\/\/aka.ms\/4_2_STSPlayground\">Soft Transparent Shadows Demo<\/a><\/p>\n<p>Learn more: <a href=\"https:\/\/aka.ms\/4_2_STSDoc\">Transparent Shadows Documentation<\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-56069 aligncenter\" src=\"https:\/\/blogs.windows.com\/wp-content\/uploads\/prod\/sites\/3\/2020\/11\/1_0Rl2NUg2iv9pWUWdDD3Z9A.gif\" alt=\"\" width=\"720\" height=\"405\" \/><\/p>\n<h3>New Instancing Super Powers<\/h3>\n<p>If you take advantage of the advanced instancing systems in Babylon.js then rendering thousands of objects at one time is a breeze. <strong>Babylon.js 4.2<\/strong> advances the power of instances even further by unlocking several new superpowers, including instance buffers that allow individual instances to have unique properties such as mesh color. Things get even crazier when you leverage the new Thin Instance system which lets you render 10x more objects than ever before!<\/p>\n<p>See it in action here: <a href=\"https:\/\/aka.ms\/4_2_instancingPlayground\">Thin Instances Demo<\/a><\/p>\n<p>Learn more: <a href=\"https:\/\/aka.ms\/4_2_instancesDoc\">Thin Instances Documentation<\/a><\/p>\n<h4><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-56052 aligncenter\" src=\"https:\/\/blogs.windows.com\/wp-content\/uploads\/prod\/sites\/3\/2020\/11\/PBR-Next-.gif\" alt=\"\" width=\"480\" height=\"271\" \/><\/h4>\n<h3>PBR Next<\/h3>\n<p>Full support for Physically Based Rendering (PBR) is a top priority for Babylon.js. With version 4.2 we\u2019re pushing the limits of rendering even further, with some exciting new capabilities. Simulating the way light bounces around below the surface of semi-translucent objects is now possible with advanced sub-surface scattering support, and with the introduction of real-time PBR filtering, advanced refraction and reflection is now just a few lines of code away. With these advancements and more, <strong>Babylon.js 4.2<\/strong> is capable of producing the most beautiful renders yet!<\/p>\n<p>See it in action here: <a href=\"https:\/\/aka.ms\/4_2_PBRFilteringPlayground\">Real<\/a><a href=\"https:\/\/aka.ms\/4_2_PBRFilteringPlayground\">&#8211;<\/a><a href=\"https:\/\/aka.ms\/4_2_PBRFilteringPlayground\">Time PBR Filtering Demo<\/a><a href=\"https:\/\/aka.ms\/4_2_PBRFilteringPlayground\">,<\/a> <a href=\"https:\/\/aka.ms\/4_2_subSurfacePlayground\">Sub Surface Scattering Demo<\/a> Learn more: <a href=\"https:\/\/aka.ms\/4_2_PBRFilteringDoc\">Real<\/a><a href=\"https:\/\/aka.ms\/4_2_PBRFilteringDoc\">&#8211;<\/a><a href=\"https:\/\/aka.ms\/4_2_PBRFilteringDoc\">Time PBR Filtering<\/a><\/p>\n<h4><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-56057 aligncenter\" src=\"https:\/\/blogs.windows.com\/wp-content\/uploads\/prod\/sites\/3\/2020\/11\/Supporting-the-latest-glTF-extensions-.gif\" alt=\"\" width=\"500\" height=\"283\" \/><\/h4>\n<h3>Supporting the latest glTF extensions<\/h3>\n<p><strong>Babylon.js 4.2<\/strong> features support for the latest .glTF extensions, both ratified and experimental! 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. <strong>Babylon.js 4.2<\/strong> adds support for the following .glTF extensions:<\/p>\n<p><strong>Ratified:<\/strong><\/p>\n<p>See <a href=\"https:\/\/aka.ms\/4_2_khr_materials_clearcoat_doc\">KHR_materials_clearcoat<\/a> in action here: <a href=\"https:\/\/aka.ms\/4_2_khr_materials_clearcoat_demo\">Clearcoat Demo<\/a><\/p>\n<p>See <a href=\"https:\/\/aka.ms\/4_2_khr_materials_sheen_doc\">KHR_materials_sheen<\/a> in action here: <a href=\"https:\/\/aka.ms\/4_2_khr_materials_sheen_demo\">Sheen Demo<\/a><\/p>\n<p>See <a href=\"https:\/\/aka.ms\/4_2_khr_materials_transmission_doc\">KHR_materials_transmission<\/a> in action here: <a href=\"https:\/\/aka.ms\/4_2_khr_materials_transmission_demo\">Transmission Demo<\/a><\/p>\n<p>See <a href=\"https:\/\/github.com\/KhronosGroup\/glTF\/blob\/master\/extensions\/2.0\/Khronos\/KHR_texture_basisu\/README.md\">KHR_texture_basisu<\/a> in action here: <a href=\"https:\/\/aka.ms\/4_2_BasisUPlayground\">BasisU Demo<\/a><\/p>\n<p><strong>Experimental:<\/strong><\/p>\n<p>See <a href=\"https:\/\/aka.ms\/4_2_khr_materials_ior_doc\">KHR_materials_ior<\/a> in action here: <a href=\"https:\/\/aka.ms\/4_2_khr_materials_specular_demo\">IOR Demo<\/a><\/p>\n<p>See <a href=\"https:\/\/aka.ms\/4_2_khr_materials_specular_doc\">KHR_materials_specular<\/a> in action here: <a href=\"https:\/\/aka.ms\/4_2_khr_materials_specular_demo\">Specular Demo<\/a><\/p>\n<h4><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-56056 aligncenter\" src=\"https:\/\/blogs.windows.com\/wp-content\/uploads\/prod\/sites\/3\/2020\/11\/Supporting-3D-Commerce-.gif\" alt=\"\" width=\"720\" height=\"405\" \/><\/h4>\n<h3>Supporting 3D Commerce<\/h3>\n<p>Every day, 3D objects are becoming more and more commonplace in e-commerce scenarios.<\/p>\n<p>Whether it\u2019s designing your own room in 3D or simply rotating a product around in a viewer, 3D objects increase engagement and activation. This is why Babylon.js plays an active part in the 3D Commerce working group and features full and up to date support of all standards coming from this foundational effort. From across the globe, hundreds of companies are coming together to ensure 3D objects render consistently and beautifully across the web. <strong>Babylon.js 4.2<\/strong> fully supports the first standards coming from this incredibly important effort: <a href=\"https:\/\/aka.ms\/4_2_khr_materials_variants_doc\">KHR_material_variants<\/a> and <a href=\"https:\/\/github.com\/KhronosGroup\/glTF\/blob\/master\/extensions\/2.0\/Khronos\/KHR_xmp\/README.md\">KHR_xmp<\/a><a href=\"https:\/\/github.com\/KhronosGroup\/glTF\/blob\/master\/extensions\/2.0\/Khronos\/KHR_xmp\/README.md\">.<\/a><\/p>\n<p>See <a href=\"https:\/\/github.com\/KhronosGroup\/glTF\/blob\/master\/extensions\/2.0\/Khronos\/KHR_materials_variants\/README.md\">KHR_material_variants<\/a> in action here: <a href=\"https:\/\/aka.ms\/4_2_3DCommercePlayground\">Variants Demo<\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-56050 aligncenter\" src=\"https:\/\/blogs.windows.com\/wp-content\/uploads\/prod\/sites\/3\/2020\/11\/Much-Much-More.gif\" alt=\"\" width=\"600\" height=\"338\" \/><\/p>\n<h3><strong>Much Much More<\/strong><\/h3>\n<p>What\u2019s described above is just the tip of the iceberg. For a full list of features, enhancements, and fixes included in <strong>Babylon.js 4.2<\/strong>, you can <a href=\"https:\/\/aka.ms\/4_2_whats_new\">head on over here<\/a><a href=\"https:\/\/aka.ms\/4_2_whats_new\">.<\/a><\/p>\n<p><strong>Babylon.js 4.2<\/strong> is massive step forward to one of the most powerful, beautiful, simple, and open web rendering platforms in the world. We truly cannot wait to see what you create with it!<br \/>\nSource: <a href=\"https:\/\/blogs.windows.com\/blog\/2020\/11\/12\/babylon-js-4-2-simplicity-reimagined\/\" target=\"_blank\" rel=\"noopener noreferrer\">Babylon.js 4.2: Simplicity Reimagined<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<div class=\"mh-excerpt\"><p>Babylon.js 4.2: Simplicity Reimagined 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. Today we are proud to introduce the latest evolution of the Babylon Platform, the amazingly simple Babylon.js 4.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 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. Before diving into more detail, we <a class=\"mh-excerpt-more\" href=\"https:\/\/jirak.net\/wp\/babylon-js-4-2-simplicity-reimagined\/\" title=\"Babylon.js 4.2: Simplicity Reimagined\">[ more&#8230; ]<\/a><\/p>\n<\/div>","protected":false},"author":1,"featured_media":39382,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[169],"tags":[201],"class_list":["post-39381","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","tag-windows"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/posts\/39381","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/comments?post=39381"}],"version-history":[{"count":1,"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/posts\/39381\/revisions"}],"predecessor-version":[{"id":39383,"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/posts\/39381\/revisions\/39383"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/media\/39382"}],"wp:attachment":[{"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/media?parent=39381"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/categories?post=39381"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/tags?post=39381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}