08 · 3D-лендинг · Собственный проект
Interactive 3D Product Landing
Интерактивный продуктовый landing page с Blender/GLB моделью, Three.js rendering, mouse/touch interaction и responsive animation.
Задача
Сделать 3D-модель главным героем страницы так, чтобы она быстро грузилась и одинаково хорошо работала с мышью и на тач-экранах.
Решение
- 01 Подготовка модели в Blender и экспорт в GLB.
- 02 Рендеринг на Three.js внутри Nuxt.
- 03 Вращение мышью и касанием, адаптивная анимация.
Результат
Живое демо: модель можно вращать на десктопе и на телефоне.