Préface - Pearson

PréfaceLe motion design se définit par l’ensemble des signes fixes et animés qui caractérisentl’identité d’un site et au service de son contenu. Ces signes et ces formes véhiculent uneidentité par des animations distribuées dans un scénario sur une échelle de temps linéaire.Par cette organisation plastique et sémantique, ils en appuient le sens dégagé.Pour offrir une identité qui puisse évoluer selon la configuration et le comportement del’utilisateur, une identité évolutive, réactive et applicative, il est incontournable de la réaliseren ActionScript. Nous parlons alors de motion design en ActionScript. Nous pourrionsparler aussi de script design, mais le terme n’est pas vraiment usuel.Pour cela, nous disposons de plusieurs versions du langage ActionScript. Il convient naturellementd’aborder la version qui offre la réponse la plus appropriée au besoin défini par leconcepteur du site. Trois versions de ce langage sont apparues successivement depuis la findes années 90 et continuent d’exister chacune indépendamment des autres :• ActionScript 1.0 est utilisé pour le Web mobile et les sites de première génération. Il n’estpresque plus employé pour la création de sites Internet classiques car il est trop restreinten fonctionnalités. Son lecteur est léger d’où l’intérêt conservé pour sa portabilité.• ActionScript 2.0 offre une palette de comportements bien plus étoffée et demeureencore largement employé pour bon nombre des créations de sites dits vitrines, n’exprimantpas un grand besoin de réactivité ni de fonctionnalités. Son apprentissage estencore relativement accessible et son lecteur est déjà déployé sur de nombreux appareilsmobiles.• ActionScript 3.0, apparu depuis Flash CS3 (Flash 9), permet de réaliser des applicationscomplexes avec une grande réactivité. Concernant la partie graphique, elleautorise principalement la 3D et la gestion de la vidéo en haute définition, ainsi que ledéveloppement d’applicatifs lourds comme le traitement des images, gourmands encalculs. Si le langage semble plus complexe au premier abord, il n’en est rien dans la pratique,car en réalité, la multiplication des lignes de code requise en AS3 vient de la nécessitéde détailler le contexte d’utilisation de chaque action. Ceci afin de réserver l’espacemémoire uniquement requis pour les animations, et donc, d’en améliorer les performancesà l’affichage. Mais les actions elles-mêmes restent souvent équivalentes à celles déjàutilisées en AS2. D’autres modifications d’ordre structurel ont, cela dit, été apportées enAS3, qu’il est nécessaire d’apprivoiser, surtout lorsque l’on a acquis des habitudes dedéveloppement tranquilles, encore possibles en AS2.Ce livre a pour objectif de vous permettre d’acquérir facilement les notions d’Action-Script 3 nécessaires pour vous rendre indépendant dans le développement d’interfacesriches et graphiques, à partir de symboles placés dans le scénario. Il vous permettra aussi decontourner les problèmes éventuellement rencontrés suite aux modifications structurellesinduites par ce nouveau langage, notamment si vous utilisiez déjà AS2 et aviez pris© 2010 Pearson Education France – ActionScript 3 et le motion design – Arzhur Caouissin

2ACTIONSCRIPT 3 ET MOTION DESIGNl’habitude de dialoguer facilement d’un document SWF à un autre. Ainsi, en plus des principalesfonctionnalités déjà évoquées comme la 3D et la vidéo en haute définition, vousapprendrez à imbriquer des animations SWF entre elles, mais en sachant réellement lesfaire interagir l’une envers l’autre. Vous apprendrez également à afficher et masquer desinformations, mais en connaissant comment désactiver les contenus supprimés alors qu’ilsdemeurent intrinsèquement encore actifs. Vous verrez autant d’autres principes inhérents àAS3 qu’un ouvrage plus scolaire ne vous aurait pas permis de contrôler et qu’un livre troptechnique vous aurait découragé de découvrir.Cet ouvrage, où nous abordons les spécificités graphiques d’AS3 et quelques principes déjàprésents avec AS2, peut être appréhendé ponctuellement, au cas par cas, pour résoudre desbesoins ciblés, ou bien dans son intégralité, pour mieux englober l’ensemble de la valeurajoutée que constitue désormais, pour tout concepteur graphique, ce nouveau langage. Avecce livre, vous serez en mesure, je le souhaite, de réaliser vous-même – et facilement – lessites les plus aboutis graphiquement et aux fonctionnalités avancées.À qui s’adresse ce livreNous détaillons dans cet ouvrage les techniques utilisées en production par les webdesigners.Ce livre est destiné aux flasheurs débutants qui souhaitent contrôler les contenusdepuis le scénario, en codant le plus simplement possible de vraies fonctionnalités.Tout graphiste flasheur débutant, en poste, en freelance, ou en étude, peut trouver dans cetouvrage les réponses aux questions qu’il se pose afin de maîtriser ActionScript 3, directementdans le scénario de Flash CS4.Toute personne intéressée par le déploiement de contenus enrichis avec Flash, maîtrisantdéjà cette technique, mais inspirée par des notions inédites, comme le référencement,l’accessibilité, le relief, l’importation d’objets 3D, entre autres, trouvera également desréponses sur ces sujets.Pour aborder ce livre, vous devez seulement maîtriser quelques rudiments du langageActionScript 3 : le placement du code dans le scénario, la gestion des fonctions et des écouteurs,ainsi que la navigation dans le scénario.Les nombreux exemples commentés de ce livre en font un guide pratique incontournable pourtoute personne néophyte dans la programmation en ActionScript 3 et le motion design.Les intentions de l’auteurPour avoir été longtemps graphiste indépendant sur les nouvelles technologies, dès leurapparition dans les années 90, je comprends le besoin de mes amis designers et de mesélèves graphistes de mettre en forme les contenus efficacement et facilement.Pour la communauté de concepteurs, de designers, de créatifs, à laquelle j’appartiens, laproblématique est de ne pas consacrer son précieux temps à seulement coder. L’énergiedéployée en production doit privilégier avant tout la conception et la créativité.Si Flash est désormais un brillant outil pour l’animation et si ActionScript 3 est désormaisun puissant langage pour l’interactivité, qu’en est-il de la programmation au service de la© 2010 Pearson Education France – ActionScript 3 et le motion design – Arzhur Caouissin

PRÉFACE5Les exemplesChaque étape du livre est présentée avec une logique pédagogique progressive. Chacun deschapitres aborde un thème spécifique et fait référence à des exemples disponibles en Flashau format natif (.fla). Vous pouvez utiliser ces fichiers et leur code, librement, à l’exceptiondes vidéos et des images qui y sont placées uniquement pour illustrer l’ouvrage.L’ensemble des exemples du livre est disponible en téléchargement à l’adresse suivante :http://www.pearson.fr/livre/?GCOI=27440100685160.Pour suivre confortablement les exemples commentés du livre, veuillez télécharger distinctementles différents dossiers compressés mis à votre disposition, puis rassembler leurscontenus respectifs dans le même répertoire que vous créerez et nommerez "Exemples".Tout au long du livre, nous faisons référence aux fichiers placés dans ce dossier "Exemples".Aussi, en organisant vos téléchargements de la sorte, vous en faciliterez la lecture.Dans les exemples, de nombreux fichiers font également référence à des contenus placésdans des répertoires ou des classes ActionScript et JavaScript. Pour votre confort, il convientdonc de télécharger l’ensemble des dossiers compressés et de tous les rassembler dans cenouveau dossier "Exemples" que vous aurez créé. Vous pourrez alors exploiter librement lesfichiers appelés tout au long de la lecture de l’ouvrage.ConventionsCe livre contient quelques morceaux de code, représentés avec cette convention ://------------------ actionsthis.addEventListener(Event.ENTER_FRAME,defilementPanoramique);Dans le corps du texte, les éléments relatifs à ActionScript sont notés avec cette typographie.Ce pictogramme signale que vous pouvez télécharger les fichiers d’exemple sur le site de Pearson.Nous disposons d’autre part de deux types d’encadrés :Ces encadrés sont des remarques : il peut s’agir d’un point auquelfaire attention, d’une référence externe, d’une définition, d’uneastuce, d’un renvoi…EncadrésCes encadrés sont des encadrés de référence. Ils émaillent le texte et précisent certains points demanière formelle. Ils sont recensés dans la Table des encadrés en fin d’ouvrage.Conventions© 2010 Pearson Education France – ActionScript 3 et le motion design – Arzhur Caouissin

6ACTIONSCRIPT 3 ET MOTION DESIGNRemerciementsNaturellement, je tiens à remercier mon éditeur pour m’avoir accompagné avec un réeldévouement et un grand enthousiasme dans ce projet (Dominique Buraud principalement etPatricia Moncorgé). Je remercie bien sûr Bruno Sébarte pour son implication, ses compétencestechniques et ses recommandations toujours constructives. Prends bien soin !Je remercie également toute l’équipe des Gobelins et Pyramyd pour leur accompagnementet leur soutien sans cesse renouvelé depuis mes débuts (Marie-France, Didier, Sylvie,Sandrine, Anne Tord, Jean-Marie) ; Olivier Coach pour ses conseils avisés sur le relief ; lasociété GKaster pour leur généreuse mise à disposition de ressources vidéo graphiques ;Thibaut Imbert, Anne Tasso et David Tardiveau pour leurs attentions respectives ; mesélèves et ma clientèle pour l’expérience que nous avons tissée ensemble ; et l’ensemble desgraphistes flasheurs développeurs pour qui j’ai conçu ce livre et pour qui la création impliquenécessairement un dépassement de soi, dépassement que j’espère enfin possible à monhumble niveau grâce à ce manuel. Je remercie enfin mes proches pour leur patience carl’élaboration d’un tel ouvrage prend du temps et de l’énergie.Présentation de l’auteurArzhur CAOUISSIN est auteur et réalisateur multimédia indépendant, affilié AGESSA.Déjà auteur de trois livres et de nombreux supports pédagogiques au format numérique, ilest aussi formateur depuis plus de dix ans en région parisienne, à l’école des Gobelins etchez Pyramyd. Il a également été formateur occasionnel pour l’INA, le GRETA Réseau graphiquede l’école Estienne, l’université de Marne La Vallée, la CNAM, l’ILOI et l’écolesupérieure de design Olivier de Serres.Spécialisé dans la technologie Flash, il est aussi consulté pour sa vision transversale et artistiquesur les différents médias, dans la mode, les cosmétiques, la finance, mais aussi par desagences, pour son expertise en création de contenus web enrichis. Proche du milieu de l’animation,il est intervenu enfin en tant qu’assistant à la mise en scène et à l’écriture, pour desprojets filmiques courts, impliquant, entre autres, des captations en studio sur fond vert et letraitement vidéo y compris de scène animées, avant leur intégration dans des univers multimédia.© 2010 Pearson Education France – ActionScript 3 et le motion design – Arzhur Caouissin