Flash – séance 2 Interactions avec Action Script.

Slides:



Advertisements
Présentations similaires
1 JavaScript V0 : Nauer. 2 JavaScript Quid ? Langage de programmation lié à HTML. Code JavaScript intégré aux pages HTML. Code interprété par le navigateur.
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 &
Introduction aux Web Services Partie 1. Technologies HTML-XML
Faculté I&C, Claude Petitpierre, André Maurer What is this ? (Quest ce que this ?)
RESUMES Module II1 SOMMAIRE CYCLE 1 : Saisir – Afficher – Données
LOGICIEL PL7 MICRO PROGRAMMATION MISE AU POINT Consignes?
Le langage ASP Les formulaires avec Request. Les formulaires sont employés pour transmettre des informations saisies par un client à une application 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.
Les Opérateurs Ils régissent toutes les opérations ou transformations sur les valeurs des variables. Opérateur d'affectation Opérateurs arithmétiques Opérateurs.
Javascript 1° PARTIE : LES BASES
2.1 - Historique Chapitre 2 : Introduction au langage C++
JavaScript Nécessaire Web.
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
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
Initiation au JavaScript
Module 133 Développer des applications Web Introduction à PHP.
Éléments de présentation
Scripts et fonctions Instructions de contrôle
1 PHP 5 Notions fondamentales (niveau 1 cours #3) Formation continue – Cégep de Sainte-Foy François G Couillard.
LOGICIEL PL7 MICRO PROGRAMMATION MISE AU POINT Consignes?
Scratch Partie 03 Version A15.
Scénario Les scénarios permettent de modifier la position, taille … des calques au cours du temps. Son fonctionnement est très proche de celui de Macromedia.
Dreamweaver Séance 1.
Présentation de Dreamveawer
Dreamweaver MX Jauneau Marie Claude-Antoine Zarate.
Guillaume MICHAUD – Yvan LECOMTE
DreamWeaver Séance 2 HMIDA Ahmed A2008. Plan 1.Calques 2.CSS 3.Modèles 4.Formulaires 5.Comportements 6.Mise en ligne.
FLASH MX : séance 1 Vivien FILIPPINI Jeanne VERRE Exposé SI28.
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.
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
Dreamweaver (2) ● les calques (layers) ● les comportements
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.
SI28 - Écriture interactive et multimédia Laurent FETZER GSU04, Lucie SOLA GSU06 P PRESENTATION Dreamweaver 2.
 Flash : animations mais aussi interactions  ActionScript : langage de programmation multipliant les possibilités de dynamisme et d’interactivité d’un.
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.
SI28 – Ecriture interactive et multimédia Sylvain Slaton – Pierre Laporte.
1 Exposé Flash 3 Objectif : Réalisation d’un jeu de tir aux canards Si28 - Paméla GUERIZEC – le 28 novembre 2005.
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
BOUTET Antoine MARICOT Benoit ActionScript Flash Séance 2.
FLASH Séance 2 Xiaoliang Liang Morgane Le Nan SI28 P05.
DREAMWEAVER 2 Michael LEPERS Pierre LAINÉ.  Formulaire  Calques  Comportements  Feuille de style CSS  Modèle  Scénario  Gestion du site.
DREAMWEAVER SÉANCE 2 SI28 Jonathan Barone – Thomas Lulé.
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.
1 Tableur Excel. 2 Introduction Un tableur est un logiciel permettant de manipuler des données numériques et d'effectuer automatiquement des calculs sur.
FLASH MX Deuxième exposé. Sommaire  La bibliothèque commune  La bibliothèque projet  Les composants  Le panneau d’actions  Le code  Mise en application.
Transcription de la présentation:

Flash – séance 2 Interactions avec Action Script

Qu’est ce qu’Action Script ? Action Script permet de décrire –Les interactions avec l’utilisateur –Le comportement des clips Action Script est un langage de programmation objet complet (debuger, vérification syntaxique…)

Où placer le code AS ? Chaque objet possède une page de code AS Donc deux possibilités –Soit dans une frame du scénario; on utilise alors un calque dédié. –Soit en l’attachant aux objets (boutons, clips, …) eux-même

Comment entrer le code AS ? Fenêtre Actions –Fenêtre > Actions (F9)

Hiérarchie des objets _root objAobjBobjC objA. _parent  _root; objD objD. _parent  objC; _root désigne l’ensemble du document

Référence absolue / relative (1) Relatif : le chemin d’un objet dépend du point de vue _root objAobjBobjC objD Point de vue de objC this  objC this. _parent  _root Point de vue de objD this  objD this. _parent  objC

Référence absolue / relative (2) Absolue : le chemin d’un objet ne dépend pas du point de vue _root objAobjBobjC objD objC objD _root.objC. objD  objD _root. objC  objC En absolue, on entre l’intégralité du chemin à partir de _root

Référence absolue / relative (3) Moralité : pour ne pas se tromper, on utilise la cible

Exemple : boutons Créer une animation Ajouter un bouton vert et un bouton rouge Associer un code AS aux boutons –Le bouton rouge stoppe l’animation –Le bouton reprend l’animation

Solution Dans la page Actions du bouton vert on (press) { play(); } Dans la page Actions du bouton rouge on (press) { stop(); }

Variables Variables locales var maVariable = « un texte »; var _nombre; Variables globales _global.maVar; MaVar = 3;

Structure de décision : if if ( ) [ else ] if( i == 1) play(); else stop(); Opérateurs logiques != inégalité && AND logique || OR logique < inférieur à <= inférieur ou égal à == égalité

Structure de décision : switch switch (nombre) { case 1: trace ("case 1 est true"); break; case 2: trace ("case 2 est true"); break; case 3: trace ("case 3 est true"); break; default: trace ("aucun cas n’est est true") } switch = aiguillage Remplace avantageusement plusieurs if

Structure itérative for( i = 0; i < 10; i ++){ trace(i); } Opérateurs = affectation +addition -soustraction * multiplication / division --décrémentation ++ incrémentation i=0; while(i<10){ trace(i); i++; }

Fonctions function nom_fonction (param1, param2, … ) { ; return ; } function somme (a, b) { c = a+b; return c; } Ou return a+b;

Zones de texte (1) 3 types de zones de texte : Statique : label simple sans action possible Dynamique : label avec possibilité de modifier le contenu avec ActionScript Saisie : zone de saisie manipulable avec ActionScript.

Zones de texte (2) Créez une petite application flash qui va, à l’aide d’un boutons, copier le contenu d’une zone de texte de saisie dans une zone de texte dynamique.

Gestion des événements Événements sur bouton, souris, clavier on( ) { } Événements sur clip onClipEvent( ){ }

Jouer un son (1) Fichier > Importer Clic droit – Liaison Cocher Exporter pour Action Script Donner un nom : « MonSon"

Jouer un son (2) stopAllSounds(); s = new Sound (); s.attachSound (« MonSon"); s.setVolume (100); s.start (0,1); Comment utiliser l’objet Sound ? Mettre « Sound » en surbrillance et taper F1

Récapitulatif Réaliser un jeu