@valya0502

Как осуществить такую анимацию?

Необходимо сделать анимацию (движущиеся соединенные точки) как на главном экране этих сайтов:
https://www.real.markets/
https://paragoncoin.com/en
https://alismedia.jp/
Подскажите пожалуйста, как это сделать.
Заранее благодарю за ответ)
  • Вопрос задан
  • 3530 просмотров
Решения вопроса 1
Eridani
@Eridani
Мимо проходил
Particle JS
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
Finesse
@Finesse
Через <canvas>. Программирование производится с помощью JavaScript. Схема примерно такая:
  1. На то место, где должен быть эффект, помещается canvas, который занимает всю площадь места.
  2. В памяти генерируется набор случайных точек со своим вектором скорости.
  3. В каждом кадре анимации точки сдвигаются в соответствии в вектором скорости.
  4. В каждом кадре анимации точки отрисовываются на canvas. Дополнительно проводятся линии между всеми парами точек, между которыми расстояние меньше определённого значения.

Есть готовая библиотека для создания таких анимаций.
Ответ написан
Комментировать
@architawr
"Ok, Google" и все твои проблемы решены
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы