Помощь в небольшом js коде?

Question

[thehighhomie]

Ребят помогите пожалуйста с пояснением куском кода js https://jsfiddle.net/56o2sjLm/3/
Бывший коллега (связи с ним больше не имею) скинул код на ротейт элемента, но я не очень соображаю в алгебре и геометрии, чтобы самому придумать как написать это, так еще и непонятно он его написал...

Если возможно, помогите пожалуйста с правкой кода, чтобы переменные были понятные и комментарии были к тому, что происходит, чтобы я понял как это работает.

Спасибо!

Comments

[alex-1917]

фигасе!! это огромнейший кусок кода, ну вы чо??!!

Answer 1

[Владимир Проскурин]

Мне лень копаться в этом ужасе, поэтому скопирую кусок из своего проекта.

var radian = Math.atan2(mouseX - x, mouseY - y); // радианный угол 
var rotate = (radian * (180 / Math.PI) * -1) + 90; // Переводим в градусы

Тут без пояснения понятно. x, y - это позиции объекта. mouseX, mouseY - позиции курсора мыши.

x и у у меня считаются вот так

var x = object.x + (object.width / 2);
var y = object.y + (object.height / 2);

Это для того, чтобы взять позицию середины объекта.

Comments

[thehighhomie]

сейчас попробую, спасибо)

[thehighhomie]

я написал код заново с вашими правками https://jsfiddle.net/htcf6qpr/2/ но не корректно работает. что я упустил?

[Владимир Проскурин]

thehighhomie, не нужно удалять/добавлять события мыши каждый клик. Один раз добавили, сделали переменную isRotating, у которой при значении true будет высчитываться и назначаться угол поворота. И эту переменную устанавливайте в true когда мышь зажата, и false когда отпущена.
Я не описал магическое число 90, это угол точки захвата относительно нижней точки объекта. В вашем случае это |offset| = 180.

[thehighhomie]

Владимир Проскурин, блин, он багнутый

[Владимир Проскурин]

thehighhomie, в каком месте?

[thehighhomie]

Владимир Проскурин, я ошибся) прошу прощения. спасибо вам большое)

[thehighhomie]

thehighhomie, есть способ убрать прыжок когда нажимаешь на край кнопки и передвигаешь на пиксель, то кнопка прыгает к центру курсора

[thehighhomie]

Владимир Проскурин, не уходите в самый важный момент(

[Владимир Проскурин]

thehighhomie,

[thehighhomie]

Владимир Проскурин, Спасибо) очень круто!)

[thehighhomie]

Владимир Проскурин, здравствуйте! не могли бы вы поделиться знаниями в этом вопросе Трансформации: сбивается опорная точка после rotate?

[thehighhomie]

Здравствуйте! Вы не могли бы помочь мне в этом вопросе Удерживать один прямоугольник в границах другого, с одинаковым углом поворота?