J'ai fais un canvas qui bouge avec les flèches du clavier, ça fonctionne mais y a un problème. Plus je passe de temps sur la page, plus la distance "parcourue" est élevée. Genre imaginons ai début il bouge de 1px, 3min plus tard il bouge de 20px ect..

Voilà le code :

const moveTest = document.querySelector('.moveTest'); const c = moveTest.getContext('2d');

Let left = 0;
Let tope = 0;
Let v 0.05;
Let h = 0.05;

function moveKey() {

requestAnimation Frame (moveKey)

c.clearRect(0, 0, moveTest.width, moveTest.height)

c.fillStyle 'red'; c.fillRect(left, tope, 30, 30)

window.addEventListener('keydown', (e) => { if (e.keyIdentifier 'Right') { left += v

}

else if (e.keyIdentifier 'Left') { left +- v;

} else if (e.keyIdentifier 'Up') {

tope += h;

} else if (e.keyIdentifier 'Down') {

tope += h;

}

//console.log(e.keyIdentifier)

})

Quelq'un peut m'aider svp?