3D-Graphics Adaptation in Network  Technologies for Practice Tasks Solving

Abstract

This article contains a short story of technologies development and tools, which were used for displaying 3d content for web sites. WebGL, which is a basic and only one tool for displaying 3d graphics on web pages, was reviewed. An analysis of advantages and disadvantages of this tool was made. A review of modern tools for applying 3d graphics to web pages to ease interaction with webgl was made. A review of theoretical knowledge of Three JavaScript libraby was made. Main advantages and disadvantages were highlighted and possibilities of this library were described. A review of theoretical knowledge of Babylon JavaScript library was made. Main advantages and disadvantages were highlighted and possibilities of this library were described. A comparison between Three JavaScript and Babylon JavaScript in terms of convenience of development and implementation of 3d graphics to web pages for a beginner web developer was made.  Main advantages and disadvantages were highlighted. A graph of popularity of both libraries was composed. A comparison table, which contains data about specifications, was constructed. Such as, export-import format, physical engine support, programming languages support, et cetera. A model of practice task or project, that contains 3d models, was made. The essence of the task is to create an educational online platform in which 3D graphics are implemented. This allows students to better understand the learning material. It also extends the capabilities of learning educational platforms and web pages in general. An analysis on which library is better to use for solving a task was carried out. Coming from the fact that WebGL is used to display 3D in the browser and it is difficult to work with it directly, it was decided to choose a library that simplifies the work. Despite the fact that both libraries are able to accomplish this task, Babylon JS was chosen. Babylon JavaScript library was chosen for the implementation of 3D models for the educational platform because this library is easier to learn for beginners, development takes less time, and there are many usefull examples that can be modified and integrated into the project immediately. It is worth noting that Babylon JavaScript is a more modern library, which is supported by well-known companies engaged in 3D graphics. There is also an active community that reports and suggests ways to resolve errors. So, if  the user has a question, he or she can hope for help to solve the problem. Also, worth mentioning is a tool like Babylon Playground, which allows to test 3D models directly in your browser. 

Keywords

References

1. “Adobe AIR and Adobe Flash Player Technologies,” Adobe Labs. [Online]. Available: https://labs.adobe.com/technologies/flashruntimes/.
2. “Microsoft Silverlight,” Microsoft. [Online]. Available: https://www.microsoft.com/silverlight/.
3. “WebGL 2.0 Specification,” Khronos Group. [Online]. Available: https://www.khronos.org/registry/webgl/specs/latest/2.0/.
4. “Three JS Documentation,” three.js. [Online]. Available: https://threejs.org/docs/.
5. “Three JS Examples,” three.js. [Online]. Available: https://threejs.org/examples/#webgl_animation_cloth.
6. “Babylon JS Documentation: Use a Physics Engine,” babylon.js. [Online]. Available: https://doc.babylonjs.com/how_to/using_the_physics_engine.
7. “Babylon JS Playground,” babylon.js. [Online]. Available: https://playground.babylonjs.com/.
8. “Typescript: The starting point for learning Typescript,” Microsoft. [Online]. Available: https://www.typescriptlang.org/docs/home.
9. “What is npm?,” Refsnes Data. [Online]. Available: https://www.w3schools.com/whatis/whatis_npm.asp.
10. “Google Trends: Babylon JS & Three JS,” Google. [Online]. Available: https://trends.google.com/trends/explore?q=babylonjs,threejs.

License

Copyright (c) 2020 Ілля Юрійович Проценко, Юрій Олексійович Оникієнко (Автор)