Différences

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

--- wiki:tutoriels:integrer-un-sketch-dans-affiche-interactive:integrer-un-sketch-dans-affiche-interactive [2021/02/08 11:26]
damien.muti créée
+++ wiki:tutoriels:integrer-un-sketch-dans-affiche-interactive:integrer-un-sketch-dans-affiche-interactive [2022/11/21 08:47] (Version actuelle)
damien.muti [Méthodologie d'intégration d'une animation dans le programme gérant les Affiches Interactives]
@@ Ligne 5: / Ligne 5: @@
   * Licence : libre !
   * Contexte : Création d'affiches interactives élaborées
-  * Fichiers : ---
+  * Fichiers :
+    * {{ :wiki:tutoriels:integrer-un-sketch-dans-affiche-interactive:integrer_une_anim_dans_prog_affiche_interactive.odp |integrer_une_anim_dans_prog_affiche_interactive.odp}}
+    * {{ :wiki:tutoriels:integrer-un-sketch-dans-affiche-interactive:integrer_une_anim_dans_prog_affiche_interactive.pdf |integrer_une_anim_dans_prog_affiche_interactive.pdf}}
   * Lien : [[wiki:tutoriels:affiche-interactive:accueil|Affiches interactives]]
-===== Description =====
+===== Rappel sur les affiches interactives =====
-===== Intégrer l'animation d'un sketch dans le programmes Affiche_Interactive =====
+Dans une affiche interactive, lorsqu'on appuie sur une touche particulière (associée à un bouton de l'affiche), un média est lancé : un son, une vidéo, ou une animation...
+Il existe une foule d'animations disponibles dans les [[https://processing.org/examples/|exemples de Processing]], ou sur le site d'[[https://www.openprocessing.org/|Open Processing]]. L'objectif est de pouvoir intégrer ce type d'animation dans le programme gérant les [[wiki:tutoriels:affiche-interactive:accueil|affiches interactives]].
+===== Méthodologie d'intégration d'une animation dans le programme gérant les Affiches Interactives =====
 Un programme Processing (sketch) est une classe particulière de Processing. Il est donc possible de l'intégrer dans n'importe quel programme. Pour cela il est nécessaire de bien comprendre les équivalences suivantes :
   * Les **variables globales** d'un sketch représente les **attributs** de la classe correspondante
-  * La méthode setup() d'un sketch représente le constructeur de la classe correspondante. En effet, c'est dans le setup() que les variables globales (donc les attributs de la classe) sont initialisées. ATTENTION : il faudra éliminer toutes les commande d'initialisation des paramètres d'affichage notamment size().
+  * La méthode setup() d'un sketch représente le constructeur de la classe correspondante. En effet, c'est dans le setup() que les variables globales (donc les attributs de la classe) sont initialisées. **__ATTENTION__**: il faudra éliminer toutes les commande d'initialisation des paramètres d'affichage notamment size().
+Une fois la classe (//Animation//) définie dans le programme Affiche_Interactive, il suffit de:
+  * Créer un nouvel objet "//Anim//" de type //Animation//, dans les variables globales du sketch principal.
+  * Il faut ensuite instancier la classe dans le //setup()// du sketch principal.
+  * Il faut appeler la méthode //draw()// du nouvel objet //Anim// précédemment créé, lorsqu'une touche particulière est appelée.
+  * Les interactions clavier s’effectuent dans la méthode //void keyPressed()// du programme Affiche_Interactive, dans laquelle il faut appeler la méthode //Anim.keyPressed()// de l'animation précédemment instanciée.
+Le schéma expliquant la méthodologie d'intégration de l'animation dans le programme Affiche_Interactive est le suivant :
+{{ :wiki:tutoriels:integrer-un-sketch-dans-affiche-interactive:integrer_une_anim_dans_prog_affiche_interactive.jpg?700 |}}
+===== Exemple 1 : Animation sans interaction clavier =====
+Le programme suivant donne une proposition d'intégration du programme Pong multiballes sans interactions clavier, dans le programme des affiches interactives :
+  * [[https://drive.google.com/file/d/1WC1Kv12jixm5gR7eoX4upJ0NepZkFdjX/view?usp=sharing|Affiche_interactive_2]]
+===== Exemple 2 : Animation avec interaction clavier =====
+Nous considérons maintenant le Pong multiballes avec interactions clavier :
+  * La touche //ENTER// permet de créer une nouvelle balle.
+  * La touche //ESPACE// permet d'éliminer la dernière balle créée.
+Le programme correspondant est le suivant :
-Une fois la classe (MonAnim) définie dans le programme Affiche_Interactive, il suffit de:
+[[https://drive.google.com/file/d/10jYvMnL-0m1Gyx10WL-r34p3haZxJX12/view?usp=sharing|Pong_Multiballes_ArrayList_keyPressed.pde.zip]]
-  * un nouvel objet "monAnimation" de type MonAnim, dans les variables globales du sketch principal.
-  * Il faut ensuite instancier la classe dans le seutp() du sketch principal.
-  * Il faut enfin appeler la méthode draw() du nouvel objet monAnimation précédemment créé, lorsqu'une touche particulière est appelée.
-Le programme suivant donne une proposition d'intégration du programme Pong multiballes dans le programme des affiches interactives :
+Le programme suivant donne une proposition d'intégration du programme Pong multiballes avec interactions clavier, dans le programme des affiches interactives :
-  * [[https://drive.google.com/file/d/1WC1Kv12jixm5gR7eoX4upJ0NepZkFdjX/view?usp=sharing|Affiche_interactive_2_0]]
+  * [[https://drive.google.com/file/d/1EnpGul8JqU1sfDeowSJ8SgUIMuXS87tg/view?usp=sharing|Affiche_interactive_3]]
-===== Tutoriel =====
-Photos ou guide pas à pas
-===== Photos =====
-Autres photos, galerie, ...

TONER KEBAB WIKI

Outils pour utilisateurs

Outils du site

Différences

Outils de la page