====== Fiche labo des applis : gérer la collision entre deux objets======

===== Principe =====
Pour **détecter** que deux objets se touche, j'utilise **l'algorithme** suivant en considérant que mes deux objets sont des rectangles : 
    * mon premier est à la position** x1 et y1** avec la largeur **L1 et la hauteur H1**,
    * ma deuxième objet est à la position **x2 et y2** avec la largeur **L2 et la hauteur H2**.

<code>
si (x1 < x2 + L2 ET
    x1 + L1 > x2 ET
    y1 < y2 + H2 ET
    y1 + H1 > y2) 
alors 
    il y a collision !
fin si
</code>

==== Mon code ====

<WRAP center round tip>
Il est difficile d'écrire une condition complexe. J'utilise alors le mode texte :
{{ :icn:tennis_collision_13.png?nolink&200 |}}

Et je saisis le code suivant : 
<code javascript>
if (getXPosition("imageProjectile") < (getXPosition("imageBalle") + 50) &&
   (getXPosition("imageProjectile") + 100) > getXPosition("imageBalle") && 
   getYPosition("imageProjectile") < (getYPosition("imageBalle") + 50) &&
   (getYPosition("imageProjectile") + 100) > getYPosition("imageBalle")) {
    //actions à faire si le balle est touchée : arrêter les animations
    clearInterval(balle);
    clearInterval(projectile);
}
</code>

</WRAP>
Ce qui donne en affichant les blocs : 
{{ :icn:laboappli:laboappli:laboappli_05.png |}}


Voici le code javascript complet : 
<code javascript>
var balle;
var projectile;
balle = setInterval(function() {
    if (getYPosition("imageBalle")> 0) {
      setPosition("imageBalle", getXPosition("imageBalle")+2, getYPosition("imageBalle"));
    } else {
      setPosition("imageBalle", getXPosition("imageBalle"), 335);
    }
  }, 100);
onEvent("buttonLancer", "click", function() {
  projectile = setInterval(function() {
    if (getYPosition("imageProjectile")> 0) {
      setPosition("imageProjectile", getXPosition("imageProjectile"), getYPosition("imageProjectile")-4);
    } else {
      setPosition("imageProjectile", getXPosition("imageProjectile"), 335);
    }
    if (getXPosition("imageProjectile") < (getXPosition("imageBalle") + 50) &&
   (getXPosition("imageProjectile") + 100) > getXPosition("imageBalle") && 
   getYPosition("imageProjectile") < (getYPosition("imageBalle") + 50) &&
   (getYPosition("imageProjectile") + 100) > getYPosition("imageBalle")) {
    clearInterval(balle);
    clearInterval(projectile);
  }
  }, 10);
});

</code>

===== Lien vers l'application =====
https://studio.code.org/projects/applab/lZk7XwYONM2M0RKZ5TKBgA
==== Les fiches sur le labo des applis ... ====
<WRAP center round info >
[[icn:laboappli:accueil|Je reviens à la liste des fiches sur le labo des applis.]] 
</WRAP>