@deniskins23

Как сделать змейку реагирующую на мышь js?

Доброго времени суток. Задался вопросом, как реализовать змейку, которая реагирует на наведение мыши и изгибается при этом. Увидел на сайте https://www.sibirix.ru/service/ слева и озадачило. Пробовал, вроде получается, но она не изгибается плавно. Вот пример, хотя тут он почему-то работает не совсем корректно, хотя на моей машине этот же код ведет себя вполне адекватно. https://jsfiddle.net/oj1up4v6/
Кто может подсказать как реализовать подобное?
  • Вопрос задан
  • 260 просмотров
Решения вопроса 2
delphinpro
@delphinpro Куратор тега JavaScript
frontend developer
В первую очередь нужно озадачится вопросом, можешь ли написать функцию (в математическом смысле) затухающей синусоиды. Если нет, то придется загуглить соответствующие материалы или вооружится учебниками по тригонометрии.
Потом визуализировать эту функцию в виде графика. Этот этап достаточно прост — даем на вход массив данных, строим по ним график, т.е. вычисляем смещение каждого штриха. Потом пробуем сместить график по оси вверх/вниз и пишем функцию отрисовки, которая принимает на вход позицию средней волны синусоиды, самой большой.
Ну и в финале вешаем обработчики на мышку, получаем координаты курсора, пересчитываем их в координаты вывод синусоиды, пригодные для передачи в только что написанную функцию и наслаждаемся результатом.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@Mertico
@deniskins23
Упрощено так сделал
https://jsfiddle.net/y14twfek/
Ответ написан
Ваш ответ на вопрос

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

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