18 Novembre 2017 à 14:57:03

Auteur Sujet: Bouger une image avec touche clavier canvas/javasc  (Lu 806 fois)

remercie

  • Nouveau membre
  • *
  • Messages: 1
  • Points gagnés: 0
    • Voir le profil
Bouger une image avec touche clavier canvas/javasc
« le: 20 Février 2016 à 17:09:39 »


Bonjour,


Je fais un petit jeu avec canvas Javascript j'ai fait la fonction pour circuler le joueur (droite gauche haut bas) avec les touches directionnelles mais j'ai toujours un petit arrêt quand je maintiens sur une touche par exemple j'appuie sur la touche droite et je maintiens l'appui , le joueur fait le premier pas à droite puis s'arrête un tout petit moment puis il continue convenablement les autres pas et quand j'appuie sur une autre touche il fait la même chose et moi je ne veux pas cet arrêt après le premier pas.


voilà mon code:

window.onload = commencer;

function commencer()
{
document.onkeydown= joueurMove;
requestAnimId = window.requestAnimationFrame(commencer);
}


function joueurMove(e) {
context.clearRect( posxjoueur , posyjoueur , 60 , 60 );

if(e.keyCode == '40' && posyjoueur<=529 )
posyjoueur = posyjoueur +60;
else
if(e.keyCode == '37' && posxjoueur >=200)
posxjoueur = posxjoueur -60;
else
if(e.keyCode == '39' && posxjoueur <=740)
posxjoueur = posxjoueur +60;
else
if((e.keyCode == '38' && posyjoueur>69)
posyjoueur = posyjoueur -60;
-
-
-
-
ici il y a d'autre instruction de collision et autres
-
-
-
-
context.drawImage(monimage,posxjoueur ,posyjoueur );
}