Задать вопрос
DonTraffic
@DonTraffic
Frontend-developer

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

Есть травинка, которая в спокойствии, просто колышется влево и вправо (как будто дует ветер).
Когда пользователь касается с левой стороны, травинка отклоняется в право (от касания). После продолжает обычное движение из этой точки.
Каким способом такое реализовать, где можно взять информацию по теме, и не умрёт ли страница, если таких травинок будет много (например 20)
  • Вопрос задан
  • 106 просмотров
Подписаться 1 Средний Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillbox
    JavaScript
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 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 и наложи обработчики на клик. Дальше при клике проигрывай другую анимацию
Ответ написан
Ваш ответ на вопрос

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

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