Корпоративный сайт для Gravion
Запрограммирован сайт с интерактивной 3D-сценой, где при перемещении курсора шарики перестраиваются, формируя разные слова и логотип, с оптимизацией до 60 FPS
Задача
Необходимо запрограммировать сайт с интерактивной 3D-механикой, которая позволит отображать на первом экране логотип и слова, сложенные из шариков, с плавным перестроением при перемещении курсора
Решение
Созданы 3D-модели в Cinema 4D, разработан парсер для оптимизации моделей, использованы плоские диски вместо объёмных шариков и шейдерные скрипты для расчёта углов отражения света. Реализованы геометрические шейдеры для повышения FPS. На мобильных устройствах первый экран заменён на заставку с параллаксом.
Результат
Достигнут FPS до 60 даже на компьютерах без дискретной видеокарты и на iPhone 5