Проект: «Разработка конструктора интерактивных инструкций в веб-браузере»
Цель проекта: разработка сцены Three.js с возможностью интерактивного взаимодействия с 3D-моделью.
Основные задачи:
разработка сцены Three.js;
разработка панели инструментов;
реализация модуля аннотаций;
построение и отображение спецификации и дерева элементов модели.
Этапы разработки:
разработка модуля сцены Three.js;
реализация функционала панели инструментов;
разработка модуля для взаимодействия с анимациями и камерой;
реализация модуля аннотаций;
разработка функционала по построению и отображению спецификации и дерева элементов.
Учебная группа
Имя пользователя
Ф.И.О.
181-325
@Marcusbille
Журавлев М.С.
181-325
@Trizo1
Хамидех Н.Х.
181-325
@JoshTD
Хрусталев Г.Н.
181-325
@Adetill56
Шик И.А.
Активность
Академические часы
Изучение основ Three.js
6
Изучение основ Blender
6
Изучение основ Tween.js
4
Изучение принципа работы с камерой в Three.js
6
Изучение класса Raycaster в Three.js
6
Поиск примеров реализации анимации движения камеры на сцене Three.js
4
Реализация метода отправки 3D-модели с сервера
6
Разработка функционала для взаимодействия с камерой сцены Three.js
6
Реализация анимации движения камеры
6
Разработка анимации 3D-модели
6
Выгрузка и проигрывание анимации на сцене Three.js
6
Реализация функционала по построению и отображению спецификации 3D-модели
6
Оформление документации по проекту
6
Всего часов
74
Активность
Академические часы
Изучение основ Three.js
6
Изучение класса PerspectiveCamera в Three.js
4
Изучение реализации освещения на сцене Three.js
6
Изучение класса WebGLRenderer в Three.js
4
Изучение реализации пост-обработки в Three.js
6
Поиск примеров реализации сцены Three.js
4
Разработка и настройка базового веб-приложения
4
Верстка и стилизация компонента сцены
6
Реализация базовой инициализации сцены Three.js
6
Настройка камеры на сцене
4
Добавление источников освещения на сцену
6
Добавление пост-обработки на сцену
6
Реализация функционала по построению и отображению дерева элементов 3D-модели
6
Оформление документации по проекту
6
Всего часов
74
Активность
Академические часы
Изучение основ Three.js
6
Изучение класса Raycaster в Three.js
6
Изучение класса Mesh в Three.js
6
Изучение класса Material в Three.js
4
Изучение основ Tween.js
4
Изучение основ Angular
6
Поиск примеров реализации скрытия объектов на сцене
6
Поиск примеров реализации изолирования объекта на сцене
6
Реализация выделения объекта 3D-модели при наведении
6
Реализация выделения объекта 3D-модели при клике
6
Реализация функционала по скрытию объекта 3D-модели
6
Реализация функционала по изолированию объекта 3D-модели
6
Оформление документации по проекту
6
Всего часов
74
Активность
Академические часы
Изучение основ Three.js
6
Изучение класса PerspectiveCamera в Three.js
4
Изучение управления камерой в Three.js
4
Изучение основ Angular Material
6
Изучение основ Tween.js
6
Поиск примеров реализации аннотаций в Three.js
6
Поиск примеров реализации разноса модели в Three.js
6
Верстка и стилизация панели инструментов на сцене
4
Реализация функционала по облету 3D-модели
4
Реализация функционала по разносу 3D-модели
6
Верстка и стилизация компонента боковой панели инструментов
6
Верстка и стилизация компонента аннотаций
4
Разработка функционала по взаимодействию с аннотациями
6
Оформление документации по проекту
6
Всего часов
74