hemi.xyz
Интерактивные 3D-сцены на Three.js для сайта hemi.xyz: модели из Blender, плавная работа на обычных телефонах.
- Роль
- Фронтенд-инженер, 3D
- Компания
- POW, London
- Период
- 2024 - 2025
Задача
hemi.xyz хотел на сайте 3D, которое живёт в реальном браузере, а не только на рендере: сцены дизайнеров из Blender нужно было превратить в живые интерактивные части страницы.
Что я сделал
Перенёс модели из Blender в Three.js, написал собственные шейдеры и анимационные таймлайны, оптимизировал цикл рендера под устройства среднего уровня. Собрал сцены в переиспользуемые компоненты, одна из них есть в демо.
Результат
3D, которое держит 60 FPS на телефонах среднего класса, а не только на ноутбуке дизайнера.