DonTraffic
@DonTraffic
Frontend-developer

Как сделать интерактивную траву?

Есть травинка, которая в спокойствии, просто колышется влево и вправо (как будто дует ветер).
Когда пользователь касается с левой стороны, травинка отклоняется в право (от касания). После продолжает обычное движение из этой точки.
Каким способом такое реализовать, где можно взять информацию по теме, и не умрёт ли страница, если таких травинок будет много (например 20)
  • Вопрос задан
  • 102 просмотра
Пригласить эксперта
Ответы на вопрос 1
firedragon
@firedragon
Не джун-мидл-сеньор, а трус-балбес-бывалый.
https://codepen.io/Adilade/pen/ExxJKKL
https://www.oreilly.com/library/view/svg-animation...

https://www.google.com/search?q=svg+interactive+gr...

В первом приближении отрисуйте траву, каждой травинке присвой id в ява скрипте получи все id и наложи обработчики на клик. Дальше при клике проигрывай другую анимацию
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы