Как вращать и перемещать спрайт в направлении курсора?

Question

Допустим, у меня есть спрайт игрока, расположенный по адресу (player.x, player.y). При событии mousemove я фиксирую положение курсора (e.pageX, e.pageY). В игре игрок будет постоянно двигаться, всегда в направлении курсора. Я пытаюсь найти способ вращать спрайт игрока, чтобы он всегда был лицом к курсору мыши, а также перемещаться на 10 пикселей ближе к курсору при каждом такте игры. Пока что это поставило меня в тупик. Я видел много примеров этого онлайн, и попробовал все из них, но ни один, кажется, не работает. Буду очень признателен за любую помощь.

Answer 1

Прежде всего, вы должны изучить основы тригонометрии. Без этого знания вы не сможете сделать то, что хотите.

Центр вашего изображения - это центр круга. Зная положение центра и положение мыши, вы можете рассчитать угол. Расчетный угол вы можете использовать для поворота изображения.