Enseignement > Web dynamique > TP n°6 - Jeu video  

TP n°7 : jeu video en javascript

Examiner le code suivant qui permet de détecter les évenements en provenance du clavier

// Ajoute un event listener quand on enfonce une touche
document.addEventListener('keydown', (event) => {

  alert("Touche : "+event.key+"\r\nCode : "+event.code);

}, false);

// Ajoute un event listener quand on relache sur une touche
document.addEventListener('keyup', (event) => {
  alert("Touche : "+event.key+"\r\nCode : "+event.code);}, false);
}, false);

// Ajoute un event listener quand on appuie et relache sur une touche
document.addEventListener('keypress', (event) => {
  alert("Touche : "+event.key+"\r\nCode : "+event.code);}, false);
}, false);

Utiliser ces détecteurs d'événements pour programmer un jeu video de style "Space Invaders" où le joueur contrôle le déplacement latéral d'une icône en bas de l'écran, qui peut tirer un missile pour atteindre une cible qui se déplace en haut de l'écran

Solution