Моделирование стереометрических фигур в браузере с помощью WebGL.
https://doi.org/10.32517/2221-1993-2020-19-9-22-27
Аннотация
Статья посвящена технологии WebGL. Как известно, прежде веб-браузеры могли отображать с помощью процессора только простую графику. Сегодня же принятая поддержка аппаратного ускорения позволяет браузерам получать доступ к видеокарте компьютера для рендеринга более сложной трехмерной графики. Для облегчения работы с WebGL можно использовать готовые библиотеки, например three.js. В статье производится обзор средств библиотеки three.js для построения трехмерных фигур в браузере. Приведены фрагменты кода на JavaScript, реализующего основные трехмерные примитивы. Показаны способы наложения текстур.
Результаты, изложенные в статье, будут полезны преподавателям информатики при использовании на дополнительных занятиях или при организации проектной и научно-исследовательской деятельности школьников по информатике. Учащиеся смогут ознакомиться с перспективным языком JavaScript и получить первичные навыки трехмерного моделирования.
Об авторе
А. Н. ВильдановРоссия
Вильданов Алмаз Нафкатович, канд. физ.-мат. наук, доцент кафедры математического моделирования и информационной безопасности
452681, Республика Башкортостан, г. Нефтекамск, ул. Трактовая, д. 1
Список литературы
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
Рецензия
Для цитирования:
Вильданов А.Н. Моделирование стереометрических фигур в браузере с помощью WebGL. Информатика в школе. 2020;1(9):22-27. https://doi.org/10.32517/2221-1993-2020-19-9-22-27
For citation:
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