 Flash : animations mais aussi interactions  ActionScript : langage de programmation multipliant les possibilités de dynamisme et d’interactivité d’un.

Slides:



Advertisements
Présentations similaires
Exposé Flash 3 - Tir aux canards - BRIGOLLE Mathieu GI04Printemps 07.
Advertisements

Interactivé: L'Action Script.
Interactions avec ActionScript
Cours n°2M2. IST-IE (S. Sidhom) UE 303 Promo. M2 IST-IE 2005/06 Conception dun système d'information multimédia Architecture trois-tiers : PHP/MySQL &
Le traitement dun clip Par Virtual Dub. Chargement dun clip Recherche du fichier Vérification du format.
Firebug Dévermineur Debugger.
Points importants de la semaine Les commentaires. Les variables. Les instructions conditionnelles. Les instructions itératives (les boucles).
PROJET DATELIEU 20 MARS 2012LCP SALLE B105 création du site internet avec Weebly.
Présentation de la séquence de cours sur les interactions HTML-javascript Laure Walser, 11 juin 2010.
LOGICIEL PL7 MICRO PROGRAMMATION MISE AU POINT Consignes?
Les Classes les structures en C (struct) regroupent des variables : structuration de l'analyse mais problèmes de cohérence problèmes de sécurité d'accès.
Quelques clés pour débuter avec les animations Flash
Interaction 1 COM3562 Communication Multimédia Février 2012.
Le langage Javascript pour le web
LIFI-Java 2004 Séance du Jeudi 9 sept. Cours 1. La notion de langage Décrire une tâche à effectuer –programme Écrire à un haut niveau –facile pour lutilisateur.
Integration VIDEO COM3562 Communication Multimédia Février 2012 Suite.
Animation 4 COM3562 Communication Multimédia Février 2011.
Animateur : Med HAIJOUBI
TP n°2 Javascript EVENEMENTS ET OBJETS
Javascript 2° PARTIE : EVENEMENTS ET OBJETS
Créer des packages.
Spécificités Techniques Campagne NPI Nov Orange : Flash Transparent + 300x250 ATTENTION : s’il y a une interaction entre les deux créations les.
 Syntaxe du langage PHP
Algorithmique et programmation en
Initiation au JavaScript
Algorithmique Algorithmique  Pascal
Dreamweaver MX Jauneau Marie Claude-Antoine Zarate.
FLASH MX : séance 1 Sandrine Rabin Nicolas Mollet SI28.
Environnement Flash MX
Séance Flash 2 TD SI28 du 16/04/07 Nadel Ben Ghmiss Bruno Prémartin.
Présentation Dreamweaver – Partie 2 Mickaël PIQUE – Automne 2004.
Exposé DREAMWEAVER 2 Guillaume DUBREUIL Adrien HADOUX.
EXPOSE N° 1 Thomas CLARISSE Yann GUIGUET.
Padmanaathan Gaayathrie
Réalisation d'un jeu de tir aux Canards Florian GAUCHER Alexandre LEVY SI 28 Exposé Flash 3.
Deuxième Exposé Si Nicolas Debeljak Sun Young Park.
SI28 - Écriture multimédia interactive – A2004 Présentation Dreamweaver Partie 2 Pierre Malet GSU05.
FLASH SEANCE 2 Interaction avec Action Script. Action script Langage de programmation utilisé par Flash. Définir des propriétés, des actions des comportements.
** Flash séance 2 Action script. ** Action Script Ajoute de l’interactivité Permet de contrôler les clips  Langage de programmation orienté objet.
Flash 2 ème séance Interaction François Marliac Mickaël Moreira.
Flash MX – Séance 2 Interactions & ActionScript David Rapin Si28 P06.
Dreamweaver le retour Avec Les Formulaires Les Calques
Flash MX er Séance LIU Xinlei GI02.
FORMULAIRES FOMULAIRE Permet à l’utilisateur d’entrer des renseignements le concernant. Utilisation –Inscription sur un site –Mise à jour d’une base.
Télécharger :
Dreamweaver 2 Plan 1.Calques 2.CSS 3.Modèles 4.Comportements 5.Formulaires 6.Mise en ligne 1 Timothée Devaux Myriam Roudy Dreamweaver 2 Printemps 2008.
Les formulaires Les calques Les comportements Les scénarios Les modèles Les feuilles de styles (CSS) La mise en ligne Les formulaires permettent à l’utilisateur.
Amine Benabdennbi - Omar Berrada Rekhami Flash 2 – Interactivité Avancée Flash 2 Séance de Flash n°2 TD SI28 du 16/04/2007 Amine Benabdennbi Omar Berrada.
Flash 1 Cariou SandraCoffinot Nicolas. Sommaire : I)Généralités II)Interface de Flash III)Grouper et Dissocier IV)Image clé V)Scénario et calques VI)Symboles.
Télécharger :
Réalisation d’un jeu de tir au canards. Page d’accueil Télécharger les fichiers sources. Importez les images parchemins et fond_shoot Insérer l’image.
Flash : deuxième séance Yannick Bresson Alessandro Camozzato Tien-Quang Tong 22/10/07.
1 Exposé Flash 3 Objectif : Réalisation d’un jeu de tir aux canards Si28 - Paméla GUERIZEC – le 28 novembre 2005.
SI28 Flash 3 Tir’O’Canard 1 Téléchargez le swf : 1.Présentation 5.Fin 4.Jeu 2.Zone de travail 3.Menu.
EXPOSE FLASH 2 SI 28 24/10/2006 Delphine GODREAU Hélène PERRIER.
Sommaire : -A propos des images importées -Les boutons et l’interactivité dans la scène -Textes dynamiques -Les clips (les liaisons) -Les sons -Les composants.
DREAMWEAVER MX2 - Séance 2 Les calques Les comportements Les scénarios Les formulaires Les feuilles de style Les modèles Les cadres Mise en ligne Jérôme.
L’interactivité avec ActionScript. ActionScript Langage de programmation de Flash qui permet de : Gérer des actions et des animations sur la scène Contrôler.
Gaëtan MARANZANA SI28-A04 Flash MX DEUXIEME EXPOSE.
Exposé Flash 3 - Tir aux canards - DIDELOT Guillaume GI02 VAN DER PLAETSEN Virginie GSU04Printemps 06.
Interface Tutorial Flash 2 Par Vincent ² SI28 – P06 Bibliothèque Composant s Panneau actions Barre d'outils Timeline.
Dreamweaver 2 Feuilles de Style CSS Formulaires Calques Comportements
Les calques Les Template (modèles) Les Comportements Les scénarios Les formulaires Les CSS Le serveur Web de l’UTC Présentation.
BOUTET Antoine MARICOT Benoit ActionScript Flash Séance 2.
FLASH Séance 2 Xiaoliang Liang Morgane Le Nan SI28 P05.
Flash – séance 2 Interactions avec Action Script.
PRESENTATION FLASH 2 MAURIN Marion BERETTI Vincent.
SI28 : D REAMWEAVER 2 Audrey BUISSON – GSU05 Romain LASSALLE – GI05 1 SI28 – Ecriture interactive et multimedia.
Lundi 20 octobre 2008Séance Flash 21 Séance Flash 2 ActionScript Cheikh DIEDHIOU Germain LEDRUT.
Transcription de la présentation:

 Flash : animations mais aussi interactions  ActionScript : langage de programmation multipliant les possibilités de dynamisme et d’interactivité d’un fichier Flash.  Attention !  Flash 8.0. : ActionScript 2.0  Supérieures (CS3, CS4) : AS 3.0  Ce que permet l’AS  Gérer des actions, des animations des objets (clips) et de la scène  Contrôler la tête de lecture (timeline)  Lire des sons ou des vidéos  Gérer les événements souris et clavier.

 Fenêtre du code : Action  F9  Clique droit sur la timeline + « Actions »  Conseil : calque réservé au code  Attention à la casse !  Ma_variable & ma_variable ne sont pas les mêmes variables  Les espaces n’ont pas d’importance  Commentaires:  Courts : //…  Longs : /* …*/

 Number  nombre=nombre + 5;  monnombre += 5;  -, *, /, %  String  Entre ̎ … ̎ Représenter les guillemets par / ̎  Entre ‘…’ Représenter l’apostrophe par / ’  Array  var tab:Array = new Array ( ̎a ̎, ̎b ̎, ̎c ̎); var chaine:String = tab[1] // = ̎b ̎ var nombre:Number = tab.length // =3  Boolean  var vf:Boolean = false;  …=new Boolean(); //vf=false

 monclip.monevenement=function () {instructions}  Evénements souris locaux  onPress : l’évènement à lieu au clique  onRelease : à la « libération » du clique…  onReleaseOutside : … en dehors  onRollOver : au survol de la souris  onRollOut :à la fin du survol  Evénements souris globaux  onMouseDown ≡ onPress  onMouseUp ≡ onRelease  onMouseMove : au mouvement de la souris  Evénement général  onEnterFrame : à chaque nouvelle image

 _root : scène principale  _parent : élément directement supérieur dans la hiérarchie  _parent.clip11 = clip1  _this : se rapporte à l’élément choisi

 Conditions :  Égalité : ==  Supérieur ou égal : >=  Et : &&  Ou : || (AltGr + 6)  if (condition à tester) { instructions;} else { instructions;}  switch(variable){ case «valeurdelavariation »: instructions ; break; … default instructions ; break; }

 Gestionnaire de séquences  Maj+F2  Fenêtre > Autres panneaux > Séquence  stop(); en début de chaque séquence  Donner un nom d’occurrence aux boutons : versmt21, versmp3  versmt21.onRelease=function(){ gotoAndPlay( ‘mt21’,1); }

 Type de zone texte… …et nom de la variable associées  Zone jaune : texte de saisie  Variable : entrees  Zone bleue: texte dynamique  Variable : resultats  Donner : nom d’occurrence  var notes:Array=new Array('A', 'B', 'C', 'D', 'E', 'F', 'Fx');

 resultats =entrees + ’ : ’+…  Tirage au hasard : random(nombremax)  nomdutableau.length  Nomdutableau[…]  resultats =entrees + ’ :’ + notes[random(notes.length)];  …+’\n’;  resultats+=…

 Noms d’occurrence :  Bouche : bouche  31knots : knots  G.O.B. (Guns of Brixton) : guns  boutons…  var musique:Sound=new Sound();  musique.loadSound('31 Knots - Man Become Me.mp3', false);

pause.onRelease=function(){ musique.stop(); } lecture.onRelease=function(){ musique.start(musique.position/1000); } arret.onRelease=function(){ musique.start(0); musique.stop(); }  stop() : arrête la musique sans modifier musique.position  musique.position : valeur d’avancement de la lecture en ms  start(valeur en s de la position de lecture initiale)

 Drag And Drop  Tirer : startDrag()  Déposer : stopDrag()  knots.onPress=function(){ this.startDrag();} knots.onRelease=function(){ this.stopDrag();}

 Collisions avec bouche : booléan  knots.hitTest(bouche)  onEnterFrame=function() { if (knots.hitTest(bouche)) { knots._visible=false; musique.loadSound('31 Knots - Man Become Me.mp3', false); if(guns.hitTest(bouche)) { guns._visible=false; musique.loadSound('01 The shape of dub to come.mp3', false); } }

redonner.onRelease=function(){ knots._x=guns._x=350; knots._y=250; guns._y=300; knots._visible=guns._visible=true knots.stopDrag(); guns.stopDrag(); }