Я надеюсь создать простую целевую страницу, которая немного отличается.Вот макет, который я быстро соединил:
Это довольно просто:
- Большой текстовый заголовок всередина (скажем, название сайта / бизнеса)
- Окруженные множеством элементов, изображения SVG различного размера (в макете, представленном цветными прямоугольниками и кругами).
Первый эффект, который я хотел бы добавить, который отличает этот веб-сайт, состоит в том, что элементы «плавают», они медленно перемещаются в случайных направлениях.
Если они сталкиваются друг с другом, они меняют направление, так что они делаютне перекрываются.
Наконец, мышь / курсор / точка имеют аналогичный эффект смещения при наведении на элементы.
Вот моя попытка записи этого поведения в GIF:
Я никогда не пытался создать нечто подобное, есть ли библиотека javascript, которая лучше всего подходит для того, чтобы помочь мне достичь чего-то подобного?
В своем собственном исследовании я нашели TwoJS кто демонстрация песочницы для частиц , кажется, демонстрирует некоторую функциональность, которую я собираюсь создать.