Задать вопрос
@sayflame

Как сделать плавное передвижение объекта на JavaScript?

Возникла такая проблема, при создании передвижения для объекта (персонажа), он, при удерживании кнопки, сначала ничего не делает, и только потом бежит, но очень резко. Нужно чтобы объект двигался плавно, а также при удерживании кнопки бежал сразу, а не с "задержкой"

Вот код, который у меня есть (можете сами посмотреть, как работает и в чем проблема):
document.addEventListener('keydown', handleKeyDown);

    function handleKeyDown(event) {
      var player = document.querySelector('.player');
      var currentLeft = parseInt(player.style.left) || 0;
      var currentTop = parseInt(player.style.top) || 0;
      var move = 10;

      switch (event.code) {
        case 'ArrowLeft':
          player.style.left = currentLeft - move + 'px';
          break;
        case 'ArrowUp':
          player.style.top = currentTop - move + 'px';
          break;
        case 'ArrowRight':
          player.style.left = currentLeft + move + 'px';
          break;
        case 'ArrowDown':
          player.style.top = currentTop + move + 'px';
          break;
        default:
          break;
      }}
  • Вопрос задан
  • 195 просмотров
Подписаться 1 Простой Комментировать
Решения вопроса 2
VoidVolker
@VoidVolker Куратор тега JavaScript
Dark side eye. А у нас печеньки! А у вас?
Откройте для себя requestAnimationFrame и другие туториалы по анимации.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы