Слайд 2Задачи
Реализация приложения с возможностью формирования трехмерной сцены;
Подключение 3D моделей из готовых

библиотек в сцену, с дальнейшей возможностью корректирования трехмерных объектов пользователям;
Слайд 3WebGL, Three.js
Для решения задач использовались технологии WebGL и Three.js. Выбор на этих

библиотеках остановился в силу некоторых причин:
отсутствует зависимость от ОС и присутствует кроссбраузерность, главное, чтобы ваш браузер поддерживал WebGL;
использование языка JavaScript, который достаточно распространен;
управление памятью – автоматическое, то есть не надо выполнять специальные действия для выделения и очистки памяти;
для рендеринга графики используется графический процессор на видеокарте, поэтому для этой технологии характерна высокая производительность.
Слайд 4План действий
реализация трехмерной сцены в web-приложение;
подключение 3D моделей в сцену;
формирование возможности изменения

трехмерных моделей внутри сайта.
Слайд 5Сцена в 3D-пространстве
Тег

Слайд 6Загрузка 3D моделей в сцену
THREE.STLLoader() – объект, с помощью которого происходит загрузка

файлов формата stl, содержащих информацию для 3D моделирования
Слайд 7Меню
dat.GUI() – объект, образующий простой функционал для изменения свойств объекта.

Слайд 9Вывод
в результате работы были выполнены все поставленные цели;
исследовались полезные, для работы с

трехмерной графикой, свойства WebGL и Three.js
увеличение скорости загрузки сложных трехмерных объектов можно увеличить с помощью редупликации полигонов