Практикуем 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 Итоги проекта и план на следующий урок •••••••••••••• Ресурсы, про которые я говорила в ролике: Базовый шаблон для проекта: https://github.com/WebDev-Sandbox/thr...
Исходный код проекта: https://github.com/GuVictory/threejs-...
Видео, в котором мы разбирали геометрии:    • Все основные геометрии в Three.js за 20 минут   •••••••••••••• ✈️ Telegram канал проекта: https://t.me/WebDevSandbox
☕️ Угостить меня кофе: https://pay.cloudtips.ru/p/4013864b
Спасибо за внимание ♥︎