Dans cette partie , nous allons :

Gérer les recontres entre notre smiley et ses ennemis
Gérer des points de vie

Il existe une instruction particulière qui permet de détecter le chevauchement entre sprites: smiley.overlap(groupe_smiley,contact);
Qui signifie : "Quand smiley chevauche l'un des ennemis alors on lance la fonction contact"
Il faut donc :

Rajouter cette instruction dans le draw()
Créer la fonction contact qui remettra notre smiley dans sa position initiale

function contact(sprite1,sprite2){
  smiley.position.x=780;
  smiley.position.y=260;
}

Les points de vie

Supposons que nous partions avec un capital de 100 points de vie et à chaque fois que l'on percute un ennemi on perd 1 point de vie.
Il faut donc:

Créer une variable vie initialisée à 100
Écrire l'instruction vie=vie-1 là où il faut
Rajouter l'instruction text("vie : "+vie,400,20); dans le draw()

Pour obtenir :

Rajoutons une condition pour un Game Over

Rajoutez dans le Draw():


//test pour lancer le gameover
if ( vie==0) {
gameover();
  }

On appelle donc une fonction gameover() qu'il faut créer :


function gameover() {
  background(150, 176, 188);
  textSize(20);//taille du texte
  text("PERDU", 20, 150);// affichage du texte
  noLoop();// arret du programme
}

Étape 2

Dans cette partie , nous allons :

Les points de vie

Rajoutons une condition pour un Game Over

Nous pouvons maintenant aller à l'étape 3