Задача: Разработать лендинг для Sbercloud, ключевым графическим элементом в котором станут 3D облака точек с анимированными переходами между ними
Web 3D
О проекте
Sbercloud — облачный провайдер услуг и сервисов по моделям IaaS и PaaS для физлиц, стартапов, малого, среднего, крупного бизнеса, государственных учреждений и корпораций. Предлагает более 60 облачных сервисов, виртуальный ЦОД, платформу для ML-разработки полного цикла на базе двух суперкомпьютеров Christofari и Christofari Neo.
Как это было
Заказчик пришёл к нам с почти готовой концепцией и набором референсов для сайта своего нового продукта. Результат нужен был в кратчайшие сроки. За одну неделю нужно было разработать адаптивный сайт с интерактивными 3D-анимациями.
После изучения референсов вместе с заказчиком решили создать 3D-облака анимированных точек в форме различных фигур. С облаками можно взаимодействовать с помощью курсора мышки. При скролле страницы фигуры должны трансформироваться одна в другую с помощью красивых эффектов.
Процесс
Готовых решений не было. Но мы справились с задачей и уложились в сроки. Нам пришлось полностью разрабатывать сами модели, их поведение, взаимодействие с пользователем, алгоритмы движения частиц, их мерцания, появления и исчезновения, моделировать процессы взрыва и сборки фигур.
За одну неделю мы собрали лендинг и создали 3D-облака. Ещё неделя ушла на согласования и доработки. Через две недели проект был запущен.
Что мы сделали
Разработали лендинг по дизайну заказчика
Создали модели облаков из 3D-точек
Разработали алгоритмы анимации, взаимодействия и переходов точек и фигур
Разработали GLSL шейдеры для отображения облака точек