Preview

Informatics in school

Advanced search

Modeling of stereometric figures in a browser using WebGL

https://doi.org/10.32517/2221-1993-2020-19-9-22-27

Abstract

The article is devoted to WebGL technology. Previously, web browsers could only display simple graphics using а processor. Today's adopted hardware acceleration support allows browsers to access the computer's GPU to render increasingly complex 3D graphics. To facilitate working with WebGL, you can use ready-made libraries, for example three.js. Thе article provides an overview of the three.js library tools for creating 3D shapes in the browser. Snippets of JavaScript code that implement basic 3D primitives are provided. Ways to apply textures are shown.

The results presented in the article will be useful to teachers of informatics when used in additional classes or when organizing project and research activities of schoolchildren in informatics. Students will be able to familiarize themselves with the promising JavaScript language and gain basic 3D modeling skills.

About the Author

A. N. Vildanov
Neftekamsk branch of Bashkir State University
Russian Federation


References

1. Вильданов А. Н. 3D-моделирование на WebGL с помощью библиотеки Three.js: учебное пособие. Уфа: РИЦ БашГУ, 2014. 114 с.

2. Вильданов А. Н., Шафеева Е. П. Трехмерная браузерная визуализация молекул с помощью технологии webgl // Современные проблемы науки и образования. 2014. № 6. С. 256.

3. Герасимова Т. В. Веб и 3D-графика // Известия СПбГЭТУ ЭТИ. 2018. № 7. C. 13–26.

4. «Планоплан» — 3D-планировщик квартир, бесплатная онлайн программа для создания интерьера помещений, расстановки мебели и создания виртуальных туров // ООО «Планоплан». https://planoplan.com/ru/demo

5. Филинских А. Д., Корсаков К. С. Загрузка моделей в технологии WebGL // Кограф-2018: Сборник материалов 28-й Всероссийской научно-практической конференции по графическим информационным технологиям и системам. Н. Новгород: Нижегород. гос. техн. ун-т им. Р. Е. Алексеева, 2018. С. 125–129.

6. Get started with WebGL// Microsoft. http://msdn.microsoft. com/ru-ru/Library/dn385807(v=vs.85).aspx

7. JavaScript-анимации // Современный учебник JavaScript. https://learn.javascript.ru/js-animation

8. Stemkoski L. Three.js — examples. http://stemkoski.github. io/three.js

9. Three.js — JavaScript 3D library. http://threejs.org


Review

For citations:


Vildanov A.N. Modeling of stereometric figures in a browser using WebGL. Informatics in school. 2020;1(9):22-27. (In Russ.) https://doi.org/10.32517/2221-1993-2020-19-9-22-27

Views: 478


Creative Commons License
This work is licensed under a Creative Commons Attribution 4.0 License.


ISSN 2221-1993 (Print)