Les cours du BTS SIO

Cette page est en lecture seule. Vous pouvez afficher le texte source, mais ne pourrez pas le modifier. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur.
====== 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>
Les cours du BTS SIO

Outils pour utilisateurs

Outils du site

Outils de la page
