Слайд 2Задачи
Реализация приложения с возможностью формирования трехмерной сцены;
Подключение 3D моделей из готовых
![Задачи Реализация приложения с возможностью формирования трехмерной сцены; Подключение 3D моделей из](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/964179/slide-1.jpg)
библиотек в сцену, с дальнейшей возможностью корректирования трехмерных объектов пользователям;
Слайд 3WebGL, Three.js
Для решения задач использовались технологии WebGL и Three.js. Выбор на этих
![WebGL, Three.js Для решения задач использовались технологии WebGL и Three.js. Выбор на](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/964179/slide-2.jpg)
библиотеках остановился в силу некоторых причин:
отсутствует зависимость от ОС и присутствует кроссбраузерность, главное, чтобы ваш браузер поддерживал WebGL;
использование языка JavaScript, который достаточно распространен;
управление памятью – автоматическое, то есть не надо выполнять специальные действия для выделения и очистки памяти;
для рендеринга графики используется графический процессор на видеокарте, поэтому для этой технологии характерна высокая производительность.
Слайд 4План действий
реализация трехмерной сцены в web-приложение;
подключение 3D моделей в сцену;
формирование возможности изменения
![План действий реализация трехмерной сцены в web-приложение; подключение 3D моделей в сцену;](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/964179/slide-3.jpg)
трехмерных моделей внутри сайта.
Слайд 5Сцена в 3D-пространстве
Тег
![Сцена в 3D-пространстве Тег - формирует сцену и определяет ее свойства.](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/964179/slide-4.jpg)
Слайд 6Загрузка 3D моделей в сцену
THREE.STLLoader() – объект, с помощью которого происходит загрузка
![Загрузка 3D моделей в сцену THREE.STLLoader() – объект, с помощью которого происходит](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/964179/slide-5.jpg)
файлов формата stl, содержащих информацию для 3D моделирования
Слайд 7Меню
dat.GUI() – объект, образующий простой функционал для изменения свойств объекта.
![Меню dat.GUI() – объект, образующий простой функционал для изменения свойств объекта.](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/964179/slide-6.jpg)
Слайд 9Вывод
в результате работы были выполнены все поставленные цели;
исследовались полезные, для работы с
![Вывод в результате работы были выполнены все поставленные цели; исследовались полезные, для](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/964179/slide-8.jpg)
трехмерной графикой, свойства WebGL и Three.js
увеличение скорости загрузки сложных трехмерных объектов можно увеличить с помощью редупликации полигонов