Практикуем 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 за 20 минут   •••••••••••••• ✈️ Telegram канал проекта:
☕️ Угостить меня кофе:
Спасибо за внимание ♥︎