Практикуем Three.js, интерактивная сетка из геометрий

В новом практическом уроке по Three.js мы создадим интерактивную сетку из разных геометрий. Узнаем как: - Создавать сетку объектов с помощью циклов - Использовать Raycaster для обнаружения кликов - Менять цвет и добавлять вращение для активного объекта - Использовать Tween для плавных анимаций - Возвращать неактивные объекты на исходные позиции Полезный урок, чтобы закрепить навыки работы с объектами, анимациями и интерактивностью в Three.js на практическом примере. 100 ❤️ и я пойму, что вам хочется больше подобных видео •••••••••••••• 0:00 Введение 0:40 Превью проекта 1:09 Использование шаблона 2:35 Добавление отображения группы геометрий 6:02 Добавляем обработку кликов при помощи Raycaster 11:38 Добавляем вращение активной геометрии 12:40 Добавляем анимацию при помощи TWEEN 17:04 Итоги проекта и план на следующий урок •••••••••••••• Ресурсы, про которые я говорила в ролике: - Базовый шаблон для проекта:
- Исходный код проекта:
- Видео, в котором мы разбирали геометрии:    • Все основные геометрии в Three.js за ...   •••••••••••••• ✈️ Telegram канал проекта:
☕️ Угостить меня кофе:
Спасибо за внимание ♥︎