Анимация three js для Logo в SVG.

Пример:

https://saihoji-kokedera.com/

Нужна только анимация логотипа, максимально похожая как в примере.Появления видео через эффект волны не нужен.

Логотип предоставим в формате SVG.

Вот у нас есть актуальная ссылка на проект - https://alfa-snowflakes.vercel.app/

Это то что на данный момент сделано.

Нужно доделать (максимально сделать похоже на пример):


- цвет

- тени частиц (размытие частиц) когда они летят. Нужно сделать прогрессию уменьшения частиц быстрее, что бы они уменьшались в полете быстрее. На данный момент они слишком большие в середине полета.

- траектория полета частиц, они должны вылетать из центра экрана но все равно с разбросом, как в примере

- лого в svg должен заполнятся частицами и в конце Быть одного полного цвета, без каких-либо просветов или не заполненности.

- время полета частиц

- нужен черный фон для всей площади анимации, который будет переходить в прозрачный когда анимация завершилась, и показывать сайт. Без анимации волны как в примере

После окончания проекта нужно будет объяснить как менять цвет частиц и фона и загружать наш логотип. Возможно будет нужна помощь с интеграцией анимации three js в webflow

Анимация и размер логотипа должны быть адаптивными. То есть работать стабильно и хорошо на все браузерах и девайсах (телефонах тоже).