Software:Babylon.js

From HandWiki
Short description: Real-time 3D rendering engine for JavaScript
Babylon.js
Babylon logo v4.svg
Original author(s)David Catuhe[1]
Developer(s)Microsoft[2] and contributors[3]
Initial release2013; 11 years ago (2013)
Stable release5.3.0 (April 21, 2022; 22 months ago (2022-04-21)) [±]
Repositorygithub.com/BabylonJS/Babylon.js
Written inTypeScript, JavaScript
Type3D engine
LicenseApache License 2.0
Websitewww.babylonjs.com

Babylon.js is a real time 3D engine using a JavaScript library for displaying 3D graphics in a web browser via HTML5. The source code is available on GitHub and distributed under the Apache License 2.0.

History and progress

It was initially released in 2013 under Microsoft Public License having been developed by two Microsoft employees. David Catuhe created the 3D game engine and was helped by David Rousset (VR, Gamepad and IndexedDB support) mostly in their free time as a side-project. They were also helped by artist Michel Rousseau who contributed several 3D scenes. It is based on an earlier game engine for Silverlight's WPF based 3D system.[6][7] Catuhe's side-project then became his full-time job, and his team's primary focus.[8] In 2015, it was presented at the WebGL Conference in Paris.[9] As of 2018, it has more than 190 contributors[10] and following its promotion[11][12] and application in games,[13] including one by Ubisoft.[14] Its use has developed into a variety of fields such as:

Technical description

The source code is written in TypeScript and then compiled into a JavaScript version. The JavaScript version is available to end users via NPM or CDN who then code their projects in JavaScript accessing the engine's API. The Babylon.js 3D engine and user code is natively interpreted by all the web browser supporting the HTML5 standard and WebGL to undertake the 3D rendering.

Modeling methodology

The 3D modeling process used is that of polygon modeling with triangular faces to be represented by shell models.[28] Limited use of constructive solid geometry is possible though only as a transitional method to create the union, subtraction and intersection of shell models.[29] Once created models are rendered on an HTML 5 canvas element using a shader program which determines the pixel positions and colors on the canvas using the polygon models, the textures applied to each model, the scene camera and lights together with the 4 x 4 world matrices for each object which stores their position, rotation and scale.[30] The technique used to produce photo realistic images is that of physically based rendering[31] along with post-processing methods.[32] In order to simulate collisions between models and other real world physical actions one of two physics engines need to be added as plugins, these are Cannon.js and Oimo.[33] Animation involving, for example, changes in position or color of models is accomplished by key frame animation objects called animatables, while full character animation is achieved through the use of skeletons with blend weights.[32][34]

See also

References

  1. ↑ "David Catuhe - Group Engineering Manager - Microsoft". https://www.linkedin.com/in/dcatuhe. "... Creator and leader of Babylon.js open source project ..." 
  2. ↑ "Microsoft Unveils Babylon.js 4.1, a Powerful Open Source Web Rendering Engine". 28 February 2020. https://winbuzzer.com/2020/02/28/microsoft-unveils-babylon-js-4-1-a-powerful-open-source-web-rendering-engine-xcxwbn/. 
  3. ↑ "Contributors to BabylonJS/Babylon.js · GitHub". https://github.com/BabylonJS/Babylon.js/graphs/contributors. 
  4. ↑ "Releases 5.2.0 · BabylonJS/Babylon.js". 13 April 2022. https://github.com/BabylonJS/Babylon.js/releases. 
  5. ↑ "Releases · BabylonJS/Babylon.js". 13 April 2022. https://github.com/BabylonJS/Babylon.js/releases. 
  6. ↑ Elliot, Iain (2013-08-15). "Babylon.js - A WebGL Game Engine From Microsoft". http://www.i-programmer.info/news/144-graphics-and-games/6243-babylonjs-a-webgl-game-engine-from-microsoft.html. 
  7. ↑ Dumand, Mickael (2014-11-28). "Interview de David Rousset sur babylon.js" (in French). https://www.ekino.com/interview-david-rousset-babylonjs/. 
  8. ↑ Irwin, Emma (2021-02-21). "Microsoft Open Source success story—Babylon". https://cloudblogs.microsoft.com/opensource/2021/02/22/microsoft-open-source-success-story-babylon/. 
  9. ↑ Rousseau, Jean-Michel; Rousseau, David (2015-10-12). "BabylonJS et ses dernières fonctionnalités" (in French). http://www.webglparis.com/#videos2015. 
  10. ↑ "Contributors". GitHub. https://github.com/BabylonJS/Babylon.js/graphs/contributors. 
  11. ↑ Weber, Raanan (2015-12-01). Babylon.js Building a Basic Game for the Web. 30. MSDN. https://msdn.microsoft.com/en-us/magazine/mt595753.aspx. Retrieved 2018-09-12. 
  12. ↑ Weber, Raanan (2016-01-01). Game Development - Babylon.js: Advanced Features for Enhancing Your First Web Game. 31. MSDN. https://msdn.microsoft.com/en-us/magazine/mt614269. Retrieved 2018-09-12. 
  13. ↑ "Babylon.js Flight Simulator". http://www.flightarcade.com/learn/webgl. 
  14. ↑ Protalinski, Emil (2014-05-09). "Microsoft and Ubisoft launch 3D Web game Assassin's Creed Pirates, built with open-source framework Babylon.JS". The Next Web. https://thenextweb.com/microsoft/2014/05/19/microsoft-ubisoft-launch-3d-web-game-assassins-creed-pirates-built-open-source-framework-babylon-js/. 
  15. ↑ Nolan, Ben (2018-08-02). "Developing a Virtual World for multiple devices". https://medium.com/@bnolan/developing-a-virtual-world-for-multiple-devices-73e378997353. 
  16. ↑ Button, Brian (2018-05-24). "Visualizations of Boston, Massachusetts crime data". https://boston.ma.illuminated.city/#analytics. 
  17. ↑ Lurie, Jonathan. "MRI obliquing with webgl2 3D texture - Pixpipe & BabylonJS". https://www.youtube.com/watch?v=lcYsGEzI3zA. 
  18. ↑ Batista, Arthur V.; Lemos, Robson R.; Rudolph, Cristiane M.; Bueno, Bruna S.; Fiuza, Patricia J. (2018). "A Web3D Serious Game for Human Anatomy Education". p. 4. http://arthurvolpato.com/_projects/A%20Web%203d%20Serious%20Game%20for%20Anatomy%20Education.pdf. 
  19. ↑ "3D Clothing Demo with BabylonJS". 20 September 2016. https://html5gamedevelopment.com/3d-clothing-demo-with-babylonjs/. 
  20. ↑ Moreno, Francisco; Ramirez, Esmitt; Sans, Francisco; Carmona, Rhadamés (2015-10-23). "An Open Source Framework to Manage Kinect on the Web". 2015 Latin American Computing Conference (CLEI). p. 7. doi:10.1109/CLEI.2015.7359995. ISBN 978-1-4673-9143-6. https://www.researchgate.net/publication/284171406. Retrieved 2018-09-09. 
  21. ↑ Maxwell, Douglas; Heilmann, Michael (2017). "Leveraging HTML5 and WebGL to Address Information Assurance Barriers for Simulation Based Training in the U.S. Military". p. 8. http://www.modsimworld.org/papers/2017/Leveraging_HTML5_and_WebGL_to_Address_Information_Assurance_Barriers_for_Simulation_Based_Training_in_the_US_Military.pdf. 
  22. ↑ Goussu, Laurence. "Digital Pompéi". The National Institute for Research in Computer Science and Control (Inria). https://www.inria.fr/en/news/mediacentre/digital-pompei-a-massive-3d-model-rendered-in-microsoft-edge. 
  23. ↑ "Sponza Palace". https://www.babylonjs.com/demos/sponza/. 
  24. ↑ Cardoza, Christina; Moore, Madison (2017-07-14). "SD Times news digest". SD Times. https://sdtimes.com/box/day-action-net-neutrality-box-elements-microsofts-babylon-js-3-0/. 
  25. ↑ "XBox Design Lab". https://xboxdesignlab.xbox.com/en-US/customize. 
  26. ↑ Viola, Fabio; Roffia, Luca; Antoniazzi, Francesco; D’Elia, Alfredo; Aguzzi, Cristiano; Cinotti, Tullio Salmon (2018-08-17). "Interactive 3D Exploration of RDF Graphs through Semantic Planes". Future Internet 10 (8): 5–8. doi:10.3390/fi10080081. 
  27. ↑ Rodríguez, Juan Manuel Jurado; Alvarado, Lidia Ortega; Higueruela, Francisco R. Feito (2018). "3D underground reconstruction for real-time and collaborative virtual reality environment". World Society for Computer Graphics. pp. 40, 43. http://wscg.zcu.cz/WSCG2018/2018-papers/!!_CSRN-2802-6.pdf. 
  28. ↑ Chenard, Julian. "Tree Generator - How to use VertexData object". http://www.pixelcodr.com/tutos/trees/trees.html. 
  29. ↑ Feldspar, Craig. "Constructive Solid Geometry in Babylon.js". https://github.com/CraigFeldspar/BabylonCSG. 
  30. ↑ Catuhe, David (November 2016). "Building Shaders with Babylon.js". https://www.smashingmagazine.com/2016/11/building-shaders-with-babylon-js/. 
  31. ↑ Ryan, Patrick (2018-01-08). "Art Pipeline for glTF". https://www.khronos.org/blog/art-pipeline-for-gltf. 
  32. ↑ 32.0 32.1 Moreau-Mathis, Julien (2016). Babylon.js Essentials. Packt Publishing. ISBN 978-1785884795. https://www.packtpub.com/game-development/babylonjs-essentials. 
  33. ↑ Rousset, David (2015-06-11). "WebGL Physics and Collision Detection Using BabylonJS and Oimo.js". https://gamedevelopment.tutsplus.com/tutorials/webgl-physics-and-collision-detection-using-babylonjs-and-oimojs--cms-24114. 
  34. ↑ Beaulieu, Andy (2014-05-26). "babylon.js: physics and character animation". http://www.spritehand.com/2014/08/babylonjs-physics-and-character.html. 

Further reading

External links



Retrieved from "https://handwiki.org/wiki/index.php?title=Software:Babylon.js&oldid=3459362"