请输入您要查询的百科知识:

 

词条 Babylon.js
释义

  1. History and Progress

  2. Technical Description

  3. Modeling Methodology

  4. Bibliography

  5. References

  6. External links

{{Infobox software
| name = Babylon.js
| logo = Logo-babylonjs-v3.png
| logo alt =
| logo caption =
| author =
| developer =
| released =
| latest release version =
| latest release date =
| latest preview version =
| latest preview date =
| repo = {{URL|https://github.com/BabylonJS/}}
| programming language = TypeScript, JavaScript
| operating system =
| platform =
| size =
| language =
| language count =
| language footnote =
| genre =
| license = Apache 2.0
| alexa =
| website = {{URL|http://babylonjs.com/}}
| standard =
| AsOf =
}}

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 having been developed by two Microsoft employees, David Catuhe and David Rousset in their free time, helped by artist Michel Rousseau as a 3D games engine;;..[1]

[2]. In 2015 it was presented at the WebGL Conference in Paris [3]. As of 2018 it now has more than 190 contributors [4] and following its promotion

[5]

[6] and application in games[7], including one by Ubisoft[8] its use has developed into a variety of fields such as:

  • blockchain worlds[9]
  • crime data visualization[10];
  • education in medicine[11][12];
  • fashion avatars[13];
  • managing Kinect on the web[14];
  • military training[15];
  • modelling historic sites[16][17];
  • Product Design[18][19];
  • RDF Graphs[20];
  • Urban Underground Infrastructure Modelling[21]

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[22]. Limited use of constructive solid geometry is possible though only as a transitional method to create the union, subtraction and intersection of shell models[23]. 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[24]. The technique used to produce photo realistic images is that of physically based rendering[25] along with post-processing methods[26]. 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[27]. 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[26][28]

Bibliography

  • {{cite book | last = Moreau-Mathis | first = Julien | title = Babylon.js Essentials |url = https://www.packtpub.com/game-development/babylonjs-essentials | publisher = Packt Publishing | year = 2016 | isbn = 978-1785884795 }}
  • {{cite article | last1 = Chenard | first1 = Julian |last2= Moreau-Mathis | first2 = Julien |title = Réaliser un jeu en 3D avec BabylonJS |url = http://www.programmez.com/magazine/article/realiser-un-jeu-3d-avec-babylonjs | format = PDF |language= French |trans-title=Creating a 3D Game with BabylonJS | magazine= Programmez! |year= 2016}}
  • {{cite article | last1 = Bousquié | first1 = Jérôme |title = La 3D sur le Web avec BabylonJS |url = http://www.programmez.com/magazine/article/la-3d-sur-le-web-avec-babylonjs | format = PDF |language= French |trans-title= 3D on the Web with BabylonJS | magazine= Programmez! |year= 2015}}
  • {{cite article | last = Catuhe | first = David | title = Sous le capot d'un moteur 3D |url = http://www.programmez.com/magazine/article/sous-le-capot-dun-moteur-3d-babylonjs | format = PDF |language= French |trans-title= Under the Hood of a 3D Engine | magazine= Programmez! |year= 2014}}
  • {{cite book | last = Chenard | first = Julien | title = Learning BabylonJS |url=http://learningbabylonjs.com/ | format= e-book | year = 2015 }}
  • {{cite book | last = Cozzi | first = Patrick | title = WebGL Insights | chapter=WebGL Engine Design in Babylon.js |chapter-url = https://www.crcpress.com/WebGL-Insights/Cozzi/p/book/9781498716079 | publisher = CRC Press | year = 2015 | isbn = 978-1498716079 }}

References

1. ^{{cite web| url=http://www.i-programmer.info/news/144-graphics-and-games/6243-babylonjs-a-webgl-game-engine-from-microsoft.html |title= Babylon.js - A WebGL Game Engine From Microsoft |last=Elliot |first = Iain |date=2013-08-15 |website=i-programmer.info | access-date=2018-09-06}}
2. ^{{cite web| url=https://www.ekino.com/interview-david-rousset-babylonjs/ |title= Interview de David Rousset sur babylon.js |trans-title= An Interview with David Rousset on Babylon.js |language = French |last=Dumand |first = Mickael |date=2014-11-28 |website=ekino | access-date=2018-09-07}}
3. ^{{cite web| url=http://www.webglparis.com/#videos2015 |title= BabylonJS et ses dernières fonctionnalités |trans-title=BabylonJS and its latest features |language=French|last1=Rousseau |first1 = Jean-Michel |last2 = Rousseau |first2 = David |date=2015-10-12 |website=webglparis.com | access-date=2018-09-12}}
4. ^{{cite web | url = https://github.com/BabylonJS/Babylon.js/graphs/contributors | title = Contributors | author= | publisher= GitHub | access-date = 2018-09-06}}
5. ^{{cite magazine | last= Weber | first=Raanan | title = Babylon.js Building a Basic Game for the Web | url = https://msdn.microsoft.com/en-us/magazine/mt595753.aspx |publisher= MSDN | volume=30 | issue = 13 |date = 2015-12-01 |access-date=2018-09-12 }}
6. ^{{cite magazine | last= Weber | first=Raanan | title = Game Development - Babylon.js: Advanced Features for Enhancing Your First Web Game | url = https://msdn.microsoft.com/en-us/magazine/mt614269 |publisher= MSDN | volume=31 | issue = 1 |date = 2016-01-01 |access-date=2018-09-12 }}
7. ^{{cite web| url=http://www.flightarcade.com/learn/webgl |title= Babylon.js Flight Simulator | access-date=2018-09-07}}
8. ^{{cite web| url=https://thenextweb.com/microsoft/2014/05/19/microsoft-ubisoft-launch-3d-web-game-assassins-creed-pirates-built-open-source-framework-babylon-js/ |title= Microsoft and Ubisoft launch 3D Web game Assassin's Creed Pirates, built with open-source framework Babylon.JS |last = Protalinski | first = Emil |date=2014-05-09 |publisher= The Next Web | access-date=2018-09-07}}
9. ^{{cite web| url=https://medium.com/@bnolan/developing-a-virtual-world-for-multiple-devices-73e378997353 |title= Developing a Virtual World for multiple devices |last=Nolan |first = Ben |date=2018-08-02 |website=medium.com | access-date=2018-09-05}}
10. ^{{cite web| url=https://boston.ma.illuminated.city/#analytics |title= Visualizations of Boston, Massachussetts crime data | last1 = Button | first1 = Brian |date = 2018-05-24| access-date=2018-09-09}}
11. ^{{cite web| url=https://www.youtube.com/watch?v=lcYsGEzI3zA |title= MRI obliquing with webgl2 3D texture - Pixpipe & BabylonJS |last = Lurie | first = Jonathan | access-date=2018-09-09}}
12. ^{{cite article | last1 = Batista | first1 = Arthur V. | last2 = Lemos | first2 = Robson R. | last3 = Rudolph | first3 = Cristiane M. |last4=Bueno |first4=Bruna S. |last5=Fiuza |first5=Patricia J. |title = A Web3D Serious Game for Human Anatomy Education| page= 4 |url = http://arthurvolpato.com/_projects/A%20Web%203d%20Serious%20Game%20for%20Anatomy%20Education.pdf | format = PDF |year= 2018| access-date=2018-09-09}}
13. ^{{cite web| url=https://html5gamedevelopment.com/3d-clothing-demo-with-babylonjs/ |title= 3D Clothing Demo with BabylonJS |author= | access-date=2018-09-09}}
14. ^{{cite article |last1=Moreno |first1=Francisco |last2=Ramirez |first2=Esmitt |last3=Sans |first3=Francisco |last4=Carmona |first4=Rhadamés |date=2015-10-23 |title=An Open Source Framework to Manage Kinect on the Web |url = https://www.researchgate.net/publication/284171406_An_Open_Source_Framework_to_Manage_Kinect_on_the_Web |publisher=ResearchGate |page= 7 |doi= 10.1109/CLEI.2015.7359995 |access-date=2018-09-09}}
15. ^{{cite article | last1 = Maxwell | first1 = Douglas | last2 = Heilmann | first2 = Michael |title = Leveraging HTML5 and WebGL to Address Information Assurance Barriers for Simulation Based Training in the U.S. Military| page= 8 |url = http://www.modsimworld.org/papers/2017/Leveraging_HTML5_and_WebGL_to_Address_Information_Assurance_Barriers_for_Simulation_Based_Training_in_the_US_Military.pdf | format = PDF | website= modsimworld.org |year= 2017}}
16. ^{{cite web| url=https://www.inria.fr/en/news/mediacentre/digital-pompei-a-massive-3d-model-rendered-in-microsoft-edge |title= Digital Pompéi |last = Goussu | first = Laurence | publisher= The National Institute for Research in Computer Science and Control (Inria) | access-date=2018-09-07}}
17. ^{{cite web| url=http://babylonjs.com/Demos/Sponza/ |title= Sponza Palace |author= | access-date=2018-09-12}}
18. ^{{cite web| url=https://sdtimes.com/box/day-action-net-neutrality-box-elements-microsofts-babylon-js-3-0/ |title= SD Times news digest |last1 = Cardoza |first1= Christina |last2= Moore|first2= Madison | publisher= SD Times |date=2017-07-14 | access-date=2018-09-07}}
19. ^{{cite web| url=https://xboxdesignlab.xbox.com/en-US/customize |title= XBox Design Lab |author= |website=XBOX |access-date=2018-09-12}}
20. ^{{cite journal |last1=Viola |first1=Fabio |last2=Roffia |first2=Luca |last3=Antoniazzi |first3=Francesco |last4=D’Elia |first4=Alfredo |last5=Aguzzi |first5=Cristiano |last6=Cinotti |first6=Tullio Salmon |date=2018-08-17 |title=Interactive 3D Exploration of RDF Graphs through Semantic Planes |url=http://www.mdpi.com/1999-5903/10/8/81/htm |format=PDF, HTML, XML|journal=Future Internet |volume=10 |issue=8 |pages=5 – 8 |doi= 10.3390/fi10080081 |access-date=2018-09-09}}
21. ^{{cite article | last1 = Rodríguez | first1 = Juan Manuel Jurado | last2 = Alvarado | first2 = Lidia Ortega | last3 = Higueruela | first3 = Francisco R. Feito |title = 3D underground reconstruction for real-time and collaborative virtual reality environment| pages= 40, 43 |url = http://wscg.zcu.cz/WSCG2018/2018-papers/!!_CSRN-2802-6.pdf | format = PDF | publisher= World Society for Computer Graphics |year= 2018| access-date=2018-09-09}}
22. ^{{cite web| url=http://www.pixelcodr.com/tutos/trees/trees.html |title= Tree Generator - How to use VertexData object |last = Chenard |first = Julian |website=Pixel Codr | access-date=2018-11-27}}
23. ^{{cite web| url=https://github.com/CraigFeldspar/BabylonCSG |title= Constructive Solid Geometry in Babylon.js |last = Feldspar |first = Craig |website=Github | access-date=2018-11-27}}
24. ^{{cite web| url=https://www.smashingmagazine.com/2016/11/building-shaders-with-babylon-js/ |title= Building Shaders with Babylon.js |last = Catuhe |first = David |website=Smashing Magazine | access-date=2018-11-27}}
25. ^{{cite web| url=https://www.khronos.org/blog/art-pipeline-for-gltf |title= Art Pipeline for glTF |last = Ryan |first = Patrick |website=Khronos Group| access-date=2018-11-27}}
26. ^{{cite book | last = Moreau-Mathis | first = Julien | title = Babylon.js Essentials |url = https://www.packtpub.com/game-development/babylonjs-essentials | publisher = Packt Publishing | year = 2016 | isbn = 978-1785884795 }}
27. ^{{cite web| url=https://gamedevelopment.tutsplus.com/tutorials/webgl-physics-and-collision-detection-using-babylonjs-and-oimojs--cms-24114 |title= WebGL Physics and Collision Detection Using BabylonJS and Oimo.js |last=Rousset |first = David |date = 2015-06-11 |website=Game Development | access-date=2018-11-27}}
28. ^{{cite web| url=http://www.spritehand.com/2014/08/babylonjs-physics-and-character.html |title= babylon.js: physics and character animation |last=Beaulieu |first = Andy |date = 2014-05-26 |website=Spritehand | access-date=2018-09-06}}

External links

  • Official Site of the 3D engine
  • [https://github.com/BabylonJS/ Source of Babylon.js] on GitHub

8 : 2013 software|3D scenegraph APIs|Cross-platform software|Free 3D graphics software|Graphics libraries|JavaScript libraries|Software using the Apache license|WebGL

随便看

 

开放百科全书收录14589846条英语、德语、日语等多语种百科知识,基本涵盖了大多数领域的百科知识,是一部内容自由、开放的电子版国际百科全书。

 

Copyright © 2023 OENC.NET All Rights Reserved
京ICP备2021023879号 更新时间:2024/9/23 3:28:47