Анимация three js для Logo в SVG.
Пример:
Нужна только анимация логотипа, максимально похожая как в примере.Появления видео через эффект волны не нужен.
Логотип предоставим в формате SVG.
Вот у нас есть актуальная ссылка на проект –
Это то что на данный момент сделано.
Нужно доделать (максимально сделать похоже на пример):
- цвет
- тени частиц (размытие частиц) когда они летят. Нужно сделать прогрессию уменьшения частиц быстрее, что бы они уменьшались в полете быстрее. На данный момент они слишком большие в середине полета.
- траектория полета частиц, они должны вылетать из центра экрана но все равно с разбросом, как в примере
- лого в svg должен заполнятся частицами и в конце Быть одного полного цвета, без каких-либо просветов или не заполненности.
- время полета частиц
- нужен черный фон для всей площади анимации, который будет переходить в прозрачный когда анимация завершилась, и показывать сайт. Без анимации волны как в примере
После окончания проекта нужно будет объяснить как менять цвет частиц и фона и загружать наш логотип. Возможно будет нужна помощь с интеграцией анимации three js в webflow
Анимация и размер логотипа должны быть адаптивными. То есть работать стабильно и хорошо на все браузерах и девайсах (телефонах тоже).