Оптимизация 3D-модели и размещение ее на сайте
- Задача
- Решение
- Результат
- Бизнес-эффект
- Соавторы
- Презентация проекта
- Примеры реализации
- Другие работы автора
Задача
Задача заключалась в том, чтобы сделать 3D-модель для landing page и оптимизировать ее. Необходимо было сделать наиболее реалистичную цветопередачу, что сделать достаточно сложно. После обсуждения проекта, я получил модель в cinema 4D. Проведя исследование я выбрал библиотеку three.js.
Решение
Были переработаны материалы 3D модели, уменьшен их размер c 40мб до 1мб за счет новых моделей, также проведена оптимизация draco и был выбран самый оптимальный формат. Далее была создана 3D сцена, которая тоже была оптимизирована и заменена на белый цвет.
Результат
В итоге для landing page получена оптимальная модель по цветопередаче и оптимизации. Клиент остался доволен.