How to make the triangle rotate with the mouse?

Question

JavaScript

Здравствуйте. Есть треугольник, он должен поворачиваться по своей оси за курсором мыши.. Я вообще не понимаю как это реализовать..Вроде мне кажется нужно привязать координаты верхнего края треугольника к координатам мыши..но у меня ничего не получилось. Я даже не представляю как это можно сделать)

Answer 1

It is convenient to do this with the help of simple vector mathematics.
We select the origin (probably the center of the triangle?)
In onmousemove we subtract the current mouse coordinates from the origin, we get a couple of numbers, this is our vector.
We find at what angle it leaves the origin of coordinates:

function vecAngle(vec) {
    return Math.atan2(vec.y, vec.x);
}

Keep in mind this will be an angle in radians (when 2 * Math.PI === 360 degrees).
Now just rotate the triangle to this corner using transform or whatever you have.