Как создать анимацию распада фигур на частиц?

Question

[kvellou]

Суть проекта и анимации - показать, как различные частицы из хаоса структурируются и превращаются в четкие геометрические фигуры.

Будет 5 фигур - треугольник, квадрат, пяти и шестиугольник и круг. Ориентировочно вот такие:



Фигуры располагаются пространстве в озвученном ранее порядке.

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

Вот примеры (в примерах есть исходный код, если нажать на article прямо на странице)

https://tympanus.net/Tutorials/Blurry/

https://tympanus.net/Tutorials/TextureProjection/

https://tympanus.net/Tutorials/scroll-transitions-...

https://mathis-biabiany.fr/

Comments

[Модератор]

Не надо ставить как можно больше тэгов. Лучше оставить один, но конкретный, с которым проблема.
См.п.3.1 Регламента.

[Модератор]

На вопрос «как сделать» отвечает документация и поиск в интернет.

Тут отвечают на вопросы «почему я сделал, как в документации, а оно не работает. Поискал в интернет, вот запросы, в ответах не нашел. Что я делаю не так?»

Покажите, как вы пробовали решить проблему, приведите код попытки (пусть неудачной), опишите, как запускали, что ожидали и что получилось.
За готовыми решениями - на фриланс. В текущем виде это не вопрос, а задание. Нарушен п.5.12 Регламента.

[modelair]

в примерах есть исходный код, если нажать на article прямо на странице

Answer 1

[ZERGeich]

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