Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

MASTER IPM EAD 2010-2012 Cours Flash Chapitre 6 : Programmation avec ActionScri

MASTER IPM EAD 2010-2012 Cours Flash Chapitre 6 : Programmation avec ActionScript 3, partie 1 Rappel : les fichiers fla et swf sont dans le fichier « 6_Programmation_AS3_1.zip ». SOMMAIRE 1 OBJECTIFS DU CHAPITRE .................................................................................................................... 2 2 INTRODUCTION ....................................................................................................................................... 3 2.1 POURQUOI DOIT-ON PROGRAMMER ? ......................................................................................................... 3 2.2 COMMENT SAIT-ON PROGRAMMER ? ......................................................................................................... 3 2.3 ACTIONSCRIPT ? ........................................................................................................................................ 3 3 WEBOGRAPHIE ........................................................................................................................................ 5 3.1 OUTILS POUR ECRIRE DU CODE AS3 .......................................................................................................... 5 3.2 TUTORIELS ................................................................................................................................................ 5 3.3 AIDE, DOCUMENTATION… ........................................................................................................................ 5 3.4 LIVRES ...................................................................................................................................................... 5 4 L’ENVIRONNEMENT DE PROGRAMMATION.................................................................................. 7 5 CONSEILS DE CODE ET ASSISTANCE .............................................................................................. 12 6 OU ECRIRE DU CODE AS3 ? ................................................................................................................ 15 6.1 COMMENT ECRIRE DU CODE DANS DES IMAGES ? .................................................................................... 15 7 GESTION DE LA TETE DE LECTURE ............................................................................................... 18 8 NAVIGUER DANS LES SCENES D’UNE ANIMATION .................................................................... 23 8.1 ANIMATION MULTI-SEQUENCES ............................................................................................................... 23 8.2 NAVIGUER DANS LES SEQUENCES ............................................................................................................ 24 9 PROPRIETES DE CLIPS ........................................................................................................................ 25 9.1 PROPRIETES DE BASE ............................................................................................................................... 25 9.2 EXEMPLE ................................................................................................................................................. 26 9.3 AUTRE EXEMPLE ..................................................................................................................................... 27 9.4 PROPRIETES PERSONNELLES .................................................................................................................... 27 10 LES VARIABLES ..................................................................................................................................... 29 MASTER IPM EAD 2010-2012 J.C. Tarby Flash : Découverte d’Action Script Page 2 sur 31 1 Objectifs du chapitre La programmation en Flash étant une grosse partie de ce cours, le chapitre 6 dédié à la programmation ActionScript 3 est découpé en plusieurs parties qui vous seront fournies tout au long des semaines à venir. A la fin de cette partie de chapitre, vous saurez : - créer des animations multi-séquences ; - programmer des actions simples pour piloter la tête de lecture, - comment modifier les propriétés d’un clip, - gérer des variables, - et surtout à quoi correspond ActionScript, où on écrit du code ActionScript, comment on exécute ce code, etc. MASTER IPM EAD 2010-2012 J.C. Tarby Flash : Découverte d’Action Script Page 3 sur 31 2 Introduction 2.1 Pourquoi doit-on programmer ? La programmation dans Flash permet principalement de rendre les animations interactives. Sans programmation, l’utilisateur se contente de regarder une animation comme un film au cinéma, il ne peut rien faire de plus ! Grâce à la programmation, il pourra interagir avec vos animations, par exemple déplacer des objets, saisir des valeurs (son email par exemple), etc. La programmation (que ce soit en Flash ou non) permet beaucoup d’autres choses : faire des calculs, de la simulation, connecter des applications entre elles… mais en ce qui nous concerne ici, le but principal est l’interactivité. Je ne résiste pas à l’envie de vous envoyer sur http://www.documaga.com/wp- content/uploads/2010/02/scaleofuniverse.swf qui vous montrera un très joli exemple d’interactivité vous permettant de vous balader dans les échelles de l'Univers. Sans programmation, il vous serait impossible de naviguer à votre aise de l’infiniment grand à l’infiniment petit et vice-versa. 2.2 Comment sait-on programmer ? Même réponse que « comment sait-on écrire ? », ça s’apprend. Le but de l’IPM n’est pas de vous transformer en programmeur chevronné. C’est un autre métier qui demande des années. Non, le but de cette partie de cours est multiple : - Comprendre les mécanismes de base de la programmation en Flash, - Etre capable de réaliser des maquettes interactives, - Acquérir une expérience vous permettant plus tard de dialoguer avec des programmeurs Flash et d’estimer le temps nécessaire pour réaliser une application interactive. La meilleure façon d’apprendre à programmer est… la pratique, encore la pratique, et toujours la pratique. Donc n’hésitez pas à faire et refaire mes exercices, voire à créer vos propres exercices. Vous pouvez également consulter des ouvrages et des sites web pour cela, mais attention à ne pas perdre trop de temps sur ça… 2.3 ActionScript ? ActionScript (abrégé par AS) est le langage de programmation de Flash depuis la version 4. ActionScript existe en 3 versions : ActionScript 1 (AS 1) qui est proche de Javascript, AS 2 (depuis Flash 8) qui est très proche de Java, et AS 3 (depuis Flash CS3), évolution de AS 2, qui est encore plus proche de Java (si vous ne connaissez pas Java, cela n’a aucune importance pour ce cours, c’est juste une remarque pour ceux qui le connaissent). Nous n’étudierons ici que la version 3 (AS 3) qui est actuellement la version de référence pour la programmation en Flash et le langage le plus demandé dans les offres d’emploi autour de Flash. Dans tout le reste du cours sur la programmation avec ActionScript, AS désignera la version 3, c'est-à-dire AS 3. Comme tout langage de programmation, AS utilise : MASTER IPM EAD 2010-2012 J.C. Tarby Flash : Découverte d’Action Script Page 4 sur 31 - une syntaxe rigoureuse ; vous devez donc faire très attention à ce que vous écrivez (respect des espaces, des ponctuations, des minuscules/majuscules…), ainsi qu’à l’endroit où vous écrirez vos programmes, - des mots clés que vous devrez connaître, ou être capable de deviner ou de retrouver dans l’aide en ligne ou tout autre type d’aide (sites web, livres,…), - des structures algorithmiques pour structurer vos programmes (boucles, tests, …) - des variables… Nous verrons ces différents concepts (et d’autres) tout au long du cours. Ce chapitre vous donnera de solides bases d’AS. Notez que le langage ActionScript comporte des centaines de fonctions… N’hésitez pas à parcourir l’aide ☺ . Parfois, je donnerai des compléments possibles à certaines notions, et hors programme IPM (pour satisfaire la curiosité de ceux qui ont envie d’aller plus loin). Dans ce cas, j’indiquerai clairement que ces notions sont hors programme de Master et sont dédiées aux informaticiens ou aux Flasheurs. Même après ce cours, il reste encore beaucoup de choses à découvrir dans la programmation Flash, mais je vous rappelle que le Master n’a pas pour objectif de faire de vous des Flasheurs professionnels. Néanmoins, avec tout ce que nous aurons vu avec les chapitres sur Flash, vous devrez être capable de faire des maquettes/prototypes suffisamment réalistes pour montrer ce qu’une version aboutie (fait avec des graphistes et des Flasheurs) devrait donner. Pour information, et pour que vous sachiez ce que l’on peut faire de plus avec Flash, voici les grands sujets que nous n’aurons pas abordés en ActionScript (et que vous n’avez pas besoin de connaître en tant qu’IPM) : - programmation objet, « la vraie, la pure, la dure »… avec notion de classe, d’héritage, d’instance, etc. (public informaticien) - programmation évoluée : utilisation de patrons de conception (design patterns) tels que MVC, etc. (public informaticien) - programmation dynamique, par exemple pour générer du code Action Script… (public informaticien) - les composants Flash (utilisation et création). L’utilisation est du niveau IPM, la création est pour un public informaticien. - les comportements Flash (cf. le panneau Comportements). Leur utilisation est assez simple ; à la fin du cours Flash, vous devriez être capables de comprendre leurs usages par vous-mêmes. - les effets de scénario (menu Insertion>Effets du scénario). Le programme est chargé, mais grâce à ce dernier chapitre, Flash n’aura plus beaucoup de secrets pour vous ☺. Un dernier conseil : j’ai fait en sorte que les parties et sous-parties de ce chapitre se travaillent dans l’ordre indiqué par la table des matières. Elles sont de difficulté croissante. MASTER IPM EAD 2010-2012 J.C. Tarby Flash : Découverte d’Action Script Page 5 sur 31 3 Webographie Avant de voir ce qu’est AS3, comment on écrit du code, etc., voici quelques liens qui pourront vous servir de ressources complémentaires. 3.1 Outils pour écrire du code AS3 Voici quatre outils dédiés aux Flasheurs et aux informaticiens. Pour notre cours d’AS3, vous n’avez pas besoin de les utiliser, mais vous risquez de les rencontrer dans votre vie professionnelle : • Flash Builder (un des meilleurs, et gratuit pour les étudiants) : http://www.adobe.com/fr/products/flashbuilder/ • FlashDevelop (un des meilleurs) : http://www.flashdevelop.org • outil Sepy (assez bon) : http://www.sepy.it/ • outil SciTe (le moins bon des 4) : http://www.scintilla.org/SciTE.html 3.2 Tutoriels Quelques sites présentant des tutoriels sur AS3 (il y en a des centaines d’autres !) : • http://www.gotoandlearn.com/ • http://www.yazo.net/ qui contient entre autre la palette Yazo qui vous permettra de gagner (peut-être) du temps pour l’écriture de scripts AS3 classiques (cf. le site web pour les détails). Ce site contient également un mémento AS3 très pratique (cf. plus bas). • http://www.toxiclab.org/search.asp?imageField.x=0&imageField.y=0&search=actions cript • des tutoriels vidéos chez Adobe : http://tv.adobe.com/product/flash/ • tutoriels d'exception en AS3 : http://www.designspartan.com/tutoriels/10-tutoriels- dexception-pour-flash-as-3/ • Flash and Math: http://www.flashandmath.com/ 3.3 Aide, documentation… • la livedoc d'Adobe (plutôt pour public informaticien) : http://livedocs.adobe.com/flash/9.0_fr/ActionScriptLangRefV3/package- summary.html • la doc officielle Adobe : http://www.adobe.com/support/documentation/fr/flash/ • une des bibles sur AS3 : http://www.actionscript.org/index.php • Mémento AS3: http://www.yazo.net/racine/memento/MementoAS3.pdf 3.4 Livres Je ne vous conseille pas d’ouvrage en particulier, il y en a tellement ! et il en sort très régulièrement sur Flash, sur AS3, sur Flex (qui fonctionne avec AS3) !!! Sachez juste qu’aucun livre n’est nécessaire pour ce cours. Si vous voulez compléter vos connaissances en achetant un livre, vérifiez le niveau d’AS3 demandé ou visé. Des ouvrages comme celui-ci-dessous par exemple sont uniquement dédiés à des informaticiens chevronnés. MASTER IPM EAD 2010-2012 J.C. Tarby Flash : Découverte d’Action Script uploads/Finance/ 6-programmation-as3-partie-1.pdf