Как сделать убегающий объект?

Question

[DaniilPo]

Мне нужно сделать что бы при наведении например на мышку она убегала от курсора
как это можно сделать с помощью js?

Comments

[twobomb]

https://jsfiddle.net/twobomb/7Lv9hyct/

Answer 1

[Stalker_RED]

Слушаете событие mousemove, считаете расстояние между объектом и курсором. Если пора убегать - даете объекту новые координаты.
Если добавить css transition, то можно даже плавно заанимировать средствами браузера.

Comments

[Сергей Сергей]

Залипательно.

[DaniilPo]

а если это будет не просто шар а как я и писал выше мышь которая будет поворачиваться в направлении своего движения?

[Stalker_RED]

DaniilPo, замените див на мышку, используйте transform rotate для ее поворота.
Если вы хотите сделать игру, то написание игрового движка - не самое простое занятие для новичка (хотя получите много экспы). Можете посмотреть что умеют готовые движки.

[DaniilPo]

Stalker_RED, не не игру просто как некую фишку на сайте
у меня основная проблема в том что я не могу повернуть объект в сторону передвижения

[Stalker_RED]

DaniilPo, https://qna.habr.com/q/374139