interaction 1 com3562 communication multimédia février 2012
TRANSCRIPT
![Page 1: Interaction 1 COM3562 Communication Multimédia Février 2012](https://reader035.vdocuments.us/reader035/viewer/2022062511/551d9db4497959293b8d940b/html5/thumbnails/1.jpg)
Interaction 1
COM3562 Communication Multimédia Février 2012
![Page 2: Interaction 1 COM3562 Communication Multimédia Février 2012](https://reader035.vdocuments.us/reader035/viewer/2022062511/551d9db4497959293b8d940b/html5/thumbnails/2.jpg)
Aujourd’hui• Les séquences dans une animation, les nommer. Changer
l’ordre de lecture
• Création d’un symbole bouton, Placer sur la scène et nommer.
• Utilisation des interactions Action Script 3– Fragments de code et fenêtre Actions.– Donner un nom (Étiquette) aux images (colonnes) dans le
scénario• Actions simples
– Arrêter– Joueur à partir d’une étiquette– Jouer une séquence à partir d’une étiquette ou d’une image
(no)– Ouvrir une page URL
• Composantes = Formulaires – contrôles de vidéo ou son.• Notes sur Flash (version ancienne)
![Page 3: Interaction 1 COM3562 Communication Multimédia Février 2012](https://reader035.vdocuments.us/reader035/viewer/2022062511/551d9db4497959293b8d940b/html5/thumbnails/3.jpg)
Créer des séquences• Une animation peut comporter plusieurs séquences
animées.• Par défaut elles sont lues dans l’ordre • Voir Menu Insérer Séquence et
Fenêtre Autres Panneaux/Séquences.• Pour tester lorsqu’il y a plusieurs séquences il faut faut
utiliser le choix lire toutes les séquences.
• Vous pouvez renommer et changer l’ordre de lecture des séquences.
Évite
z les
accents
![Page 4: Interaction 1 COM3562 Communication Multimédia Février 2012](https://reader035.vdocuments.us/reader035/viewer/2022062511/551d9db4497959293b8d940b/html5/thumbnails/4.jpg)
Insérer une étiquette• Pour vous repérer dans le
scénario.• On nomme les calques (lignes).
Mais aussi on nomme les images (colonnes)
• À un moment donné, ie pour une colonne dans le scénario,on peut donner un nom à ce moment qui désigne l’animation qui suit. Ici on a mis Etiquette1, mais ce pourrait être Animation 1 ou autre.
• On donne le nom de l’Étiquette dans les propriétés.
Évite
z les
accents
![Page 5: Interaction 1 COM3562 Communication Multimédia Février 2012](https://reader035.vdocuments.us/reader035/viewer/2022062511/551d9db4497959293b8d940b/html5/thumbnails/5.jpg)
Bouton• Notes sur Flash (version ancienne) Boutons• Créer un symbole bouton (nom_btn)
Définir ses états (Ajouter des images clé F6 et modifier l’apparence des états du bouton
• Pour programmer l’Effet du bouton– Glisser le bouton sur la scène (Donner un nom au bouton
sur la scène dans les propriétés).• Sélectionner le bouton sur la scène et définir ce qui
sera exécuté en utilisant la Fenêtre Fragments de code.. Puis en modifiant les paramètres dans Actions
• Le même bouton peut-être placé à plusieurs endroits, avoir plusieurs noms et exécuter une action spécifique selon le bouton cliqué.
![Page 6: Interaction 1 COM3562 Communication Multimédia Février 2012](https://reader035.vdocuments.us/reader035/viewer/2022062511/551d9db4497959293b8d940b/html5/thumbnails/6.jpg)
Programmer des actions• Arrêter (à la fin.. Ou pour attendre que l’usager clique)
stop();• Lancer l’animation à partir d’une étiquette ou d’un no
d’imagegotoAndPlay(5);
Ou gotoAndPlay( "Etiquette1");Vous choisissez l’étiquette pour désigner l’animation qui suit
• Lancer une séquence à partir d’une étiquette ou d’un no
gotoAndPlay(1, "Sequence2")
En fait vous choisissez dans la fenêtre Fragments de code puis vous modifiez l’action dans la fenêtre Actions.
![Page 7: Interaction 1 COM3562 Communication Multimédia Février 2012](https://reader035.vdocuments.us/reader035/viewer/2022062511/551d9db4497959293b8d940b/html5/thumbnails/7.jpg)
Programmer des actions• Arrêter (à la fin.. Ou pour attendre que l’usager clique)
stop();
![Page 8: Interaction 1 COM3562 Communication Multimédia Février 2012](https://reader035.vdocuments.us/reader035/viewer/2022062511/551d9db4497959293b8d940b/html5/thumbnails/8.jpg)
Programmer des actions• Lancer l’animation à partir d’une étiquette ou d’un no
d’imagegotoAndPlay(5);
Ou gotoAndPlay("étiquette1");Vous écrivez l’étiquette pour désigner l’animation qui suit.
![Page 9: Interaction 1 COM3562 Communication Multimédia Février 2012](https://reader035.vdocuments.us/reader035/viewer/2022062511/551d9db4497959293b8d940b/html5/thumbnails/9.jpg)
Programmer des actions• Lancer une séquence à partir d’une étiquette ou d’un
nogotoAndPlay(1, "Séquence 3")
En fait vous choisissez dans la fenêtre Fragments de code puis vous modifiez l’action dans la fenêtre Actions.
![Page 10: Interaction 1 COM3562 Communication Multimédia Février 2012](https://reader035.vdocuments.us/reader035/viewer/2022062511/551d9db4497959293b8d940b/html5/thumbnails/10.jpg)
Programmer des actions• Lancer une séquence à partir d’une étiquette ou d’un
nogotoAndPlay(1, "Séquence 3")
En fait vous choisissez dans la fenêtre Fragments de code puis vous modifiez l’action dans la fenêtre Actions.
![Page 11: Interaction 1 COM3562 Communication Multimédia Février 2012](https://reader035.vdocuments.us/reader035/viewer/2022062511/551d9db4497959293b8d940b/html5/thumbnails/11.jpg)
Programmer des actions• Pour tester l’Animation
Il faut activer les boutons simples
• Éventuellement lire toutes les séquences
![Page 12: Interaction 1 COM3562 Communication Multimédia Février 2012](https://reader035.vdocuments.us/reader035/viewer/2022062511/551d9db4497959293b8d940b/html5/thumbnails/12.jpg)
Programmer les actions simples
• Une autre action très utile..est celle d’ouvrir une page Web
Il faut modifier l’Adresse URL dans la fenêtre Actions.
navigateToURL(new URLRequest("http://lrcm.com.umontreal.ca/Dufresne/COM3562/")
![Page 13: Interaction 1 COM3562 Communication Multimédia Février 2012](https://reader035.vdocuments.us/reader035/viewer/2022062511/551d9db4497959293b8d940b/html5/thumbnails/13.jpg)
Exercice de la planche• Essayez de recréer l’interactif de la planche
![Page 14: Interaction 1 COM3562 Communication Multimédia Février 2012](https://reader035.vdocuments.us/reader035/viewer/2022062511/551d9db4497959293b8d940b/html5/thumbnails/14.jpg)
Composants• Même sans apprendre à
programmer les composants. Nous verrons comment les utiliser pour faire une maquette.
![Page 15: Interaction 1 COM3562 Communication Multimédia Février 2012](https://reader035.vdocuments.us/reader035/viewer/2022062511/551d9db4497959293b8d940b/html5/thumbnails/15.jpg)
Composants• Il faut spécifier
les propriétés pour chaque composant.
• Par exemple dans une pizza..
• Essayez différentsTypes de composants
![Page 16: Interaction 1 COM3562 Communication Multimédia Février 2012](https://reader035.vdocuments.us/reader035/viewer/2022062511/551d9db4497959293b8d940b/html5/thumbnails/16.jpg)
Exercice Pizza• Essayez de définir une interface pour commander une
Pizza.•
Visiter le site Domino pour voir des exemples.
• Domino Pizza