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/03/21 07:58]
damien.muti
+++ 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 =====
 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...
@@ Ligne 14: / Ligne 17: @@
 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 :
@@ Ligne 20: / Ligne 24: @@
 Une fois la classe (//Animation//) définie dans le programme Affiche_Interactive, il suffit de:
-  * un nouvel objet "//Anim//" de type //Animation//, dans les variables globales du sketch principal.
+  * 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.
@@ Ligne 27: / Ligne 31: @@
 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?400 |}}
+{{ :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 :
+[[https://drive.google.com/file/d/10jYvMnL-0m1Gyx10WL-r34p3haZxJX12/view?usp=sharing|Pong_Multiballes_ArrayList_keyPressed.pde.zip]]
-Le programme suivant donne une proposition d'intégration du programme Pong multiballes dans le programme des affiches interactives (sans interactions clavier):
+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