Как сделать, чтоб глобус при клике вращался вокруг указателя мышки?

Question

[Мария]

Как сделать, чтоб глобус при клике вращался вокруг указателя мышки?
Есть код, но все "ломается" при следующем же клике - глобус начинает "размножаться" и глючить. Подскажите, пожалуйста, как это исправить?

Код по ссылке: plnkr.co/edit/pbOHWtYfVCr1cfYoddZS?p=preview

Answer 1

[rmaksim]

для вашего кода надо сбрасывать интервал
plnkr.co/edit/ziOxSMAblTUXfIoGUPee?p=preview
потому как при новом клике запускается еще один таймер

Comments

[Мария]

аааа, как все просто оказалось, спасибо! А, может, ві еще подскажете, как сделать, чтоб глобус крутился вокруг указателя мыши не по клику, а когда двигается мышка?
onmousemove вместо onclick, в принципе, работает для этой цели, но не совсем))) очень медленно надо двигать мышкой, чтоб глобус не зависал, а успевал за курсором: plnkr.co/edit/TjdHIX15aW34ByFJ8dxD?p=preview
А как сделать, чтоб оно работало адекватно и бысстро?

[rmaksim]

missbells: plnkr.co/edit/0Ampiw8VJXxvGvSSnDRZ?p=preview
рассписывать не буду что куда - экспериментируйте
я спать )))

[Мария]

rmaksim: большое-большое спасибо! спокойной ночи))

[Мария]

Рискну, вас еще раз побеспокоить, с вашего позволения))
Я вроде бы плюс-минус разобралась, единственное, что не поняла, зачем вы запускаете функцию render() сначала один раз и только потом следом запускаете ее с повторением?
Я вот про этот кусочек, если что:
render()
interval = setInterval(function() {render()}, r.speed)

[rmaksim]

экспериментируйте!!!
уберите первый render() - что получается???
ок или не ок? ))
если убрать первый render() и двигать мышь, то постоянно сбрасывается таймер и тогда второй render() практически не запускается
вернее он хочет запуститься через setInterval, но до этого приходит новое событие движения мыши и таймер сбрасывается
как-то так

[rmaksim]

а если делать красивее ваш пример
то по движению мыши просто запоминаем координаты
а глобус в setInterval движется сам по себе
plnkr.co/edit/piqwoGAIhrLwAX156FBU?p=preview

[rmaksim]

ну и задать начальную позицию глобусика ))
например середина окна
plnkr.co/edit/TCCWxDTBGkyyL7lq2iD8?p=preview

[Мария]

Кстати, да, экспериментировать (удалять, добавлять, смотреть на результат) классная тема. Тоже всегда так делаю.
И еще раз вам большое спасибо! Предпоследний код вообще суперский - здесь всё коротко, ясно и понятно.