Я создаю простую 2D-игру в javascript/canvas. Мне нужно выяснить угол определенного объекта относительно моего положения.
Итак: скажем, я в (10,10), а объект в (10,5) - это приведет к 90 градусам (поскольку положительный Y вниз, отрицательный Y вверх) (10,10) против (10, 15) будет 270 градусов.
Как бы я это сделал?
Предположим, вы находитесь в точке (a, b), а объект находится в точке (c, d). Тогда относительное положение объекта к вам равно (x, y) = (c - a, d - b).
Затем вы можете использовать функцию Math.atan2(), чтобы получить угол в радианах. .
var theta = Math.atan2(-y, x);
обратите внимание, что результат находится в диапазоне [-π, π]. Если вам нужны неотрицательные числа, вы должны добавить
if (theta < 0)
theta += 2 * Math.PI;
и преобразовать радианы в градусы, умножить на 180 / Math.PI.
Если ваши координаты (xMe, yMe), а их координаты (xThem, yThem), то вы можете использовать формулу:
arctan((yMe-yThem)/(xThem-xMe))
Обычно это будет arctan((yThem-yMe)/(xThem-xMe)), но в этом случае знак оси Y меняется на противоположный.
Чтобы преобразовать результат из радианов в градусы, умножьте на 180/pi.
Таким образом, в JavaScript это будет выглядеть так: Math.atan((yThem-yMe)/(xThem-xMe))*180/Math.PI
atan дает значение между -pi/2 и pi/2 (то есть между -90 и 90 градусами). Но вы можете посмотреть, в каком квадранте находится ваш вектор (xThem - xMe, yMe - yThem), и соответствующим образом настроить его.
С точки зрения непрофессионала:
function pointDirection(x1, y1, x2, y2) {
return Math.atan2(y2 - y1, x2 - x1) * 180 / Math.PI;
}
В холсте HTML5 источником является верхний левый угол, поэтому ось Y растет сверху вниз. Таким образом, независимо от того, где вы находитесь на единичном круге, чтобы вычислить угол точки A к центру (C), вы должны фактически сделать так:
angle = Math.atan2(Cy-Ay,Ax-Cx)
и вы получите результат в диапазоне [-π, π].
Я понятия не имею, почему они не сделали начало холста левым нижним углом.
