Для чего при анимации связанной с курсором отнимают offset элемента от позиции курсора?

Question

[zwezew]

Для чего в этом примере (https://an2-studio.xyz/dvizhenie-obekta-v-storonu-...) выполняют вычитание позиции элемента из позиции курсора?

mouseX = Math.min(e.pageX - offset.left, limitX);

И еще вопрос - на всех анимациях блоков в зависимости от позиции курсора, при задании css pageX или pageY делят на разные числа, например, прибавляют числа, например e.pageX / 50 + 200 - это подбирается вручную или есть какие-либо принципы?

Answer 1

[xmoonlight]

1. Вычитают, чтобы сместить Anchor-point на центр объекта.

2.

И еще вопрос - на всех анимациях блоков в зависимости от позиции курсора, при задании css pageX или pageY делят на разные числа, например, прибавляют числа, например e.pageX / 50 + 200 - это подбирается вручную или есть какие-либо принципы?

не увидел в коде такого...

Comments

[zwezew]

Вот тут

[zwezew]

Можно подробнее про смещение anchor-point на центр, как работает этот расчет? Удалил в коде это вычисление, ничего не изменилось

[xmoonlight]

zwezew, 1. Про "вот тут" - да, так и делают: подбором, чтобы выглядело красиво и всё.
2. Про анкор-поинт: смещают центр вращения из левого верхнего угла координат объекта к его центру как половину от высоты и ширины.

[zwezew]

xmoonlight, о, спасибо, затупил и смотрел на оффсет поля, а не объекта