Triborg-333
@Triborg-333

Как сделать плавное следование шара за курсором?



Как сделать плавное направление шара к курсору?
  • Вопрос задан
  • 150 просмотров
Пригласить эксперта
Ответы на вопрос 1
@Raipon
Возможно как-то так:

window.onload = function() {
      const game = new Game('ctx');
      
      const dot = game.body[0];
      const delay = 50;
      const minOffset = 1e-3;
      
      let interval = null;
      document.addEventListener('mousemove', function(event) {
        clearInterval(interval);
        
        interval = setInterval(() => {
          const offsetX = (event.clientX - dot.myPos.x) / delay;
          const offsetY = (event.clientY - dot.myPos.y) / delay;
        
          dot.myPos = {
            x: dot.myPos.x + offsetX,
            y: dot.myPos.y + offsetY
          };
          
          // останавливаем точку
          if (Math.abs(offsetX) < minOffset && Math.abs(offsetX) < minOffset) {
            clearInterval(interval);
          }
        });
      });

    }
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы