Différences

Ci-dessous, les différences entre deux révisions de la page.

--- objets:animation [2015/01/23 11:29]
admin [Gestion des images]
+++ objets:animation [2019/03/13 22:16] (Version actuelle)
admin [Position et taille]
@@ Ligne 7: / Ligne 7: @@
   * Créer un objet Animation :
-<code tangara>
+<code declick>
-  uneAnimation = new Animation()
+uneAnimation = new Animation()
 </code>
   * Créer un objet Animation en chargeant une image depuis un fichier :
-<code tangara>
+<code declick>
-  uneAnimation = new Animation("fichier.png")
+uneAnimation = new Animation("fichier.png")
 </code>
@@ Ligne 25: / Ligne 25: @@
   * Placer l’Animation :
-<code tangara>
+<code declick>
-  uneAnimation.définirPosition(300,200)
+uneAnimation.définirPosition(300,200)
-  uneAnimation.définirPositionCentre(300,200)
+uneAnimation.définirPositionCentre(300,200)
 </code>
 /*
- *  uneAnimation.définirCoordonnéeX(300);
+ *uneAnimation.définirCoordonnéeX(300)
- *  uneAnimation.définirCoordonnéeY(200);
+ *uneAnimation.définirCoordonnéeY(200)
  */
-/*
- *  * Récupérer les coordonnées de l’Animation :
- *
- *  uneAnimation.récupérerCoordonnéeX();
- *  uneAnimation.récupérerCoordonnéeY();
- */
+  * Récupérer les coordonnées de l’Animation :
+<code declick>
+uneAnimation.récupérerCoordonnéeX()
+uneAnimation.récupérerCoordonnéeY()
+</code>
 /*
  *  * Changer la taille de l’Animation :
  *
- *  uneAnimation.définirHauteur(300);
+ *uneAnimation.définirHauteur(300);
- *  uneAnimation.définirLargeur(400);
+ *uneAnimation.définirLargeur(400);
  *
  *  * Récupérer la taille de l'Animation :
  *
- *  uneAnimation.récupérerHauteur();
+ *uneAnimation.récupérerHauteur();
- *  uneAnimation.récupérerLargeur();
+ *uneAnimation.récupérerLargeur();
  */
   * Montrer / Cacher l’animation :
-<code tangara>
+<code declick>
-  uneAnimation.montrer()
+uneAnimation.montrer()
-  uneAnimation.cacher()
+uneAnimation.cacher()
 </code>
@@ Ligne 65: / Ligne 64: @@
   * Ajouter une image :
-<code tangara>
+<code declick>
-  uneAnimation.ajouterImage("fichier.png");
+uneAnimation.ajouterImage("fichier.png")
 </code>
   * Ajouter une image en l'assignant à un ensemble d'images :
-<code tangara>
+<code declick>
-  uneAnimation.ajouterImage("fichier.png", "ensemble");
+uneAnimation.ajouterImage("fichier.png", "ensemble")
 </code>
   * Supprimer une des images :
-<code tangara>
+<code declick>
-  uneAnimation.supprimerImage("fichier.png")
+uneAnimation.supprimerImage("fichier.png")
 </code>
   * Supprimer les images d'un ensemble d'images :
-<code tangara>
+<code declick>
-  uneAnimation.supprimerImages("ensemble")
+uneAnimation.supprimerImages("ensemble")
 </code>
@@ Ligne 90: / Ligne 89: @@
   * Afficher une des images :
-<code tangara>
+<code declick>
-  uneAnimation.afficherImage("fichier.png")
+uneAnimation.afficherImage("fichier.png")
 </code>
@@ Ligne 98: / Ligne 97: @@
   * Afficher l’image suivante / l'image précédente :
-<code tangara>
+<code declick>
-  uneAnimation.afficherImageSuivante();
+uneAnimation.afficherImageSuivante()
-  uneAnimation.afficherImagePrécédente();
+uneAnimation.afficherImagePrécédente()
 </code>
   * Afficher l’image suivante / l'image précédente d'un ensemble d'images :
-<code tangara>
+<code declick>
-  uneAnimation.afficherImageSuivante("ensemble");
+uneAnimation.afficherImageSuivante("ensemble")
-  uneAnimation.afficherImagePrécédente("ensemble");
+uneAnimation.afficherImagePrécédente("ensemble")
 </code>
@@ Ligne 114: / Ligne 113: @@
  * dernière image provoquera l'affichage de la première image :
  *
- *  uneAnimation.bouclerImages(true)
+ *uneAnimation.bouclerImages(true)
  *
  *  * Ne pas << boucler >> les images :
  *
- *  uneAnimation.bouclerImages(false)
+ *uneAnimation.bouclerImages(false)
  */
@@ Ligne 125: / Ligne 124: @@
  *  * Récupérer le nom de l'image affichée :
  *
- *  uneAnimation.récupérerNomImage()
+ *uneAnimation.récupérerNomImage()
  *
  */
@@ Ligne 131: / Ligne 130: @@
   * Rendre une couleur	transparente :
-<code tangara>
+<code declick>
-  uneAnimation.rendreTransparent("couleur")
+uneAnimation.rendreTransparent("couleur")
 </code>
-{{couleurs.png}}
+{{ :objets:couleurs.png |}}
 /*
@@ Ligne 141: / Ligne 140: @@
  *  * Définir un niveau de transparence pour toutes les couleurs :
  *
- *  uneAnimation.définirTransparence(50)
+ *uneAnimation.définirTransparence(50)
  *
  * {{:objet:information.png |}}le niveau de transparence est un chiffre compris entre 0 (visible)
@@ Ligne 151: / Ligne 150: @@
   * Faire bouger l’Animation :
-  uneAnimation.avancer(50);
+<code declick>
-  uneAnimation.reculer(50);
+uneAnimation.avancer(50)
-  uneAnimation.monter(50);
+uneAnimation.reculer(50)
-  uneAnimation.descendre(50);
+uneAnimation.monter(50)
-  uneAnimation.allerA(0,0);
+uneAnimation.descendre(50)
+uneAnimation.allerA(0,0)
+</code>
   * Faire bouger l’Animation sans s’arrêter :
-  uneAnimation.avancerToujours();
+<code declick>
-  uneAnimation.reculerToujours();
+uneAnimation.avancer()
-  uneAnimation.monterToujours();
+uneAnimation.reculer()
-  uneAnimation.descendreToujours();
+uneAnimation.monter()
+uneAnimation.descendre()
+</code>
-  * Arrêter l’Animation :
+ou
-  uneAnimation.arrêter();
+<code declick>
+uneAnimation.avancerToujours()
+uneAnimation.reculerToujours()
+uneAnimation.monterToujours()
+uneAnimation.descendreToujours()
+</code>
-  * Suspendre le mouvement de l’Animation :
+  * Arrêter l’Animation :
-  uneAnimation.suspendre();
+<code declick>
+uneAnimation.arrêter()
+</code>
-  * Reprendre le mouvement de l’Animation :
+/*
+ *  * Suspendre le mouvement de l’Animation :
-  uneAnimation.reprendre();
+ *
+ *uneAnimation.suspendre();
+ *
+ *  * Reprendre le mouvement de l’Animation :
+ *
+ *uneAnimation.reprendre();
+ */
   * Changer la vitesse :
-  uneAnimation.définirVitesse(50);
+<code declick>
+uneAnimation.définirVitesse(100)
+</code>
-{{:objet:information.png |}}la vitesse est un chiffre compris entre 0 (immobile) et 100 (très rapide)
+{{information.png}} la vitesse par défaut est de 100. Une vitesse de 0 rend l'Animation immobile.
-  * Suivre la souris :
+/*
+ *  * Suivre la souris :
+ *
+ *uneAnimation.suivreSouris(true)
+ *
+ *  * Ne pas suivre la souris :
+ *
+ *uneAnimation.suivreSouris(false)
+ *
+ *{{:objet:information.png |}}lorsqu'une Animation suit la souris, il suffit de cliquer dessus pour la déplacer.
+ */
-  uneAnimation.suivreSouris(true)
+/*
+ *  * Récupérer la direction de l’objet Animation :
+ *
+ *uneAnimation.récupérerDirection()
+ *
+ *{{:objet:information.png |}}Cette action renvoie un texte pouvant être : << haut >>, << bas >>, << droite >>,
+ *<< gauche >>, << haut gauche >>, << haut droite >>, << bas gauche >>, << bas droite >>.
+ *
+ */
-  * Ne pas suivre la souris :
+  * Supprimer l’objet Animation :
-  uneAnimation.suivreSouris(false)
+<code declick>
+uneAnimation.supprimer()
+</code>
-{{:objet:information.png |}}lorsqu'une Animation suit la souris, il suffit de cliquer dessus pour la déplacer.
+/*
+=== Rotations ===
-  * Récupérer la direction de l’objet Animation :
+  * tourner
+{{ :creer:sans_titre.gif?nolink |}}
+*/
-  uneAnimation.récupérerDirection()
-{{:objet:information.png |}}Cette action renvoie un texte pouvant être : << haut >>, << bas >>, << droite >>, << gauche >>, << haut gauche >>, << haut droite >>, << bas gauche >>, << bas droite >>.
+===== Gestion des événements =====
-  * Supprimer l’objet Animation :
+/*
+ *
+ *
+ * Un objet Animation peut surveiller un certain nombre d'événements qui peuvent se produire :
+ *
+ *  * Un **changement d'images**
+ *  * Un **clic** de l'utilisateur sur l'objet Animation
+ *  * Un **arrêt de clic** de l'utilisateur sur l'objet Animation
+ *  * Un **mouvement** de l'objet Animation
+ *  * Un **changement de direction** de l'objet
+ *  * L'**arrêt** de l'objet
+ *  * La **collision** avec d'autres objets Animation, [[Suiveur]] ou [[Promeneur]]
+ *  * La **sortie de l'écran** de l'objet Animation
+ */
-  uneAnimation.supprimer()
+Un objet Animation peut surveiller les collisions qui se produisent avec d'autre objets Animation, [[Promeneur]] ou [[Héros]].
-===== Gestion des événements =====
-Un objet Animation peut surveiller un certain nombre d'événements qui peuvent se produire :
+==== Exécuter des commandes ====
-  * Un **changement d'images**
+  * Pour chaque collision, on peut dire à l'objet Animation d'exécuter des commandes :
-  * Un **clic** de l'utilisateur sur l'objet Animation
-  * Un **arrêt de clic** de l'utilisateur sur l'objet Animation
-  * Un **mouvement** de l'objet Animation
-  * Un **changement de direction** de l'objet
-  * L'**arrêt** de l'objet
-  * La **collision** avec d'autres objets Animation, [[Suiveur]] ou [[Promeneur]]
-  * La **sortie de l'écran** de l'objet Animation
-==== Exécuter des commandes ====
+<code declick>
+uneAnimation.siCollision("commande")
+</code>
-Pour chacun de ces événements, on peut dire à l'objet Animation d'exécuter des commandes. Cela se fait grâce aux actions suivantes :
+  * On peut dire à l'objet Animation de n'exécuter des commandes que s'il rencontre un objet particulier, grâce à l'action :
-  uneAnimation.siChangementImage("commande");
+<code declick>
-  uneAnimation.siClic("commande");
+uneAnimation.siCollision("commande", objet)
-  uneAnimation.siArrêtClic("commande");
+</code>
-  uneAnimation.siMouvement("commande");
+ou
-  uneAnimation.siChangementDirection("commande");
+<code declick>
-  uneAnimation.siArrêt("commande");
+uneAnimation.siCollisionAvec(objet, "commande")
-  uneAnimation.siCollision("commande");
+</code>
-  uneAnimation.siHorsEcran("commande");
-Pour les événements de collision, on peut dire à l'objet Animation de n'exécuter des commandes que s'il rencontre un objet particulier, grâce à l'action :
-  uneAnimation.siCollisionAvec(objet, "commande");
+  * On peut également dire à l'objet Animation de n'exécuter des commandes que s'il rencontre une catégorie d'Animations :
-On peut également fournir une liste d'objets Animation :
+<code declick>
+uneAnimation.siCollision("commande", "catégorie")
+</code>
+ou
+<code declick>
+uneAnimation.siCollisionAvec("catégorie", "commande")
+</code>
-  uneAnimation.siCollisionAvec(liste, "commande");
+  * Définir la catégorie d'une Animation :
-<< liste >> est un objet [[objet:liste|Liste]] contenant plusieurs objets Animation.
+<code declick>
+uneAnimation.définirCatégorie("catégorie")
+</code>
 Si on fait plusieurs fois appel à une des actions ci-dessus, les commandes s'ajoutent. Par exemple :
-  uneAnimation.siClic("commande1");
+<code declick>
-  uneAnimation.siClic("commande2");
+uneAnimation.siCollision("commande1")
+uneAnimation.siCollision("commande2")
+</code>
-L'objet Animation exécutera << commande1 >> puis << commande2 >> si on lui clique dessus.
+L'objet Animation exécutera << commande1 >> puis << commande2 >> dès qu'il détecte une collision.
+  * Désactiver / Réactiver la détection des collisions :
+<code declick>
+uneAnimation.surveillerCollisions(false)
+uneAnimation.surveillerCollisions(true)
+</code>
+{{information.png}} par défaut, la détection des collisions est activée.
+/*
-==== Supprimer des commandes ====
+ *
+ *==== Supprimer des commandes ====
-Pour dire à un objet Animation d'annuler l'exécution de commandes relatives à un événement, on utilise l'action :
+ *
+ *Pour dire à un objet Animation d'annuler l'exécution de commandes relatives à un événement, on utilise l'action :
-  uneAnimation.annulerCommandeEvénement("événement")
+ *
+*uneAnimation.annulerCommandeEvénement("événement")
-<< événement >> peut être égal à :
+ *
+ *<< événement >> peut être égal à :
-  * << changementImage >>
+ *
-  * << clic >>
+ *  * << changementImage >>
-  * << arrêtClic >>
+ *  * << clic >>
-  * << mouvement >>
+ *  * << arrêtClic >>
-  * << changementDirection >>
+ *  * << mouvement >>
-  * << arrêt >>
+ *  * << changementDirection >>
-  * << collision >>
+ *  * << arrêt >>
-  * << horsEcran >>
+ *  * << collision >>
+ *  * << horsEcran >>
-{{:objet:information.png |}} si on annule les commandes associées à l'événement << collision >>, cela supprime les commandes enregistrées avec les actions siCollision et siCollisionAvec.
+ *
+ *{{:objet:information.png |}} si on annule les commandes associées à l'événement << collision >>, cela supprime
-==== Afficher les commandes ====
+ *les commandes enregistrées avec les actions siCollision et siCollisionAvec.
+ *
-Par défaut, un objet Animation affiche dans la console les commandes qu'il exécute quand un événement se produit. Ce comportement peut être modifié :
+ */
+/*
-  * Afficher les commandes dans la console :
+ *==== Afficher les commandes ====
+ *
-  uneAnimation.afficherCommandes(true)
+ *Par défaut, un objet Animation affiche dans la console les commandes qu'il exécute quand un événement se
+ *produit. Ce comportement peut être modifié :
-  * Ne pas afficher les commandes dans la console :
+ *
+ *  * Afficher les commandes dans la console :
-  uneAnimation.afficherCommandes(false)
+ *
+*uneAnimation.afficherCommandes(true)
+ *
-==== Les témoins ====
+ *  * Ne pas afficher les commandes dans la console :
+ *
-Dans certains cas, on peut vouloir récupérer des informations sur les événements qui se sont produits. Pour cela, on peut utiliser des objets [[Témoin]]. Il suffit pour cela de les passer en paramètre des actions d'ajout de commande :
+*uneAnimation.afficherCommandes(false)
+ */
-  unTémoin = new Témoin();
+/*==== Les témoins ====
-  uneAnimation.siChangementImage("commande", unTémoin);
+ *
-  uneAnimation.siClic("commande", unTémoin);
+ *Dans certains cas, on peut vouloir récupérer des informations sur les événements qui se sont produits. Pour
-  uneAnimation.siMouvement("commande", unTémoin);
+ *cela, on peut utiliser des objets [[Témoin]]. Il suffit pour cela de les passer en paramètre des actions d'ajout
-  uneAnimation.siChangementDirection("commande", unTémoin);
+ *de commande :
-  uneAnimation.siArrêt("commande", unTémoin);
+ *
-  uneAnimation.siCollision("commande", unTémoin);
+ *  unTémoin = new Témoin();
-  uneAnimation.siCollisionAvec(objet, "commande", unTémoin);
+*uneAnimation.siChangementImage("commande", unTémoin);
-  uneAnimation.siCollisionAvec(liste, "commande", unTémoin);
+*uneAnimation.siClic("commande", unTémoin);
-  uneAnimation.siHorsEcran("commande", unTémoin);
+*uneAnimation.siMouvement("commande", unTémoin);
+*uneAnimation.siChangementDirection("commande", unTémoin);
-Pour les événements de Collision, de Changement de direction ou de Changement d'image, on peut aussi utiliser des objets [[TémoinCollision]], [[TémoinChangementDirection]] et [[TémoinChangementImage]].
+*uneAnimation.siArrêt("commande", unTémoin);
+*uneAnimation.siCollision("commande", unTémoin);
-==== Témoins embarqués ====
+*uneAnimation.siCollisionAvec(objet, "commande", unTémoin);
+*uneAnimation.siCollisionAvec(liste, "commande", unTémoin);
-Les objets Animation contiennent eux-mêmes un objet [[TémoinCollision]] et un [[TémoinChangementDirection]], ce qui permet d'accéder à des informations sur une collision ou un changement de direction ayant eu lieu.
+*uneAnimation.siHorsEcran("commande", unTémoin);
+ *
-  * Récupérer l'objet ayant provoqué une collision :
+ *Pour les événements de Collision, de Changement de direction ou de Changement d'image, on peut aussi utiliser
+ *des objets [[TémoinCollision]], [[TémoinChangementDirection]] et [[TémoinChangementImage]].
-  uneAnimation.récupérerObjetRencontré()
+ *
+ *==== Témoins embarqués ====
-  * Récupérer les coordonnées de la collision :
+ *
+ *Les objets Animation contiennent eux-mêmes un objet [[TémoinCollision]] et un [[TémoinChangementDirection]], ce
-  uneAnimation.récupérerCoordonnéeCollisionX()
+ *qui permet d'accéder à des informations sur une collision ou un changement de direction ayant eu lieu.
-  uneAnimation.récupérerCoordonnéeCollisionY()
+ *
+ *  * Récupérer l'objet ayant provoqué une collision :
-  * Récupérer la direction précédente, en cas de changement de direction :
+ *
+*uneAnimation.récupérerObjetRencontré()
-  uneAnimation.récupérerDirectionPrécédente()
+ *
+ *  * Récupérer les coordonnées de la collision :
-===== Zone de collision =====
+ *
+*uneAnimation.récupérerCoordonnéeCollisionX()
-Pour détecter les collisions, un objet Animation se base sur une zone de collision : seuls les objets croisant cette zone seront détectés. Par défaut, cette zone a la même taille que l'objet, mais elle peut être modifiée.
+*uneAnimation.récupérerCoordonnéeCollisionY()
+ *
-  * Définir une zone de collision à partir de marges :
+ *  * Récupérer la direction précédente, en cas de changement de direction :
+ *
-  uneAnimation.définirMarges(5,10,20,30);
+*uneAnimation.récupérerDirectionPrécédente()
+ *
-La zone de collision sera un rectangle dont le bord haut sera à 5 pixels du haut de l'image, le bord bas sera à 10 pixels du bas de l'objet, le bord gauche à 20 pixels de la gauche de l'objet, le bord droit à 30 pixels à droite de l'objet.
+ *===== Zone de collision =====
+ *
-  * Afficher les marges :
+ *Pour détecter les collisions, un objet Animation se base sur une zone de collision : seuls les objets croisant
+ *cette zone seront détectés. Par défaut, cette zone a la même taille que l'objet, mais elle peut être modifiée.
-  uneAnimation.afficherMarges(true);
+ *
+ *  * Définir une zone de collision à partir de marges :
-  * Cacher les marges :
+ *
+*uneAnimation.définirMarges(5,10,20,30);
-  uneAnimation.afficherMarges(false);
+ *
+ *La zone de collision sera un rectangle dont le bord haut sera à 5 pixels du haut de l'image, le bord bas sera à
-  * Définir une zone de collision rectangulaire :
+ *10 pixels du bas de l'objet, le bord gauche à 20 pixels de la gauche de l'objet, le bord droit à 30 pixels à
+ *droite de l'objet.
-  uneAnimation.définirRectangleCollision(0,0,100,200)
+ *
+ *  * Afficher les marges :
-La zone de collision sera formée par un rectangle dont le sommet est situé au point de coordonnées (0,0), dont la largeur est de 100 pixels, et la hauteur de 200 pixels. Les coordonnées du sommet sont exprimées dans le repère de l'objet : (0,0) correspond au coin en haut à gauche de l'objet.
+ *
+*uneAnimation.afficherMarges(true);
-  * Définir une zone de collision elliptique :
+ *
+ *  * Cacher les marges :
-  uneAnimation.définirEllipseCollision(150,250,100,200)
+ *
+*uneAnimation.afficherMarges(false);
-La zone de collision sera formée par une ellipse dont le centre est situé au point de coordonnées (150,250), dont la largeur est de 100 pixels, et la hauteur de 200 pixels. Les coordonnées du centre sont exprimées dans le repère de l'objet : (0,0) correspond au coin en haut à gauche de l'objet.
+ *
+ *  * Définir une zone de collision rectangulaire :
-  * Afficher la zone de collision :
+ *
+*uneAnimation.définirRectangleCollision(0,0,100,200)
-  uneAnimation.afficherZoneCollision(true)
+ *
+ *La zone de collision sera formée par un rectangle dont le sommet est situé au point de coordonnées (0,0), dont
-{{:objet:information.png |}}Cette action est équivalente à **uneAnimation.afficherMarges(true)**.
+ *la largeur est de 100 pixels, et la hauteur de 200 pixels. Les coordonnées du sommet sont exprimées dans le
+ *repère de l'objet : (0,0) correspond au coin en haut à gauche de l'objet.
-  * Cacher la zone de collision :
+ *
+ *  * Définir une zone de collision elliptique :
-  uneAnimation.afficherZoneCollision(false)
+ *
+*uneAnimation.définirEllipseCollision(150,250,100,200)
-{{:objet:information.png |}}Cette action est équivalente à **uneAnimation.afficherMarges(false)**.
+ *
+ *La zone de collision sera formée par une ellipse dont le centre est situé au point de coordonnées (150,250),
-  * Récupérer la liste des objets ([[Animation]], [[Suiveur]] ou [[Promeneur]]) présents dans la zone de collision :
+ *dont la largeur est de 100 pixels, et la hauteur de 200 pixels. Les coordonnées du centre sont exprimées dans le
+ *repère de l'objet : (0,0) correspond au coin en haut à gauche de l'objet.
-  uneAnimation.récupérerObjetsChevauchés(uneListe)
+ *
+ *  * Afficher la zone de collision :
-Cette action prend en paramètre un objet [[Liste]] qui va être rempli avec la liste des objets détectés.
+ *
+*uneAnimation.afficherZoneCollision(true)
+ *
+ *{{:objet:information.png |}}Cette action est équivalente à **uneAnimation.afficherMarges(true)**.
+ *
+ *  * Cacher la zone de collision :
+ *
+*uneAnimation.afficherZoneCollision(false)
+ *
+ *{{:objet:information.png |}}Cette action est équivalente à **uneAnimation.afficherMarges(false)**.
+ *
+ * * Récupérer la liste des objets ([[Animation]], [[Suiveur]] ou [[Promeneur]]) présents dans la zone de
+ *collision :
+ *
+*uneAnimation.récupérerObjetsChevauchés(uneListe)
+ *
+ *Cette action prend en paramètre un objet [[Liste]] qui va être rempli avec la liste des objets détectés.
+ */

Outils pour utilisateurs

Outils du site

Différences

Outils de la page