Adobe Flash MX Manuel utilisateur

Utilisation de Flash
™
macromedia
®
Marques
Afterburner, AppletAce, Attain, Attain Enterprise Learning System, Attain Essentials, Attain Objects for Dreamweaver,
Authorware, Authorware Attain, Authorware Interactive Studio, Authorware Star, Authorware Synergy, Backstage, Backstage
Designer, Backstage Desktop Studio, Backstage Enterprise Studio, Backstage Internet Studio, Design in Motion, Director,
Director Multimedia Studio, Doc Around the Clock, Dreamweaver, Dreamweaver Attain, Drumbeat, Drumbeat 2000, Extreme
3D, Fireworks, Flash, Fontographer, FreeHand, FreeHand Graphics Studio, Generator, Generator Developer's Studio,
Generator Dynamic Graphics Server, Knowledge Objects, Knowledge Stream, Knowledge Track, Lingo, Live Effects,
Macromedia, le logoe « M » de Macromedia, Macromedia Flash, Macromedia Xres, Macromind, Macromind Action, MAGIC,
Mediamaker, Object Authoring, Power Applets, Priority Access, Roundtrip HTML, Scriptlets, SoundEdit, ShockRave,
Shockmachine, Shockwave, Shockwave Remote, Shockwave Internet Studio, Showcase, Tools to Power Your Ideas, Universal
Media, Virtuoso, Web Design 101, Whirlwind et Xtra sont des marques de Macromedia, Inc. et peuvent être déposées aux EtatsUnis et dans d’autres pays. Les autres noms de produits, logos, graphiques, mises en page, titres, mots ou phrases mentionnés
dans cette publication peuvent être des marques, des marques de service ou des noms de marque appartenant à Macromedia, Inc.
ou à d’autres entités et peuvent être déposés dans certains pays, états ou provinces.
Autres marques mentionnées
Technologie de compression et décompression audio discours utilisée sous licence de Nellymoser, Inc. (www.nellymoser.com).
Technologie de compression et décompression vidéo Sorenson™ Spark™ utilisée sous licence de
Sorenson Media, Inc.
Ce guide contient des liens conduisant à des sites web qui ne sont pas sous le contrôle de Macromedia, qui n’est aucunement
responsable de leur contenu. L’accès à ces sites se fait sous votre seule responsabilité. Macromedia mentionne ces liens pour
référence, ce qui n’implique pas son soutien, accord ou responsabilité quant au contenu des sites.
Limite de garantie et de responsabilité Apple
Apple computer, inc. n’offre aucune garantie, exprès ou implicite, concernant ce logiciel, sa capacité à être commercialisé ou à
répondre à un besoin particulier. L’exclusion des garanties implicites est interdite par certains pays, états ou provinces.
L’exclusion énoncée ci-dessus peut ne pas s’appliquer à votre cas particulier. Cette garantie vous assure des droits spécifiques.
D’autres droits variant d’un pays à l’autre peuvent également vous être accordés.
Copyright © 2002 Macromedia, Inc. Tous droits réservés. La copie, photocopie, reproduction, traduction ou conversion de
ce manuel, sous quelque forme que ce soit, mécanique ou électronique, est interdite sans une autorisation préalable obtenue
par écrit auprès de Macromedia, Inc.
Remerciements
Directeur : Erick Vera
Producteur : Wayne Wieseler
Rédaction : Jody Bleyle, JuLee Burdekin, Mary Burger, Dale Crawford, Marcelle Taylor
Matériaux pédagogiques : Stephanie Gowin, Barbara Nelson
Révision : Rosana Francescato, Lisa Stanziano, Anne Szabla
Conception et production multimédia : Aaron Begley, Benjamin Salles, Noah Zilberberg
Conception et production des matériaux imprimés : Chris Basmajian, Caroline Branch
Version française : Juliette Chochon-Davis, Florian de Joannès, Michael Dominguez, Cristina Guembe, Sabine Hathaway,
Yoshika Hedberg, Tim Hussey, Gwenhaël Jacq, Masayo « Noppe » Noda, Simone Pux, Yoko Shindo, Yuko Yagi
Première édition : mars 2002
Macromedia, Inc.
600 Townsend St.
San Francisco, CA 94103 Etats-Unis
TABLE DES MATIERES
INTRODUCTION
Bien démarrer avec Flash .
...........................................9
Configuration requise pour la programmation dans Flash . . . . . . . . . . . . . . . . . . . . . . . . 9
Configuration requise pour Flash Player . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
Installation de Flash. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
Nouveautés de Flash MX. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
Guide des supports pédagogiques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
Démarrage de Flash sur un réseau . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17
CHAPITRE 1
Travail dans Flash .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19
Illustrations dans Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19
Animation dans Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20
Animations interactives dans Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20
Développement d’applications dans Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20
La scène et l’espace de travail . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21
Création d’un document . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24
Définition des préférences de Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26
Utilisation de l’inspecteur des propriétés pour changer les attributs de document . . . . . 28
Personnalisation des raccourcis clavier . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28
Utilisation de séquences et du panneau Séquence . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30
Utilisation du scénario. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32
Utilisation des images et des images-clés . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35
Utilisation des calques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38
Aperçu et test des animations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44
Utilisation de l’explorateur d’animations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46
Accélération de l’affichage de l’animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 48
Enregistrement des documents Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 49
Configuration d’un serveur pour Flash Player . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50
Impression de documents Flash pendant leur création . . . . . . . . . . . . . . . . . . . . . . . . . . 51
3
CHAPITRE 2
Utilisation des actifs de Flash
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 53
Actifs et gestion des actifs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 53
Panneaux et inspecteur des propriétés . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 54
Utilisation de la boîte à outils . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 58
Utilisation des menus contextuels . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 60
Utilisation de la bibliothèque. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 60
A propos des composants. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 65
CHAPITRE 3
Dessin. . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 67
A propos des graphiques vectoriels et bitmap. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 67
Outils de dessin et de peinture de Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 69
A propos du chevauchement de formes dans Flash. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 70
Dessin avec l’outil Crayon . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 71
Dessin de lignes droites, d’ovales et de rectangles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 71
Utilisation de l’outil Plume . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 72
Utilisation de l’outil Pinceau . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 77
Remodelage des lignes et des contours de formes. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 78
Utilisation de l’outil Gomme. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 81
Modification des formes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 82
Accrochage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 83
Sélection des paramètres de dessin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 84
CHAPITRE 4
Utilisation des couleurs
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 87
Utilisation des commandes de couleur de trait et de remplissage
dans la boîte à outils . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 88
Utilisation des commandes de couleur de trait et de remplissage
de l’inspecteur des propriétés . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 89
Utilisation de remplissages de couleurs unies et dégradées
dans le mélangeur de couleurs. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 90
Modification des traits avec l’outil Encrier. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 93
Application de remplissages unis, dégradés ou bitmap avec l’outil Pot de peinture . . . . . 94
Transformation des remplissages dégradés et bitmap . . . . . . . . . . . . . . . . . . . . . . . . . . . 95
Copie de traits et de remplissages avec l’outil Pipette . . . . . . . . . . . . . . . . . . . . . . . . . . . 97
Verrouillage d’un dégradé ou d’un bitmap pour remplir la scène . . . . . . . . . . . . . . . . . . 97
Modification des palettes de couleurs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 98
CHAPITRE 5
Utilisation d’illustrations et de vidéo importées .
. . . . . . . . . . . . . . . . . . . . . . 101
Placement d’illustrations dans Flash. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 102
Utilisation de bitmaps importés. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 109
Importation de vidéo. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 114
CHAPITRE 6
Ajout de sons .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 123
Importation de sons . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 123
Ajout de sons à une animation. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 125
Ajout de sons aux boutons. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 126
4
Table des matières
Utilisation de sons avec les objets Sound . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Utilisation de commandes audio . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Démarrage et arrêt de sons dans des images-clés . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
A propos de l’événement onSoundComplete . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Compression des sons pour l’exportation. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
CHAPITRE 7
Utilisation d’objets graphiques
127
127
128
129
129
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 135
Sélection d’objets. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 135
Groupement d’objets. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 139
Déplacement, copie et suppression d’objets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 139
Empilement d’objets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 142
Transformation des objets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 142
Renversement des objets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 148
Rétablissement d’objets transformés . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 148
Alignement des objets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 149
Séparation de groupes et d’objets. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 150
CHAPITRE 8
Utilisation du texte
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 151
A propos des polices intégrées et des polices de périphérique . . . . . . . . . . . . . . . . . . . . 152
Création de texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 153
Définition des attributs de texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 155
Création de symboles de police . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 160
Manipulation du texte. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 161
A propos de la transformation du texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 162
Séparation du texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 162
Liaison de texte à une URL (texte horizontal uniquement) . . . . . . . . . . . . . . . . . . . . . 163
Remplacement de polices absentes. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 163
CHAPITRE 9
Utilisation de symboles, d’occurrences et d’actifs de bibliothèque . . . . .
167
Types de comportements des symboles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Création de symboles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Création d’occurrences . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Création de boutons . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Activation, modification et test des boutons . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Manipulation des symboles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Modification des propriétés des occurrences . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Séparation des occurrences . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Obtention d’informations sur les occurrences sur la scène . . . . . . . . . . . . . . . . . . . . .
Copie d’éléments de bibliothèque entre animations. . . . . . . . . . . . . . . . . . . . . . . . . . .
Utilisation des ressources d’une bibliothèque partagée . . . . . . . . . . . . . . . . . . . . . . . . .
Résolution des conflits entre éléments de la bibliothèque. . . . . . . . . . . . . . . . . . . . . . .
168
169
172
173
175
176
178
182
183
185
186
189
CHAPITRE 10
Création d’animation
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 191
A propos de l’animation interpolée . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 192
A propos de l’animation image par image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 192
A propos des calques dans une animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 192
Table des matières
5
Création d’images-clés . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 193
Représentations d’effets animés dans le scénario . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 193
A propos de la cadence . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 194
Extension des images fixes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 194
Répartition d’objets vers des calques pour l’animation interpolée. . . . . . . . . . . . . . . . . 195
Interpolation d’occurrences, de groupes et de texte . . . . . . . . . . . . . . . . . . . . . . . . . . . 196
Interpolation de mouvement le long d’une trajectoire . . . . . . . . . . . . . . . . . . . . . . . . . 200
Interpolation de formes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 201
Utilisation des repères de formes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 203
Création d’animation image par image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 204
Manipulation de l’animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 205
Utilisation de calques de masque . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 208
CHAPITRE 11
Rédaction de scripts avec ActionScript . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . 211
Utilisation du panneau Actions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Utilisation d’un éditeur de texte externe . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
A propos de la mise en évidence de la syntaxe . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Définition des préférences du panneau Actions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Utilisation des conseils de code . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Affectation d’actions à une image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Affectation d’actions à un bouton . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Affectation d’actions à un clip . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
CHAPITRE 12
Le langage ActionScript .
211
220
221
221
222
224
225
227
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 229
Différences entre ActionScript et JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 229
A propos de la programmation ActionScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 230
Terminologie ActionScript. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 236
Structure des scripts. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 239
Utilisation de la syntaxe d’ActionScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 241
A propos des types de données. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 244
A propos des variables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 247
Utilisation d’opérateurs pour manipuler les valeurs des expressions . . . . . . . . . . . . . . . 251
Utilisation d’actions. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 256
Rédaction d’un chemin cible . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 257
Contrôle du déroulement des scripts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 258
Utilisation de fonctions intégrées. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 260
Création de fonctions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 261
A propos des objets intégrés. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 264
A propos des objets personnalisés. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 268
Utilisation du langage ActionScript de Flash MX avec d’anciennes versions de Flash . . 271
CHAPITRE 13
Utilisation des clips et boutons
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 275
A propos des scénarios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 276
Utilisation d’actions et de méthodes pour contrôler les clips . . . . . . . . . . . . . . . . . . . . 285
Gestion d’événements avec ActionScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 292
Manipulation des boutons avec ActionScript. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 298
6
Table des matières
CHAPITRE 14
Création d’interactivité avec ActionScript
. . . . . . . . . . . . . . . . . . . . . . . . . . . 299
Contrôle de la lecture de clips . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 299
Création d’interactivité complexe . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 304
CHAPITRE 15
Utilisation des composants
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 323
Utilisation de composants dans Flash MX . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 323
Ajout de composants aux documents Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 327
Suppression de composants des documents Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . 330
A propos de la taille des étiquettes, de la largeur et de la hauteur des composants . . . . 330
Le composant CheckBox . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 331
Le composant ComboBox . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 332
Le composant ListBox . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 333
Le composant PushButton. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 335
Le composant RadioButton. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 336
Le composant ScrollBar. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 337
Le composant ScrollPane. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 339
Rédaction de fonctions de gestionnaire de changement pour les composants. . . . . . . . 340
Personnalisation de la couleur et du texte des composants . . . . . . . . . . . . . . . . . . . . . . 342
Personnalisation des enveloppes de composant . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 346
Création de formulaires avec les composants . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 348
CHAPITRE 16
Connexion à des sources externes . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 357
Echange de variables avec une source distante . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 357
Echange de messages avec Flash Player . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 368
CHAPITRE 17
Création d’animations imprimables
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 373
Impression depuis Flash Player . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Ajout d’une action print . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Impression depuis le menu contextuel de Flash Player . . . . . . . . . . . . . . . . . . . . . . . . .
A propos de la publication d’une animation contenant des images imprimables . . . . .
CHAPITRE 18
Création de contenu accessible
374
377
380
381
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 383
A propos de la page web Accessibilité de Macromedia Flash . . . . . . . . . . . . . . . . . . . . 383
A propos de la technologie de lecture d’écran . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 384
A propos des objets accessibles dans les animations Flash. . . . . . . . . . . . . . . . . . . . . . . 384
Configurations supportées. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 385
Définition de l’accessibilité de base . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 386
Définition d’options d’accessibilité avancées . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 387
Suggestions pour la création d’une accessibilité efficace . . . . . . . . . . . . . . . . . . . . . . . . 390
Test du contenu accessible . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 391
Table des matières
7
CHAPITRE 19
Test des animations
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 393
Optimisation des animations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 393
Test des performances de téléchargement des animations . . . . . . . . . . . . . . . . . . . . . . 395
Conseils de programmation. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 397
Utilisation du débogueur . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 398
Utilisation de la fenêtre Sortie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 407
CHAPITRE 20
Publication . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 411
Lecture des animations Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 412
L’encodage du texte au format Unicode dans les animations Flash . . . . . . . . . . . . . . . . 412
Publication des documents Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 414
A propos des modèles de publication HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 431
Personnalisation des modèles de publication HTML . . . . . . . . . . . . . . . . . . . . . . . . . 431
Modification des paramètres HTML de Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 435
Aperçu des paramètres et du format de publication . . . . . . . . . . . . . . . . . . . . . . . . . . . 442
Utilisation du lecteur autonome . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 443
Configuration d’un serveur web pour Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 443
Contrôle du trafic vers votre site web. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 444
CHAPITRE 21
Exportation . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 445
Exportation d’animations et d’images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 445
A propos des formats de fichier d’exportation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 446
Mise à jour des animations Flash pour Dreamweaver UltraDev . . . . . . . . . . . . . . . . . . 452
ANNEXE A
Raccourcis clavier . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 455
Touches de navigation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 455
Touches d’action . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 456
Actions de souris . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 456
Menus et commandes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 456
ANNEXE B
Priorité et associativité des opérateurs . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . 457
ANNEXE C
Touches du clavier et valeurs de code correspondantes .
. . . . . . . . . . . . . 459
Lettres A à Z et chiffres (clavier standard) de 0 à 9. . . . . . . . . . . . . . . . . . . . . . . . . . . . 459
Touches du clavier numérique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 460
Touches de fonction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 461
Autres touches . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 462
ANNEXE D
Messages d’erreur
INDEX .
8
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 463
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 467
Table des matières
INTRODUCTION
Bien démarrer avec Flash
Macromedia Flash MX est le standard professionnel pour la création de contenu web percutant.
Que vous souhaitiez créer des logos animés, des commandes de navigation dans un site web, des
animations, des sites web complètement réalisés avec Flash ou des applications web, la puissance
et la souplesse de Flash ne pourront que vous aider à développer et appliquer vos talents créatifs.
Configuration requise pour la programmation dans Flash
Le matériel et les logiciels suivants sont nécessaires pour la programmation d’animations Flash :
• Pour Microsoft® Windows : Processeur Intel Pentium 200 MHz ou équivalent avec
Windows 98 SE, Windows Me, Windows NT 4.0, Windows 2000 ou Windows XP ; 64 Mo
de RAM (128 Mo est recommandé) ; 85 Mo d’espace disque disponible ; moniteur 16
couleurs supportant une résolution de 1024 x 768 ; lecteur de CD-ROM.
• Pour le Macintosh : Power Macintosh avec Mac OS 9.1 (ou plus récent) ou Mac OS X version
10.1 (ou plus récent) ; 64 Mo de RAM disponible (128 Mo est recommandé), plus 85 Mo
d’espace disque disponible ; moniteur supportant une résolution de 1024 x 768 sur 16 bits
(milliers de couleurs) ; lecteur de CD-ROM.
Configuration requise pour Flash Player
Le matériel et les logiciels suivants sont nécessaires pour la lecture des animations Flash dans un
navigateur :
• Microsoft Windows 95, Windows 98, Windows Me, Windows NT 4.0, Windows 2000 ou
Windows XP (ou plus récent) ; Macintosh PowerPC avec System 8.6 ou plus récent (y compris
OS X 10.1 ou plus récent).
• Module Netscape fonctionnant avec Netscape 4 (ou plus récent) sous Windows ou avec
Netscape 4.5 (ou plus récent) ou Internet Explorer 5.0 (ou plus récent) sur Mac OS.
• Pour les contrôles ActiveX, Microsoft® Internet Explorer 4 ou plus récent (Windows 95,
Windows 98, Windows Me, Windows NT4, Windows 2000, Windows XP ou plus récent).
• AOL 7 sous Windows, AOL 5 sur le Mac OS
• Opera 6 sous Windows, Opera 5 sur le Mac OS
7
Installation de Flash
Vous procéderez de la façon suivante pour installer Flash sur un ordinateur avec Windows ou sur
un Macintosh.
Pour installer Flash sur un ordinateur avec Windows ou sur un Macintosh :
1
Insérez le CD-ROM de Flash dans le lecteur correspondant de l’ordinateur.
2
Effectuez l’une des opérations suivantes :
• Sous Windows, choisissez Démarrer > Exécuter. Cliquez sur Parcourir et sélectionnez
Installation de Flash MX.exe sur le CD-ROM de Flash MX. Cliquez sur OK dans la boîte de
dialogue Exécuter pour démarrer l’installation.
• Sur le Macintosh, double-cliquez sur l’icône du programme d’installation de Flash MX.
3
Suivez les instructions affichées à l’écran.
4
Si un message vous y invite, redémarrez votre ordinateur.
Nouveautés de Flash MX
Les nouvelles fonctions offertes avec Flash MX améliorent la convivialité, la créativité et la
puissance de Flash. Les designers qui ont besoin d’un niveau élevé de contrôle et d’intégration
avec les outils de design standard disposent maintenant d’une application sans pareil pour la
création de contenu multimédia.
De nouvelles fonctions très puissantes donnent aux développeurs les outils nécessaires qui font
de Flash MX un environnement de développement d’applications très robuste. Flash MX offre
aux développeurs d’excellents outils de programmation et de débogage, une référence intégrée sur
le code, et des composants intégrés facilitant le déploiement d’applications web multimédia.
Pour tous les utilisateurs de Flash
La possibilité d’enregistrer des documents Flash MX au format Flash 5 vous permet de passer à
cette version sans pour autant cesser de travailler avec vos collègues sur des projets Flash 5. Pour
plus d’informations, consultez Enregistrement des documents Flash, page 49.
Le contenu accessible qui peut être consulté par les personnes souffrant de handicaps est
maintenant facile à développer, ce qui ne fait qu’augmenter le nombre potentiel des utilisateurs de
vos applications et animations Flash. Pour plus d’informations, consultez A propos des objets
accessibles dans les animations Flash, sous Aide > Utilisation de Flash.
Le support du coréen et du chinois ouvre un nouvel univers pour vos applications et animations
Flash. Des fonctions telles que les champs de texte vertical et le support du format Unicode
facilite la création de contenu en langues asiatiques. Pour plus d’informations, consultez Création
de texte, page 153.
10
Introduction
Pour le designer
Flash MX offre un niveau très élevé de contrôle et de meilleures fonctions d’intégration, avec un
jeu enrichi d’outils de design. De nouvelles fonctions aideront les designers à rapidement créer
différents contenus. Ils pourront ainsi se concentrer sur leur travail plutôt que sur la façon dont
Flash fonctionne.
Les améliorations apportées au scénario, telles que les dossiers permettant d’organiser les calques,
une meilleure réponse du pointeur et la possibilité de redimensionner, couper et coller plusieurs
images facilitent l’utilisation du scénario, et donc votre travail. Pour plus d’informations,
consultez Utilisation du scénario, page 32.
Les améliorations apportées aux fonctions d’édition en place des symboles facilitent la création de
documents en permettant le travail sur les symboles dans leur contexte. De nouvelles commandes
placées au-dessus de la scène facilitent également la manipulation de ces symboles en place. Pour
plus d’informations, consultez Manipulation des symboles, page 176.
Les améliorations apportées à la bibliothèque éliminent les goulets en simplifiant la création et la
manipulation des symboles. Le déplacement de symboles ou de dossiers entre documents Flash,
ou la création de nouveaux symboles, est maintenant aussi simple que le glisser-déposer. Pour plus
d’informations, consultez Utilisation des bibliothèques communes, page 65. La nouvelle boîte de
dialogue Résoudre les conflits de bibliothèque simplifie l’ajout de symboles à un document dont
la bibliothèque contient déjà un symbole portant le même nom. Pour plus d’informations,
consultez Résolution des conflits entre éléments de la bibliothèque, page 189.
Les actifs partagés facilitent la création d’animations Flash en vous permettant de partager des
éléments avec d’autres documents Flash, en cours de programmation ou en cours de lecture d’une
animation dans Flash Player. Les bibliothèques partagées à l’exécution permettent de créer des
fichiers de plus petite taille et d’effectuer des mises à jour simultanées de plusieurs documents à
partir de symboles et d’objets partagés enregistrés sur un intranet ou sur Internet. Les
bibliothèques partagées à la programmation facilitent votre travail en vous permettant de suivre,
mettre à jour et permuter des symboles dans n’importe quel document Flash de votre ordinateur
ou réseau. Pour plus d’informations, consultez Utilisation des ressources d’une bibliothèque partagée,
page 186.
Les améliorations apportées à l’espace de travail simplifient les tâches liées à l’espace de travail
de Flash MX. Les fonctions les plus communes apparaissent maintenant dans un inspecteur des
propriétés répondant au contexte, ce qui réduit le besoin d’accéder à plusieurs fenêtres, panneaux
ou boîtes de dialogue. Pour plus d’informations, consultez Panneaux et inspecteur des propriétés,
page 54. D’autres fonctions fréquemment utilisées apparaissent maintenant dans des panneaux
réductibles que vous pouvez ancrer (ou non) pour conserver de l’espace. Les designers pourront
même enregistrer des dispositions par défaut afin de personnaliser leur espace de travail Flash.
Pour plus d’informations, consultez Utilisation des panneaux, page 54.
De nouveaux modèles de base fournis avec Flash MX simplifient la création de nouveaux
documents en éliminant la plupart des tâches communes requises pour la création de tels
documents. Pour plus d’informations, consultez Création d’un document, page 24. Vous pouvez
également créer vos propres modèles à partir de documents. Pour plus d’informations, consultez
Enregistrement des documents Flash, page 49.
Les améliorations apportées au mélangeur de couleurs facilitent la création, la modification et
l’utilisation des couleurs et dégradés. Pour plus d’informations, consultez Utilisation de
remplissages de couleurs unies et dégradées dans le mélangeur de couleurs, page 90.
Bien démarrer avec Flash
11
Des leçons complètes portant sur les nouvelles fonctions de Flash MX facilitent la prise en main
des différents outils et fonctions. Pour bien démarrer avec Flash, commencez par suivre la leçon
Aide > Leçons > Bien démarrer avec Flash.
Le support de la vidéo étend les possibilités de création pour les animations Flash en vous
permettant d’importer des clips vidéo dans différents formats. Pour plus d’informations,
consultez Importation de vidéo, sous Aide > Utilisation de Flash.
L’outil Transformation libre ouvre de nouveaux horizons pour votre expression créatrice en vous
permettant de combiner les effets de plusieurs transformations à la fois. Pour plus d’informations,
consultez Transformation libre des objets, page 143.
Le modificateur Enveloppe vous permet de facilement créer des graphiques qui seraient difficiles à
obtenir avec les méthodes traditionnelles, en vous laissant manipuler la forme de leur cadre de
sélection. Pour plus d’informations, consultez Modification des formes avec le modificateur
Enveloppe, page 145.
Le contrôle au pixel près ajoute précision et perfection à votre travail en permettant d’aligner les
différents objets au pixel près dans vos documents Flash. Vous pourrez ainsi placer vos objets, ou
certains points de vos objets, avec précision – à l’endroit exact où vous souhaitez les voir
apparaître dans votre animation finale. Pour plus d’informations, consultez Accrochage aux pixels,
page 83.
La fonction de séparation facilite la modification de caractères de texte sans d’abord devoir
convertir le texte en symbole, ce qui simplifie ainsi la création de dessins et d’animations
complexes. Pour plus d’informations, consultez A propos de la transformation du texte, page 162.
La commande Répartir vers les calques distribue, rapidement et automatiquement, n’importe
quel nombre d’objets sélectionnés vers leur propre calque. Pour plus d’informations, consultez
Répartition d’objets vers des calques pour l’animation interpolée, page 195.
Les calques de masque de clip vous permettent de créer des masques animés en plaçant un clip
sur un calque de masque. Pour plus d’informations, consultez Utilisation de calques de masque,
page 208. Vous pouvez également utiliser ActionScript pour créer un calque animé avec un clip.
Pour plus d’informations, consultez Utilisation de clips comme masques, sous Aide > Utilisation
de Flash.
Les améliorations apportées aux commandes audio vous permettent d’obtenir une meilleure
qualité sonore dans vos animations en vous laissant synchroniser les événements de votre
animation avec le début ou la fin de clips audio. Pour plus d’informations, consultez A propos de
l’événement onSoundComplete, sous Aide > Utilisation de Flash.
12
Introduction
Pour le développeur
L’environnement de Flash MX offre de meilleurs outils de programmation et de débogage, une
référence de code intégrée et des composants prédéfinis que vous pourrez utiliser pour simplifier
le développement d’applications web multimédia.
Un langage ActionScript amélioré vous offre la possibilité de charger des fichiers JPEG et MP3 à
l’exécution et donc de mettre vos fichiers à jour sans avoir à republier votre animation. Pour plus
d’informations, consultez Placement d’illustrations dans Flash et Importation de sons, sous Aide >
Utilisation de Flash.
Les points d’ancrage facilitent la navigation dans les animations Flash en permettant aux
utilisateurs d’utiliser les boutons Page suivante et Page précédente de leur navigateur pour passer
d’une ancre à l’autre. Pour plus d’informations, consultez Utilisation d’ancres nommées, page 37.
Les améliorations apportées à l’éditeur ActionScript permettent aux novices comme aux pros de
profiter au mieux de la puissance d’ActionScript. Pour plus d’informations, consultez A propos de
la programmation ActionScript, page 230.
Les conseils de code simplifient la rédaction d’instructions ActionScript en détectant
automatiquement la commande saisie par l’utilisateur et en offrant des conseils de syntaxe de la
commande en question. Pour plus d’informations, consultez Utilisation des conseils de code, sous
Aide > Utilisation de Flash.
Les composants Flash accélèrent le développement d’applications web en offrant des éléments
d’interface glisser-déposer réutilisables pour le contenu Flash, telles que des listes, des boutons
radio et des barres de défilement. Pour plus d’informations, consultez Chapitre 15, Utilisation des
composants, page 323.
Le nouveau débogueur combine les fonctions de débogage qui existaient déjà avec un débogueur
ActionScript en vous permettant de définir des points d’arrêt et d’analyser votre code en cours
d’exécution. Pour plus d’informations, consultez Test des animations, sous Aide > Utilisation
de Flash.
Le modèle d’objet intègre des clips, boutons et champs de texte au langage de programmation
orienté objet qu’est ActionScript. Pour plus d’informations, consultez Utilisation des clips et
boutons et Contrôle du texte avec ActionScript, sous Aide > Utilisation de Flash.
Le modèle d’événement rend la gestion des événements ActionScript encore plus puissante et
facile à comprendre. Ce modèle d’événement offre maintenant un meilleur contrôle sur les
événements utilisateur, tels que les mouvements de la souris et la saisie au clavier. Pour plus
d’informations, consultez Contrôle de l’exécution d’ActionScript, page 234.
La fonction d’aperçu en direct pour les composants permet de constater le comportement des
composants d’interface utilisateur au sein de l’environnement de programmation. Pour plus
d’informations, consultez Utilisation de composants avec l’aperçu en direct, page 327.
Les améliorations apportées au support du texte apportent maintenant un meilleur contrôle via
ActionScript sur toutes les propriétés des objets texte, telles que leur format, dimensions et
disposition. Pour plus d’informations, consultez Chapitre 8, Utilisation du texte, page 151.
La nouvelle API de dessin développe la puissance de programmation orientée objet d’ActionScript
en offrant un jeu de fonctions de tracé de formes avec l’objet MovieClip, permettant donc un
contrôle sur le moteur de rendu de Flash. Pour plus d’informations, consultez A propos de l’objet
MovieClip, page 232.
Bien démarrer avec Flash
13
Les instructions d’égalité stricte et switch facilitent la définition d’instructions if, then et else
précises et améliorant le support de la norme ECMA-262 par ActionScript. Pour plus
d’informations, consultez les entrées de ces instructions dans le dictionnaire ActionScript (via le
menu Aide).
Les fonctions setInterval et clearInterval permettent aux designers de programmer une routine
générique appelée à intervalles réguliers au cours de l’animation. Pour plus d’informations,
consultez les entrées de ces fonctions dans le dictionnaire ActionScript (via le menu Aide).
La conversion des objets String, Array et XML en objets natifs améliore les performances en
optimisant les objets ActionScript Number, Boolean, Object, String, Array et XML. Les
performances de Flash Player sont ainsi améliorées d’un facteur de 100. Pour plus d’informations,
consultez les entrées de ces objets dans le dictionnaire ActionScript (via le menu Aide).
La compression SWF utilise un code de compression Z-lib pour améliorer les délais de
téléchargement de contenu Flash complexe. Pour plus d’informations, consultez Chapitre 20,
Publication, page 411.
Guide des supports pédagogiques
Macromedia Flash MX est accompagné de différents éléments qui vous aideront à rapidement
maîtriser le programme et créer vos propres animations Flash. Par exemple, vous trouverez un
mode d’emploi imprimé, une version électronique de ce mode d’emploi (et des informations
supplémentaires), un système d’aide affiché dans votre navigateur web, un panneau intégré de
référence pour les éléments ActionScript, des leçons interactives et un site web régulièrement mis
à jour. Cela sans mentionner de nombreuses ressources également à la disposition des designers et
développeurs.
A propos de la version imprimée et électronique des manuels
Les informations publiées dans la version imprimée de Utilisation de Flash sont principalement
destinées aux utilisateurs ne connaissant Flash que depuis 3 à 6 mois. Des leçons et des
didacticiels en ligne complémentent ces informations.
La version électronique de Utilisation de Flash contient toutes les informations imprimées dans le
mode d’emploi papier, de même que des chapitres supplémentaires contenant des instructions et
des informations complémentaires sur l’utilisation des outils et commandes de Flash. Vous y
trouverez également des chapitres sur ActionScript, qui comprennent des explications sur les
concepts de rédaction et sur la création d’interaction avec ce langage propre à Flash.
Utilisation du système d’aide de Flash
Le système d’aide de Flash contient deux sections principales : Utilisation de Flash et
Dictionnaire ActionScript. Macromedia recommande vivement l’utilisation d’un navigateur
supportant Java, tel que Internet Explorer 4.5 ou une version plus récente. Le système d’aide
de Flash supporte également Netscape Navigator 6.1 (ou plus récent) sous Windows et sur
Macintosh. L’exécution simultanée de Flash et de son système d’aide sur un Macintosh peut
nécessiter 32 Mo de RAM, suivant les besoins en mémoire de votre navigateur.
Remarque Lorsque vous accédez pour la première fois au système d’aide de Flash sous Windows XP, vous serez
peut-être invité(e) à installer le lecteur Java. Suivez les instructions affichées à l’écran pour installer le lecteur Java.
14
Introduction
Pour utiliser le système d’aide de Flash :
1
Choisissez un des systèmes d’aide dans le menu Aide.
2
Parcourez les rubriques de l’une des manières suivantes :
• L’option Sommaire trie les informations par sujet. Cliquez sur les entrées de tête pour afficher
les sous-rubriques.
• L’option Index présente les informations sous la forme d’un index traditionnel. Cliquez sur un
terme pour afficher la rubrique associée.
• L’option Rechercher vous permet de rechercher des chaînes de caractères dans le texte de toutes
les rubriques. La fonction de recherche nécessite l’utilisation d’un navigateur compatible Java
(à partir de la version 6.1 de Netscape). Pour rechercher une expression, il vous suffit de
l’entrer dans le champ de saisie.
Pour rechercher des fichiers qui contiennent deux mots-clés (par exemple, calques et styles),
insérez le signe plus (+) entre les mots.
Pour rechercher les fichiers qui contiennent un mot-clé unique ou une expression entière,
séparez les mots à l’aide d’un espace.
• Les boutons Précédent et Suivant vous permettent d’afficher les rubriques d’une section une à
une.
• L’icône Flash vous permet d’accéder au site web du Centre de support Flash.
Bien démarrer avec Flash
15
Utilisation des leçons et didacticiels de Flash
Les leçons de Flash présentent les fonctions principales de Flash et vous permettent de les mettre
en pratique dans des exemples concrets. Si vous découvrez Flash, ou si vous n’en avez utilisé que
quelques fonctions, commencez par les leçons.
Les didacticiels de Flash offrent des informations interactives et détaillées qui vous aideront à bien
démarrer avec Flash.
Le didacticiel Introduction à Flash MX présente le flux de travail dans Flash en vous montrant
comment réaliser une animation simple. Le didacticiel s’appuie sur les connaissances que vous
avez acquises au cours des leçons.
Le didacticiel Introduction à ActionScript vous fera découvrir les principes de base d’ActionScript,
le langage orienté objet que Flash utilise pour l’interactivité des animations.
Le didacticiel Introduction aux composants a été conçu pour présenter les composants aux novices
comme aux utilisateurs connaissant déjà mieux Flash, en présentant la création d’une simple
application. Nous recommandons vivement de suivre les leçons de Flash, le didacticiel
Introduction à Flash MX et le didacticiel Introduction à ActionScript (ou de déjà connaître
ActionScript) avant de passer à ce didacticiel.
Pour démarrer les leçons :
Choisissez Aide > Leçons > Bien démarrer avec Flash.
Pour démarrer un didacticiel, effectuez l’une des opérations suivantes :
• Choisissez Aide > Didacticiels > Introduction à Flash MX.
• Choisissez Aide > Didacticiels > Introduction à ActionScript.
• Choisissez Aide > Didacticiels > Introduction aux composants.
Utilisation des autres ressources de Macromedia
Le centre de support de Flash contient des informations de dernière minute sur Flash, plus
certains sujets supplémentaires, des exemples, des conseils et des mises à jour. Consultez
régulièrement le site web pour vous tenir au courant et tirer le meilleur parti de votre programme,
à www.macromedia.com/support/flash. Consultez régulièrement le site web pour vous tenir au
courant et tirer le meilleur parti de votre programme, à www.macromedia.com/support/flash.
Le panneau Référence contient des informations détaillées sur la syntaxe et l’usage du langage
ActionScript. La structure hiérarchique de ces informations vous permettra de facilement
naviguer vers les éléments qui vous intéressent en particulier.
Pour afficher le panneau Référence :
Choisissez Fenêtre > Référence.
16
Introduction
Autres éditeurs
Macromedia recommande plusieurs sites web avec de nombreux liens conduisant à d’autres
ressources intéressantes pour les utilisateurs de Flash.
Sites de la communauté Macromedia Flash :
www.macromedia.com/support/flash/ts/documents/flash_websites.htm
www.macromedia.com/support/flash/ts/documents/tn4148-flashmaillists.html
Livres sur Macromedia Flash :
www.macromedia.com/software/flash/productinfo/books/
Concepts de programmation orientée objet :
http://java.sun.com/docs/books/tutorial/java/concepts
Démarrage de Flash sur un réseau
L’affichage d’un message de mise en garde contre l’utilisation simultanée de plusieurs copies
de Flash au démarrage indique généralement le dépassement du nombre de licences autorisées
pour ce numéro de série.
Flash détecte automatiquement les copies illicites (avec le même numéro de série) exécutées sur
un réseau local. L’analyse du nombre de copies exécutées simultanément sur un réseau permet
donc à Flash de détecter le dépassement du nombre autorisé en fonction du numéro de série.
Pour empêcher l’affichage de mises en garde contre l’utilisation simultanée de plusieurs copies
de Flash, effectuez l’une des opérations suivantes :
• Achetez des exemplaires supplémentaires de Flash auprès de Macromedia.
• Désinstallez Flash d’un ou de plusieurs ordinateurs de votre réseau local avant de redémarrer
Flash sur votre ordinateur.
Bien démarrer avec Flash
17
18
Introduction
CHAPITRE 1
Travail dans Flash
Les animations Macromedia Flash MX sont constituées de graphiques, de textes, d’effets animés
et d’applications destinés aux sites web. Elles sont principalement composées de graphiques
vectoriels, mais peuvent également contenir des graphiques bitmap, de la vidéo et des sons
importés. Les animations Flash peuvent être interactives et ainsi permettre l’entrée d’informations
par l’utilisateur et la création d’animations non linéaires capables de dialoguer avec d’autres
applications web. Les concepteurs de sites web utilisent Flash pour créer des commandes de
navigation, des logos animés, des effets animés avec son synchronisé, ou encore des sites web
complets aux effets saisissants. Les animations Flash utilisent des graphiques vectoriels compacts
qui, de ce fait, sont téléchargés rapidement et s’adaptent à la taille d’écran du visiteur.
Vous avez probablement déjà consulté des animations Flash interactives sur de nombreux sites
web. Des millions d’internautes ont reçu Flash Player avec leur ordinateur, leur navigateur ou leur
système d’exploitation ; d’autres l’ont téléchargé à partir du site web de Macromedia. Flash Player
est installé sur l’ordinateur local, où il lit les animations dans des navigateurs ou en tant
qu’applications autonomes. L’affichage d’une animation Flash dans Flash Player n’est pas
différent de l’utilisation d’une cassette vidéo sur un magnétoscope. Flash Player est le
périphérique utilisé pour afficher les animations que vous réalisez dans l’application de création
Flash.
Les documents Flash (avec l’extension de fichier .fla) contiennent toutes les informations
nécessaires pour développer, concevoir et tester du contenu interactif. Ils sont différents des
animations affichées par Flash Player. En effet, ils sont publiés sous forme d’animations Flash
(extension de fichier .swf ) ne contenant que les informations nécessaires pour afficher les
animations.
Vous pouvez consulter une introduction interactive à Flash en choisissant Aide > Leçons > Bien
démarrer avec Flash.
Illustrations dans Flash
Flash propose diverses méthodes de création et d’importation d’illustrations à partir d’autres
applications. Vous pourrez créer des objets à l’aide des outils de dessin et de peinture, de même
que manipuler les attributs d’objets existants. Consultez Chapitre 3, Dessin, page 67 et Chapitre
4, Utilisation des couleurs, page 87.
Vous pouvez également importer des graphiques vectoriels, des graphiques bitmap et de la vidéo à
partir d’autres applications et les manipuler dans Flash. Consultez Utilisation d’illustrations et de
vidéo importées, sous Aide > Utilisation de Flash.
Remarque Vous pouvez également importer des fichiers son, comme décrit dans Importation de sons, sous
Aide > Utilisation de Flash.
19
Animation dans Flash
Flash vous permet d’animer des objets pour donner une impression de mouvement sur la scène
et/ou pour en modifier la forme, la taille, la couleur, l’opacité, la rotation et autres propriétés.
Vous pourrez créer des animations image par image, dans lesquelles vous créez chaque image.
Vous pourrez également créer des animations interpolées dans lesquelles vous créez la première et
la dernière image d’un effet animé et demandez à Flash de créer les images intermédiaires.
Consultez Chapitre 10, Création d’animation, page 191.
Vous pouvez également utiliser ActionScript, un langage de programmation orienté objet, pour
créer des animations dans Flash. Consultez Chapitre 12, Le langage ActionScript, page 229.
Animations interactives dans Flash
Flash vous permet de créer des animations interactives dans lesquelles les utilisateurs peuvent, par
le biais du clavier ou de la souris, accéder à différentes parties de l’animation, déplacer des objets,
remplir des formulaires et réaliser de nombreuses autres opérations.
Les animations interactives sont créées par la programmation d’actions ActionScript. Pour plus
d’informations, consultez Chapitre 14, Création d’interactivité avec ActionScript, page 299. Pour
plus d’informations sur l’utilisation d’ActionScript pour créer les effets d’interactivité, consultez le
dictionnaire ActionScript (via le menu Aide).
Développement d’applications dans Flash
Flash fournit des clips d’animation avec des paramètres définis, appelés composants, et destinés à
rehausser l’expérience des utilisateurs affichant les animations Flash. Chaque composant intégré
de Flash est caractérisé par un jeu unique de méthodes ActionScript qui vous permettent d’établir
et de modifier les paramètres à la programmation et des options supplémentaires à l’exécution. La
combinaison des fonctions de glisser-déposer des composants prédéfinis et des puissantes
capacités d’ActionScript vous permet de créer des applications parfaitement fonctionnelles sur le
web. Pour plus d’informations sur les composants, consultez Chapitre 15, Utilisation des
composants, page 323.
Vous pouvez consulter une introduction interactive aux composants en choisissant Aide >
Leçons > Introduction aux composants.
20
Chapitre 1
La scène et l’espace de travail
Tout comme les films, les animations Flash divisent les périodes de temps en images. La scène est
l’endroit auquel vous composez le contenu des images de l’animation, soit en y dessinant
directement les illustrations, soit en organisant des illustrations importées. Pour plus
d’informations sur les images, consultez Utilisation des images et des images-clés, page 35.
La scène est l’endroit où vous composez les différentes images d’une animation
Affichage de la scène
Vous pouvez changer la portion affichée de la scène en appliquant un nouveau facteur de zoom
ou en déplaçant la scène dans l’environnement de travail de Flash. Vous pouvez également ajuster
la vue de la scène à l’aide des commandes du menu Affichage.
Zoom
Pour afficher l’ensemble de la scène à l’écran ou afficher une portion particulière de votre dessin à
fort agrandissement, vous pouvez modifier le facteur de zoom. Le zoom maximal dépend de la
résolution de votre moniteur et de la taille du document.
Pour agrandir ou réduire la vue de la scène, procédez d’une des façons suivantes :
• Pour zoomer sur un élément particulier, sélectionnez l’outil Zoom et cliquez sur l’élément.
Pour basculer l’outil Zoom entre le zoom avant et le zoom arrière, utilisez les modificateurs
Agrandir ou Réduire ou cliquez en maintenant la touche Alt (Windows) ou Option
(Macintosh) enfoncée.
Travail dans Flash
21
• Pour faire un zoom avant sur une zone spécifique de votre dessin, tracez un cadre de sélection
avec l’outil Zoom. Flash définit le facteur de zoom de sorte que le cadre de sélection spécifié
remplisse la fenêtre.
• Pour faire un zoom avant ou arrière sur l’ensemble de la scène, choisissez Affichage > Zoom
avant ou Affichage > Zoom arrière.
• Pour faire un zoom avant ou arrière d’un pourcentage spécifique, choisissez Affichage > Zoom
et sélectionnez un pourcentage dans le sous-menu, ou sélectionnez un pourcentage dans le
contrôle de Zoom situé dans le coin supérieur droit de la fenêtre de l’application.
• Pour afficher le contenu de l’image actuelle, choisissez Affichage > Zoom > Tout afficher, ou
choisissez Tout afficher dans le contrôle Zoom du coin supérieur droit de la fenêtre de
l’application. Si la séquence est vide, toute la scène est affichée.
• Pour afficher toute la scène, choisissez Affichage > Zoom > Afficher une image ou choisissez
Afficher une image dans le contrôle Zoom du coin supérieur droit de la fenêtre de
l’application.
• Pour afficher l’espace de travail entourant la scène, choisissez Affichage > Zone de travail.
L’espace de travail est affiché en gris clair. Utilisez la commande Zone de travail pour afficher
les éléments d’une séquence qui sont partiellement ou totalement en dehors de la scène. Par
exemple, pour faire en sorte que le vol d’un oiseau passe par une image, vous devrez
initialement placer l’oiseau en dehors de la scène dans l’espace de travail.
Déplacement de la vue de la scène
Il est possible que vous ne puissiez pas voir l’ensemble de la scène lorsque vous faites un zoom
avant. L’outil Main vous permet de déplacer la scène de manière à changer la vue sans avoir à
changer le zoom.
Pour déplacer la vue de la scène :
1
Dans la boîte à outils, sélectionnez l’outil Main. Pour basculer temporairement entre l’outil
Main et un autre outil, appuyez sur la barre d’espace et cliquez sur l’outil souhaité dans la boîte
à outils.
2
Faites glisser la scène.
Utilisation de la grille, des guides et des règles
Flash contient des règles et des guides destinés à vous aider à dessiner et à positionner les objets
avec précision. Vous pouvez placer les guides dans un document et y accrocher les objets ou
accrocher ces derniers aux grilles après les avoir activées.
Utilisation de la grille
Lorsque la grille est affichée dans un document, elle apparaît sous la forme de lignes placées
derrière les illustrations dans chacune des séquences. Vous pouvez accrocher des objets à la grille,
de même que changer la taille de la grille ou la couleur de ses lignes.
Pour afficher ou masquer la grille de dessin :
Choisissez Affichage > Grille > Afficher la grille.
22
Chapitre 1
Pour activer ou désactiver l’accrochage à la grille :
Choisissez Affichage > Grille > Accrocher à la grille.
Pour définir les préférences de la grille :
1
Choisissez Affichage > Grille > Modifier la grille.
2
Pour Couleur, cliquez sur le triangle de la puce de couleur et sélectionnez une couleur de grille
dans la palette.
La couleur par défaut des lignes de grille est le gris.
3
Activez ou désactivez l’option Afficher la grille pour afficher ou masquer la grille.
4
Activez ou désactivez l’option Accrocher à la grille pour activer ou désactiver l’accrochage à la
grille.
5
Pour l’espacement de la grille, entrez les valeurs dans les champs affichés à droite des flèches
horizontale et verticale.
6
Pour Précision de l’accrochage, sélectionnez une option dans le menu déroulant.
7
Cliquez sur Enreg. par défaut pour enregistrer les paramètres courants comme paramètres par
défaut.
Utilisation des guides
Vous pouvez faire glisser des guides horizontaux ou verticaux des règles sur la scène lorsque les
règles sont affichées. Vous pouvez déplacer, verrouiller, masquer et supprimer les guides. Vous
pouvez également accrocher les objets aux guides, puis modifier la couleur et la tolérance à
l’accrochage (la distance à laquelle les objets doivent être pour pouvoir être accrochés) des guides.
Les guides déplaçables apparaissent uniquement dans le scénario dans lequel ils sont créés.
Pour créer des guides personnalisés ou irréguliers, vous devez utiliser les calques de guide.
Consultez Utilisation des calques de guide, page 44.
Pour afficher ou masquer les guides de dessin :
Choisissez Affichage > Guides > Afficher les guides.
Remarque Si la grille est déjà visible et que l’option Accrocher à la grille est activée lorsque vous créez les guides,
ces derniers sont accrochés à la grille.
Pour activer ou désactiver l’accrochage aux guides :
Choisissez Affichage > Guides > Accrocher aux guides.
Remarque L’accrochage aux guides est prioritaire par rapport à l’accrochage à la grille lorsque les guides sont
derrière les lignes de grille.
Pour déplacer un guide :
Utilisez l’outil Flèche pour faire glisser le guide.
Pour supprimer un guide :
Déverrouillez les guides, puis utilisez l’outil Flèche pour faire glisser le guide vers la règle
horizontale ou verticale. Pour plus d’informations sur le verrouillage et le déverrouillage des
guides, consultez la procédure suivante.
Travail dans Flash
23
Pour définir les préférences des guides :
1
Choisissez Affichage > Guides > Modifier les guides.
2
Pour Couleur, cliquez sur le triangle de la puce de couleur et sélectionnez une couleur de guide
dans la palette.
La couleur par défaut des guides est le vert.
3
Activez ou désactivez l’option Afficher les guides pour afficher ou masquer les guides.
4
Activez ou désactivez l’option Accrocher aux guides pour activer ou désactiver l’accrochage aux
guides.
5
Activez ou désactivez l’option Verrouiller les guides pour verrouiller ou déverrouiller les guides.
6
Pour Précision de l’accrochage, sélectionnez une option dans le menu déroulant.
7
Pour supprimer tous les guides, cliquez sur Effacer tout.
Remarque
8
L’option Effacer tout supprime tous les guides de la séquence actuelle.
Cliquez sur Enreg. par défaut pour enregistrer les paramètres courants comme paramètres par
défaut.
Utilisation des règles
Lorsque les règles sont affichées, elles apparaissent le long des bords supérieur ou latéraux du
document. Vous pouvez changer l’unité de mesure utilisée dans les règles (qui est le pixel, par
défaut). Lorsque vous déplacez un élément sur la scène alors que les règles sont affichées, des
lignes indiquant les dimensions des éléments apparaissent sur les règles.
Pour afficher ou masquer les règles :
Choisissez Affichage > Règles.
Pour spécifier l’unité de mesure des règles pour un document :
Choisissez Modification > Document, puis sélectionnez une option dans le menu déroulant.
Création d’un document
A chaque ouverture, Flash crée un nouveau fichier portant l’extension .fla. Vous pouvez créer des
documents supplémentaires pendant que vous travaillez. Pour définir la taille, la cadence, la
couleur d’arrière-plan et les autres propriétés d’un nouveau document, vous utiliserez la boîte de
dialogue Propriétés du document.
Vous pouvez également baser un nouveau document sur un modèle. Vous pouvez choisir parmi
l’un des modèles standard fournis avec Flash ou ouvrir un modèle que vous avez enregistré
précédemment. Pour plus d’informations sur l’enregistrement d’un document comme modèle,
consultez Enregistrement des documents Flash, page 49.
Pour créer un document et en définir les propriétés :
1
Choisissez Fichier > Nouveau.
2
Choisissez Modification > Document.
La boîte de dialogue Propriétés du document apparaît.
24
Chapitre 1
3
Pour Cadence, indiquez le nombre d’images qui doivent être affichées par seconde. Pour la
majorité des effets animés affichés sur ordinateur, tout spécialement les animations lues à partir
d’un site web, une cadence de 8 images par seconde (ips) à 12 ips est suffisante. 12 ips est la
cadence par défaut.
4
Pour Dimensions, procédez d’une des façons suivantes :
• Pour spécifier la taille de la scène en pixels, entrez des valeurs dans les champs Largeur et
Hauteur.
La taille par défaut des animations est 550 x 400 pixels. La taille minimale est 1 x 1 pixel ; la
taille maximale étant 2880 x 2880 pixels.
• Pour définir la taille de la scène de telle façon qu’il y ait un espace égal sur tous les bords du
contenu, cliquez sur le bouton Contenu, à droite de Identique à. Pour réduire la taille de
l’animation, alignez tous les éléments dans le coin supérieur gauche de la scène avant de cliquer
sur Contenu.
• Pour définir la taille de la scène sur la zone d’impression maximale, cliquez sur Imprimante.
Cette zone est déterminée par la taille du papier moins la marge actuelle sélectionnée dans la
zone Marges de la boîte de dialogue Mise en page (Windows) ou Marges d’impression
(Macintosh).
• Pour définir la taille de la scène à la taille par défaut, cliquez sur Par défaut.
5
Pour définir la couleur d’arrière-plan de votre animation, cliquez sur le triangle de la puce de
couleur d’arrière-plan, puis sélectionnez l’une des couleurs de la palette.
6
Pour spécifier l’unité de mesure des règles que vous pouvez afficher le long des bords supérieur
et latéraux de la fenêtre de l’application, sélectionnez une option dans le menu déroulant
correspondant. Consultez Utilisation des règles, page 24. Ce paramètre détermine également les
unités utilisées dans le panneau Info.
7
Effectuez l’une des opérations suivantes :
• Pour que les nouveaux paramètres deviennent les propriétés par défaut de votre nouveau
document uniquement, cliquez sur OK.
• Pour que les nouveaux paramètres deviennent les propriétés par défaut de tous les nouveaux
documents, cliquez sur Etablir comme valeurs par défaut.
Pour baser un nouveau document sur un modèle :
1
Choisissez Fichier > Nouveau à partir d’un modèle.
2
Dans la boîte de dialogue Nouveau document, sélectionnez l’une des catégories de la liste des
catégories, puis sélectionnez un document dans la liste des éléments de catégorie.
3
Cliquez sur OK.
Travail dans Flash
25
Définition des préférences de Flash
Flash vous permet de définir des préférences pour les opérations générales de l’application, les
opérations de manipulation et les opérations liées au presse-papiers. Consultez Sélection des
paramètres de dessin, page 84.
Pour définir les préférences :
1
Choisissez Edition > Préférences.
2
Cliquez sur l’onglet Général, Modification, Presse-papiers, Avertissement ou Editeur
ActionScript, puis faites votre choix parmi leurs options respectives en vous reportant aux
procédures ci-dessous. Pour plus d’informations sur les préférences de l’éditeur ActionScript,
consultez Définition des préférences du panneau Actions, sous Aide > Utilisation de Flash.
Pour définir les préférences générales, faites votre choix parmi les options suivantes :
• Pour Nombre d’annulations, entrez une valeur comprise entre 0 et 200 pour définir le nombre
d’annulations et de rétablissements. Chaque niveau d’annulation nécessite de la mémoire et
plus ce nombre est élevé, plus la quantité de mémoire utilisée est importante. La valeur par
défaut est 100.
• Pour Options d’impression (Windows uniquement), activez l’option Désactiver PostScript
pour désactiver la sortie PostScript lors de l’impression sur une imprimante PostScript. Cette
option est désactivée par défaut. Activez cette option en cas de problèmes d’impression avec
une imprimante PostScript, mais n’oubliez pas que cela ralentira l’impression.
• Pour Options de sélection, activez ou désactivez l’option Sélection avec la touche Maj. pour
contrôler la façon dont Flash traite la sélection de plusieurs éléments. Lorsque l’option
Sélection avec la touche Maj. est désactivée, le fait de cliquer sur des éléments supplémentaires
les ajoute à la sélection en cours. Lorsque l’option Sélection avec la touche Maj. est activée, le
fait de cliquer sur des éléments supplémentaires désélectionne les autres éléments, sauf si vous
maintenez la touche Maj. enfoncée.
• Activez l’option Afficher les info-bulles pour afficher les info-bulles lorsque le pointeur passe
au-dessus d’une commande. Désactivez cette option si vous ne souhaitez pas afficher les infobulles.
• Pour Options du scénario, activez l’option Désactiver l’ancrage du scénario pour éviter que le
scénario ne s’ancre à la fenêtre de l’application lorsqu’il est affiché dans sa propre fenêtre. Pour
plus d’informations, consultez Utilisation du scénario, page 32.
• Activez l’option Sélection basée sur plages pour utiliser cette sélection dans le scénario, au lieu
de la sélection par défaut basée sur images (Flash 5 utilisait la sélection basée sur plages). Pour
plus d’informations sur la sélection basée sur plages et basée sur images, consultez Utilisation
d’images dans le scénario, page 35.
• Activez l’option Ancre nommée sur la séquence pour que Flash transforme la première image
de chaque séquence de l’animation en ancre nommée. Les ancres nommées vous permettent
d’utiliser les boutons Page suivante et Page précédente des navigateurs pour passer d’une
séquence à l’autre dans les animations. Pour plus d’informations, consultez Utilisation d’ancres
nommées, page 37.
• Pour Couleur de soulignement, activez l’option Utiliser cette couleur et sélectionnez une
couleur dans la palette ou activez l’option Utiliser la couleur du calque pour utiliser la couleur
de contours du calque actif.
26
Chapitre 1
• Pour Jeu de polices par défaut, sélectionnez la police qui sera utilisée pour remplacer les polices
absentes des animations ouvertes dans Flash. Consultez Remplacement de polices absentes,
page 163.
Pour définir les préférences de modification, faites votre choix parmi les options suivantes :
• Pour les options de l’outil Plume, consultez Définition des préférences de l’outil Plume, page 72.
• Pour les options Texte vertical, activez l’option Orientation du texte par défaut, qui est
pratique pour certaines polices asiatiques. Cette option est désactivée par défaut.
• Activez l’option Texte de droite à gauche pour inverser la direction d’affichage par défaut du
texte. Cette option est désactivée par défaut.
• Activez l’option Pas de crénage pour désactiver le crénage du texte vertical. Bien qu’elle soit
désélectionnée par défaut, cette option est pratique pour améliorer l’espacement de certaines
polices utilisant des tables de crénage.
• Pour les options de dessin, consultez Sélection des paramètres de dessin, page 84.
Pour définir les préférences du presse-papiers, faites votre choix parmi les options suivantes :
• Pour Bitmaps (Windows uniquement), activez des options pour Codage des couleurs et
Résolution de manière à spécifier ces paramètres pour les bitmaps copiés dans le presse-papiers.
Activez l’option Lisser pour appliquer l’anti-aliasing. Entrez une valeur pour Limite de taille de
manière à spécifier la quantité de mémoire vive utilisée lorsqu’un bitmap est placé dans le
presse-papiers. Augmentez cette valeur lorsque vous travaillez avec des bitmaps volumineux ou
de résolution élevée. Si votre ordinateur dispose d’une quantité limitée de mémoire, choisissez
une limite nulle.
• Pour Dégradés (Windows uniquement), choisissez une option de manière à spécifier la qualité
des remplissages dégradés placés dans le métafichier Windows. Le choix d’une qualité plus
élevée augmente le temps nécessaire à la copie d’une illustration. Utilisez ce paramètre pour
spécifier la qualité des dégradés lorsque des éléments sont collés à l’extérieur de Flash. Lorsque
vous collez des éléments dans Flash, la qualité des dégradés des données copiées est conservée,
quelle que soit la valeur du paramètre Dégradés dans le presse-papiers.
• Pour Paramètres PICT (Macintosh uniquement), sélectionnez le type Objets pour conserver
les données copiées dans le presse-papiers en tant qu’illustrations vectorielles ou sélectionnez
un des formats de bitmap pour convertir l’illustration copiée en bitmap. Entrez une valeur de
résolution. Sélectionnez Inclure PostScript pour inclure les données PostScript. Pour
Dégradés, choisissez une option de manière à spécifier la qualité des dégradés dans le fichier
PICT. Le choix d’une qualité plus élevée augmente le temps nécessaire à la copie d’une
illustration. Utilisez ce paramètre pour spécifier la qualité des dégradés lorsque des éléments
sont collés à l’extérieur de Flash. Lorsque vous collez des éléments dans Flash, la qualité des
dégradés des données copiées est conservée, quelle que soit la valeur du paramètre Dégradés.
• Pour Texte FreeHand, activez l’option Conserver le texte en blocs pour que le texte reste
modifiable dans un fichier FreeHand collé.
Pour définir les préférences d’avertissement, sélectionnez une des options suivantes :
• Activez l’option Indiquer la compatibilité à l’enregistrement au format Macromedia Flash 5
pour que Flash vous avertisse lorsque vous essayez d’enregistrer un document ayant un contenu
spécifique à Flash MX dans un fichier Flash 5. Cette option est activée par défaut.
Travail dans Flash
27
• Activez l’option Indiquer l’absence de polices pour que Flash vous avertisse lorsque vous ouvrez
un document utilisant des polices n’ayant pas été installées sur votre ordinateur. Cette option
est activée par défaut.
• Activez l’option Indiquer la perte de la mise en forme du mode Expert pour que Flash vous
avertisse lorsque l’un des formats de mode Expert sera perdu en passant au mode Normal dans
le panneau Actions. Cette option est activée par défaut.
• Activez l’option Avertir lors de la lecture de contenu Generator pour que Flash affiche un X
rouge sur tous les objets Generator afin de vous rappeler que ces objets ne sont pas supportés
dans Flash MX.
• Activez l’option Avertir lors de l’insertion d’images et d’importation de contenu pour que
Flash vous avertisse lorsqu’il insère des images dans votre document afin d’accommoder les
fichiers audio ou vidéo que vous importez.
Utilisation de l’inspecteur des propriétés pour changer les
attributs de document
L’inspecteur des propriétés facilite l’accès aux attributs le plus fréquemment utilisés dans un
document, et leur changement. Il vous permet de modifier les attributs d’un document sans avoir
à accéder aux menus ou panneaux qui contiennent ces fonctionnalités. Pour plus d’informations
sur l’inspecteur des propriétés, consultez Panneaux et inspecteur des propriétés, page 54.
Pour changer les propriétés d’un document avec l’inspecteur des propriétés :
1
Désélectionnez tous les éléments, puis sélectionnez l’outil Flèche.
2
Si l’inspecteur des propriétés n’est pas visible, choisissez Fenêtre > Propriétés.
3
Cliquez sur le bouton Taille pour afficher la boîte de dialogue Propriétés du document et
accéder à ses options. Pour plus d’informations sur la boîte de dialogue Propriétés du
document, consultez Création d’un document, page 24.
4
Pour choisir une couleur d’arrière-plan, cliquez sur le triangle de la puce de couleur d’arrièreplan et sélectionnez une couleur dans la palette.
5
Pour Cadence, indiquez le nombre d’images qui doivent être affichées par seconde.
6
Cliquez sur le bouton Publier pour afficher la boîte de dialogue Paramètres de publication
(l’onglet Flash sera sélectionné). Pour plus d’informations sur la boîte de dialogue Paramètres
de publication, consultez Publication des documents Flash, page 414.
Personnalisation des raccourcis clavier
Vous pouvez choisir des raccourcis clavier dans Flash pour les faire correspondre aux raccourcis
que vous avez l’habitude d’utiliser dans d’autres applications ou afin de rationaliser votre flux de
travail. Par défaut, Flash utilise les raccourcis clavier intégrés conçus pour l’application. Vous
pouvez également sélectionner un jeu de raccourcis clavier intégrés utilisés dans l’une des
applications graphiques très répandues telles que Fireworks, Adobe Illustrator ou encore Adobe
Photoshop.
28
Chapitre 1
Pour créer un jeu de raccourcis clavier personnalisé, vous pouvez dupliquer un jeu existant, puis y
ajouter ou en supprimer des raccourcis. Vous pouvez supprimer des jeux de raccourcis
personnalisés.
Bouton Supprimer un jeu
Bouton Renommer le jeu
Bouton Dupliquer le jeu
Liste des commandes
Boutons Ajouter/
Supprimer
Liste des raccourcis
Pour sélectionner un jeu de raccourcis clavier :
1
Choisissez Edition > Raccourcis clavier.
2
Dans la boîte de dialogue Raccourcis clavier, choisissez un jeu de raccourcis dans le menu
déroulant Jeu actuel.
Pour créer un jeu de raccourcis clavier :
1
Sélectionnez un jeu de raccourcis clavier, tel que décrit ci-dessus.
2
Cliquez sur le bouton Dupliquer le jeu.
3
Entrez le nom du nouveau jeu de raccourcis et cliquez sur OK.
Pour renommer un jeu de raccourcis clavier personnalisé :
1
Dans la boîte de dialogue Raccourcis clavier, choisissez un jeu de raccourcis dans le menu
déroulant Jeu actuel.
2
Cliquez sur le bouton Renommer le jeu.
3
Dans la boîte de dialogue Renommer le jeu, entrez un nouveau nom et cliquez sur OK.
Travail dans Flash
29
Pour ajouter ou supprimer un raccourci clavier :
1
Choisissez Edition > Raccourcis clavier et sélectionnez le jeu que vous souhaitez modifier.
2
Dans le menu déroulant Commandes, sélectionnez Commandes du menu Dessin, Outils
Dessin ou Commandes du menu Tester l’animation pour afficher les raccourcis de la catégorie
sélectionnée.
3
Dans la liste des commandes, sélectionnez la commande pour laquelle vous souhaitez ajouter
ou supprimer un raccourci.
Une explication de la commande sélectionnée apparaît dans la zone Description de cette boîte
de dialogue.
4
Effectuez l’une des opérations suivantes :
• Pour ajouter un raccourci, cliquez sur le bouton Ajouter (+).
• Pour supprimer un raccourci, cliquez sur le bouton Supprimer (-) et passez à l’étape 6.
5
Si vous ajoutez un raccourci, entrez la combinaison de touches du nouveau raccourci sous
Appuyer sur la touche.
Remarque Il vous suffit d’appuyer sur les touches du clavier pour entrer la combinaison de touches. Vous
n’avez pas besoin d’entrer le nom des touches, tel que Ctrl, Option, etc.
6
Cliquez sur Changer.
7
Répétez cette procédure pour ajouter ou supprimer des raccourcis supplémentaires.
8
Cliquez sur OK.
Pour supprimer un jeu de raccourcis clavier :
1
Choisissez Edition > Raccourcis clavier. Dans la boîte de dialogue Raccourcis clavier, cliquez
sur le bouton Supprimer un jeu.
2
Dans la boîte de dialogue Supprimer un jeu, choisissez un jeu de raccourcis et cliquez sur
Supprimer.
Remarque
Vous ne pouvez pas supprimer les jeux de raccourcis clavier intégrés à Flash.
Utilisation de séquences et du panneau Séquence
Pour organiser une animation de façon thématique, vous pouvez utiliser des séquences. Par
exemple, vous pouvez utiliser des séquences distinctes pour une introduction, un message de
chargement ou un générique.
Lorsque vous publiez une animation Flash qui contient plus d’une séquence, les séquences de
l’animation sont lues dans l’ordre dans lequel elles sont répertoriées dans le panneau Séquence du
document Flash. Les images de l’animation sont numérotées de manière consécutive d’une
séquence à une autre. Par exemple, si une animation contient deux séquences de 10 images
chacune, les images de la séquence 2 sont numérotées de 11 à 20.
Vous pouvez ajouter, supprimer, dupliquer, renommer et modifier l’ordre des séquences.
30
Chapitre 1
Pour arrêter une animation ou la mettre en pause après chaque séquence, ou pour laisser
l’utilisateur naviguer dans l’animation de façon non linéaire, vous devrez utiliser des actions.
Consultez Chapitre 14, Création d’interactivité avec ActionScript, page 299.
Bouton Dupliquer la séquence
Bouton Ajouter une séquence
Bouton Supprimer la séquence
Panneau Séquence
Pour afficher le panneau Séquence :
Choisissez Fenêtre > Séquence.
Pour afficher une séquence particulière :
Choisissez Affichage > Atteindre, puis choisissez le nom de la séquence dans le sous-menu.
Pour ajouter une séquence, effectuez l’une des opérations suivantes :
• Cliquez sur le bouton Ajouter une séquence dans le panneau Séquence.
• Choisissez Insertion > Séquence.
Pour supprimer une séquence, effectuez l’une des opérations suivantes :
• Cliquez sur le bouton Supprimer la séquence dans le panneau Séquence.
• Ouvrez la séquence à supprimer, puis choisissez Insertion > Supprimer la séquence.
Pour changer le nom d’une séquence :
Double-cliquez sur le nom de la séquence dans le panneau Séquence et entrez le nouveau nom.
Pour dupliquer une séquence :
Cliquez sur le bouton Dupliquer la séquence dans le panneau Séquence.
Pour changer l’ordre d’une séquence dans l’animation :
Faites glisser le nom de la séquence à un autre emplacement dans le panneau Séquence.
Travail dans Flash
31
Utilisation du scénario
Le scénario organise et contrôle le contenu d’une animation au fil du temps dans des calques et
des images. Tout comme les films, les animations Flash divisent les périodes de temps en images.
Les calques sont semblables à des bandes de film empilées les unes sur les autres, chacune
contenant une image différente qui apparaît sur la scène. Les principaux composants du scénario
sont les calques, les images et la tête de lecture.
Les calques d’un document sont répertoriés dans une colonne affichée sur la gauche du scénario.
Les images contenues dans chaque calque sont affichées sur une ligne à droite du nom du calque.
L’en-tête du scénario, situé en haut du scénario, indique le numéro des images. La tête de lecture
indique l’image actuellement affichée sur la scène.
La barre d’état du scénario, affichée en bas de ce dernier, indique le numéro de l’image
sélectionnée, la cadence d’image actuelle et le temps écoulé jusqu’à l’image actuelle.
Remarque Lors de la lecture d’un effet animé, la cadence réelle des images est affichée et peut être différente de
la cadence de l’animation si l’ordinateur ne peut pas afficher l’animation assez rapidement.
Image-clé vide
Tête de lecture
En-tête du scénario
Menu déroulant d’affichage
des images
Animation image par image
Animation interpolée
Icône de
calque guide
Bouton Centrer l’image
Boutons papier pelure
Indicateur de temps écoulé
Indicateur de cadence
Indicateur d’image courante
Vous pouvez changer la manière dont les images sont affichées, de même qu’afficher le contenu
des images sous forme de vignettes dans le scénario. Le scénario indique les endroits auxquels
l’animation contient des effets animés, tels qu’une animation image par image, une animation
interpolée et des trajectoires de mouvement. Pour plus d’informations sur l’animation, consultez
Chapitre 10, Création d’animation, page 191.
Les commandes de la section des calques du scénario vous permettent d’afficher, de masquer, de
verrouiller ou de déverrouiller les calques, de même qu’en afficher le contenu sous forme de
contours. Consultez Modification des calques et dossiers de calques, page 41.
Vous pouvez insérer, supprimer, sélectionner et déplacer des images dans le scénario. Vous pouvez
également faire glisser des images vers un nouvel emplacement du même calque ou d’un calque
différent. Consultez Utilisation d’images dans le scénario, page 35.
32
Chapitre 1
Modification de l’apparence du scénario
Par défaut, le scénario est affiché en haut de la fenêtre principale de l’application, au-dessus de la
scène. Pour changer sa position, vous pouvez ancrer le scénario en bas ou sur les côtés de la fenêtre
de l’application, ou encore afficher le scénario dans sa propre fenêtre. Vous pouvez également
masquer le scénario.
Vous pouvez redimensionner le scénario de manière à changer le nombre de calques et d’images
visibles. Lorsque le scénario contient plus de calques qu’il ne peut en afficher, vous pouvez
afficher les calques supplémentaires à l’aide des barres de défilement situées sur la droite du
scénario.
Pour déplacer le scénario :
Faites glisser le scénario en cliquant sur la zone située au-dessus de son en-tête.
Faites glisser le scénario vers le bord de la fenêtre de l’application pour l’ancrer. Faites-le glisser
avec la touche Ctrl enfoncée pour empêcher son ancrage.
Pour agrandir ou réduire les champs de nom de calque :
Faites glisser la barre séparant les noms des calques et les images du scénario.
Pour redimensionner le scénario, effectuez l’une des opérations suivantes :
• Si le scénario est ancré à la fenêtre principale de l’application, faites glisser la barre séparant le
scénario de la fenêtre de l’application.
• Si le scénario n’est pas ancré à la fenêtre principale de l’application, faites glisser le coin
inférieur droit (Windows) ou la case de redimensionnement située dans le coin inférieur droit
(Macintosh).
Déplacement de la tête de lecture
La tête de lecture se déplace dans le scénario pour indiquer l’image actuellement affichée sur la
scène. L’en-tête du scénario affiche le numéro des images de l’animation. Pour afficher une image
sur la scène, vous devez déplacer la tête de lecture vers cette image dans le scénario.
Lorsque vous travaillez avec de nombreuses images qui ne peuvent pas être toutes affichées en
même temps dans le scénario, vous pouvez déplacer la tête de lecture le long du scénario de
manière à facilement localiser l’image actuelle.
Pour atteindre une image :
Cliquez sur l’emplacement de l’image dans l’en-tête du scénario ou faites glisser la tête de lecture
vers la position souhaitée.
Pour centrer le scénario sur l’image actuelle :
Cliquez sur le bouton Centrer l’image en bas du scénario.
Travail dans Flash
33
Changement de l’affichage des images dans le scénario
Vous pouvez modifier la taille des images dans le scénario et afficher des séquences d’images avec
des cellules teintées. Vous pouvez également inclure un aperçu du contenu des images sous forme
de vignettes dans le scénario. Ces vignettes sont utiles pour avoir une vue d’ensemble de
l’animation, mais nécessitent de l’espace écran supplémentaire.
Pour changer l’affichage des images dans le scénario :
1
Cliquez sur le bouton d’affichage des images situé dans le coin supérieur droit du scénario pour
afficher le menu déroulant d’affichage des images.
2
Choisissez parmi les options suivantes :
• Pour changer la largeur des cellules des images, sélectionnez Minuscules, Petites, Normales,
Moyennes ou Grandes. L’option Grandes permet de visualiser les détails des courbes audio.
• Pour réduire la hauteur des lignes de cellules, sélectionnez Courtes.
• Pour activer ou désactiver la teinte des séquences d’images, sélectionnez Images teintées.
• Pour afficher des vignettes du contenu de chaque image mises à l’échelle en fonction des
images du scénario, sélectionnez Afficher un aperçu. La taille apparente du contenu peut
varier.
• Pour afficher une vignette de chaque image (y compris l’espace vide), sélectionnez Afficher un
aperçu en contexte. Cette option permet de visualiser la manière dont les éléments se déplacent
au sein de leurs images au cours de l’effet animé. Toutefois, les aperçus sont généralement plus
petits qu’avec l’option Afficher un aperçu.
Bouton d’affichage des images
Menu déroulant d’affichage des images
Options d’affichage des images Normales et Courtes
34
Chapitre 1
Utilisation des images et des images-clés
Une image-clé est une image dans laquelle vous définissez une modification d’un effet animé, ou
incluez des actions d’image permettant de modifier une animation. Flash peut interpoler, ou
remplir, les images situées entre les images-clés pour produire des animations fluides. Les imagesclés facilitent la création des animations car elles évitent d’avoir à tracer chacune de leurs images.
Vous pouvez changer la longueur d’un effet animé interpolé en faisant glisser une image-clé dans
le scénario.
L’ordre d’apparition des images et des images-clés dans le scénario détermine celui de leur
affichage dans l’animation. Vous pouvez organiser les images-clés différemment dans le scénario
pour modifier la séquence d’événements dans l’animation.
Utilisation d’images dans le scénario
Dans le scénario, vous travaillez avec des images et des images-clés, en les plaçant dans l’ordre
correspondant à celui dans lequel vous souhaitez que les objets apparaissent dans les images. Vous
pouvez changer la longueur d’un effet animé interpolé en faisant glisser une image-clé dans le
scénario.
Vous pouvez effectuer les modifications suivantes sur les images et les images-clés :
• Insérer, sélectionner, supprimer et déplacer des images ou des images-clés.
• Faire glisser des images et des images-clés vers un nouvel emplacement du même calque ou
d’un calque différent.
• Copier et coller des images et des images-clés.
• Convertir des images-clés en images.
• Faire glisser un élément du panneau Bibliothèque vers la scène de manière à l’ajouter à l’imageclé actuelle.
Le scénario affiche les images interpolées d’un effet animé. Pour plus d’informations sur les
images interpolées, consultez Chapitre 10, Création d’animation, page 191.
Flash offre deux méthodes distinctes pour sélectionner les images dans le scénario. Avec la
sélection basée sur images (paramètre par défaut), vous sélectionnez séparément les images dans le
scénario. Avec la sélection basée sur plages, vous sélectionnez toute une séquence d’images (d’une
image-clé à la suivante) en cliquant sur n’importe quelle image de cette séquence. Pour plus
d’informations sur la sélection basée sur plages, consultez Définition des préférences de Flash,
page 26.
Pour insérer des images dans le scénario, effectuez l’une des opérations suivantes :
• Pour insérer une image, choisissez Insertion > Image.
• Pour créer une image-clé, choisissez Insertion > Image-clé ou cliquez du bouton droit
(Windows) ou en appuyant sur la touche Ctrl (Macintosh) sur l’image dans laquelle placer
l’image-clé, puis choisissez Insérer une image-clé dans le menu contextuel.
• Pour créer une image-clé vide, choisissez Insertion > Image-clé vide ou cliquez du bouton droit
(Windows) ou en appuyant sur la touche Ctrl (Macintosh) sur l’image dans laquelle placer
l’image-clé, puis choisissez Insérer une image-clé vide dans le menu contextuel.
Travail dans Flash
35
Pour supprimer ou modifier une image ou une image-clé, effectuez l’une des opérations
suivantes :
• Pour supprimer une image, une image-clé ou une séquence d’images, sélectionnez-la, puis
choisissez Insertion > Supprimer les images ou cliquez du bouton droit (Windows) ou tout en
appuyant sur la touche Ctrl (Macintosh) sur l’image, l’image-clé ou la séquence et choisissez
Supprimer les images dans le menu contextuel. Les images environnantes demeurent
inchangées.
• Pour déplacer une image-clé ou une séquence d’images et leur contenu, faites-la glisser vers
l’emplacement souhaité.
• Pour étendre la durée d’une image-clé, faites-la glisser tout en maintenant la touche Alt
(Windows) ou Option (Macintosh) enfoncée, vers l’image finale de la nouvelle durée.
• Pour copier une image-clé ou une séquence d’images en la faisant glisser, cliquez tout en
appuyant sur la touche Alt (Windows) ou sur la touche Option (Macintosh) et faites glisser
l’image-clé vers l’emplacement souhaité.
• Pour copier et coller une image ou une séquence d’images, sélectionnez-la et choisissez
Edition > Copier les images. Sélectionnez une image ou séquence à remplacer et choisissez
Edition > Coller les images.
• Pour convertir une image-clé en image, sélectionnez-la et choisissez Insertion > Supprimer
l’image-clé ou cliquez du bouton droit (Windows) ou tout en appuyant sur la touche Contrôle
(Macintosh) sur l’image ou la séquence et choisissez Supprimer l’image-clé dans le menu
contextuel. L’image-clé effacée et toutes les images jusqu’à l’image-clé suivante sont remplacées
par le contenu de l’image précédant l’image-clé effacée.
• Pour changer la longueur d’une séquence interpolée, faites glisser l’image-clé de début ou de
fin vers la gauche ou la droite. Pour changer la longueur d’une séquence image par image,
consultez Création d’animation image par image, page 204.
• Pour ajouter un élément de la bibliothèque à l’image-clé en cours, faites glisser l’élément du
panneau Bibliothèque vers la scène.
Utilisation de l’inspecteur des propriétés pour définir les attributs d’image
L’inspecteur des propriétés simplifie la création des documents en facilitant la modification des
attributs d’image. Son contenu se modifiant en fonction de celui de l’image, il vous permet de la
manipuler sans avoir à accéder aux menus ou aux panneaux qui contiennent ces fonctionnalités.
Vous pouvez utiliser l’inspecteur des propriétés, non seulement pour changer le nom d’une image
et pour transformer une image-clé en ancre nommée, mais aussi pour paramétrer les attributs des
sons et des effets animés. Les options Interpolation, Redimensionner, Accélération, Pivoter,
Orienter vers la trajectoire, Sync. et Ajuster de l’inspecteur des propriétés permettent de modifier
les paramètres d’animation. Pour plus d’informations, consultez Interpolation d’occurrences, de
groupes et de texte, page 196. Les options Son, Effet, Modifier, Sync. et Boucle permettent de
modifier les paramètres de son. Consultez Ajout de sons à une animation, sous Aide > Utilisation
de Flash.
Pour changer le nom d’une image :
36
1
Si l’inspecteur des propriétés n’est pas visible, choisissez Fenêtre > Propriétés.
2
Tapez le nouveau nom de l’image dans le champ Image de l’inspecteur des propriétés.
Chapitre 1
Création d’étiquettes d’image et association de commentaires
Les étiquettes d’image permettent d’identifier les images-clés dans le scénario et doivent être
utilisées à la place des numéros d’image lors du ciblage d’images dans des actions telles que goto.
Si vous ajoutez ou supprimez des images, l’étiquette suit l’image à laquelle elle était associée à
l’origine, alors que les numéros d’image peuvent changer. Les étiquettes d’image étant exportées
lorsque vous publiez un document au format d’animation Flash, évitez de choisir des noms trop
longs, et ce afin de minimiser la taille du fichier.
Les commentaires d’image peuvent servir de notes pour vous-même ou d’autres personnes
travaillant sur le même document. Les commentaires d’image n’étant pas exportés lorsque vous
publiez un document au format d’animation Flash, ils peuvent être de n’importe quelle taille.
Pour créer une étiquette ou un commentaire d’image :
1
Sélectionnez une image.
2
Si l’inspecteur des propriétés n’est pas visible, choisissez Fenêtre > Propriétés.
3
Dans l’inspecteur des propriétés, entrez le texte de l’étiquette ou du commentaire d’image sous
Etiquette d’image. Pour créer un commentaire, entrez deux barres obliques (//) au début de
chaque ligne de texte.
Utilisation d’ancres nommées
Les ancres nommées simplifient la navigation dans les animations Flash en permettant aux
internautes d’utiliser les boutons Page suivante et Page précédente de leur navigateur pour passer
d’une image ou d’une séquence à l’autre. Les images-clés avec ancres nommées sont signalées par
une icône d’ancre dans le scénario. Si vous préférez que Flash transforme automatiquement la
première image-clé de chaque séquence en ancre nommée, consultez Définition des préférences
de Flash, page 26.
Une image-clé ancre nommée dans la séquence 1
Pour tirer parti des images-clés nommées dans votre animation Flash finale, sélectionnez Flash
avec ancres nommées dans le menu déroulant Modèle de l’onglet HTML de la boîte de dialogue
Paramètres de publication. Pour plus d’informations sur la boîte de dialogue Paramètres de
publication, consultez Choix des paramètres de publication pour une animation Flash, page 416.
Vous devez exécuter Flash Player 6 dans votre navigateur pour pouvoir utiliser les animations
Flash avec des ancres nommées.
Remarque Si vous enregistrez un document contenant des images-clés avec ancres nommées au format Flash 5,
ces dernières sont converties en images avec étiquettes ordinaires.
Travail dans Flash
37
Pour transformer une image-clé sélectionnée en ancre nommée :
1
Si l’inspecteur des propriétés n’est pas visible, choisissez Fenêtre > Propriétés.
2
Tapez le nom de l’image-clé dans le champ de l’inspecteur des propriétés.
3
Activez l’option Ancre nommée.
Pour transformer une image-clé avec ancre nommée en image-clé ordinaire :
1
Sélectionnez l’image-clé ancre nommée dans le scénario.
2
Désactivez l’option Ancre nommée dans l’inspecteur des propriétés.
Utilisation des calques
Les calques sont basés sur une métaphore de feuilles transparentes en acétate empilées les unes sur
les autres des techniques d’animation traditionnelles. Les calques permettent d’organiser les
différents éléments d’un document. Vous pouvez dessiner et modifier des objets sur un calque
sans affecter les objets des autres calques. Les calques vides laissent apparaître les calques situés en
dessous.
Pour dessiner, peindre ou autrement modifier un calque ou dossier, vous sélectionnez le calque
pour le rendre actif. L’icône d’un crayon en regard du nom d’un calque ou dossier indique que le
calque ou dossier est actif. Vous ne pouvez activer qu’un seul calque à la fois (même si vous
pouvez en sélectionner plusieurs à la fois).
Lorsque vous créez un document Flash, celui-ci contient un calque. Vous pouvez y ajouter
d’autres calques de façon à organiser le contenu, les effets animés et les autres éléments de votre
document. Le nombre de calques que vous pouvez créer n’a de limite que la mémoire de votre
ordinateur, les calques n’augmentant pas la taille de fichier de votre animation publiée. Vous
pouvez masquer, verrouiller ou réarranger les calques.
Vous pouvez également organiser et gérer les calques en créant des dossiers de calques et en y
plaçant des calques. Vous pouvez développer ou réduire les calques dans le scénario sans affecter
ce qui est affiché sur la scène. Il est conseillé d’utiliser des calques ou dossiers distincts pour les
fichiers audio, les actions, les étiquettes et les commentaires d’image. Cela vous permet de
retrouver plus rapidement ces éléments lorsque vous devez les modifier.
En outre, vous pouvez utiliser des calques de guide spéciaux pour faciliter les opérations de dessin
et de modification, et masquer les calques pour mieux créer des effets spéciaux.
Vous pouvez consulter une introduction interactive aux calques en choisissant Aide > Leçons >
Les calques.
Création de calques ou dossiers de calques
Lorsque vous créez un calque ou dossier, celui-ci apparaît au-dessus du calque sélectionné. Le
calque que vous venez d’ajouter devient le calque actif.
Pour créer un calque, effectuez l’une des opérations suivantes :
• Cliquez sur le bouton Insérer un calque, en bas du scénario.
• Choisissez Insertion > Calque.
• Cliquez du bouton droit de la souris (Windows) ou avec la touche Contrôle enfoncée
(Macintosh) sur le nom d’un calque dans le scénario, puis choisissez Insérer un calque dans le
menu contextuel.
38
Chapitre 1
Pour créer un dossier de calques, effectuez l’une des opérations suivantes :
• Sélectionnez le calque ou dossier dans le scénario, puis choisissez Insertion > Dossier de
calques.
• Cliquez du bouton droit de la souris (Windows) ou avec la touche Contrôle enfoncée
(Macintosh) sur le nom d’un calque dans le scénario, puis choisissez Insérer un dossier dans le
menu contextuel.
Le nouveau dossier apparaît au-dessus du calque ou du dossier que vous avez sélectionné.
Affichage des calques ou dossiers de calques
Vous pouvez afficher ou masquer les calques ou dossiers au cours de votre travail. Un X rouge en
regard du nom d’un calque ou dossier indique que le calque ou dossier est masqué. Les calques
masqués ne sont pas préservés lorsque vous publiez l’animation.
Pour mieux distinguer les calques auxquels appartiennent les objets, vous pouvez également
afficher tous les objets des calques sous forme de contours colorés. Vous pouvez changer la
couleur de contour utilisée par chaque calque.
Vous pouvez changer la hauteur des calques dans le scénario afin d’afficher plus d’informations
(telles que des courbes audio) dans le scénario. Vous avez aussi la possibilité de modifier le
nombre de calques affichés dans le scénario.
Pour afficher ou masquer un calque ou dossier, effectuez l’une des opérations suivantes :
• Cliquez dans la colonne d’affichage, à droite du nom du calque ou dossier, pour masquer ce
calque ou dossier. Cliquez de nouveau pour l’afficher.
• Cliquez sur l’icône d’affichage pour masquer tous les calques et dossiers. Cliquez de nouveau
dessus pour afficher tous les calques et dossiers.
• Faites glisser le pointeur de la souris dans la colonne d’affichage pour afficher ou masquer
plusieurs calques ou dossiers.
• Cliquez en appuyant sur la touche Alt (Windows) ou Option (Macintosh) dans la colonne
d’affichage, à droite du nom du calque ou dossier, pour masquer tous les autres calques et
dossiers. Cliquez de nouveau en appuyant sur la touche Alt ou Option pour afficher tous les
calques et dossiers.
Calque masqué
Calque actif
Objets sur le calque, affichés sous la forme de contours
Calque verrouillé
Pour afficher le contenu d’un calque sous forme de contours, effectuez l’une des opérations
suivantes :
• Cliquez dans la colonne d’affichage sous forme de contours, à droite du nom du calque, pour
afficher tous les objets présents sur ce calque sous forme de contours. Cliquez de nouveau pour
désactiver l’affichage des contours.
Travail dans Flash
39
• Cliquez sur l’icône d’affichage sous forme de contours pour afficher les objets présents sur tous
les calques sous forme de contours. Cliquez de nouveau dessus pour désactiver l’affichage des
contours sur tous les calques.
• Cliquez en appuyant sur la touche Alt (Windows) ou Option (Macintosh) dans la colonne
d’affichage sous forme de contours, à droite du nom du calque, pour afficher les objets de tous
les autres calques sous forme de contours. Cliquez de nouveau en appuyant sur la touche Alt ou
Option pour désactiver l’affichage des contours pour tous les calques.
Pour changer la couleur du contour d’un calque :
1
Effectuez l’une des opérations suivantes :
• Double-cliquez sur l’icône du calque (l’icône située à gauche du nom du calque) dans le
scénario.
• Cliquez du bouton droit (Windows) ou avec la touche Contrôle enfoncée (Macintosh) sur le
nom du calque et choisissez Propriétés dans le menu contextuel.
• Sélectionnez le calque dans le scénario et choisissez Modification > Calque.
2
Dans la boîte de dialogue Propriétés du calque, cliquez Couleur du contour et sélectionnez une
nouvelle couleur, entrez une valeur hexadécimale pour la couleur ou cliquez sur la puce de
couleur et choisissez une couleur.
3
Cliquez sur OK.
Pour changer la hauteur du calque dans le scénario :
1
Effectuez l’une des opérations suivantes :
• Double-cliquez sur l’icône du calque (l’icône située à gauche du nom du calque) dans le
scénario.
• Cliquez du bouton droit (Windows) ou avec la touche Contrôle enfoncée (Macintosh) sur le
nom du calque et choisissez Propriétés dans le menu contextuel.
• Sélectionnez le calque dans le scénario et choisissez Modification > Calque.
2
40
Dans la boîte de dialogue Propriétés du calque, sélectionnez une option pour Hauteur du
calque et cliquez sur OK.
Chapitre 1
Pour changer le nombre de calques affichés dans le scénario :
Faites glisser la barre qui sépare le scénario de la scène.
Modification des calques et dossiers de calques
Vous pouvez renommer, copier et supprimer des calques et dossiers. Vous pouvez également
verrouiller les calques ou les dossiers pour qu’ils ne puissent pas être modifiés.
Par défaut, les nouveaux calques sont nommés dans l’ordre de leur création : Calque 1, Calque 2,
etc. Vous pouvez renommer les calques afin de mieux en refléter le contenu.
Pour sélectionner un calque ou dossier, effectuez l’une des opérations suivantes :
• Cliquez sur le nom du calque ou dossier dans le scénario.
• Cliquez sur une image du scénario du calque que vous souhaitez sélectionner.
• Sélectionnez un objet sur la scène, sur le calque que vous souhaitez sélectionner.
Pour sélectionner deux ou plusieurs calques ou dossiers, effectuez l’une des opérations
suivantes :
• Pour sélectionner des calques ou dossiers contigus, cliquez avec la touche Maj enfoncée sur
leurs noms dans le scénario.
• Pour sélectionner des calques ou dossiers non contigus, cliquez avec la touche Contrôle
enfoncée (Windows) ou la touche Commande (Macintosh) enfoncée sur leurs noms dans le
scénario.
Pour renommer un calque ou dossier, effectuez l’une des opérations suivantes :
• Double-cliquez sur le nom du calque ou dossier et entrez un nouveau nom.
• Cliquez du bouton droit (Windows) ou avec la touche Contrôle enfoncée (Macintosh) sur le
nom du calque ou dossier et choisissez Propriétés dans le menu contextuel. Entrez le nouveau
nom dans Nom et cliquez sur OK.
• Sélectionnez le calque ou dossier dans le scénario et choisissez Modification > Calque. Dans la
boîte de dialogue Propriétés du calque, entrez le nouveau nom dans Nom et cliquez sur OK.
Travail dans Flash
41
Pour verrouiller ou déverrouiller un ou plusieurs calques ou dossiers, effectuez l’une des
opérations suivantes :
• Cliquez dans la colonne de verrouillage, à droite du nom du calque ou dossier, pour verrouiller
le calque ou dossier correspondant. Cliquez de nouveau dans la colonne de verrouillage pour le
déverrouiller.
• Cliquez sur l’icône de verrouillage pour verrouiller tous les calques et dossiers. Cliquez de
nouveau dessus pour déverrouiller tous les calques et dossiers.
• Faites glisser le pointeur de la souris dans la colonne de verrouillage pour verrouiller ou
déverrouiller plusieurs calques ou dossiers.
• Cliquez en appuyant sur la touche Alt (Windows) ou Option (Macintosh) dans la colonne de
verrouillage, à droite du nom du calque ou de dossier, pour verrouiller tous les autres calques
ou dossiers. Cliquez de nouveau en appuyant sur la touche Alt ou Option dans la colonne de
verrouillage pour déverrouiller tous les calques ou dossiers.
Pour copier un calque :
1
Cliquez sur le nom du calque pour sélectionner le calque tout entier.
2
Choisissez Edition > Copier les images.
3
Cliquez sur le bouton Insérer un calque pour créer un calque.
4
Cliquez sur le nouveau calque et choisissez Edition > Coller les images.
Pour copier le contenu d’un dossier de calques :
1
Cliquez sur le triangle affiché à gauche du nom du dossier pour le réduire, si nécessaire.
2
Cliquez sur le nom du dossier pour sélectionner le dossier tout entier.
3
Choisissez Edition > Copier les images.
4
Choisissez Insertion > Dossier de calques pour créer un dossier.
5
Cliquez sur le nouveau dossier et choisissez Edition > Coller les images.
Pour supprimer un calque ou dossier :
1
Sélectionnez le calque ou dossier.
2
Effectuez l’une des opérations suivantes :
• Cliquez sur l’icône Supprimer le calque dans le scénario.
• Faites glisser le calque ou dossier sur l’icône Supprimer le calque.
• Cliquez du bouton droit (Windows) ou avec la touche Contrôle enfoncée (Macintosh) sur le
nom du calque ou dossier et choisissez Supprimer le calque dans le menu contextuel.
Remarque
supprimés.
42
Chapitre 1
Lorsque vous supprimez un dossier de calques, tous les calques et leur contenu sont également
Organisation des calques et dossiers de calques
Vous pouvez réorganiser les différents calques et dossiers dans le scénario pour mieux organiser
votre document.
Les dossiers de calques vous permettent de mieux organiser vos tâches en plaçant les calques dans
une structure arborescente. Vous pouvez développer ou réduire un dossier pour afficher les
calques qu’il contient sans affecter les calques visibles sur la scène. Les dossiers pouvant contenir
des calques et d’autres dossiers, vous pouvez organiser les calques de la même manière que vous
organisez les fichiers de votre ordinateur.
Les commandes du scénario relatives aux calques s’appliquent à tous les calques d’un même
dossier. Par exemple, le verrouillage d’un dossier de calques entraîne le verrouillage de tous les
calques qu’il contient.
Pour déplacer un calque (ou un dossier de calques) et le placer dans un dossier de calques :
Faites glisser le nom du calque (ou dossier de calques) sur le nom du dossier de calques de
destination.
Le calque (ou dossier de calque) apparaît à l’intérieur du dossier de calques de destination dans le
scénario.
Pour changer l’ordre des calques ou dossiers :
Faites glisser un ou plusieurs calques ou dossiers dans le scénario jusqu’à la position souhaitée.
Pour développer ou réduire un dossier :
Cliquez sur le triangle affiché à gauche du nom du dossier.
Pour développer ou réduire tous les dossiers :
Cliquez du bouton droit (Windows) ou avec la touche Contrôle enfoncée (Macintosh), puis
choisissez Développer tous les dossiers ou Réduire tous les dossiers dans le menu contextuel.
Travail dans Flash
43
Utilisation des calques de guide
Vous pouvez faciliter l’alignement des objets de vos scènes à l’aide de calques de guide. Il vous
suffit ensuite d’aligner les objets des autres calques sur les objets créés sur les calques de guide. Les
calques de guide n’apparaissent pas dans les animations Flash telles que publiées. Vous pouvez
utiliser n’importe quel calque comme calque de guide. Les calques de guide sont signalés par une
icône de guide à gauche du nom du calque.
Calque de guide
Vous pouvez également créer un calque de guide de mouvement pour contrôler le mouvement
des objets d’une animation interpolée de mouvement. Consultez Interpolation de mouvement le
long d’une trajectoire, page 200.
Remarque Un calque normal placé sur un calque de guide convertit le calque de guide en calque de guide de
mouvement. Pour éviter la conversion accidentelle d’un calque de guide, placez tous les calques de guide en dernier
dans l’ordre des calques.
Pour désigner un calque comme calque de guide :
Sélectionnez le calque et cliquez du bouton droit (Windows) ou avec la touche Contrôle enfoncée
(Macintosh), puis choisissez Guide dans le menu contextuel. Sélectionnez à nouveau Guide pour
convertir le calque en calque normal.
Aperçu et test des animations
Lorsque vous créez une animation, vous devrez la lire afin d’en afficher un aperçu et de tester les
commandes interactives. Vous pouvez afficher un aperçu des animations et les tester dans
l’environnement auteur de Flash, dans une fenêtre distincte ou dans un navigateur web.
Aperçu des animations dans l’environnement auteur
Pour afficher un aperçu des animations, vous utiliserez les commandes du menu Contrôle, les
boutons du contrôleur ou les commandes du clavier.
Pour afficher un aperçu de la séquence actuelle, effectuez l’une des opérations suivantes :
• Choisissez Contrôle > Lire.
• Choisissez Fenêtre > Barres d’outils > Contrôleur (Windows) ou Fenêtre > Contrôleur
(Macintosh) et cliquez sur Lire.
• Appuyez sur Entrée (Windows) ou sur Retour (Macintosh). La séquence est lue à la cadence
définie pour le document.
• Utilisez les boutons En avant et En arrière du contrôleur, ou choisissez les commandes
correspondantes du menu Contrôle, pour faire défiler les images de l’animation. Vous pouvez
également appuyer sur les touches < et > du clavier.
• Pour passer directement à la première ou à la dernière image d’une animation, utilisez les
boutons Rembobiner et Fin du contrôleur.
Remarque Vous pouvez également faire glisser la tête de lecture pour afficher les images d’un document.
Consultez Déplacement de la tête de lecture, page 33.
44
Chapitre 1
Vous pouvez modifier la lecture d’une animation à l’aide des commandes du menu Contrôle.
Notez que vous devez également choisir Contrôle > Lire pour afficher un aperçu d’une animation
lorsque vous utilisez les commandes suivantes.
Pour lire l’animation en boucle :
Choisissez Contrôle > Lire en boucle.
Pour lire toutes les séquences d’une animation :
Choisissez Contrôle > Lire toutes les séquences.
Pour lire une animation sans le son :
Choisissez Contrôle > Désactiver les sons.
Pour activer les actions d’image ou les actions de bouton :
Choisissez Contrôle > Activer les actions d’image simples ou Activer les boutons simples.
Aperçu des animations avec la commande Tester l’animation
Bien que Flash puisse lire des animations dans l’environnement auteur, la plupart des fonctions
d’animation et d’interactivité ne fonctionnent pas tant que le document n’est pas exporté dans
son format Flash final. Les commandes du menu Contrôle vous permettent d’exporter le
document actuel en tant qu’animation Flash et de le lire immédiatement avec la commande
Tester l’animation. L’animation exportée utilise les options définies dans la boîte de dialogue
Paramètres de publication. Vous pouvez également utiliser la commande Tester l’animation pour
tester les performances de téléchargement. Consultez Test des performances de téléchargement, sous
Aide > Utilisation de Flash.
Vous pouvez également tester les actions d’une animation à l’aide du débogueur. Consultez
Utilisation du débogueur, sous Aide > Utilisation de Flash.
Pour tester toutes les fonctions interactives et l’animation :
Choisissez Contrôle > Tester l’animation ou Contrôle > Tester la séquence.
Flash crée une animation Flash (fichier SWF), l’ouvre dans une fenêtre distincte et la lit dans
Flash Player. Le fichier SWF est placé dans le même dossier que le fichier FLA.
Aperçu des animations dans un navigateur web
Pour obtenir la représentation la plus exacte possible d’une animation Flash, nous vous
conseillons d’en afficher un aperçu dans votre navigateur web par défaut.
Pour tester l’animation dans un navigateur web :
Choisissez Fichier > Aperçu avant publication > HTML.
Flash crée une animation Flash (fichier SWF), l’ouvre dans votre navigateur web par défaut et la
lit dans Flash Player. Le fichier SWF est placé dans le même dossier que le fichier FLA. Pour plus
d’informations, consultez A propos des modèles de publication HTML, page 431.
Travail dans Flash
45
Utilisation de l’explorateur d’animations
L’explorateur d’animations est un moyen facile de visualiser et d’organiser le contenu d’un
document et de sélectionner des éléments d’un document pour les modifier. Il contient une liste
affichant tous les éléments actuellement utilisés, organisés dans une arborescence hiérarchique
navigable. Vous pouvez filtrer les catégories d’éléments du document qui sont affichées dans
l’explorateur d’animations en choisissant parmi le texte, les graphiques, les boutons, les clips, les
actions et les fichiers importés. Vous pouvez afficher les catégories sélectionnées en tant
qu’éléments de l’animation (séquences), définitions de symboles, ou les deux. Vous pouvez
développer ou réduire l’arborescence.
L’explorateur d’animations offre de nombreuses fonctionnalités permettant de rationaliser le flux
de travail lors de la création d’animations. Par exemple, vous pouvez utiliser l’explorateur
d’animations pour les opérations suivantes :
•
•
•
•
•
Rechercher un élément d’un document par son nom.
Vous familiariser avec la structure d’un document Flash créé par un autre développeur.
Rechercher toutes les occurrences d’un symbole ou d’une action spécifique.
Remplacer toutes les occurrences d’une police par une autre.
Copier du texte dans le presse-papiers et le coller dans un éditeur de texte externe pour en
vérifier l’orthographe.
• Imprimer la liste actuellement affichée dans l’explorateur d’animations.
L’explorateur d’animations possède un menu Options, de même qu’un menu contextuel
contenant des options permettant de réaliser des opérations sur des éléments sélectionnés ou de
modifier l’affichage de l’explorateur d’animations. Ce menu d’options est signalé par une coche et
un triangle (sous la coche) affichés dans la barre de titre de l’explorateur d’animations.
Menu Options
Boutons de filtres
Recherche de texte
Liste
Chemin de l’élément sélectionné
46
Chapitre 1
Pour afficher l’explorateur d’animations :
Choisissez Fenêtre > Explorateur d’animations.
Pour filtrer les catégories d’éléments affichées dans l’explorateur d’animations :
• Pour afficher le texte, les symboles, le code ActionScript, les fichiers importés, les images ou les
calques, cliquez sur un ou plusieurs boutons de filtre à droite de l’option Afficher. Pour
personnaliser les éléments qui doivent être affichés, cliquez sur le bouton Personnaliser.
Sélectionnez des options dans la zone Afficher de la boîte de dialogue Paramètres de
l’explorateur d’animations pour afficher ces éléments.
• Dans le menu Options de l’explorateur d’animations, choisissez Afficher les éléments
d’animation pour afficher les éléments des séquences et choisissez Afficher les définitions de
symbole pour afficher des informations sur les symboles. Les deux options peuvent être actives
en même temps.
Pour rechercher un élément dans le champ Chercher :
Entrez un nom d’élément, un nom de police, une chaîne ActionScript ou un numéro d’image
dans le champ Chercher. La fonction de recherche effectue la recherche sur tous les éléments
actuellement affichés dans l’explorateur d’animations.
Pour sélectionner un élément dans l’explorateur d’animations :
Cliquez sur l’élément dans l’arborescence. Pour sélectionner plusieurs éléments, cliquez sur
chacun d’eux tout en maintenant la touche Maj enfoncée.
Le chemin complet de l’élément sélectionné apparaît en bas de l’explorateur d’animations.
Lorsque vous sélectionnez une séquence dans l’explorateur d’animations, la première image de
cette séquence s’affiche sur la scène. Lorsque vous sélectionnez un élément dans l’explorateur
d’animations, cet élément est sélectionné sur la scène si le calque contenant l’élément n’est pas
verrouillé.
Pour utiliser les commandes du menu Options ou du menu contextuel de l’explorateur
d’animations :
1
Effectuez l’une des opérations suivantes :
• Pour afficher le menu Options, cliquez sur sa commande dans la barre de titre de l’explorateur
d’animations.
• Pour afficher le menu contextuel, cliquez du bouton droit de la souris (Windows) ou tout en
maintenant la touche Ctrl enfoncée (Macintosh) sur un élément dans l’arborescence de
l’explorateur d’animations.
2
Sélectionnez une option dans le menu :
• L’option Atteindre permet d’accéder au calque, à la séquence ou à l’image sélectionné(e) dans
le document.
• L’option Ouvrir la définition de symbole permet d’accéder à la définition du symbole
sélectionné dans la zone des éléments d’animation de l’explorateur d’animations. La définition
de symbole répertorie tous les fichiers associés au symbole. L’option Afficher les définitions de
symbole doit être sélectionnée. Consultez la définition de cette option ci-dessous.
Travail dans Flash
47
• L’option Sélectionner les occurrences de symbole permet d’accéder à la séquence contenant les
occurrences d’un symbole sélectionné dans la zone des définitions de symbole de l’explorateur
d’animations. L’option Afficher les éléments d’animation doit être sélectionnée.
• L’option Rechercher dans la bibliothèque met en évidence le symbole sélectionné dans la
bibliothèque du document (Flash ouvre le panneau Bibliothèque s’il n’est pas visible).
• L’option Renommer vous permet de changer le nom d’un élément sélectionné.
• L’option Modifier en place vous permet de modifier un symbole sélectionné sur la scène.
• L’option Modifier dans une nouvelle fenêtre vous permet de modifier un symbole sélectionné
dans une nouvelle fenêtre.
• L’option Afficher les éléments d’animation affiche les éléments de votre animation, organisés
en séquences.
• L’option Afficher les définitions de symbole affiche tous les éléments associés au symbole.
• L’option Copier tout le texte dans le presse-papiers copie le texte sélectionné dans le pressepapiers. Vous pouvez coller le texte dans un éditeur de texte externe en vue de vérifier
l’orthographe ou d’apporter d’autres modifications.
• Les options Couper, Copier, Coller et Effacer réalisent les actions correspondantes sur un
élément sélectionné. Si vous modifiez un élément dans la liste, l’élément correspondant dans
l’animation est modifié.
• L’option Développer la branche développe l’arborescence au niveau de l’élément sélectionné.
• L’option Réduire la branche réduit l’arborescence au niveau de l’élément sélectionné.
• L’option Réduire les autres réduit les branches de l’arborescence ne contenant pas l’élément
sélectionné.
• L’option Imprimer imprime la liste hiérarchique actuellement affichée dans l’explorateur
d’animations.
Accélération de l’affichage de l’animation
Pour accélérer l’affichage de l’animation, vous pouvez utiliser les commandes du menu Affichage
pour désactiver les fonctions de qualité de rendu qui nécessitent des calculs supplémentaires et
ralentissent les animations.
Aucune de ces commandes n’a d’effet sur la manière dont Flash exporte une animation. Pour
spécifier la qualité d’affichage des animations Flash dans un navigateur web, vous utiliserez les
paramètres OBJECT et EMBED. La commande Publier peut faire cela automatiquement à votre
place. Pour plus d’informations, consultez Publication des documents Flash, page 414.
Pour changer la vitesse d’affichage :
Choisissez Affichage, puis sélectionnez parmi les options suivantes :
• L’option Contours affiche uniquement les contours des formes de votre séquence, toutes les
lignes apparaissant comme des lignes fines. Le remodelage de vos éléments graphiques est alors
plus facile et l’affichage des séquences complexes plus rapide.
• L’option Rapide désactive l’anti-aliasing et affiche toutes les couleurs et tous les styles de ligne
de votre dessin.
48
Chapitre 1
• L’option Antialias active l’anti-aliasing pour les lignes, les formes et les bitmaps. Cette option
affiche les formes et les lignes de sorte que leurs bords apparaissent plus lisses à l’écran. Cette
option dessine plus lentement que l’option Rapide. L’anti-aliasing fonctionne mieux sur des
cartes vidéo qui offrent des milliers (16 bits) ou des millions (24 bits) de couleurs. En mode 16
ou 256 couleurs, les lignes noires sont adoucies, mais le rendu des couleurs peut être de
meilleure qualité en mode Rapide.
• L’option Texte antialiasé adoucit les bords du texte. Cette commande fonctionne mieux avec
des polices de grande taille et peut être lente pour une quantité importante de texte. Il s’agit du
mode de travail le plus courant.
Enregistrement des documents Flash
Vous pouvez enregistrer un document FLA Flash en utilisant le nom et l’emplacement actuels ou
en utilisant un nouveau nom et un nouvel emplacement. Vous pouvez également rétablir la
dernière version enregistrée d’un document. Il est également possible d’enregistrer un contenu
Flash MX au format de document Flash 5.
Vous pouvez enregistrer un document comme modèle afin de pouvoir l’utiliser comme point de
départ pour la création d’un nouveau document Flash (la procédure est similaire à celle utilisée
pour les modèles des logiciels de traitement de texte ou des éditeurs de pages web). Pour plus
d’informations sur l’utilisation de modèles pour créer des documents, consultez Création d’un
document, page 24.
Lorsque vous enregistrez un document à l’aide de la commande Enregistrer, Flash effectue un
enregistrement rapide qui ajoute les nouvelles informations au fichier existant. Lorsque vous
enregistrez à l’aide de la commande Enregistrer sous, Flash organise les nouvelles informations
dans le fichier, ce qui permet de créer un fichier plus petit sur le disque.
Pour enregistrer un document Flash :
1
Effectuez l’une des opérations suivantes :
• Pour écraser la version actuelle stockée sur le disque, choisissez Fichier > Enregistrer.
• Pour enregistrer le document à un autre emplacement et/ou sous un nouveau nom, ou pour
compresser le document, choisissez Fichier > Enregistrer sous.
2
Si vous choisissez la commande Enregistrer sous, ou si le document n’a jamais été enregistré,
entrez le nom de fichier et son emplacement.
3
Pour enregistrer le document au format Flash MX, sélectionnez Document Flash MX dans le
menu déroulant Type. Si un message d’alerte indique que le contenu sera supprimé si vous
enregistrez au format Flash MX, cliquez sur Enregistrer au format Flash MX si vous souhaitez
continuer.
4
Cliquez sur Enregistrer.
Pour rétablir la dernière version enregistrée d’un document :
Choisissez Fichier > Rétablir.
Pour enregistrer un document comme modèle :
1
Choisissez Fichier > Enregistrer comme modèle.
2
Dans la boîte de dialogue Enregistrer comme modèle, entrez le nom du modèle dans Nom.
Travail dans Flash
49
3
Choisissez l’une des catégories du menu déroulant des catégories ou entrez un nom pour créer
une nouvelle catégorie.
4
Entrez la description du modèle dans le champ correspondant (255 caractères au maximum).
Cette description sera affichée lorsque le modèle sera sélectionné dans la boîte de dialogue
Nouveau document (consultez Aperçu et test des animations, page 44).
5
Cliquez sur OK.
Pour enregistrer un document au format Flash 5 :
1
Choisissez Fichier > Enregistrer sous.
2
Entrez le nom et l’emplacement du fichier.
3
Sélectionnez Document Flash 5 dans le menu déroulant Type. Si un message d’alerte indique
que le contenu sera supprimé si vous enregistrez au format Flash 5, cliquez sur Enregistrer au
format Flash 5 si vous souhaitez continuer.
4
Cliquez sur Enregistrer.
Configuration d’un serveur pour Flash Player
Pour qu’un utilisateur puisse consulter votre animation Flash sur le web, le serveur web doit être
configuré de manière à reconnaître le fichier SWF l’animation en tant qu’animation Flash.
Votre serveur est probablement déjà correctement configuré. Si votre serveur n’est pas
correctement configuré, suivez la procédure décrite ci-dessous.
La configuration d’un serveur permet d’établir les types MIME appropriés pour le serveur afin
qu’il puisse identifier les fichiers comportant le suffixe .swf comme des fichiers Shockwave Flash.
Un navigateur qui reçoit le type MIME approprié peut alors charger le module, le contrôle ou
l’application d’aide approprié pour traiter et afficher correctement les données entrantes. Si le
type MIME est absent ou n’est pas proposé par le serveur, le navigateur risque d’afficher des
messages d’erreur ou une fenêtre vide comportant une icône de pièce de puzzle.
Remarque Lorsque vous publiez une animation Flash, vous devez la configurer pour Flash Player afin que les
utilisateurs puissent l’afficher. Consultez Chapitre 20, Publication, page 411.
Pour configurer un serveur pour Flash Player, effectuez l’une des opérations suivantes :
• Si votre site est hébergé par un fournisseur de services Internet, contactez ce dernier et
demandez à ce que le type MIME application/x-shockwave-flash avec le suffixe .swf soit ajouté
au serveur.
• Si vous administrez votre propre serveur, consultez la documentation du logiciel de votre
serveur web pour obtenir les instructions relatives à l’ajout ou à la configuration de types
MIME.
50
Chapitre 1
Impression de documents Flash pendant leur création
Vous pouvez imprimer les images des documents Flash pendant que vous travaillez afin d’afficher
un aperçu de vos animations.
Vous pouvez également spécifier les images qui doivent pouvoir être imprimées à partir de Flash
Player par le public affichant l’animation Flash. Consultez Création d’animations imprimables,
sous Aide > Utilisation de Flash.
Lors de l’impression d’images à partir d’un document Flash, vous devez utiliser la boîte de
dialogue Imprimer pour spécifier la plage de séquences ou d’images à imprimer, ainsi que le
nombre d’exemplaires. Sous Windows, la boîte de dialogue Mise en page permet de spécifier la
taille du papier, son orientation, ainsi que différentes options d’impression (notamment les
marges et si toutes les images doivent être imprimées pour chaque page). Sur Macintosh, ces
options sont réparties entre les boîtes de dialogue Mise en page et Marges d’impression.
Les boîtes de dialogue Imprimer et Mise en page sont standard pour les deux systèmes
d’exploitation et leur apparence dépend du pilote d’imprimante sélectionné.
Pour définir les options d’impression :
1
Choisissez Fichier > Mise en page (Windows) ou Fichier > Marges d’impression (Macintosh).
2
Définissez les marges de la page. Sélectionnez les deux options de centrage pour imprimer
l’image au centre de la page.
3
Dans le menu déroulant Images, choisissez d’imprimer toutes les images de l’animation ou
uniquement la première image de chaque séquence.
4
Dans le menu déroulant Disposition, choisissez parmi les options suivantes :
• L’option Taille réelle imprime l’image à sa taille normale. Entrez une valeur d’échelle pour
réduire ou agrandir l’image imprimée.
• L’option Ajuster sur une page réduit ou agrandit chaque image pour qu’elle remplisse tout
l’espace imprimable de la feuille.
• Les options Storyboard impriment plusieurs vignettes sur une page. Entrez le nombre de
vignettes par page sous Images. Définissez l’espace entre les vignettes sous Marge d’image.
Activez l’option Etiqueter les images pour imprimer l’étiquette de l’image sous la forme d’une
vignette.
Pour afficher un aperçu de la disposition de la séquence sur papier :
Choisissez Fichier > Aperçu avant impression.
Pour imprimer les images :
Choisissez Fichier > Imprimer.
Travail dans Flash
51
52
Chapitre 1
CHAPITRE 2
Utilisation des actifs de Flash
Les actifs Macromedia Flash MX sont les divers éléments que vous utilisez pour créer une
animation. Ils incluent les objets sur la scène, les symboles et les occurrences de symbole, les clips
audio et les autres fichiers importés. Flash vous fournit les outils nécessaires à l’organisation et à
l’optimisation de ces actifs. Ces outils améliorent l’organisation de vos tâches en facilitant l’accès
aux fonctions les plus utilisées de Flash.
Actifs et gestion des actifs
La plupart des actifs Flash sont des objets de la scène ou des symboles enregistrés dans la
bibliothèque du document. D’autres actifs incluent les fichiers d’ordinateurs locaux ou distants.
La bibliothèque facilite l’organisation et permet d’optimiser la taille des fichiers. La boîte à outils,
les inspecteurs, les panneaux et la bibliothèque vous permettent de travailler plus efficacement
avec les actifs de tous les documents, que ces derniers soient simples ou complexes.
Symboles et occurrences
Les symboles sont des éléments réutilisables d’un document. Il peut s’agir de graphiques, de
boutons, de clips, de fichiers son ou de polices. Lorsque vous créez un symbole, ce dernier est
enregistré dans la bibliothèque du document. Lorsque vous placez un symbole sur la scène, vous
créez une occurrence de ce symbole.
Les symboles permettent de réduire la taille des fichiers car, quel que soit le nombre d’occurrences
que vous créez, Flash n’enregistre le symbole qu’une seule fois dans le fichier. Utilisez des
symboles, animés ou non, pour chaque élément qui apparaît plus d’une fois dans un document.
Vous pouvez modifier les propriétés d’une occurrence sans affecter le symbole maître, ou modifier
le symbole maître de manière à modifier toutes les occurrences.
Vous pouvez modifier les symboles de plusieurs façons : en place sur la scène, dans une nouvelle
fenêtre ou en mode de modification des symboles. Lorsque vous modifiez un symbole, la fenêtre
du scénario n’affiche que le scénario du symbole sur lequel vous travaillez. Pour plus
d’informations sur la manipulation des symboles, consultez Manipulation des symboles, page 176.
Vous pouvez rechercher un symbole dans la bibliothèque et l’ouvrir à l’aide de la commande
Rechercher dans la bibliothèque de l’explorateur d’animations. Consultez Utilisation de
l’explorateur d’animations, page 46.
53
Pour plus d’informations sur les symboles et occurrences, consultez la leçon Symboles, sous Aide >
Leçons > Création et manipulation de symboles, et Chapitre 9, Utilisation de symboles,
d’occurrences et d’actifs de bibliothèque, page 167.
Manipulation d’un symbole en contexte dans le document (à gauche) et de manière isolée (à droite)
Symboles et animations interactives
Les symboles font partie intégrante du processus de création d’animations interactives. Vous
pouvez utiliser des occurrences de symboles pour créer l’interactivité dans une animation. Par
exemple, vous pouvez créer un symbole de bouton qui change en fonction des actions de la souris
et placer une occurrence de ce symbole sur la scène. Vous pouvez également utiliser un autre type
de symbole, appelé « clip », pour créer des animations interactives plus complexes. Consultez
Utilisation des clips et boutons, sous Aide > Utilisation de Flash.
Panneaux et inspecteur des propriétés
Flash vous propose de nombreuses manières de personnaliser l’espace de travail en fonction de vos
besoins. Les panneaux et l’inspecteur des propriétés vous permettent d’afficher, d’organiser et de
modifier les actifs et leurs attributs. Vous pouvez afficher, masquer et redimensionner les
panneaux. Vous pouvez également grouper les panneaux et enregistrer des jeux de panneaux
personnalisés pour faciliter la gestion de votre espace de travail. L’inspecteur des propriétés se
modifiant en fonction de l’outil ou de l’actif avec lequel vous travaillez, il vous permet d’accéder
rapidement aux fonctions fréquemment utilisées.
Utilisation des panneaux
Les panneaux de Flash vous permettent d’afficher, d’organiser et de modifier les éléments d’un
document. Les options des différents panneaux contrôlent les caractéristiques des symboles, des
occurrences, de couleur, de type, des images et d’autres éléments. Vous pouvez utiliser les
panneaux pour personnaliser l’interface de Flash, en affichant les panneaux dont vous avez besoin
pour une tâche spécifique et masquer les autres panneaux.
54
Chapitre 2
Les panneaux vous permettent de travailler avec des objets, des couleurs, du texte, des
occurrences, des images, des séquences et des documents tout entiers. Ainsi, vous utiliserez le
mélangeur de couleurs pour créer des couleurs et le panneau Aligner pour aligner les objets les uns
par rapport aux autres sur la scène. La liste complète des panneaux disponibles dans Flash apparaît
dans le menu Fenêtre.
La plupart des panneaux contiennent un menu déroulant comprenant des options
supplémentaires. Le menu Options est indiqué par une commande placée dans la barre de titre du
panneau. Si aucune commande d’option n’apparaît, ce panneau n’offre aucune option spécifique.
Flèche Réduire/Développer
Menu Options
Pour ouvrir un panneau :
Sélectionnez le panneau souhaité dans le menu Fenêtre.
Pour fermer un panneau, effectuez l’une des opérations suivantes :
• Sélectionnez le panneau souhaité dans le menu Fenêtre.
• Cliquez du bouton droit de la souris (Windows) ou tout en maintenant la touche Ctrl
enfoncée (Macintosh) sur la barre de titre du panneau, puis choisissez Fermer le panneau dans
le menu contextuel.
Pour utiliser le menu Options d’un panneau :
1
Cliquez sur la commande située dans la barre de titre du panneau pour afficher le menu
Options.
2
Cliquez sur un élément du menu.
Pour redimensionner un panneau :
Faites glisser la bordure du panneau (Windows) ou la case de redimensionnement située dans le
coin inférieur droit du panneau (Macintosh).
Pour développer un panneau ou le réduire à sa barre de titre :
Cliquez sur la flèche Réduire/Développer dans la barre de titre. Cliquez de nouveau sur cette
flèche pour rétablir la taille précédente du panneau.
Pour afficher ou masquer tous les panneaux :
Appuyez sur la touche Tab.
Pour fermer tous les panneaux :
Choisissez Fenêtre > Fermer tous les panneaux.
Utilisation des actifs de Flash
55
Disposition des panneaux
Vous pouvez réorganiser l’ordre dans lequel les panneaux sont affichés au sein de groupes de
panneaux. Vous pouvez également créer de nouveaux groupes de panneaux et ancrer des
panneaux à des groupes existants.
Pour déplacer un panneau :
Faites glisser le panneau par sa barre de titre.
Pour ajouter un panneau à un groupe de panneaux :
Faites glisser le panneau par sa barre de titre pour le placer sur un autre panneau.
Pour créer un groupe de panneaux :
Faites glisser le panneau par sa barre de titre pour l’éloigner des autres panneaux.
Utilisation de jeux de panneaux
Vous pouvez créer des jeux de panneaux de manière à personnaliser leur disposition, que vous
pourrez enregistrer. Vous pouvez revenir à la disposition par défaut des panneaux (dans laquelle
les nuanciers, les actions, les composants et le mélangeur sont affichés à droite de la fenêtre de
l’application) ou utiliser une disposition personnalisée enregistrée précédemment.
Pour enregistrer un jeu de panneaux :
1
Choisissez Fenêtre > Enregistrer la disposition des panneaux.
2
Entrez le nom de la nouvelle disposition et cliquez sur OK.
Pour sélectionner une disposition de panneaux :
1
Choisissez Fenêtre > Jeux de panneaux.
2
Dans le sous-menu, choisissez Disposition par défaut pour rétablir la disposition par défaut des
panneaux ou choisissez une disposition personnalisée précédemment enregistrée.
Pour supprimer les dispositions personnalisées :
Ouvrez le dossier Panel Sets du dossier de l’application Flash MX sur votre disque dur et
supprimez le fichier Panel Sets.
56
Chapitre 2
Utilisation du panneau Bibliothèque
Le panneau Bibliothèque est l’endroit où vous stockez et organisez les symboles créés dans Flash,
ainsi que les fichiers importés tels que les graphiques bitmap, les fichiers son et les clips vidéo. Le
panneau Bibliothèque vous permet d’organiser les éléments de la bibliothèque dans des dossiers,
de savoir combien de fois un objet est utilisé dans un document et de trier les éléments par type.
Consultez Utilisation de la bibliothèque, page 60.
Pour afficher ou masquer le panneau Bibliothèque :
Choisissez Fenêtre > Bibliothèque.
Utilisation du panneau Actions
Le panneau Actions vous permet de créer et de modifier des actions pour un objet ou une image.
La sélection d’une occurrence de bouton, de clip ou d’image rend le panneau Actions actif. Le
titre du panneau Actions devient Actions – Boutons, Actions – Clips ou Actions – Images en
fonction de votre sélection.
Pour plus d’informations sur l’utilisation du panneau Actions et le passage entre les différents
modes de travail, consultez Utilisation du panneau Actions, sous Aide > Utilisation de Flash.
Pour afficher ou masquer le panneau Actions :
Choisissez Fenêtre > Actions.
Utilisation des actifs de Flash
57
Utilisation de l’inspecteur des propriétés
L’inspecteur des propriétés simplifie la création des documents en facilitant l’accès aux attributs le
plus fréquemment utilisés de la sélection actuelle, que ce soit sur la scène ou dans le scénario. Il
vous permet de modifier les attributs d’un document ou objet sans avoir à accéder aux menus ou
panneaux qui contiennent ces fonctionnalités.
Selon ce qui est sélectionné, l’inspecteur des propriétés affiche les informations et les paramètres
du document, texte, symbole, forme, bitmap, vidéo, groupe, image ou outil actuel. Lorsque
plusieurs types d’objets sont sélectionnés, il affiche le nombre total d’objets sélectionnés.
L’inspecteur des propriétés affichant les options de texte
Pour afficher ou masquer l’inspecteur des propriétés :
Choisissez Fenêtre > Propriétés.
Utilisation de la boîte à outils
Les outils de la boîte à outils vous permettent de dessiner, de peindre, de sélectionner et de
modifier une illustration, ou de modifier l’affichage de la scène. La boîte à outils est divisée en
quatre sections :
• La section Outils contient les outils de dessin, de peinture et de sélection.
• La section Affichage contient les outils de zoom et de panoramique utilisés dans la fenêtre de
l’application.
• La section Couleurs contient les modificateurs de couleur de trait et de remplissage.
• La section Options affiche les modificateurs de l’outil sélectionné, lesquels affectent les
opérations de peinture et d’édition de l’outil.
58
Chapitre 2
Pour plus d’informations sur l’utilisation des outils de dessin et de peinture, consultez Outils de
dessin et de peinture de Flash, page 69. Pour plus d’informations sur l’utilisation des outils de
sélection, consultez Sélection d’objets, page 135. Pour plus d’informations sur l’utilisation des
outils d’affichage, consultez Affichage de la scène, page 21.
La sélection d’un outil dans la boîte à outils...
affiche ses modificateurs dans cette zone.
Pour afficher ou masquer la boîte à outils :
Choisissez Fenêtre > Outils.
Pour sélectionner un outil, effectuez l’une des opérations suivantes :
• Cliquez sur l’outil que vous souhaitez utiliser. Un ensemble de modificateurs peut apparaître
en bas de la boîte à outils en fonction de l’outil que vous sélectionnez.
• Appuyez sur le raccourci clavier de l’outil.
Utilisation des actifs de Flash
59
Utilisation des menus contextuels
Les menus contextuels contiennent des commandes spécifiques à la sélection en cours. Par
exemple, lorsque vous sélectionnez une image dans la fenêtre Scénario, le menu contextuel
contient les commandes permettant de créer, supprimer ou modifier des images et des imagesclés. Des menus contextuels existent pour de nombreux éléments et contrôles de nombreux
emplacements, tels que la scène, le scénario, le panneau Bibliothèque ou le panneau Actions.
Menu contextuel d’une image sélectionnée
Pour ouvrir un menu contextuel :
Cliquez du bouton droit de la souris (Windows) ou tout en appuyant sur la touche Contrôle
(Macintosh) sur un élément.
Utilisation de la bibliothèque
La bibliothèque d’un document Flash rassemble les symboles créés dans Flash ainsi que les fichiers
importés tels que les clips vidéo, les clips audio, les bitmaps et les illustrations vectorielles. Le
panneau Bibliothèque affiche une liste défilante contenant le nom de tous les éléments de la
bibliothèque, ce qui vous permet d’afficher et d’organiser ces éléments au fur et à mesure de votre
travail. Une icône placée en regard du nom d’un élément dans le panneau Bibliothèque indique le
type de fichier de cet élément.
Vous pouvez ouvrir la bibliothèque de tout document Flash pendant que vous travaillez dans
Flash, pour rendre les éléments de la bibliothèque de ce fichier disponibles pour le document en
cours.
Vous pouvez créer des bibliothèques permanentes dans Flash, qui seront disponibles à chaque
utilisation de l’application. Flash propose également plusieurs exemples de bibliothèques, qui
contiennent des boutons, des graphiques, des clips et des sons, que vous pouvez ajouter à vos
propres documents Flash. Les exemples de bibliothèques de Flash et les bibliothèques
permanentes que vous créez sont répertoriées sous Fenêtre > Bibliothèques communes. Consultez
Utilisation des bibliothèques communes, page 65.
60
Chapitre 2
Vous pouvez exporter les actifs d’une bibliothèque dans un fichier SWF vers une URL pour créer
une bibliothèque partagée à l’exécution. Cela vous permet de créer un lien aux actifs de la
bibliothèque, à partir d’animations Flash, qui importent des symboles partagés à l’exécution.
Consultez Utilisation des ressources d’une bibliothèque partagée, page 186.
Menu Options
Aperçu de l’élément
Bouton Trier
Bouton Affichage étendu de la bibliothèque
Bouton Affichage de la bibliothèque
Icône Corbeille
Icône Propriétés
Bouton Nouveau dossier
Bouton Nouveau symbole
Pour afficher le panneau Bibliothèque :
Choisissez Fenêtre > Bibliothèque.
Pour ouvrir la bibliothèque d’un autre fichier Flash :
1
Choisissez Fichier > Ouvrir comme bibliothèque.
2
Recherchez le fichier Flash dont vous souhaitez ouvrir la bibliothèque, puis cliquez sur Ouvrir.
La bibliothèque du fichier sélectionné s’ouvre dans le document actuel, son nom étant affiché en
haut du panneau Bibliothèque. Pour utiliser des éléments de la bibliothèque du fichier sélectionné
dans le document actuel, faites glisser les éléments vers la bibliothèque du document actuel.
Pour redimensionner le panneau Bibliothèque, effectuez l’une des opérations suivantes :
• Faites glisser le coin inférieur droit.
• Cliquez sur le bouton d’affichage étendu pour agrandir le panneau Bibliothèque et afficher
toutes les colonnes.
• Cliquez sur le bouton d’affichage réduit pour réduire la largeur du panneau Bibliothèque.
Pour changer la largeur des colonnes :
Placez le pointeur entre les en-têtes de colonnes et faites-le glisser pour les redimensionner.
Vous ne pouvez pas changer l’ordre des colonnes.
Utilisation des actifs de Flash
61
Pour utiliser le menu Options de la bibliothèque :
1
Cliquez sur la commande située dans la barre de titre du panneau Bibliothèque pour afficher le
menu Options.
2
Cliquez sur un élément du menu.
Utilisation des éléments de bibliothèque
Lorsque vous sélectionnez un élément du panneau Bibliothèque, une vignette d’aperçu de
l’élément apparaît en haut du panneau. Si l’élément sélectionné est animé ou s’il s’agit d’un fichier
son, vous pouvez utiliser le bouton Lire de la fenêtre d’aperçu de la bibliothèque ou le contrôleur
pour en afficher un aperçu.
Pour utiliser un élément de bibliothèque dans le document en cours :
Faites glisser l’élément du panneau Bibliothèque vers la scène.
L’élément est ajouté au calque actif.
Pour convertir un objet en symbole dans la bibliothèque :
Faites glisser l’élément de la scène vers le panneau Bibliothèque.
Pour utiliser un élément de bibliothèque du document en cours dans un autre document :
Faites glisser l’élément de la bibliothèque ou de la scène dans la bibliothèque ou la scène d’un
autre document.
Pour déplacer un élément d’un dossier à un autre :
Faites glisser l’élément d’un dossier vers un autre. Si un élément portant le même nom existe au
nouvel emplacement, Flash vous demande si vous souhaitez remplacer l’élément que vous
déplacez.
Pour remplacer un symbole sur la scène par un autre :
1
Sélectionnez le symbole que vous souhaitez remplacer.
2
Choisissez Modification > Permuter le symbole.
3
Sélectionnez un nouveau symbole dans la boîte de dialogue Permuter le symbole, puis cliquez
sur OK.
Utilisation de dossiers dans le panneau Bibliothèque
Vous pouvez organiser les éléments du panneau Bibliothèque à l’aide de dossiers, comme dans
l’explorateur de Windows ou le Finder du Macintosh. Lorsque vous créez un symbole, ce dernier
est enregistré dans le dossier sélectionné. Si aucun dossier n’est sélectionné, le symbole est
enregistré à la racine de la bibliothèque.
Les colonnes du panneau Bibliothèque indiquent le nom d’un objet, son type, le nombre
d’utilisations dans le fichier, son état et identifiant de liaison (si l’élément est associé à une
bibliothèque partagée ou est exporté pour ActionScript) et la date à laquelle il a été modifié pour
la dernière fois. Vous pouvez trier les éléments du panneau Bibliothèque selon n’importe quelle
colonne. Le panneau Bibliothèque contient également un menu déroulant Options contenant des
options permettant de modifier les éléments de la bibliothèque.
62
Chapitre 2
Pour créer un dossier :
Cliquez sur le bouton Nouveau dossier en bas du panneau Bibliothèque.
Pour ouvrir ou fermer un dossier, effectuez l’une des opérations suivantes :
• Double-cliquez sur le dossier.
• Sélectionnez le dossier et choisissez Développer le dossier ou Réduire le dossier dans le menu
Options de la bibliothèque.
Pour ouvrir ou fermer tous les dossiers :
Choisissez Développer tous les dossiers ou Réduire tous les dossiers dans le menu Options de la
bibliothèque.
Tri des éléments du panneau Bibliothèque
Vous pouvez trier les éléments du panneau Bibliothèque dans l’ordre alphanumérique selon
n’importe quelle colonne. Le tri des éléments vous permet de plus facilement visualiser les
éléments connexes. Les éléments sont triés à l’intérieur des dossiers.
Pour trier les éléments du panneau bibliothèque :
Cliquez sur l’en-tête de colonne pour effectuer le tri selon cette colonne. Cliquez sur le triangle du
bord droit de l’en-tête des colonnes pour inverser l’ordre de tri.
Manipulation des éléments de la bibliothèque
Pour manipuler des éléments de la bibliothèque, y compris les fichiers importés, vous devez
choisir des options dans le menu Options de la bibliothèque. Vous pouvez mettre à jour des
fichiers importés après les avoir modifiés dans un éditeur externe, à l’aide de l’option Mettre à
jour du menu Options de la bibliothèque.
Pour modifier un élément de la bibliothèque :
1
Sélectionnez l’élément dans le panneau Bibliothèque.
2
Choisissez l’une des options suivantes dans le menu Options de la bibliothèque :
• Choisissez Modifier pour modifier un élément dans Flash.
• Choisissez Modifier avec et sélectionnez une application pour modifier l’élément dans un
éditeur externe.
Remarque
Si vous lancez un éditeur externe supporté, Flash ouvre le document importé d’origine.
Changement du nom des éléments de la bibliothèque
Vous pouvez renommer les éléments de la bibliothèque. La modification du nom d’un élément de
la bibliothèque d’un fichier importé n’entraîne pas le changement du nom du fichier.
Pour renommer un élément de la bibliothèque, effectuez l’une des opérations suivantes :
• Double-cliquez sur le nom de l’élément et entrez le nouveau nom dans le champ de texte.
• Sélectionnez l’élément et cliquez sur l’icône des propriétés en bas du panneau Bibliothèque.
Entrez le nouveau nom dans la boîte de dialogue Propriétés du symbole, puis cliquez sur OK.
Utilisation des actifs de Flash
63
• Sélectionnez l’élément et choisissez Renommer dans le menu Options de la bibliothèque, puis
entrez le nouveau nom dans le champ de texte.
• Cliquez du bouton droit de la souris (Windows) ou tout en maintenant la touche Ctrl
enfoncée (Macintosh) sur l’élément, choisissez Renommer dans le menu contextuel, puis
entrez le nouveau nom dans le champ de texte.
Suppression d’éléments de la bibliothèque
Lorsque vous supprimez un élément de la bibliothèque, toutes les occurrences de cet élément dans
le document sont également supprimées, par défaut. La colonne Compte des utilisations du
panneau Bibliothèque indique si un élément est utilisé.
Pour supprimer un élément de la bibliothèque :
1
Sélectionnez l’élément et cliquez sur l’icône Corbeille en bas du panneau Bibliothèque.
2
Dans la boîte de dialogue d’avertissement qui apparaît, activez l’option Supprimer les
occurrences de symboles (le paramètre par défaut) pour supprimer cet élément, ainsi que toutes
ses occurrences, de la bibliothèque. Désactivez cette option pour ne supprimer que ce symbole
et conserver ses occurrences sur la scène.
3
Cliquez sur Supprimer.
Recherche d’éléments inutilisés de la bibliothèque
Vous pouvez faciliter l’organisation d’un document en recherchant les éléments inutilisés de la
bibliothèque pour les supprimer.
Remarque Il n’est pas nécessaire de supprimer les éléments inutilisés de la bibliothèque dans le but de réduire la
taille du fichier d’une animation Flash, ces éléments n’étant pas inclus dans le fichier SWF.
Pour rechercher les éléments inutilisés de la bibliothèque, effectuez l’une des opérations
suivantes :
• Choisissez Sélectionner les éléments inutilisés dans le menu Options de la bibliothèque.
• Triez les éléments de la bibliothèque selon la colonne Compte des utilisations. Consultez Tri
des éléments du panneau Bibliothèque, page 63.
Mise à jour des fichiers importés dans le panneau Bibliothèque
Si vous utilisez un éditeur externe pour modifier des fichiers importés dans Flash, tels que des
bitmaps ou sons, vous pouvez mettre ces fichiers à jour dans Flash sans les réimporter. Vous
pouvez également mettre à jour les symboles que vous avez importés à partir de documents Flash
externes. Lorsque vous mettez à jour un fichier importé, vous remplacez son contenu par celui du
fichier externe.
Pour mettre à jour un fichier importé :
Sélectionnez le fichier importé dans le panneau Bibliothèque et choisissez Mettre à jour dans le
menu Options de la bibliothèque.
64
Chapitre 2
Utilisation des bibliothèques communes
Vous pouvez utiliser les exemples de bibliothèques fournis avec Flash pour ajouter des symboles,
des boutons ou des sons à vos documents. Vous pouvez également créer vos propres
bibliothèques, puis les utiliser avec n’importe quel document que vous créez.
Pour créer une bibliothèque permanente pour votre application Flash :
1
Créez un fichier Flash avec une bibliothèque contenant les symboles que vous souhaitez inclure
dans la bibliothèque permanente.
2
Placez le fichier Flash dans le dossier Libraries qui se trouve dans le dossier de l’application
Flash sur votre disque dur.
Pour utiliser un élément d’une bibliothèque commune dans un document :
1
Choisissez Fenêtre > Bibliothèques communes et sélectionnez une bibliothèque dans le sousmenu.
2
Faites glisser un élément de la bibliothèque commune dans la bibliothèque du document
actuel.
A propos des composants
Les composants Flash sont des clips aux paramètres définis, chacun étant caractérisé par un jeu
unique de méthodes ActionScript qui vous permettent d’établir et de modifier les paramètres à la
programmation et des options supplémentaires à l’exécution. Consultez Chapitre 15, Utilisation
des composants, page 323.
Utilisation des actifs de Flash
65
66
Chapitre 2
CHAPITRE 3
Dessin
Les outils de dessin de Macromedia Flash MX vous permettent de créer et de modifier des formes
pour les illustrations de vos animations. Vous pouvez consulter une introduction interactive au
dessin dans Flash en choisissant Aide > Leçons > Illustration dans Flash.
Avant de dessiner et de peindre dans Flash, il est important de comprendre comment Flash crée
les illustrations, comment les outils de dessin fonctionnent et comment le dessin, la peinture et la
modification des formes peuvent affecter d’autres formes placées sur le même calque.
A propos des graphiques vectoriels et bitmap
Les ordinateurs affichent les graphiques au format vectoriel ou bitmap. Il est important de bien
comprendre la différence entre ces deux formats pour les utiliser de manière plus efficace. Flash
vous permet de créer et d’animer des graphiques vectoriels compacts. Flash vous permet
également d’importer et de manipuler des graphiques bitmap et vectoriels créés dans d’autres
applications.
Graphiques vectoriels
Les graphiques vectoriels décrivent les images à l’aide de lignes et de courbes, appelées vecteurs, qui
comprennent également les propriétés de couleur et de position. Par exemple, l’image d’une
feuille est décrite par les points par lesquels passent des lignes, qui créent ainsi le contour de la
feuille. La couleur de la feuille est définie par la couleur du contour et la couleur de la région qu’il
définit.
67
Lorsque vous manipulez un graphique vectoriel, vous modifiez les propriétés des lignes et des
courbes qui en décrivent la forme. Vous pouvez déplacer, redimensionner, remodeler et changer
la couleur d’un graphique vectoriel sans affecter la qualité de son apparence. Les graphiques
vectoriels ne dépendent pas de la résolution, c’est-à-dire qu’ils peuvent être affichés sur des
périphériques de résolution différente sans perdre leur qualité.
Graphiques bitmap
Les graphiques bitmap décrivent des images à l’aide de points de couleur, appelés pixels, arrangés
sur une grille. Par exemple, l’image d’une feuille est décrite par l’emplacement et la valeur de
couleur spécifiques de chaque pixel de la grille, créant une image assez semblable à une mosaïque.
Lorsque vous manipulez un graphique bitmap, vous modifiez des pixels et non des lignes et des
courbes. Les graphiques bitmap dépendent de la résolution, les données décrivant l’image étant
définies pour une grille de dimension particulière. La manipulation d’un graphique bitmap peut
affecter la qualité de son apparence. En particulier, le redimensionnement d’un graphique bitmap
peut donner un effet d’escalier aux bords de l’image lorsque les pixels sont redistribués dans la
grille. L’affichage d’un graphique bitmap sur un périphérique d’une résolution inférieure à celle
de l’image dégrade également la qualité de son apparence.
68
Chapitre 3
Outils de dessin et de peinture de Flash
Flash propose différents outils permettant de dessiner des formes libres ou des lignes, des formes
et des tracés précis, et de peindre des objets remplis.
Flèche
Sous-sélection
Ligne
Lasso
Plume
Texte
Ovale
Rectangle
Crayon
Transformation libre
Pinceau
Transformer le remplissage
Encrier
Pot de peinture
Pipette
Gomme
Main
Zoom
Couleur de trait
Couleur de remplissage
Modificateurs des outils
• Pour dessiner des lignes et des formes libres, vous devez utiliser l’outil Crayon, qui se manie
pratiquement comme un crayon normal. Consultez Dessin avec l’outil Crayon, page 71.
• Pour dessiner des tracés précis formés de lignes droites ou de courbes, vous devez utiliser l’outil
Plume. Consultez Utilisation de l’outil Plume, page 72.
• Pour dessiner des formes géométriques simples, vous utiliserez les outils Ligne, Ovale et
Rectangle. Consultez Dessin de lignes droites, d’ovales et de rectangles, page 71.
• Pour dessiner des traits ressemblant à des coups de pinceau, vous utiliserez l’outil Pinceau.
Consultez Utilisation de l’outil Pinceau, page 77.
Lorsque vous utilisez la plupart des outils de Flash, l’inspecteur des propriétés affiche les
paramètres de l’outil en cours. Par exemple, si vous utilisez l’outil Texte, l’inspecteur des
propriétés affiche les propriétés de texte, ce qui vous permet de facilement sélectionner les
attributs souhaités. Pour plus d’informations sur l’inspecteur des propriétés, consultez Panneaux et
inspecteur des propriétés, page 54.
Dessin
69
Lorsque vous utilisez un outil de dessin ou de peinture pour créer un objet, l’outil applique les
attributs de trait et de remplissage actuels à l’objet. Pour changer les attributs de trait et de
remplissage des objets existants, vous pouvez utiliser les outils Pot de peinture et Encrier de la
boîte à outils ou de l’inspecteur des propriétés. Consultez Utilisation des commandes de couleur de
trait et de remplissage dans la boîte à outils, page 88 ou Utilisation des commandes de couleur de trait
et de remplissage de l’inspecteur des propriétés, page 89.
Vous pouvez remodeler les lignes et les contours des formes de différentes manières après les avoir
créés. Les remplissages et les traits sont considérés comme des objets distincts. Vous pouvez
sélectionner les remplissages et les traits séparément pour les déplacer ou les modifier. Consultez
Remodelage des lignes et des contours de formes, page 78.
Vous pouvez utiliser la fonction d’accrochage pour automatiquement aligner les éléments les uns
avec les autres, de même que sur les grilles ou les guides. Consultez Accrochage, page 83 et
Utilisation de la grille, des guides et des règles, page 22.
A propos du chevauchement de formes dans Flash
Lorsque vous utilisez les outils Crayon, Ligne, Ovale, Rectangle ou Pinceau pour dessiner une
ligne qui coupe une autre ligne ou une forme peinte, ces lignes sont divisées en segments aux
points d’intersection. Vous pouvez utiliser l’outil Flèche pour sélectionner, déplacer et remodeler
chaque segment individuellement.
Remarque Les lignes se chevauchant que vous créez avec l’outil Plume ne sont pas divisées en segments aux
points d’intersection, mais restent connectées. Consultez Utilisation de l’outil Plume, page 72.
Un remplissage, le remplissage traversé par une ligne, les deux remplissages et les trois segments de ligne
créés par la segmentation
Lorsque vous peignez par-dessus des formes et des lignes, la partie qui se trouve en dessous est
remplacée par ce qui se trouve au-dessus. Les peintures de même couleur se mélangent. Les
peintures de couleurs différentes restent distinctes. Vous pouvez utiliser ces fonctions pour créer
des masques, des découpes ou autres images en négatif. Par exemple, la découpe illustrée cidessous a été réalisée en déplaçant l’image non groupée du cerf-volant sur la forme verte, en
désélectionnant le cerf-volant, puis en éloignant les parties remplies du cerf-volant de la forme
verte.
Pour éviter toute modification accidentelle des formes et des lignes en les chevauchant, vous
pouvez grouper les formes ou utiliser des calques pour les séparer. Consultez Groupement d’objets,
page 139 et Utilisation des calques, page 38.
70
Chapitre 3
Dessin avec l’outil Crayon
Pour dessiner des lignes et des formes, vous devez utiliser l’outil Crayon, qui se manie
pratiquement comme un crayon normal. Pour lisser ou redresser les lignes et les formes pendant
que vous dessinez, vous devez sélectionner un mode de dessin pour l’outil Crayon.
Pour dessiner avec l’outil Crayon :
1
Sélectionnez l’outil Crayon.
2
Choisissez Fenêtre > Propriétés et sélectionnez une couleur, une épaisseur et un style de trait
dans l’inspecteur des propriétés. Consultez Utilisation des commandes de couleur de trait et de
remplissage de l’inspecteur des propriétés, page 89.
3
Choisissez un mode de dessin dans la section Options de la boîte à outils :
• Choisissez Redresser pour dessiner des lignes droites et convertir des approximations de
triangles, ovales, cercles, rectangles et carrés en formes géométriques précises.
• Choisissez Lisser pour tracer des lignes incurvées lisses.
• Choisissez Encre pour dessiner des lignes à main levée sans appliquer aucune modification.
Lignes tracées en mode Redresser, Lisser et Encre, respectivement
4
Faites glisser le pointeur sur la scène pour dessiner avec l’outil Crayon. Faites glisser le pointeur
tout en maintenant la touche Maj enfoncée pour forcer le tracé de lignes verticales ou
horizontales.
Dessin de lignes droites, d’ovales et de rectangles
Vous pouvez utiliser les outils Ligne, Ovale et Rectangle pour créer très facilement ces formes
géométriques simples. Les outils Ovale et Rectangle permettent de créer des formes délimitées par
des traits et des formes remplies. L’outil Rectangle vous permet de créer des rectangles dont les
angles peuvent être droits ou arrondis.
Pour dessiner une ligne droite, un ovale ou un rectangle :
1
Sélectionnez l’outil Ligne, Ovale ou Rectangle.
2
Choisissez Fenêtre > Propriétés et sélectionnez les attributs de trait et de remplissage dans
l’inspecteur des propriétés. Consultez Utilisation des commandes de couleur de trait et de
remplissage de l’inspecteur des propriétés, page 89.
Remarque Vous ne pouvez pas définir d’attributs de remplissage pour l’outil Ligne.
3
Pour l’outil Rectangle, indiquez que les angles doivent être arrondis en cliquant sur le
modificateur de rectangle arrondi, puis en spécifiant la valeur du rayon des angles. Une valeur
nulle crée des angles droits.
Dessin
71
4
Faites glissez le pointeur sur la scène. Si vous utilisez l’outil Rectangle, appuyez sur les flèches
Haut et Bas tout en dessinant pour ajuster le rayon des angles arrondis.
Pour les outils Ovale et Rectangle, faites glisser le pointeur tout en maintenant la touche Maj
enfoncée pour forcer le tracé de cercles et de carrés.
Pour l’outil Ligne, faites glisser le pointeur tout en maintenant la touche Maj enfoncée pour
contraindre les lignes à des multiples de 45°.
Utilisation de l’outil Plume
Pour dessiner des tracés précis formés de lignes droites ou de courbes lisses et fluides, vous pouvez
utiliser l’outil Plume. Vous pouvez créer des segments de lignes droites ou courbes, puis ajuster
l’angle et la longueur des segments droits, ainsi que la pente des segments incurvés.
Lorsque vous dessinez avec l’outil Plume, vous devez cliquer pour créer les points des segments de
lignes droites et devez cliquer et faire glisser la souris pour créer les points des segments de lignes
courbes. Vous pouvez ajuster les segments de lignes droites et courbes en ajustant les points des
lignes. Vous pouvez convertir les courbes en lignes droites et vice-versa. Vous pouvez également
afficher les points des lignes que vous créez avec d’autres outils de dessin de Flash, tels que les
outils Crayon, Pinceau, Ligne, Ovale et Rectangle, pour ajuster ces lignes. Consultez Remodelage
des lignes et des contours de formes, page 78.
Définition des préférences de l’outil Plume
Vous pouvez spécifier des préférences pour l’apparence du pointeur de l’outil Plume, pour
l’aperçu des segments de ligne pendant que vous dessinez ou pour l’apparence des points
d’ancrage sélectionnés. Les segments de ligne et les points d’ancrage sélectionnés sont affichés
dans la couleur de contour du calque sur lequel ces lignes et ces points apparaissent.
Pour définir les préférences de l’outil Plume :
1
Choisissez Edition > Préférences et cliquez sur l’onglet Modification.
2
Dans la section Outil Plume, définissez les options suivantes :
• Activez l’option Afficher l’aperçu de l’outil Plume pour afficher un aperçu des segments de
ligne pendant que vous dessinez. Flash affiche un aperçu du segment de ligne pendant que
vous déplacez le pointeur sur la scène, avant même que vous ne cliquiez pour créer le point
d’extrémité du segment. Si cette option n’est pas activée, Flash n’affiche pas le segment de ligne
tant que vous n’avez pas créé le point d’extrémité du segment.
• Activez l’option Afficher les points pleins pour indiquer que les points d’ancrage non
sélectionnés doivent apparaître sous la forme de points pleins, tandis que les points d’ancrage
sélectionnés doivent apparaître sous la forme de points vides (cette option est activée par
défaut). Désactivez cette option pour afficher les points d’ancrage non sélectionnés sous forme
de points vides et les points d’ancrage sélectionnés sous forme de points pleins.
• Activez l’option Afficher des curseurs précis pour indiquer que le pointeur de l’outil Plume
doit prendre la forme d’un pointeur en mire, plutôt que l’icône par défaut de l’outil Plume,
afin de permettre un placement plus précis des lignes. Désactivez cette option pour utiliser
l’icône par défaut de l’outil Plume.
Remarque Appuyez sur la touche de verrouillage des majuscules pour basculer entre le pointeur en mire et
l’icône par défaut de l’outil Plume.
3
72
Cliquez sur OK.
Chapitre 3
Dessin de lignes droites avec l’outil Plume
Pour dessiner des segments de ligne droits avec l’outil Plume, vous devez créer des points
d’ancrage, qui sont les points de la ligne qui déterminent la longueur des segments de ligne
individuels.
Pour dessiner des lignes droites avec l’outil Plume :
1
Sélectionnez l’outil Plume.
2
Choisissez Fenêtre > Propriétés et sélectionnez les attributs de trait et de remplissage dans
l’inspecteur des propriétés. Consultez Utilisation des commandes de couleur de trait et de
remplissage de l’inspecteur des propriétés, page 89.
3
Placez le pointeur à l’endroit de la scène où vous souhaitez que la ligne droite commence, puis
cliquez pour définir le premier point d’ancrage.
4
Cliquez à nouveau à l’endroit où vous souhaitez que le premier segment de la ligne droite se
termine. Cliquez tout en maintenant la touche Maj enfoncée pour contraindre l’outil à des
multiples de 45°.
5
Continuez à cliquer pour créer des segments de ligne droits supplémentaires.
6
Pour terminer le tracé et créer une forme ouverte ou fermée, effectuez l’une des opérations
suivantes :
• Pour terminer un tracé ouvert, double-cliquez sur le dernier point, cliquez sur l’outil Plume
dans la boîte à outils, ou cliquez tout maintenant la touche Ctrl (Windows) ou Commande
(Macintosh) enfoncée n’importe où à l’extérieur du tracé.
Dessin
73
• Pour fermer un tracé, placez l’outil Plume sur le premier point d’ancrage. Un petit cercle
apparaît en regard de la plume lorsqu’elle est correctement positionnée. Cliquez ou faites
glisser la souris pour fermer le tracé.
• Pour laisser la forme en l’état, choisissez Edition > Tout désélectionner ou sélectionnez un
autre outil dans la boîte à outils.
Dessin de courbes avec l’outil Plume
Les courbes sont créées en faisant glisser l’outil Plume dans la direction que doit prendre la courbe
pour créer le premier point d’ancrage, puis en faisant glisser l’outil Plume dans la direction
opposée pour créer le second point d’ancrage.
Lorsque vous utilisez l’outil Plume pour créer un segment incurvé, des poignées de tangente sont
affichées sur les points d’ancrage du segment de ligne. La pente et la longueur de chaque poignée
de tangente déterminent la pente et la hauteur, ou profondeur, de la courbe. Le déplacement des
poignées de tangente redessine les courbes du tracé. Consultez Ajustement des segments, page 76.
Pour dessiner un tracé incurvé :
1
Sélectionnez l’outil Plume.
2
Placez l’outil Plume à l’endroit de la scène où vous souhaitez que la courbe commence et
maintenez le bouton de la souris enfoncé.
Le premier point d’ancrage apparaît et le bout de la plume devient une pointe de flèche.
3
Faites glisser le pointeur dans la direction que doit prendre le segment de courbe. Faites glisser
le pointeur tout en maintenant la touche Maj enfoncée pour contraindre l’outil à des multiples
de 45°.
Les poignées de tangente de la courbe apparaissent pendant que vous dessinez.
4
Relâchez le bouton de la souris.
La longueur et la pente des poignées de tangente déterminent la forme du segment de courbe.
Vous pourrez déplacer les poignées de tangente ultérieurement afin d’ajuster la courbe.
74
Chapitre 3
5
Placez le pointeur à l’endroit où le segment de courbe doit se terminer, maintenez le bouton de
la souris enfoncé et faites glisser le pointeur dans la direction opposée pour terminer le
segment. Faites glisser le pointeur tout en maintenant la touche Maj enfoncée pour
contraindre le segment à des multiples de 45°.
6
Pour dessiner le segment suivant d’une courbe, placez le pointeur à l’endroit où le segment
suivant doit se terminer et faites glisser le pointeur en l’éloignant de la courbe.
Ajustement des points d’ancrage sur les tracés
Lorsque vous dessinez une courbe à l’aide de l’outil Plume, vous créez des points de courbe, qui
sont des points d’ancrage sur un tracé incurvé continu. Lorsque vous dessinez un segment de ligne
droit, ou une ligne droite attachée à un segment incurvé, vous créez des points d’angle, qui sont
des points d’ancrage sur un tracé droit ou à la jonction d’un tracé droit et d’un tracé incurvé.
Par défaut, les points de courbe sélectionnés sont représentés par des cercles vides, alors que les
points d’angle sélectionnés sont représentés par des carrés vides.
Pour convertir les segments droits d’une ligne en segments incurvés ou inversement, vous devez
convertir les points d’angle en points de courbe ou vice-versa.
Vous pouvez également déplacer, ajouter ou supprimer des points d’ancrage sur un tracé. Les
points d’ancrage sont déplacés à l’aide de l’outil Sous-sélection pour ajuster la longueur ou l’angle
des segments droits ou la pente des segments incurvés. Vous pouvez repositionner les points
d’ancrage sélectionnés pour effectuer de petits ajustements.
La suppression des points d’ancrage inutiles sur un tracé incurvé permet d’optimiser la courbe et
de réduire la taille du fichier.
Dessin
75
Pour déplacer un point d’ancrage :
Faites glisser le point à l’aide de l’outil Sous-sélection.
Pour déplacer légèrement un ou plusieurs points d’ancrage :
Sélectionnez le(s) point(s) à l’aide de l’outil Sous-sélection et utilisez les touches fléchées pour le(s)
déplacer.
Pour convertir un point d’ancrage, effectuez l’une des opérations suivantes :
• Pour convertir un point d’angle en point de courbe, utilisez l’outil Sous-sélection pour
sélectionner le point, puis faites glisser le point tout en maintenant la touche Alt (Windows) ou
Option (Macintosh) enfoncée pour placer les poignées de tangentes.
• Pour convertir un point de courbe en un point d’angle, cliquez sur ce point avec l’outil Plume.
Pour ajouter un point d’ancrage :
Cliquez sur un segment de ligne avec l’outil Plume.
Pour supprimer un point d’ancrage, effectuez l’une des opérations suivantes :
Pour supprimer un point d’angle, cliquez une fois sur ce point avec l’outil Plume.
• Pour supprimer un point de courbe, cliquez deux fois sur ce point avec l’outil Plume. Cliquez
une fois pour convertir le point en un point d’angle et une fois de plus pour supprimer le
point.
• Sélectionnez le point avec l’outil Sous-sélection et appuyez sur Suppr.
Ajustement des segments
Vous pouvez ajuster des segments droits afin de modifier leur angle ou leur longueur, ou ajuster
des segments incurvés pour modifier la pente ou la direction de la courbe.
Lorsque vous déplacez une poignée de tangente sur un point de courbe, les courbes situées des
deux côtés du point sont ajustées. Lorsque vous déplacez une poignée de tangente sur un point
d’angle, seule la courbe située du même côté du point que la poignée de tangente est ajustée.
Pour ajuster un segment droit :
1
Sélectionnez un segment droit avec l’outil Sous-sélection.
2
Utilisez l’outil Sous-sélection pour faire glisser un point d’ancrage du segment vers une
nouvelle position.
Pour ajuster un segment incurvé :
Faites glisser le segment avec l’outil Sous-sélection.
Remarque Un clic sur la trajectoire révèle les points d’ancrage. L’ajustement d’un segment avec l’outil Soussélection ajoute parfois des points au tracé.
Pour ajuster des points ou des poignées de tangente sur une courbe :
1
Sélectionnez un point d’ancrage d’un segment incurvé avec l’outil Sous-sélection.
Une poignée de tangente apparaît pour le point que vous sélectionnez.
76
Chapitre 3
2
Pour ajuster la forme de la courbe d’un côté ou de l’autre du point d’ancrage, faites glisser le
point d’ancrage ou la poignée de tangente. Faites glisser le pointeur tout en maintenant la
touche Maj enfoncée pour contraindre la courbe à des multiples de 45°. Faites glisser les
poignées de tangente en maintenant la touche Alt (Windows) ou Option (Macintosh)
enfoncée.
Utilisation de l’outil Pinceau
L’outil Pinceau dessine des traits ressemblant à des coups de pinceau. Il vous permet de créer des
effets spéciaux, tels que des effets calligraphiques. Vous pouvez choisir une taille et une forme de
pinceau à l’aide des modificateurs de cet outil. Sur la plupart des tablettes graphiques sensibles à la
pression, vous pouvez faire varier l’épaisseur du trait de pinceau en faisant varier la pression
exercée sur le stylet.
La taille de pinceau demeurant constante pour les nouveaux traits (ce même lorsque vous
modifiez le facteur de zoom utilisé pour la scène), elle semble plus grande lorsque le facteur de
zoom utilisé pour la scène est plus réduit. Par exemple, supposons que vous avez zoomé à 100 %
sur la scène et que vous utilisez la plus petite taille de pinceau pour peindre. Supposons
maintenant que vous réglez le zoom sur 50 % et recommencez à peindre avec la même taille de
pinceau. Vos nouveaux traits sembleront être 50 % plus épais que ceux que vous peigniez
auparavant. La modification de l’importance du zoom sur la scène ne change pas la taille des traits
de pinceau existants.
Vous pouvez utiliser un bitmap importé comme remplissage lorsque vous peignez avec l’outil
Pinceau. Consultez Séparation de groupes et d’objets, page 150.
Un trait de pinceau d’épaisseur variable tracé avec un stylet
Pour peindre avec l’outil Pinceau :
1
Sélectionnez l’outil Pinceau.
2
Choisissez Fenêtre > Propriétés et sélectionnez une couleur de remplissage dans l’inspecteur des
propriétés. Consultez Utilisation des commandes de couleur de trait et de remplissage de
l’inspecteur des propriétés, page 89.
3
Cliquez sur le modificateur Mode du pinceau et choisissez un mode de peinture :
• Le mode Peint normalement peint par-dessus les lignes et les remplissages d’un même calque.
Dessin
77
• Le mode Remplissage peint les remplissages et les zones vides, sans toucher aux lignes.
• Le mode Peint derrière peint les parties vides de la scène sur un même calque, sans toucher aux
lignes ni aux remplissages.
• Le mode Peint la sélection applique un nouveau remplissage à la sélection lorsque vous
sélectionnez un remplissage dans le modificateur de remplissage ou l’option Couleur de
remplissage de l’inspecteur des propriétés. Cette option revient à sélectionner une zone remplie
et à appliquer un nouveau remplissage.
• Le mode Peint à l’intérieur peint le remplissage dans lequel vous avez dessiné le premier trait de
pinceau mais ne peint jamais les lignes. Ce mode fonctionne à peu de chose près comme un
livre de coloriage intelligent dans lequel vous ne pouvez jamais peindre à l’extérieur des lignes.
Si vous commencez à peindre dans une zone vide, le remplissage n’affecte aucune des zones
déjà remplies.
Image d’origine, Peint normalement, Peint derrière, Peint la sélection, Remplissage et Peint à
l’intérieur
4
Choisissez une taille de pinceau, une forme de pinceau et une couleur de peinture dans les
modificateurs de l’outil Pinceau.
5
Si vous utilisez une tablette graphique sensible à la pression, vous pouvez sélectionner le
modificateur de pression pour faire varier l’épaisseur de vos traits de pinceau en fonction de la
pression exercée sur le stylet.
6
Faites glissez le pointeur sur la scène. Faites glisser le pointeur tout en maintenant la touche
Maj enfoncée pour tracer des traits de pinceau horizontaux et verticaux.
Remodelage des lignes et des contours de formes
Vous pouvez remodeler les lignes et les contours de formes créés avec les outils Crayon, Pinceau,
Ligne, Ovale ou Rectangle en les faisant glisser avec l’outil Flèche ou en optimisant leurs courbes.
Vous pouvez également utiliser l’outil Sous-sélection pour afficher les points sur les lignes et les
contours de formes, puis modifier les lignes et les contours en ajustant ces points. Pour plus
d’informations sur les points d’ancrage, consultez Utilisation de l’outil Plume, page 72.
Pour afficher les points d’ancrage sur une ligne ou un contour de forme créé avec les outils
Crayon, Pinceau, Ligne, Ovale ou Rectangle :
78
1
Sélectionnez l’outil Sous-sélection.
2
Cliquez sur la ligne ou le contour de forme.
Chapitre 3
Remodelage avec l’outil Flèche
Pour remodeler une ligne ou un contour de forme, vous pouvez faire glisser n’importe quel point
d’une ligne avec l’outil Flèche. Le pointeur change pour indiquer le type de remodelage qu’il peut
effectuer sur la ligne ou le remplissage.
Flash ajuste la courbe du segment de ligne en fonction de la nouvelle position du point déplacé. Si
vous avez repositionné un point d’extrémité, vous pouvez allonger ou raccourcir la ligne. Si vous
avez repositionné un point d’angle, les segments de ligne formant l’angle restent droits lorsqu’ils
sont allongés ou raccourcis.
Un angle qui apparaît sous le pointeur indique que vous pouvez modifier un point d’extrémité.
Lorsque c’est une courbe qui apparaît sous le pointeur, vous pouvez ajuster la courbe.
Il est parfois plus facile de modifier la forme des traits de pinceau si vous les affichez sous forme de
contours.
Si vous rencontrez des difficultés lors de la modification d’une ligne complexe, vous pouvez la
lisser afin de supprimer une partie de ses détails et faciliter la modification. L’augmentation du
facteur de zoom peut également faciliter le remodelage et le rendre plus précis. Consultez
Optimisation des courbes, page 80, ou Affichage de la scène, page 21.
Pour remodeler une ligne ou un contour de forme avec l’outil Flèche :
1
Sélectionnez l’outil Flèche.
2
Effectuez l’une des opérations suivantes :
• Faites glisser n’importe quel point du segment pour le remodeler.
• Faites glisser une ligne tout en maintenant la touche Ctrl (Windows) ou Option (Macintosh)
enfoncée pour créer un nouveau point d’angle.
Redressement et lissage des lignes
Vous pouvez remodeler des lignes et des contours de formes en les redressant ou en les lissant.
Remarque Vous pouvez ajuster le degré de lissage et de redressement automatique dans les paramètres des
préférences de dessin. Consultez Sélection des paramètres de dessin, page 84.
Le redressement permet d’apporter de petits ajustements de redressement aux lignes et aux
courbes que vous avez déjà dessinées. Il n’a aucun effet sur les segments déjà droits.
Dessin
79
Vous pouvez également utiliser la technique de redressement pour que Flash reconnaisse les
formes. Si vous dessinez des formes ovales, rectangulaires ou triangulaires alors que l’option
Reconnaître les formes est désactivée, vous pouvez utiliser l’option de redressement pour en faire
des formes géométriques parfaites. Pour plus d’informations sur l’option Reconnaître les formes,
consultez Sélection des paramètres de dessin, page 84. Les formes qui se touchent, et qui sont donc
connectées à d’autres éléments, ne sont pas reconnues.
La reconnaissance des formes fait des formes du haut les formes du bas
Le lissage adoucit les courbes et réduit les bosses ou autres variations qui apparaissent dans la
direction générale de la courbe. Il réduit également le nombre de segments d’une courbe. Le
lissage est néanmoins relatif, et n’a aucun effet sur les segments droits. Il est particulièrement utile
lorsque vous avez des difficultés à remodeler de très petits segments de ligne incurvés. La sélection
et le lissage de tous les segments réduit le nombre de segments et crée ainsi une courbe plus fluide
qui est plus facile à remodeler.
Chaque application des fonctions de lissage ou de redressement lisse ou redresse un peu plus
chaque segment (respectivement), selon la courbure ou la rectitude originale de chaque segment.
Pour lisser la courbe de chaque contour de remplissage ou segment incurvé sélectionné :
Sélectionnez l’outil Flèche et cliquez sur le modificateur Lisser dans la section Options de la boîte
à outil, ou choisissez Modification > Lisser.
Pour apporter de petits ajustements de redressement à chaque contour de remplissage ou
segment incurvé sélectionné :
Sélectionnez l’outil Flèche et cliquez sur le modificateur Redresser dans la section Options de la
boîte à outils, ou choisissez Modification > Redresser.
Pour utiliser la reconnaissance des formes :
Sélectionnez l’outil Flèche et cliquez sur le modificateur Redresser, ou choisissez Modification >
Redresser.
Optimisation des courbes
Une autre manière de lisser les courbes consiste à les optimiser. Cela affine les courbes et les
contours de remplissage en réduisant le nombre de courbes utilisées pour définir ces éléments.
L’optimisation des courbes réduit également la taille du document Flash (fichier fla) et la taille de
l’animation Flash (fichier swf ) exportée. Comme avec les modificateurs ou les commandes Lisser
ou Redresser, vous pouvez appliquer plusieurs fois l’optimisation aux mêmes éléments.
Pour optimiser des courbes :
1
80
Sélectionnez les éléments dessinés à optimiser et choisissez Modification > Optimiser.
Chapitre 3
2
Dans la boîte de dialogue Optimiser les courbes, utilisez l’ascenseur Lissage pour spécifier le
degré de lissage.
Le résultat exact dépend des courbes sélectionnées. D’une manière générale, l’optimisation
réduit le nombre de courbes et donne un résultat assez différent du contour original.
3
Définissez des options supplémentaires :
• Activez l’option Appliquer plusieurs passages (plus lent) pour répéter le processus de lissage
jusqu’à ce qu’il n’y ait plus d’optimisation possible. Cela revient à appliquer plusieurs fois la
commande Optimiser sur les mêmes éléments.
• Activez l’option Afficher le message des totaux pour afficher un message d’alerte indiquant le
degré d’optimisation une fois le lissage terminé.
4
Cliquez sur OK.
Utilisation de l’outil Gomme
L’outil Gomme permet d’effacer les traits et les remplissages. Vous pouvez rapidement effacer
tout ce qui se trouve sur la scène, effacer des segments de trait ou des zones remplies, ou encore
effacer par glissement.
Vous pouvez personnaliser l’outil Gomme de manière à n’effacer que les traits, que les zones
remplies ou qu’une seule zone remplie. L’outil Gomme peut être rond ou carré, et peut prendre
cinq tailles différentes.
Pour effacer rapidement tout le contenu de la scène :
Double-cliquez sur l’outil Gomme.
Pour supprimer des segments de trait ou des zones remplies :
1
Sélectionnez l’outil Gomme, puis cliquez sur le modificateur Robinet.
2
Cliquez sur le segment de trait ou la zone remplie à supprimer.
Pour effacer par glissement :
1
Sélectionnez l’outil Gomme.
2
Cliquez sur le modificateur Mode de la gomme et choisissez un mode d’effacement :
•
•
•
•
Le mode Efface normalement efface les traits et les remplissages d’un même calque.
Le mode Efface les zones remplies efface uniquement les remplissages, sans toucher aux traits.
Le mode Efface les lignes efface uniquement les traits, sans toucher aux zones remplies.
Le mode Efface les zones remplies sélectionnées efface uniquement les remplissages
actuellement sélectionnés sans toucher aux traits, qu’ils soient sélectionnés ou non.
Sélectionnez les remplissages à effacer avant d’utiliser l’outil Gomme dans ce mode.
• Le mode Efface à l’intérieur efface uniquement le remplissage dans lequel vous avez donné le
premier coup de gomme. Si vous commencez à effacer dans une zone vide, rien ne sera effacé.
Dans ce mode, les traits ne sont pas effacés par la gomme.
3
Cliquez sur le modificateur Forme de la gomme, puis choisissez une forme et une taille de
gomme. Assurez-vous que le modificateur Robinet n’est pas sélectionné.
4
Faites glissez le pointeur sur la scène.
Dessin
81
Modification des formes
Vous pouvez modifier les formes en convertissant les lignes en remplissages, en étendant la forme
d’un objet rempli ou en adoucissant les bords d’une forme remplie par la modification des
courbes de cette forme.
La fonction Convertir les lignes en remplissages permet de transformer des lignes en remplissages,
ce qui vous permet de remplir les lignes avec des dégradés ou d’effacer une portion d’une ligne.
Les fonctions Etendre la forme et Adoucir les bords vous permettent d’étendre les formes remplies
et d’estomper les bords des formes.
Les fonctions Etendre le remplissage et Adoucir les bords de remplissage donnent de meilleurs
résultats sur les formes qui ne contiennent pas de nombreux petits détails. L’application de la
fonction Adoucir les bords à des formes contenant de nombreux détails peut rapidement
augmenter la taille de fichier du document Flash et du fichier swf correspondant.
Pour convertir des lignes en remplissages :
1
Sélectionnez une ou plusieurs lignes.
2
Choisissez Modification > Forme > Convertir les lignes en remplissages.
Les lignes sélectionnées sont converties en formes remplies. La conversion de lignes en
remplissages peut augmenter la taille des fichiers, mais peut également accélérer le processus de
dessin dans certains effets animés.
Pour étendre la forme d’un objet rempli :
1
Sélectionnez une forme remplie. Cette commande donne de meilleurs résultats sur une seule
forme remplie colorée ne contenant aucun trait.
2
Choisissez Modification > Forme > Etendre le remplissage.
3
Dans la boîte de dialogue Etendre le remplissage, entrez une valeur en pixels dans le champ
Distance et sélectionnez Vers l’extérieur or Vers l’intérieur dans la zone Direction. L’option
Vers l’extérieur agrandit la forme, alors que Vers l’intérieur la réduit.
Pour adoucir les bords d’un objet :
1
Sélectionnez une forme remplie.
Remarque Cette fonction donne de meilleurs résultats sur une seule forme remplie ne contenant aucun trait.
2
Choisissez Modification > Forme > Adoucir les bords de remplissage.
3
Définissez les options suivantes :
• L’option Distance est l’épaisseur du bord adouci, en pixels.
• L’option Nombre d’étapes indique le nombre de courbes utilisées pour obtenir l’effet
d’adoucissement des bords. Plus le nombre d’étapes est élevé, plus l’effet d’adoucissement est
important, mais aussi, plus les fichiers sont volumineux et plus lents à dessiner.
• Les options Vers l’extérieur ou Vers l’intérieur indiquent si la forme doit être agrandie ou
rétrécie pour adoucir les bords.
82
Chapitre 3
Accrochage
Vous pouvez utiliser la fonction d’accrochage pour automatiquement aligner les éléments les uns
avec les autres. Flash vous permet d’aligner les objets en les accrochant à d’autres objets ou à des
pixels.
Remarque Vous pouvez également effectuer l’accrochage sur la grille ou sur les guides. Pour plus d’informations,
consultez Utilisation de la grille, des guides et des règles, page 22.
Accrochage aux objets
L’accrochage aux objets peut être activé à l’aide du modificateur Accrocher aux objets de l’outil
Flèche ou de la commande Accrocher aux objets du menu Affichage.
Si le modificateur Accrocher aux objets de l’outil Flèche est activé, un petit anneau noir apparaît
sous le pointeur lorsque vous faites glisser un élément. Cet anneau s’agrandit lorsque l’objet se
trouve à distance d’accrochage d’un autre objet.
Pour activer ou désactiver l’accrochage aux objets :
Choisissez Affichage > Accrocher aux objets. Une coche apparaît en regard de la commande
lorsqu’elle est activée.
Lorsque vous déplacez ou remodelez des éléments, la position de l’outil Flèche sur l’élément
donne le point de référence pour le cercle d’accrochage. Par exemple, si vous déplacez une forme
remplie en la faisant glisser près de son centre, le point central est accroché aux autres objets. Ceci
est particulièrement utile pour accrocher les formes aux trajectoires de mouvement lors de la
création d’effets animés.
Remarque Pour mieux contrôler le placement des objets à l’accrochage, faites-les glisser en commençant par un
angle ou un point central.
Pour définir les tolérances d’accrochage aux objets :
1
Choisissez Edition > Préférences et cliquez sur l’onglet Modification.
2
Sous Paramètres de dessin, sélectionnez une option de Joindre les lignes. Consultez Sélection des
paramètres de dessin, page 84.
Accrochage aux pixels
Vous pouvez activer l’option d’accrochage aux pixels à l’aide de la commande Accrocher aux
pixels du menu Affichage. Lorsque l’option Accrocher aux pixels est activée, une grille de pixels
apparaît lorsque le facteur de zoom est supérieur ou égal à 400 %. La grille de pixels représente les
pixels qui apparaîtront dans votre animation. Lorsque vous créez ou déplacez un objet, celui-ci est
forcé à demeurer accroché à la grille de pixels.
Pour activer ou désactiver l’accrochage aux pixels :
Choisissez Affichage > Accrocher aux pixels.
Une grille de pixels apparaît si le facteur de zoom est supérieur ou égal à 400 %. Une coche
apparaît en regard de la commande lorsqu’elle est activée.
Dessin
83
Pour temporairement activer ou désactiver l’accrochage aux pixels :
Appuyez sur la touche C. Lorsque vous relâchez la touche C, l’accrochage aux pixels repasse au
mode que vous avez sélectionné dans Affichage > Accrocher aux pixels.
Pour masquer temporairement la grille de pixels :
Appuyez sur la touche X. La grille de pixels réapparaît dès que vous relâchez la touche X.
Sélection des paramètres de dessin
Vous pouvez définir les paramètres de dessin de manière à spécifier le comportement de
l’accrochage, du lissage et du redressement lorsque vous utilisez les outils de dessin de Flash. Vous
pouvez modifier le paramètre Tolérance pour chaque option, et l’activer ou le désactiver. Les
paramètres de tolérance sont relatifs et dépendent de la résolution de l’écran de votre ordinateur et
du facteur de zoom actuel de la scène. Par défaut, chaque option est activée et définie sur la
tolérance normale.
Pour définir les paramètres de dessin :
1
Choisissez Edition > Préférences et cliquez sur l’onglet Modification.
2
Dans Paramètres de dessin, faites votre choix parmi les options suivantes :
• L’option Joindre les lignes détermine la distance à laquelle l’extrémité d’une ligne doit se
trouver d’un segment existant pour que celle-ci soit accrochée au point le plus proche de l’autre
ligne. Les options disponibles sont : Doit être proche, Normal et Peut être distant. Ce
paramètre contrôle également la reconnaissance des lignes verticales et horizontales, le degré de
rapprochement avec l’horizontale ou la verticale que doit avoir une ligne que vous dessinez
pour que Flash la rende parfaitement horizontale ou verticale. Lorsque l’option Accrocher aux
objets est activée, ce paramètre contrôle la distance à laquelle doivent se trouver les objets les
uns des autres pour être accrochés les uns avec les autres.
• L’option Lisser les courbes indique le degré de lissage appliqué aux courbes dessinées avec
l’outil Crayon lorsque le mode de dessin est défini sur Redresser ou Lisser. Les courbes plus
lisses sont plus faciles à remodeler, alors que les courbes plus irrégulières sont plus fidèles aux
traits d’origine. Les options disponibles sont : Désactivé, Irrégulier, Normal et Lisse.
Remarque Vous pouvez accentuer le lissage des segments incurvés existant en utilisant Modification > Lisser
et Modification > Optimiser.
• L’option Reconnaître les lignes définit le degré de rapprochement avec une ligne droite que
doit avoir un segment de ligne que vous dessinez avec l’outil Crayon pour que Flash le
reconnaisse et le rende parfaitement droit. Les options disponibles sont : Désactivé, Précis,
Normal et Approximatif. Si l’option Reconnaître les lignes est désactivée lorsque vous dessinez,
vous pourrez redresser les lignes à un moment ultérieur en sélectionnant un ou plusieurs
segments de ligne et en choisissant Modification > Redresser.
84
Chapitre 3
• L’option Reconnaître les formes contrôle la précision avec laquelle vous devez dessiner des
cercles, des ovales, des carrés, des rectangles et des arcs de 90° et 180° pour qu’ils soient
reconnus comme des formes géométriques et redessinés avec précision. Les options disponibles
sont : Désactivé, Précis, Normal et Approximatif. Si Si l’option Reconnaître les formes est
désactivée lorsque vous dessinez, vous pourrez redresser les lignes à un moment ultérieur en
sélectionnant une ou plusieurs formes (par exemple, des segments de ligne connectés) et en
choisissant Modification > Redresser.
• L’option Précision du clic spécifie la distance à laquelle un élément doit se trouver du pointeur
pour que Flash reconnaisse cet élément. Les options disponibles sont : Précis, Normal et
Approximatif.
Dessin
85
86
Chapitre 3
CHAPITRE 4
Utilisation des couleurs
Macromedia Flash MX propose différentes façons d’appliquer, de créer et de modifier les
couleurs. La palette par défaut ou une palette que vous avez créée vous permettront de
sélectionner des couleurs à appliquer au trait ou au remplissage d’un objet, que vous allez créer ou
qui se trouve déjà sur la scène. L’application d’une couleur de trait à une forme permet d’en
peindre le contour avec cette couleur. L’application d’une couleur de remplissage à une forme
permet d’en peindre l’intérieur avec cette couleur.
Lorsque vous appliquez une couleur de trait à une forme, vous pouvez sélectionner n’importe
quelle couleur unie, ainsi que le style et l’épaisseur du trait. Pour le remplissage d’une forme, vous
pouvez appliquer une couleur unie, un dégradé ou un bitmap. Pour appliquer un remplissage
bitmap à une forme, vous devez l’importer dans le fichier en cours. Vous pouvez également créer
une forme avec contour sans remplissage en utilisant Aucun pour le remplissage ou une forme
remplie sans contour en utilisant Aucun pour le contour. Et vous pouvez appliquer un
remplissage de couleur unie au texte. Consultez Définition des attributs de texte, page 155.
Vous pouvez modifier les attributs des traits et des remplissages de nombreuses façons en utilisant
les outils Pot de peinture, Encrier, Pipette, et Transformer le remplissage, et le modificateur
Verrouiller le remplissage pour les outils Pinceau et Pot de peinture.
Le mélangeur de couleurs vous permet de créer et de modifier des remplissages avec couleurs
unies ou dégradées en mode RVB ou TSL. Vous pouvez importer, exporter, supprimer et
modifier la palette de couleurs d’un fichier avec le panneau Nuanciers. Vous pouvez sélectionner
les couleurs en mode hexadécimal dans le mélangeur, de même que dans les fenêtres Trait et
Remplissage qui apparaissent dans la boîte à outils ou dans l’inspecteur des propriétés.
87
Utilisation des commandes de couleur de trait et de remplissage
dans la boîte à outils
Les commandes de couleur de trait et de remplissage de la boîte à outils vous permettent de
sélectionner une couleur de trait unie ou une couleur de remplissage unie ou dégradée, de changer
les couleurs de trait et de remplissage, ou de sélectionner les couleurs par défaut (trait noir et
remplissage blanc). Les couleurs de trait et de remplissage peuvent être utilisées pour les objets
ovales et rectangles (formes). Seules les couleurs de remplissage peuvent être utilisées pour les
objets texte et les coups de pinceau. Seules les couleurs de trait peuvent être utilisées pour les
lignes tracées avec les outils Ligne, Plume et Crayon.
Les commandes de couleur de trait et de remplissage de la boîte à outils permettent de définir les
attributs de peinture des objets que vous créez à l’aide des outils de dessin et de peinture. Vous
devez d’abord sélectionner des objets sur la scène pour utiliser ces commandes pour modifier les
attributs de peinture d’objets existants.
Couleur de trait
Couleur de remplissage
Bouton Permuter les couleurs
Bouton Pas de couleur
Bouton Noir et blanc (couleurs par défaut)
Champ de modification de valeur hexadécimale
Bouton Sélection de couleur
Nuanciers de couleurs unies
Nuanciers de couleurs dégradées
Remarque Les nuanciers de couleurs dégradées apparaissent seulement dans la commande Couleur de
remplissage.
Pour appliquer des couleurs de trait et de remplissage avec les commandes de la boîte à outils,
effectuez l’une des opérations suivantes :
• Cliquez sur le triangle en regard de la puce de couleur de trait ou de remplissage et sélectionnez
un échantillon de couleur dans la fenêtre qui apparaît. Les dégradés peuvent être sélectionnés
uniquement pour la couleur de remplissage.
88
Chapitre 4
• Cliquez sur le bouton de sélection de couleur dans la fenêtre qui apparaît et sélectionnez une
couleur.
• Entrez la valeur hexadécimale d’une couleur dans le champ de la fenêtre des couleurs.
• Cliquez sur le bouton de couleur de trait et de remplissage par défaut dans la boîte à outils pour
revenir aux paramètres de couleur par défaut (remplissage blanc et trait noir).
• Cliquez sur le bouton Pas de couleur dans la fenêtre des couleurs pour supprimer la couleur de
trait ou de remplissage.
Remarque Le bouton Pas de couleur n’apparaît que lorsque vous créez un nouvel ovale ou un nouveau
rectangle. Vous pouvez créer un nouvel objet sans trait ni remplissage, mais ne pouvez pas utiliser le bouton Pas
de couleur avec les objets existants. Au lieu de cela, sélectionnez le trait ou le remplissage existant et
supprimez-le.
• Cliquez sur le bouton de permutation des couleurs de trait et de remplissage dans la boîte à
outils pour permuter les couleurs du trait et du remplissage.
Utilisation des commandes de couleur de trait et de remplissage
de l’inspecteur des propriétés
Vous pouvez changer la couleur, le style et l’épaisseur du trait d’un objet sélectionné en utilisant
les commandes de l’inspecteur des propriétés. Vous pouvez choisir parmi des styles de traits
préchargés avec Flash ou créer un style personnalisé.
Pour sélectionner un remplissage de couleur unie, vous pouvez utiliser la commande Couleur de
remplissage de l’inspecteur des propriétés.
Couleur
de trait
Couleur de
remplissage
Epaisseur de trait
Style de trait
Pour sélectionner une couleur, un style et une épaisseur de trait dans l’inspecteur des propriétés :
1
Sélectionnez un ou plusieurs objets sur la scène.
2
Si l’inspecteur des propriétés n’est pas visible, choisissez Fenêtre > Propriétés.
3
Pour sélectionner une couleur, cliquez sur le triangle en regard de la puce de couleur de trait et
effectuez l’une des opérations suivantes :
• Choisissez une nuance dans la palette.
• Tapez la valeur hexadécimale d’une couleur dans le champ.
Utilisation des couleurs
89
4
Pour sélectionner un style de trait, cliquez sur le triangle en regard du menu déroulant Style de
trait et sélectionnez une option dans le menu. Pour créer un style personnalisé, sélectionnez
Personnaliser dans l’inspecteur des propriétés, puis choisissez parmi les options proposées dans
la boîte de dialogue Style de trait, et cliquez sur OK.
Remarque La sélection d’un style de trait autre que Continue peut augmenter la taille du fichier.
5
Pour sélectionner une épaisseur de trait, cliquez sur le triangle en regard du menu déroulant
Epaisseur et placez le curseur sur l’épaisseur souhaitée.
Pour appliquer un remplissage de couleur unie dans l’inspecteur des propriétés :
1
Sélectionnez un ou plusieurs objets sur la scène.
2
Choisissez Fenêtre > Propriétés.
3
Pour sélectionner une couleur, cliquez sur le triangle en regard de la puce de couleur de
remplissage et effectuez l’une des opérations suivantes :
• Choisissez une nuance dans la palette.
• Tapez la valeur hexadécimale d’une couleur dans le champ.
Utilisation de remplissages de couleurs unies et dégradées dans
le mélangeur de couleurs
Pour créer et modifier des remplissages avec couleurs unies ou dégradées, vous pouvez utiliser le
mélangeur de couleurs. Si un objet est sélectionné sur la scène, les modifications de couleur que
vous effectuez dans le mélangeur de couleurs sont appliquées à la sélection.
Le mélangeur de couleurs vous permet de créer n’importe quelle la couleur. Vous pouvez
sélectionner les couleurs en mode RVB ou TSL, ou développer le panneau pour utiliser le mode
hexadécimal. La valeur alpha permet de définir le degré de transparence d’une couleur. De plus,
vous pouvez sélectionner l’une des couleurs de la palette des couleurs existante.
90
Chapitre 4
Vous pouvez développer le mélangeur de couleurs pour afficher un plus grand espace
chromatique à la place de la barre de couleurs, un nuancier de couleurs scindé affichant la couleur
actuelle et la couleur précédente, et la commande Luminosité permettant de modifier la
luminosité dans tous les modes de couleur.
Couleur de trait
Couleur de remplissage
Style de remplissage
Valeurs de couleur
Valeur alpha
Bouton Noir et blanc (couleurs par défaut)
Bouton Pas de couleur
Bouton Permuter les couleurs
Espace chromatique
Contrôle de la luminosité
Champ de modification de valeur hexadécimale
Exemple de couleur
Pour créer ou modifier une couleur unie avec le mélangeur de couleurs :
1
Pour appliquer la couleur à une illustration existante, sélectionnez un ou plusieurs objets sur la
scène.
2
Choisissez Fenêtre > Mélangeur de couleurs.
3
Pour sélectionner un mode de couleurs, sélectionnez RVB (paramètre par défaut) ou TSL dans
le menu Options du coin supérieur droit du mélangeur de couleurs.
4
Cliquez sur l’icône Couleur de trait ou Couleur de remplissage pour indiquer l’attribut à
modifier.
Remarque Faites attention à bien cliquer non pas sur la boîte de couleurs mais sur l’icône pour éviter qu’une
fenêtre de couleurs n’apparaisse.
5
Si vous avez sélectionné l’icône Couleur de remplissage à l’étape 4, vérifiez que l’option Uni est
sélectionnée dans le menu déroulant Style de remplissage affiché au centre du mélangeur.
6
Cliquez sur la flèche dans le coin inférieur droit pour développer le mélangeur de couleurs.
7
Effectuez l’une des opérations suivantes :
• Cliquez sur l’espace chromatique du mélangeur de couleurs pour sélectionner une couleur.
Faites glisser le contrôle de la luminosité pour ajuster la luminosité de la couleur.
Remarque Pour créer des couleurs autres que le noir ou le blanc, vérifiez que la commande Luminosité n’est
pas paramétrée sur son minimum ou sur son maximum.
Utilisation des couleurs
91
• Entrez des valeurs dans les zones correspondantes : les valeurs rouge, vert et bleu pour
l’affichage RVB, la teinte, la saturation et la luminosité pour l’affichage TSL ou les valeurs
hexadécimales pour l’affichage hexadécimal. Entrez une valeur alpha pour indiquer le degré de
transparence, de 0 pour une transparence totale à 100 pour une opacité totale.
• Cliquez sur le bouton de trait et de remplissage par défaut pour revenir aux paramètres de
couleur par défaut (remplissage blanc et trait noir).
• Cliquez sur le bouton de permutation des couleurs de trait et de remplissage pour permuter les
couleurs de trait et de remplissage.
• Cliquez sur le bouton Aucun pour appliquer un trait ou un remplissage transparent.
Remarque Les options de trait et de remplissage ne peuvent pas être paramétrées sur Aucun pour les objets
existants. Au lieu de cela, sélectionnez le trait ou le remplissage existant et supprimez-le.
• Cliquez sur le triangle en regard de la puce de couleur de trait ou de remplissage et sélectionnez
une couleur dans la fenêtre qui apparaît.
8
Pour ajouter la couleur définie à l’étape 5 à la liste des nuanciers pour le document courant,
sélectionnez Ajouter un nuancier dans le menu Options du coin supérieur droit du mélangeur
de couleurs.
Pour créer ou modifier un remplissage dégradé avec le mélangeur de couleurs :
1
Pour appliquer un remplissage dégradé à une illustration existante, sélectionnez un ou
plusieurs objets sur la scène.
2
Si le mélangeur de couleurs n’est pas visible, choisissez Fenêtre > Mélangeur de couleurs.
3
Pour sélectionner un mode de couleur, sélectionnez RVB (le paramètre par défaut) ou TSL.
4
Sélectionnez un type de dégradé dans le menu déroulant Style de remplissage affiché au centre
du mélangeur de couleurs :
• L’option Linéaire permet de créer un dégradé qui s’étend du point de départ au point d’arrivée
de façon linéaire.
92
Chapitre 4
• L’option Radial permet de créer un dégradé qui s’étend du point de départ au point d’arrivée
de façon circulaire.
La barre de définition du dégradé remplace la barre de couleurs dans le mélangeur de couleurs,
les pointeurs affichés sous la barre indiquant chaque couleur du dégradé.
Couleur actuelle
Style de remplissage
Valeurs de couleur
Valeur alpha
Barre de définition du dégradé
Espace chromatique
Contrôle de la luminosité
Pointeurs de dégradé
Champ de modification de valeur hexadécimale
Exemple de dégradé
5
Cliquez sur la flèche dans le coin inférieur droit pour développer le mélangeur de couleurs.
6
Pour changer la couleur du dégradé sélectionné, cliquez sur l’un des pointeurs se trouvant sous
la barre de définition du dégradé et cliquez sur le rectangle de couleur qui apparaît directement
sous cette barre dans le mélangeur de couleurs développé. Faites glisser le contrôle de la
luminosité pour régler la luminosité de la couleur.
7
Pour ajouter un pointeur au dégradé, cliquez sur ou sous la barre de définition du dégradé.
Sélectionnez une couleur pour le nouveau pointeur, comme décrit à l’étape 6.
8
Pour repositionner un pointeur sur le dégradé, faites-le glisser le long de la barre de définition
du dégradé. Faites glisser un pointeur vers le bas puis éloignez-le de la barre pour le supprimer.
9
Pour enregistrer le dégradé, cliquez sur le triangle dans le coin supérieur droit du mélangeur de
couleurs et sélectionnez Ajouter un nuancier dans le menu déroulant. Le dégradé est ajouté au
panneau Nuanciers pour le document courant.
Modification des traits avec l’outil Encrier
Vous pouvez utiliser l’outil Encrier pour changer la couleur de trait, l’épaisseur et le style des
lignes ou des contours d’une forme. Vous ne pouvez appliquer que des couleurs unies aux lignes
ou aux contours d’une forme, et non des dégradés ou des bitmaps.
L’utilisation de l’outil Encrier, plutôt que la sélection de lignes distinctes, permet de modifier les
attributs de trait de plusieurs objets à la fois.
Utilisation des couleurs
93
Pour utiliser l’outil Encrier :
1
Sélectionnez l’outil Encrier dans la boîte à outils.
2
Choisissez une couleur de trait, tel que décrit sous Utilisation des commandes de couleur de trait
et de remplissage dans la boîte à outils, page 88.
3
Choisissez un style et une épaisseur de trait dans l’inspecteur des propriétés. Consultez
Utilisation des commandes de couleur de trait et de remplissage de l’inspecteur des propriétés,
page 89.
4
Cliquez sur un objet sur la scène pour appliquer les modifications du trait.
Application de remplissages unis, dégradés ou bitmap avec
l’outil Pot de peinture
L’outil Pot de peinture permet de colorer les zones fermées. Il permet de remplir les zones vides et
de changer la couleur des zones déjà peintes. Vous pouvez peindre à l’aide de couleurs unies, de
remplissages dégradés et de bitmap. Vous pouvez utiliser l’outil Pot de peinture pour remplir les
zones qui ne sont pas complètement fermées et spécifier que Flash ferme les espaces des contours
de la forme lorsque vous utilisez cet outil. Pour plus d’informations sur l’application d’un
remplissage bitmap, consultez Utilisation de bitmaps importés, sous Aide > Utilisation de Flash.
La forme de gauche n’est pas complètement délimitée mais peut toujours être remplie. L’étoile est
composée de lignes individuelles délimitant une zone pouvant être remplie.
Pour utiliser l’outil Pot de peinture pour remplir une zone :
1
Sélectionnez l’outil Pot de peinture dans la boîte à outils.
2
Choisissez une couleur et un style de remplissage, tel que décrit sous Utilisation des commandes
de couleur de trait et de remplissage de l’inspecteur des propriétés, page 89.
3
Cliquez sur le modificateur Taille de l’espace et sélectionnez une option de taille d’espace :
• Sélectionnez Ne ferme pas les espaces si vous voulez fermer les espaces manuellement avant de
remplir la forme. La fermeture manuelle des espaces peut être plus rapide pour les dessins
complexes.
• Sélectionnez une option de fermeture pour que Flash remplisse les formes contenant des
espaces.
Remarque Si les espaces sont trop grands, vous devrez peut-être les fermer manuellement.
4
94
Cliquez sur la forme ou la zone fermée que vous voulez remplir.
Chapitre 4
Transformation des remplissages dégradés et bitmap
Vous pouvez transformer un remplissage dégradé ou bitmap en ajustant sa taille, sa direction ou
son centre. Pour transformer un remplissage dégradé ou bitmap, vous utiliserez l’outil
Transformer le remplissage.
Pour ajuster un remplissage dégradé ou bitmap avec l’outil Transformer le remplissage :
1
Sélectionnez l’outil Transformer le remplissage.
2
Cliquez sur une zone remplie avec un dégradé ou un bitmap.
Lorsque vous sélectionnez un remplissage dégradé ou bitmap à modifier, son point central
apparaît et son cadre de sélection apparaît avec des poignées de modification. Lorsque le
pointeur se trouve sur l’une de ces poignées, il change pour indiquer la fonction de la poignée.
Appuyez sur Maj pour contraindre la direction d’un remplissage dégradé linéaire par multiples
de 45°.
3
Remodelez le dégradé ou remplissage de l’une des façons suivantes :
• Pour repositionner le centre du remplissage dégradé ou bitmap, faites glisser le point central.
• Pour changer la largeur du remplissage dégradé ou bitmap, faites glisser la poignée carrée du
côté du cadre de sélection. Cette option ne redimensionne que le remplissage, mais pas l’objet
le contenant.
• Pour changer la hauteur du remplissage dégradé ou bitmap, faites glisser la poignée carrée en
bas du cadre de sélection.
Utilisation des couleurs
95
• Pour faire pivoter le remplissage dégradé ou bitmap, faites glisser la poignée circulaire de
rotation dans le coin. Vous pouvez également faire glisser la poignée inférieure du cercle de
sélection d’un remplissage ou dégradé circulaire.
• Pour redimensionner un dégradé linéaire ou un remplissage, faites glisser la poignée carrée au
centre de cadre de sélection.
• Pour changer le rayon d’un dégradé circulaire, faites glisser la poignée circulaire du milieu du
cercle de sélection.
• Pour incliner un remplissage dans une forme, faites glisser l’une des poignées circulaires sur le
côté supérieur ou droit du cadre de sélection.
• Pour placer un bitmap en mosaïque dans une forme, redimensionnez le remplissage.
Remarque Pour afficher toutes les poignées lorsque vous utilisez des remplissages importants ou proches du
bord de la scène, choisissez Affichage > Zone de travail.
96
Chapitre 4
Copie de traits et de remplissages avec l’outil Pipette
Vous pouvez utiliser l’outil Pipette pour copier les attributs de remplissage et de trait d’un objet et
les appliquer immédiatement à un autre objet. L’outil Pipette vous permet également de prélever
l’image d’un bitmap et de l’utiliser comme remplissage. Consultez Séparation de groupes et d’objets,
page 150.
Pour utiliser l’outil Pipette pour copier et appliquer des attributs de trait ou de remplissage :
1
Sélectionnez l’outil Pipette et cliquez sur le trait ou la zone remplie dont vous voulez appliquer
les attributs à un autre trait ou zone remplie.
Lorsque vous cliquez sur un trait, l’outil devient automatiquement l’outil Encrier. Lorsque
vous cliquez sur une zone remplie, l’outil devient automatiquement le Pot de peinture et le
modificateur Verrouiller le remplissage est activé. Consultez Verrouillage d’un dégradé ou d’un
bitmap pour remplir la scène, page 97.
2
Cliquez sur un autre trait ou sur une autre zone remplie pour appliquer les nouveaux attributs.
Verrouillage d’un dégradé ou d’un bitmap pour remplir la scène
Vous pouvez verrouiller un remplissage dégradé ou bitmap pour qu’il s’étende sur toute la scène
et que les objets peints avec le remplissage deviennent des masques révélant le dégradé ou le
bitmap sous-jacent. Pour plus d’informations sur l’application d’un remplissage bitmap, consultez
Application d’un remplissage bitmap, sous Aide > Utilisation de Flash.
Lorsque vous sélectionnez le modificateur Verrouiller le remplissage avec l’outil Pinceau ou Pot
de peinture et peignez avec l’outil, le remplissage bitmap ou dégradé s’étend sur les objets que
vous peignez sur la scène.
Le modificateur Verrouiller le remplissage permet de créer l’apparence d’un seul remplissage dégradé ou
bitmap appliqué à des objets distincts sur la scène
Pour utiliser un remplissage dégradé verrouillé :
1
Sélectionnez l’outil Pinceau ou Pot de peinture et choisissez un dégradé ou un bitmap comme
remplissage.
2
Sélectionnez un dégradé linéaire ou radial dans le menu déroulant Style de remplissage affiché
au centre du mélangeur de couleurs avant de sélectionner l’outil Pinceau ou Pot de peinture.
3
Cliquez sur le modificateur Verrouiller le remplissage.
4
Peignez d’abord les zones dans lesquelles vous voulez placer le centre du remplissage, puis
passez aux autres zones.
Pour utiliser un remplissage bitmap verrouillé :
1
Sélectionnez le bitmap que vous voulez utiliser.
2
Sélectionnez Bitmap dans le menu déroulant Style de remplissage affiché au centre du
mélangeur de couleurs avant de sélectionner l’outil Pinceau ou Pot de peinture.
Utilisation des couleurs
97
3
Sélectionnez l’outil Pinceau ou Pot de peinture.
4
Cliquez sur le modificateur Verrouiller le remplissage.
5
Peignez d’abord les zones dans lesquelles vous voulez placer le centre du remplissage, puis
passez aux autres zones.
Modification des palettes de couleurs
Chaque fichier Flash contient sa propre palette de couleurs, enregistrée dans le document. Flash
affiche la palette d’un fichier sous forme de nuanciers dans les commandes de couleur de trait et
de remplissage et dans le panneau Nuanciers. La palette de 216 couleurs prévue pour le web est la
palette par défaut. Vous pouvez ajouter des couleurs à la palette courante à l’aide du mélangeur de
couleurs. Consultez Utilisation de remplissages de couleurs unies et dégradées dans le mélangeur de
couleurs, page 90.
Pour importer, exporter et modifier la palette de couleurs d’un fichier, utilisez le panneau
Nuanciers. Vous pouvez dupliquer des couleurs, en supprimer de la palette, changer de palette
par défaut, recharger la palette prévue pour le web si vous l’avez remplacée, ou trier la palette en
fonction de la teinte.
Vous pouvez importer et exporter des palettes de couleurs dégradées et unies entre des fichiers
Flash, ainsi qu’entre Flash et d’autres applications, telles que Macromedia Fireworks et Adobe
Photoshop.
Duplication et suppression de couleurs
Vous pouvez dupliquer des couleurs de la palette, supprimer quelques couleurs ou supprimer
toutes les couleurs d’une palette.
Pour dupliquer ou supprimer une couleur de la palette :
1
Si le mélangeur de couleurs n’est pas visible, choisissez Fenêtre > Mélangeur de couleurs.
2
Cliquez sur la couleur que vous voulez dupliquer ou supprimer.
3
Choisissez Dupliquer le nuancier ou Supprimer le nuancier dans le menu Options du coin
supérieur droit.
Pour supprimer toutes les couleurs de la palette :
Dans le panneau Nuanciers, sélectionnez Effacer les couleurs dans le menu Options du coin
supérieur droit. Toutes les couleurs sont supprimées de la palette, à l’exception du noir et du
blanc.
98
Chapitre 4
Utilisation de la palette par défaut et de la palette de 216 couleurs prévue
pour le web
Vous pouvez enregistrer la palette courante comme palette par défaut, remplacer la palette
courante par la palette par défaut définie pour le fichier ou charger la palette prévue pour le web
pour remplacer la palette courante.
Pour charger ou enregistrer la palette par défaut :
Dans le panneau Nuanciers, sélectionnez l’une des commandes suivantes dans le menu Options
du coin supérieur droit :
• L’option Charger les couleurs par défaut permet de remplacer la palette courante par la palette
par défaut.
• L’option Enregistrer comme défaut enregistre la palette de couleur courante comme palette par
défaut. La nouvelle palette par défaut est utilisée lorsque vous créez des fichiers.
Pour charger la palette de 216 couleurs prévue pour le web :
Dans le panneau Nuanciers, choisissez Web 216 dans le menu Options du coin supérieur droit.
Tri de la palette
Vous pouvez faciliter la recherche d’une couleur en triant les couleurs de la palette en fonction de
la teinte.
Pour trier les couleurs de la palette :
Dans le panneau Nuanciers, sélectionnez Trier par couleur dans le menu Options du coin
supérieur droit.
Importation et exportation de palettes de couleurs
Pour importer et exporter des couleurs RVB et des dégradés entre des fichiers Flash, vous utilisez
des fichiers CLR (jeu de couleurs Flash). Vous pouvez importer et exporter des palettes de
couleurs RVB à l’aide de fichiers ACT (tables de couleurs) qui peuvent être utilisés avec
Macromedia Fireworks et Adobe Photoshop. Vous pouvez également importer des palettes de
couleurs, mais pas des dégradés, à partir de fichiers GIF. Vous ne pouvez pas importer ou exporter
de dégradés à partir de fichiers ACT.
Pour importer une palette de couleurs :
1
Dans le panneau Nuanciers, sélectionnez l’une des commandes suivantes dans le menu
Options du coin supérieur droit :
• Pour ajouter des couleurs importées à la palette courante, sélectionnez Ajouter des couleurs.
• Pour remplacer la palette courante par les couleurs importées, sélectionnez Remplacer des
couleurs.
2
Naviguez jusqu’au fichier souhaité pour le sélectionner.
3
Cliquez sur OK.
Utilisation des couleurs
99
Pour exporter une palette de couleurs :
1
Dans le panneau Nuanciers, sélectionnez Enregistrer les couleurs dans le menu Options du
coin supérieur droit.
2
Dans la boîte de dialogue qui apparaît, entrez le nom que vous souhaitez donner à la palette de
couleurs.
3
Dans le champ Type (Windows) ou Format (Macintosh), sélectionnez Jeu de couleurs Flash
ou Table de couleurs. Cliquez sur Enregistrer.
100 Chapitre 4
CHAPITRE 5
Utilisation d’illustrations et de vidéo importées
Macromedia Flash MX peut utiliser des illustrations créées dans d’autres applications. Vous
pouvez importer des graphiques vectoriels et des bitmaps dans différents formats de fichier. Si
vous avez installé QuickTime 4 ou une version ultérieure sur votre système, vous pouvez importer
d’autres formats de fichiers vectoriels ou bitmap. Pour plus d’informations, consultez Formats
d’importation de fichiers vectoriels ou bitmap, page 104. Vous pouvez importer des fichiers
FreeHand (version 10 ou ultérieure) et PNG Fireworks directement dans Flash, en conservant les
attributs propres à ces formats.
Vous pouvez appliquer la compression et l’anti-aliasing sur tout bitmap que vous importez, le
placer directement dans un document Flash, l’utiliser comme remplissage, le manipuler dans un
éditeur externe ou le séparer en pixels et le manipuler dans Flash, ou encore le convertir en
illustration vectorielle. Consultez Utilisation de bitmaps importés, page 109.
Les vidéos peuvent également être importées dans Flash. Vous pouvez importer ces fichiers
directement dans Flash au format vidéo Macromedia Flash (fichiers FLV). Pour plus
d’informations sur le format de fichier FLV, consultez Chapitre 21, Exportation, page 445.
Si QuickTime 4 ou plus récent (Windows ou Macintosh), ou DirectX 7 ou plus récent (Windows
uniquement), est installé sur votre système, vous pouvez importer de la vidéo au format MOV,
AVI ou MPEG. Selon votre système, d’autres formats peuvent également être importés. Les clips
vidéo peuvent être importés en tant que fichiers associés ou incorporés. Vous pouvez publier les
animations avec des vidéos importées en tant que fichiers SWF ou animations QuickTime.
Consultez Importation de vidéo, page 114.
Pour plus d’informations sur l’importation de fichiers audio aux formats WAV (Windows), AIFF
(Macintosh) et MP3, consultez Importation de sons, page 123.
101
Placement d’illustrations dans Flash
Flash reconnaît divers formats de fichiers vectoriels et bitmaps. Vous pouvez placer une
illustration dans Flash en l’important sur la scène du document Flash actuel ou dans la
bibliothèque correspondant au document actif. Vous pouvez également importer les bitmaps en
les collant sur la scène dans le document actif. Tous les bitmaps importés directement dans un
document Flash sont automatiquement ajoutés à la bibliothèque du document.
La taille minimum des fichiers graphiques importés dans Flash est de 2 x 2 pixels.
Vous pouvez charger des fichiers JPEG dans une animation au cours de l’exécution, en utilisant la
méthode ou l’action loadMovie. Pour plus d’informations, consultez loadMovie dans le
dictionnaire ActionScript (via le menu Aide).
Flash importe les graphiques vectoriels, les bitmaps et les séquences d’images comme suit :
• Lorsque vous importez des images vectorielles depuis FreeHand, vous pouvez choisir des
options permettant de préserver les calques, les pages et les blocs de texte de FreeHand.
Consultez Importation de fichiers FreeHand, page 106.
• Lorsque vous importez des images PNG de Fireworks, ces fichiers peuvent être traités sous la
forme d’objets modifiables dans Flash ou de fichiers fusionnés modifiables et actualisables dans
Fireworks.
• Vous pouvez choisir des options permettant de préserver les images, le texte et les guides.
Consultez Importation de fichiers PNG Fireworks, page 105.
Remarque Si vous utilisez le couper-coller pour importer un fichier PNG de Fireworks, ce fichier est converti en
bitmap.
• Lorsque vous importez des images vectorielles depuis Adobe Illustrator, vous pouvez choisir
des options permettant de préserver les calques d’Adobe Illustrator. Consultez Importation de
fichiers Adobe Illustrator, page 108.
• Les fichiers d’images vectorielles au format SWF et métafichier Windows (WMF) importés
directement dans un document Flash (au lieu d’une bibliothèque) sont importés en tant que
groupe dans le calque actuel. Consultez Formats d’importation de fichiers vectoriels ou bitmap,
page 104 et Importation de fichiers Adobe Illustrator, page 108.
• Les bitmaps (photographies scannées, fichiers BMP) que vous importez directement dans les
documents Flash sont importés en tant qu’objets individuels dans le calque courant. Flash
préserve les paramètres de transparence des bitmaps importés. L’importation d’un bitmap
pouvant augmenter la taille d’un fichier d’animation Flash (fichier SWF), il pourra être
judicieux de compresser les bitmaps importés. Consultez Définition des propriétés d’un bitmap,
page 110.
Remarque La transparence d’un bitmap importé par glisser-déposer peut ne pas être préservée. Pour
préserver la transparence, importez les bitmaps en choisissant Fichier > Importer.
• Toute séquence d’images (par exemple, une séquence PICT et BMP) que vous importez
directement dans les documents Flash est importée en tant qu’images-clés successives du calque
courant.
Pour plus d’informations sur les formats de fichiers spécifiques, consultez Formats d’importation de
fichiers vectoriels ou bitmap, page 104.
102 Chapitre 5
Pour importer un fichier dans Flash :
1
Effectuez l’une des opérations suivantes :
• Pour importer un fichier directement dans le document Flash actuel, choisissez Fichier >
Importer.
• Pour importer un fichier dans la bibliothèque du document Flash actuel, choisissez Fichier >
Importer dans la bibliothèque. Pour utiliser un élément de bibliothèque dans le document, il
vous suffit de le faire glisser sur la scène. Consultez Chapitre 9, Utilisation de symboles,
d’occurrences et d’actifs de bibliothèque, page 167.
2
Dans la boîte de dialogue Importer, choisissez un format de fichier dans le menu déroulant
Type (Windows) ou Afficher (Macintosh).
3
Naviguez jusqu’au fichier souhaité pour le sélectionner.
Si un fichier importé contient plusieurs calques, Flash peut créer de nouveaux calques (en
fonction du format d’importation). Les nouveaux calques éventuels seront affichés dans le
scénario.
Remarque Si vous importez un fichier PNG Fireworks, consultez Importation de fichiers PNG Fireworks,
page 105. Si vous importez un fichier FreeHand, consultez Importation de fichiers FreeHand, page 106. Si vous
importez un fichier Adobe Illustrator, consultez Importation de fichiers Adobe Illustrator, page 108.
4
Effectuez l’une des opérations suivantes :
• Sous Windows ou sur Macintosh OS 10 (ou plus récent), cliquez sur Ouvrir.
• Sur Mac OS 9.x (ou précédent), cliquez sur Ajouter pour ajouter le(s) fichier(s) sélectionné(s) à
la liste Importer et cliquez sur Importer pour importer le(s) fichier(s).
5
Si le nom du fichier que vous importez se termine par un chiffre et s’il existe d’autres fichiers
numérotés de façon séquentielle dans le même dossier, Flash vous demande si vous souhaitez
importer la séquence de fichiers.
• Cliquez sur Oui pour importer tous les fichiers séquentiels.
• Cliquez sur Non pour importer uniquement le fichier spécifié.
Voici quelques exemples des noms de fichier que vous pouvez utiliser dans une séquence :
Image001.gif, Image002.gif, Image003.gif
Oiseau 1, Oiseau 2, Oiseau 3
mouvement-001.ai, mouvement-002.ai, mouvement-003.ai
Pour coller une image bitmap créée dans une autre application dans le document Flash actuel :
1
Copiez l’image dans l’autre application.
2
Dans Flash, choisissez Edition > Coller.
Utilisation d’illustrations et de vidéo importées 103
Formats d’importation de fichiers vectoriels ou bitmap
Flash MX peut importer des formats de fichier vectoriels ou bitmap différents selon que vous ayez
ou non installé QuickTime 4 ou une version ultérieure sur votre ordinateur. L’utilisation de Flash
avec QuickTime 4 installé sur votre ordinateur est particulièrement utile pour les projets de
travail en groupe où les auteurs travaillent à la fois sur les plates-formes Windows et Macintosh.
QuickTime 4 permet d’étendre le support de certains formats de fichier (tels que Adobe
Photoshop, PICT, QuickTime, et autres) aux deux plates-formes.
Les tableaux de cette section répertorient les formats acceptés pour l’importation des fichiers
vectoriels ou bitmap. Pour plus d’informations sur les formats supportés pour l’importation de
clips vidéo, consultez Importation de vidéo, page 114.
Vous pouvez importer les formats de fichiers vectoriels ou bitmap suivants dans Flash MX, avec
QuickTime 4 installé ou non sur votre ordinateur :
Type de fichier
Extension
Windows
Macintosh
.eps, .ai
✔
✔
.dxf
✔
✔
Bitmap
.bmp
✔
✔
(avec QuickTime)
Métafichier Windows étendu
.emf
✔
.fh7, .fh7, .fh8,
.fh8, .fh9, .fh9,
.fh10
✔
✔
Adobe Illustrator (version 8 ou antérieure,
consultez Importation de fichiers Adobe
Illustrator, page 108)
AutoCAD DXF (voir Fichiers DXF AutoCAD,
page 109)
FreeHand
FutureSplash Player
.spl
✔
✔
GIF et GIF animé
.gif
✔
✔
JPEG
.jpg
✔
✔
PICT
.pct, .pic
✔
PNG
.png
✔
✔
Flash Player 6
.swf
✔
✔
Métafichier Windows
.wmf
✔
104 Chapitre 5
Vous pouvez importer les formats de fichiers vectoriels ou bitmap suivants dans Flash MX, à
condition d’avoir installé QuickTime 4 ou une version ultérieure sur votre ordinateur :
Type de fichier
Extension
Windows
Macintosh
MacPaint
.pntg
✔
✔
Photoshop
.psd
✔
✔
.pct, .pic
✔
(en tant que bitmap)
Image QuickTime
.qtif
✔
✔
Image Silicon Graphics
.sgi
✔
✔
TGA
.tga
✔
✔
TIFF
.tif
✔
✔
PICT
Importation de fichiers PNG Fireworks
Vous pouvez importer des fichiers PNG Fireworks dans Flash sous la forme d’images fusionnées
ou d’objets modifiables. Lorsque vous importez un fichier PNG sous la forme d’une image
fusionnée, l’ensemble du fichier (y compris ses illustrations vectorielles) est converti en image
bitmap. Lorsque vous importez un fichier PNG sous la forme d’objet modifiable, les illustrations
vectorielles qu’il contient sont préservées. Vous pouvez choisir de préserver les bitmaps, le texte et
les guides du fichier PNG lorsque vous l’importez sous la forme d’objet modifiable.
Si vous importez le fichier PNG sous la forme d’une image fusionnée, vous pouvez démarrer
Fireworks à partir de Flash et modifier le fichier PNG d’origine (avec des données vectorielles).
Consultez Manipulation des bitmaps dans un éditeur externe, page 112.
Les paramètres d’importation ne doivent être sélectionnés qu’une seule fois lorsque vous importez
plusieurs fichiers PNG en un même lot. Flash MX utilisera les mêmes paramètres pour tous les
fichiers du lot.
Remarque Vous pouvez modifier des images bitmap dans Flash en les convertissant en illustrations vectorielles
ou en les séparant. Consultez Conversion de bitmaps en graphiques vectoriels, page 113 et Séparation d’un bitmap,
page 112.
Pour importer un fichier PNG Fireworks :
1
Choisissez Fichier > Importer.
2
Dans la boîte de dialogue Importer, choisissez Image PNG dans le menu déroulant Type
(Windows) ou Afficher (Macintosh).
3
Sélectionnez une image PNG Fireworks.
4
Effectuez l’une des opérations suivantes :
• Sous Windows ou sur Macintosh OS 10 (ou plus récent), cliquez sur Ouvrir.
• Sur Mac OS 9.x (ou précédent), cliquez sur Ajouter pour ajouter le(s) fichier(s) sélectionné(s) à
la liste Importer et cliquez sur Importer pour importer le(s) fichier(s).
Utilisation d’illustrations et de vidéo importées 105
5
Dans la boîte de dialogue Options d’importation PNG Fireworks, sélectionnez l’une des
options de structure suivantes :
• Activez l’option Importer sous forme de clip et conserver les calques pour importer le fichier
PNG sous forme de clip, toutes ses images et tous ses calques demeurant intacts à l’intérieur du
symbole de clip.
• Activez l’option Importer dans un nouveau calque dans la scène en cours pour importer le
fichier PNG dans le document Flash actuel sous la forme d’un seul nouveau calque situé au
début de l’ordre d’empilement. Les calques Fireworks sont fusionnés pour former un seul
calque. Les images Fireworks sont contenues dans le nouveau calque.
6
Pour Objets, sélectionnez un des paramètres suivants :
• Activez l’option Rastériser, si nécessaire, pour conserver l’apparence pour conserver les
remplissages, traits et effets de Fireworks dans Flash.
• Activez l’option Conserver tous les trajets modifiables pour conserver tous les objets sous forme
de tracés vectoriels modifiables. Certains remplissages, traits et effets de Fireworks sont perdus
à l’importation.
7
Pour Texte, sélectionnez un des paramètres suivants :
• Activez l’option Rastériser, si nécessaire, pour conserver l’apparence pour conserver les
remplissages, traits et effets du texte Fireworks importé dans Flash.
• Activez l’option Conserver tous les caractères modifiables pour conserver du texte pouvant être
modifié. Certains remplissages, traits et effets de Fireworks sont perdus à l’importation.
8
Activez l’option Importer sous la forme d’une bitmap lissée pour fusionner le fichier PNG en
une seule image bitmap. Toutes les autres options sont affichées en grisé lorsque cette option
est activée.
9
Cliquez sur OK.
Importation de fichiers FreeHand
Vous pouvez importer des fichiers FreeHand (jusqu’à la version 10) dans Flash. FreeHand
constitue le meilleur choix en matière de logiciels de création de graphiques vectoriels en vue
d’une importation dans Flash : il permet en effet de conserver les calques, les blocs de texte, les
symboles et les pages FreeHand, mais aussi de choisir une plage de pages à importer. Si le fichier
FreeHand importé est en mode couleur CMJN, Flash le convertit en RVB.
Gardez les instructions suivantes à l’esprit lors de l’importation de fichiers FreeHand :
• Pour importer un fichier contenant des objets se chevauchant que vous souhaitez préserver en
tant qu’objets distincts, placez les objets dans des calques différents dans FreeHand et
choisissez Calques dans la boîte de dialogue Importation FreeHand dans Flash. Si vous
importez dans Flash des objets se chevauchant sur un seul calque, les formes qui se
chevauchent seront divisées aux points d’intersection, comme avec les objets se chevauchant
que vous créez dans Flash.
• Flash supporte jusqu’à huit couleurs de dégradé pour les fichiers importés contenant des
remplissages dégradés. Si un fichier FreeHand contient un remplissage dégradé de plus de huit
couleurs, Flash crée des trajets de découpage pour simuler l’apparence du remplissage. Les
trajets de découpage peuvent augmenter la taille du fichier. Pour réduire la taille du fichier,
utilisez des remplissages dégradés d’un maximum de 8 couleurs dans FreeHand.
106 Chapitre 5
• Lors de l’importation de fichiers contenant des mélanges, Flash importe chaque étape d’un
mélange comme un trajet distinct. Ainsi, plus un mélange contient d’étapes dans un fichier
FreeHand, plus grande sera la taille du fichier importé dans Flash.
• Lors de l’importation de fichiers contenant des traits avec des extrémités carrées, Flash
convertit ces dernières en extrémités arrondies.
• Lors de l’importation de fichiers contenant des images en nuances de gris, Flash convertit ces
images en images RVB. Cette conversion peut augmenter la taille du fichier importé.
• Lors de l’importation de fichiers avec des images EPS, vous devez d’abord activer l’option
Convertir les fichiers EPS modifiables pendant leur importation dans les préférences
d’importation de FreeHand, avant de placer l’image EPS dans FreeHand. Si vous ne
sélectionnez pas cette option, l’image EPS ne pourra pas être visualisée une fois importée dans
Flash. En outre, Flash n’affiche pas d’informations pour une image EPS importée (quelles que
soient les préférences utilisées dans FreeHand).
Pour importer un fichier FreeHand :
1
Choisissez Fichier > Importer.
2
Dans la boîte de dialogue Importer, choisissez FreeHand dans le menu déroulant Type
(Windows) ou Afficher (Macintosh).
3
Sélectionnez le fichier FreeHand.
4
Effectuez l’une des opérations suivantes :
• Sous Windows ou sur Macintosh OS 10 (ou plus récent), cliquez sur Ouvrir.
• Sur Mac OS 9.x (ou précédent), cliquez sur Ajouter pour ajouter le(s) fichier(s) sélectionné(s) à
la liste Importer et cliquez sur Importer pour importer le(s) fichier(s).
5
Dans la boîte de dialogue Importation FreeHand, sélectionnez un paramètre de mappage des
pages :
• L’option Scènes convertit chaque page du document FreeHand en une séquence dans le
document Flash.
• L’option Images-clés convertit chaque page du document FreeHand en une image-clé dans le
document Flash.
6
Pour Mappages des calques, sélectionnez un des paramètres suivants :
• L’option Calques convertit chaque calque du document FreeHand en un calque dans le
document Flash.
• L’option Images-clés convertit chaque calque du document FreeHand en une image-clé dans le
document Flash.
• L’option Fusionner convertit tous les calques du document FreeHand en un seul calque dans le
document Flash.
7
Pour Pages, effectuez l’une des opérations suivantes :
• Sélectionnez Toutes pour importer toutes les pages du document FreeHand.
• Entrez les numéros de pages dans les champs De et A pour importer une plage de pages du
document FreeHand.
Utilisation d’illustrations et de vidéo importées 107
8
Pour Options, sélectionnez un des paramètres suivants :
• L’option Inclure les calques invisibles importe tous les calques (visibles et masqués) du
document FreeHand.
• L’option Inclure le calque d’arrière-plan importe le calque d’arrière-plan avec le document
FreeHand.
• L’option Conserver les blocs de texte préserve le texte du document FreeHand en tant que
texte modifiable dans le document Flash.
9
Cliquez sur OK.
Importation de fichiers Adobe Illustrator
Flash peut importer et exporter les fichiers Adobe Illustrator de la version 8.0 ou des versions
antérieures. Pour plus d’informations sur l’exportation de fichiers Illustrator, consultez Adobe
Illustrator, page 447. Lorsque vous importez un fichier Illustrator dans Flash, vous devez dissocier
tous les objets Illustrator sur tous les calques. Une fois tous les objets dissociés, vous pouvez les
manipuler comme n’importe quel objet Flash.
Pour importer un fichier Adobe Illustrator :
1
Choisissez Fichier > Importer.
2
Dans la boîte de dialogue Importer, choisissez Adobe Illustrator dans le menu déroulant Type
(Windows) ou Afficher (Macintosh).
3
Sélectionnez le fichier Illustrator.
4
Effectuez l’une des opérations suivantes :
• Sous Windows ou sur Macintosh OS 10 (ou plus récent), cliquez sur Ouvrir.
• Sur Mac OS 9.x (ou précédent), cliquez sur Ajouter pour ajouter le(s) fichier(s) sélectionné(s) à
la liste Importer et cliquez sur Importer pour importer le(s) fichier(s).
La boîte de dialogue Propriétés d’importation Illustrator apparaît.
5
Pour Convertir les calques, sélectionnez un des paramètres suivants :
• L’option Calques convertit chaque calque du document Illustrator en un calque dans le
document Flash.
• L’option Images-clés convertit chaque calque du document Illustrator en une image-clé dans le
document Flash.
• L’option Fusionner convertit tous les calques du document Illustrator en un seul calque dans le
document Flash.
6
L’option Inclure les calques invisibles importe tous les calques (visibles et masqués) du
document Illustrator.
7
Cliquez sur OK.
108 Chapitre 5
Fichiers DXF AutoCAD
Flash supporte le format AutoCAD DXF de la version 10.
Les fichiers DXF ne supportent pas les polices système standard. Flash essaie de mapper les polices
correctement, mais les résultats sont imprévisibles, surtout en ce qui concerne l’alignement du
texte.
Le format DXF ne supportant pas les remplissages unis, les zones remplies sont exportées sous
forme de contours uniquement. C’est pour cette raison que le format DXF est plutôt conseillé
pour les dessins avec des traits, tels que les plans et les cartes géographiques.
Vous pouvez importer des fichiers DXF bidimensionnels dans Flash. Flash ne supporte pas les
fichiers DXF tridimensionnels.
Même si Flash ne gère pas le redimensionnement des fichiers DXF, tous les fichiers DXF
importés produisent des animations d’environ 30 cm par 30 cm, que vous pouvez redimensionner
en utilisant la commande Modification > Transformer > Redimensionner. Par ailleurs, Flash ne
supporte que les fichiers DXF ASCII. Vous devrez convertir vos fichiers DXF binaires en fichiers
ASCII avant de les importer dans Flash.
Utilisation de bitmaps importés
Lorsque vous importez un bitmap dans Flash, vous pouvez le manipuler et l’utiliser de
nombreuses manières dans votre animation Flash. Vous pouvez également appliquer la
compression et l’anti-aliasing aux bitmaps importés pour contrôler leur taille et leur apparence
dans les animations. Consultez Définition des propriétés d’un bitmap, page 110. Les bitmaps
importés peuvent être utilisés pour remplir les objets. Consultez Application d’un remplissage
bitmap, page 111.
Flash vous permet de séparer une image bitmap en pixels modifiables. Le bitmap conserve ses
détails d’origine mais est séparé en petites régions de couleur. La séparation d’un bitmap vous
permet de sélectionner et de manipuler des régions à l’aide des outils de dessin et de peinture
de Flash. La séparation d’un bitmap vous permet également de prélever le bitmap avec l’outil
Pipette pour l’utiliser comme remplissage. Consultez Séparation d’un bitmap, page 112.
Vous pouvez modifier une image bitmap importée en lançant Fireworks ou un autre éditeur
d’images externe à partir de Flash. Consultez Manipulation des bitmaps dans un éditeur externe,
page 112. Vous pouvez tracer un bitmap pour le convertir en graphique vectoriel. Cette
conversion vous permet de modifier le graphique comme s’il s’agissait d’une illustration
vectorielle Flash. Consultez Conversion de bitmaps en graphiques vectoriels, page 113.
Si une animation Flash affiche une image bitmap importée avec une taille supérieure à la taille
d’origine, l’image peut être déformée. Affichez un aperçu des bitmaps importés pour vous assurer
que les images s’affichent correctement.
Utilisation d’illustrations et de vidéo importées 109
Utilisation de l’inspecteur des propriétés avec les bitmaps
Lorsque vous sélectionnez un bitmap sur la scène, l’inspecteur des propriétés affiche le nom de
son symbole, ainsi que ses dimensions en pixels et sa position sur la scène. L’inspecteur des
propriétés vous permet d’affecter un nouveau nom au bitmap et de permuter une occurrence d’un
bitmap, c’est à dire remplacer l’occurrence par celle d’un autre bitmap dans le document actuel.
Pour afficher l’inspecteur des propriétés :
1
Sélectionnez une occurrence de bitmap sur la scène.
2
Choisissez Fenêtre > Propriétés.
Pour affecter un nouveau nom à un bitmap :
1
Sélectionnez le bitmap dans le panneau Bibliothèque.
2
Choisissez Fenêtre > Propriétés si l’inspecteur des propriétés n’est pas visible. Sélectionnez une
occurrence de bitmap sur la scène pour en afficher les propriétés.
3
Dans l’inspecteur des propriétés, entrez un nom dans le champ Nom.
4
Cliquez sur OK.
Pour remplacer une occurrence de bitmap par celle d’un autre bitmap :
1
Sélectionnez une occurrence de bitmap sur la scène.
2
Choisissez Fenêtre > Propriétés si l’inspecteur des propriétés n’est pas visible.
3
Dans l’inspecteur des propriétés, cliquez sur Permuter.
4
Dans la boîte de dialogue Permuter le bitmap, sélectionnez le bitmap qui remplacera celui
actuellement affecté à l’occurrence.
Définition des propriétés d’un bitmap
Vous pouvez appliquer l’anti-aliasing à un bitmap importé pour en lisser les bords. Vous pouvez
également sélectionner une option de compression pour réduire la taille du fichier bitmap et
formater le fichier pour son affichage sur le web.
Pour sélectionner les propriétés d’une image bitmap, vous utiliserez la boîte de dialogue
Propriétés du bitmap.
Pour définir les propriétés d’un bitmap :
1
Sélectionnez un bitmap dans le panneau Bibliothèque.
2
Effectuez l’une des opérations suivantes :
• Cliquez sur l’icône Propriétés, en bas du panneau Bibliothèque.
• Cliquez du bouton droit (Windows) ou avec la touche Contrôle enfoncée (Macintosh) sur
l’icône du bitmap et choisissez Propriétés dans le menu contextuel.
• Choisissez Propriétés dans le menu Options du coin supérieur droit du panneau Bibliothèque.
3
110
Dans la boîte de dialogue Propriétés du bitmap, activez l’option Autoriser le lissage pour antialiaser les contours de l’image bitmap.
Chapitre 5
4
Pour Compression, sélectionnez un des paramètres suivants :
• Sélectionnez Photo (JPEG) pour compresser l’image au format JPEG. Pour utiliser la qualité
de compression par défaut spécifiée pour l’image importée, activez l’option Utiliser la qualité
par défaut du document. Pour spécifier un nouveau paramètre de qualité de compression,
désactivez l’option Utiliser la qualité par défaut du document et entrez une valeur comprise
entre 1 et 100 dans le champ Qualité. Un paramètre plus élevé permet de conserver une
meilleure intégrité de l’image mais produit un fichier plus volumineux.
• Sélectionnez Sans perte (PNG/GIF) pour utiliser la compression sans perte, qui permet de
compresser l’image sans supprimer aucune donnée.
Remarque Utilisez la compression Photo pour les images aux couleurs ou variations de tons complexes, telles
que les photographies ou les images avec des remplissages en dégradé. Utilisez la compression Sans perte
pour les images aux formes simples et ne contenant que relativement peu de couleurs.
5
Cliquez sur Tester pour constater les résultats de la compression du fichier. Comparez la taille
du fichier d’origine à la taille du fichier compressé pour déterminer si le paramètre de
compression sélectionné est adéquat.
6
Cliquez sur OK.
Remarque Les paramètres de l’option de qualité JPEG, que vous sélectionnez dans la boîte de dialogue
Paramètres de publication, ne précisent pas un paramètre de qualité pour les fichiers JPEG importés. Vous
devez spécifier un paramètre de qualité pour les fichiers JPEG importés dans la boîte de dialogue Propriétés du
bitmap.
Application d’un remplissage bitmap
Le mélangeur de couleurs vous permet d’utiliser un bitmap pour remplir un objet graphique.
L’application d’un bitmap en tant que remplissage entraîne son placement en mosaïque à
l’intérieur de l’objet. L’outil Transformer le remplissage vous permet de redimensionner, faire
pivoter ou incliner les images et leur remplissage bitmap. Consultez Transformation des
remplissages dégradés et bitmap, page 95.
Pour appliquer un bitmap comme remplissage avec le mélangeur de couleurs :
1
Pour appliquer le remplissage à une illustration existante, sélectionnez un ou plusieurs objets
graphiques sur la scène.
2
Choisissez Fenêtre > Mélangeur de couleurs.
3
Dans le panneau Mélangeur de couleurs, sélectionnez Bitmap dans le menu déroulant du
centre du panneau.
4
Si une plus grande fenêtre d’aperçu est nécessaire afin d’afficher un plus grand nombre de
bitmaps dans le document actuel, cliquez sur la flèche affichée en bas à droite pour développer
le mélangeur de couleurs.
5
Cliquez sur un bitmap pour le sélectionner.
Le bitmap devient la couleur du remplissage. Si vous avez sélectionné une illustration à
l’étape 1, le bitmap est utilisé pour la remplir.
Utilisation d’illustrations et de vidéo importées
111
Manipulation des bitmaps dans un éditeur externe
Si vous possédez Fireworks 3 ou une version ultérieure (ou une autre application d’édition
d’images), vous pouvez lancer l’application à partir de Flash pour modifier un bitmap importé.
Si vous modifiez un fichier PNG Fireworks importé en tant qu’image fusionnée, vous pouvez
modifier le fichier source PNG de l’image bitmap, s’il est disponible.
Remarque Vous ne pouvez pas modifier des bitmaps de fichiers PNG Fireworks importés en tant qu’objets
modifiables dans un éditeur d’images externe.
Pour modifier un bitmap avec Fireworks 3 ou version ultérieure :
1
Dans le panneau Bibliothèque, cliquez du bouton droit (Windows) ou avec la touche Contrôle
enfoncée (Macintosh) sur l’icône du bitmap.
2
Dans le menu contextuel du bitmap, choisissez Modifier avec Fireworks 3.
3
Dans la boîte de dialogue Modifier l’image, indiquez si vous souhaitez ouvrir le fichier source
PNG ou le fichier bitmap.
4
Effectuez les modifications souhaitées sur le fichier dans Fireworks.
5
Choisissez Fichier > Mettre à jour.
Le fichier est automatiquement mis à jour dans Flash.
Pour modifier un bitmap avec une autre application d’édition externe :
1
Dans le panneau Bibliothèque, cliquez du bouton droit (Windows) ou avec la touche Contrôle
enfoncée (Macintosh) sur l’icône du bitmap.
2
Dans le menu contextuel du bitmap, choisissez Modifier avec.
3
Choisissez une application d’édition d’images pour ouvrir le fichier bitmap et cliquez sur OK.
4
Effectuez les modifications souhaitées sur le fichier dans l’application d’édition d’images.
5
Enregistrez le fichier dans l’autre application.
Le fichier est automatiquement mis à jour dans Flash.
6
Retournez dans Flash pour continuer à manipuler le document.
Séparation d’un bitmap
Lorsque vous séparez un bitmap, les pixels de l’image sont divisés en petites régions que vous
pouvez sélectionner et manipuler séparément. La séparation d’un bitmap vous permet de le
modifier à l’aide des outils de dessin et de peinture Flash. L’utilisation conjointe de l’outil Lasso et
de la baguette magique vous permet de sélectionner les régions d’un bitmap qui a été séparé.
Vous pouvez peindre avec un bitmap séparé en le sélectionnant avec l’outil Pipette, puis en
l’appliquant comme remplissage avec l’outil Pot de peinture ou un autre outil de dessin.
Pour séparer un bitmap :
112
1
Sélectionnez un bitmap dans la séquence courante.
2
Choisissez Modification > Séparer.
Chapitre 5
Pour changer le remplissage des zones sélectionnées dans un bitmap séparé :
1
Sélectionnez l’outil Lasso et cliquez sur sur le modificateur Baguette magique.
2
Cliquez sur le modificateur Propriétés de la baguette magique et définissez les options
suivantes :
• Pour Seuil, entrez une valeur comprise entre 1 et 200 pour définir le degré d’exactitude de la
couleur des pixels adjacents devant être inclus dans la sélection. Une valeur élevée inclut un
plus grand nombre de couleurs. Si vous entrez 0, seuls les pixels ayant exactement la même
couleur que le premier pixel sur lequel vous cliquez seront sélectionnés.
• Pour Lissage, sélectionnez une option dans le menu déroulant pour définir le degré de lissage
des bords de la sélection.
3
Cliquez sur le bitmap pour sélectionner une région. Continuez à cliquer pour sélectionner
d’autres régions.
4
Sélectionnez le remplissage que vous souhaitez utiliser pour les régions sélectionnées dans le
bitmap. Consultez Utilisation des commandes de couleur de trait et de remplissage dans la boîte à
outils, page 88.
5
Sélectionnez l’outil Pot de peinture et cliquez n’importe où dans la région sélectionnée pour
appliquer le nouveau remplissage.
Pour appliquer un bitmap séparé comme remplissage avec l’outil Pipette :
1
Sélectionnez l’outil Pipette et cliquez sur le bitmap séparé sur la scène.
L’outil Pipette fait du bitmap le remplissage courant et utilise l’outil Pot de peinture comme
outil actif.
2
Effectuez l’une des opérations suivantes :
• Cliquez sur un objet graphique existant avec l’outil Pot de peinture pour appliquer le bitmap
comme remplissage.
• Sélectionnez l’outil Ovale, Rectangle ou Plume et dessinez un nouvel objet. L’objet est rempli
avec le bitmap séparé.
Vous pouvez utiliser l’outil Pot de peinture pour redimensionner, faire pivoter ou incliner le
remplissage bitmap.
Conversion de bitmaps en graphiques vectoriels
La commande Tracer le bitmap convertit un bitmap en graphique vectoriel avec des régions de
couleur modifiables. Cette commande vous permet de manipuler l’image en tant que graphique
vectoriel, mais est aussi pratique pour réduire la taille du fichier.
Lorsque vous convertissez une image bitmap en graphique vectoriel, ce dernier n’est plus lié au
symbole de bitmap dans le panneau Bibliothèque.
Remarque Si le bitmap importé contient des formes complexes et de nombreuses couleurs, le graphique vectoriel
converti peut avoir une taille de fichier supérieure à celle du bitmap d’origine. Essayez plusieurs paramètres dans la
boîte de dialogue Tracer le bitmap afin de trouver un équilibre entre la taille de fichier et la qualité d’image.
Vous pouvez également séparer un bitmap pour manipuler l’image avec les outils de dessin et de
peinture de Flash. Consultez Séparation d’un bitmap, page 112.
Utilisation d’illustrations et de vidéo importées
113
Pour convertir un bitmap en graphique vectoriel :
1
Sélectionnez un bitmap dans la séquence courante.
2
Choisissez Modification > Tracer le bitmap.
3
Pour Seuil de couleur, entrez une valeur comprise entre 1 et 500.
Lorsque deux pixels sont comparés, si la différence entre les valeurs de couleur RVB est
inférieure au seuil de couleur, les deux pixels sont considérés comme étant de la même couleur.
Plus vous augmentez la valeur du seuil, plus le nombre de couleurs diminue.
4
Pour Zone minimum, entrez une valeur comprise entre 1 et 1000 pour définir le nombre de
pixels environnants à prendre en considération lors de l’affectation d’une couleur à un pixel.
5
Pour Aspect des courbes, sélectionnez une option dans le menu déroulant pour déterminer le
degré de lissage des contours dessinés.
6
Pour Seuil d’angle, sélectionnez une option dans le menu déroulant pour déterminer si les
angles saillants seront conservés ou s’ils seront lissés.
Pour créer un graphique vectoriel qui ressemble plutôt au bitmap d’origine, entrez les valeurs
suivantes :
•
•
•
•
Seuil de couleur : 10
Zone minimum : 1 pixel
Aspect des courbes : pixels
Seuil d’angle : Angles nombreux
Le résultat de la commande Tracer le bitmap avec des paramètres plus réduits (plus comme l’image
d’origine) et des paramètres plus élevés (distorsion plus élevée)
Importation de vidéo
Les vidéos peuvent être importées dans Flash. Selon le format vidéo et la méthode d’importation
sélectionnés, vous pouvez publier l’animation avec vidéo sous forme d’animation Flash (fichier
SWF) ou de séquence QuickTime (fichier MOV).
Si QuickTime 4 ou plus récent (Windows ou Macintosh), ou DirectX 7 ou plus récent (Windows
uniquement), est installé sur votre système, vous pouvez importer de la vidéo au format MOV,
AVI ou MPEG. Pour plus d’informations sur les formats de fichiers supportés, consultez Formats
des fichiers vidéo importés, page 115.
Les clips vidéo peuvent être importés en tant que fichiers incorporés ou liés. Consultez
Importation de clips vidéo en tant que fichiers intégrés, page 118, et Importation de clips vidéo
QuickTime en tant que fichiers liés, page 121.
114
Chapitre 5
Vous pouvez appliquer les actions suivantes aux objets vidéo importés dans les clips : goTo, play,
stop, toggleHighQuality, stopAllSounds, getURL, FScommand, loadMovie, unloadMovie,
ifFrameLoaded et onMouseEvent. Pour pouvoir appliquer des actions à un objet vidéo, vous
devez d’abord le convertir en clip. Pour plus d’informations sur l’utilisation d’ActionScript,
consultez Chapitre 12, Le langage ActionScript, page 229.
Formats des fichiers vidéo importés
Les formats de fichiers vidéo suivants sont supportés pour l’importation si QuickTime 4 est
installé (Windows et Macintosh) :
Extension
Windows
Macintosh
Audio Video Interleaved
Type de fichier
.avi,
✔
✔
Vidéo numérique
.dv
✔
✔
.mpg, .mpeg
✔
✔
.mov
✔
✔
Motion Picture Experts Group
Séquence QuickTime
Les formats de fichiers vidéo suivants sont supportés pour l’importation si DirectX 7 ou plus
récent est installé (Windows uniquement) :
Type de fichier
Audio Video Interleaved
Motion Picture Experts Group
Fichier Windows Media
Extension
Windows
.avi,
✔
.mpg, .mpeg
✔
.wmv, .asf
✔
Par défaut, Flash importe et exporte les vidéos avec le codec Sorenson Spark. Les codecs sont des
algorithmes de compression/décompression qui contrôlent la manière dont les fichiers
multimédia sont compressés et décompressés lors de l’importation et de l’exportation. Selon les
codecs installés sur votre système, il est possible que d’autres formats vidéo soient acceptés. Pour
plus d’informations sur le codec Sorenson Spark, consultez Le codec Sorenson Spark, page 116.
Si vous essayez d’importer un format de fichier non supporté sur votre système, Flash affiche un
message d’avertissement indiquant que la procédure ne peut pas être réalisée. Dans certains cas,
Flash peut importer la partie vidéo (mais pas la partie audio) d’un fichier. Par exemple, la partie
audio des fichiers MPG/MPEG importés avec QuickTime 4 n’est pas supportée. Dans ces
situations, Flash affiche un avertissement indiquant que la partie audio du fichier ne peut pas être
importée. Vous pourrez cependant importer la vidéo sans le son.
Remarque La partie audio importée est publiée ou exportée sous forme d’audio en flux continu, en utilisant les
paramètres de flux continu globaux sélectionnés dans la boîte de dialogue Paramètres de publication. Consultez
Choix des paramètres de publication pour une animation Flash, page 416.
Utilisation d’illustrations et de vidéo importées
115
Le codec Sorenson Spark
Sorenson Spark est un codec de vidéo inclus avec Flash MX et qui permet d’ajouter du contenu
vidéo dans Flash. Spark est un codeur/décodeur de grande qualité et extrêmement efficace qui
permet de réduire la bande passante nécessaire pour les vidéos Flash tout en augmentant
simultanément leur qualité. Avec Spark, Flash a fait un véritable bond en avant dans le domaine
de la capacité vidéo. Dans ses versions antérieures, vous pouviez seulement simuler les vidéos à
l’aide d’images bitmap en séquences. Deux versions de Sorenson Spark sont disponibles : l’édition
standard de Sorenson Spark est incluse dans Flash MX et Flash Player 6. Son codec permet de
fournir des vidéos de bonne qualité contenant peu de mouvements, telles que celles d’une
personne faisant un discours.
Le codec vidéo Spark est constitué d’un codeur et d’un décodeur. Le codeur (ou compresseur) est
le composant de Spark qui compresse votre contenu. Le décodeur (ou décompresseur) est le
composant qui décompresse le contenu compressé afin dans permettre l’affichage. Le décodeur est
inclus à Flash Player.
A propos de la compression
Deux types de compression différents peuvent être appliqués aux supports numériques : spatiale et
temporel.
La compression temporelle identifie les différences entre les images et n’enregistre que celles-ci,
chaque image étant donc décrite en fonction de ses différences par rapport à l’image précédente.
Les régions inchangées sont simplement répétées à partir de l’image ou des images précédentes.
Les images compressées de manière temporelle sont souvent appelées inter-images.
La compression spatiale, en revanche, est appliquée sur une seule image, indépendamment des
images qui l’entourent. La compression spatiale peut être sans perte (aucune donnée n’est
éliminée de l’image) ou avec perte (des données sont éliminées de manière sélective). Les images
compressées de manière spatiale sont souvent appelées intra-images.
Sorenson Spark est un codec inter-image. La compression inter-image de Sorenson Spark fait
partie de ce qui le différencie des autres technologies de compression, nécessitant un taux de
données nettement inférieur à ceux de la plupart des autres codecs pour fournir des vidéos de
bonne qualité. Beaucoup d’autres codecs utilisent la compression intra-image. Le format JPEG,
par exemple, est un codec intra-image.
Cependant, les codecs inter-image utilisent également des intra-images. Ces intra-images sont
utilisées comme images de référence (images-clés) pour les inter-images. Sorenson Spark
commence toujours avec une image-clé. Chaque image-clé devient la principale image de
référence pour les inter-images suivantes. Le codec compresse une nouvelle image-clé pour chaque
image très différente de celle qui la précède.
116
Chapitre 5
Conseils de création de vidéo Flash avec Sorenson Spark
La manière dont vous compressez votre vidéo est principalement déterminée par le contenu de
celle-ci. La compression d’un clip vidéo représentant le visage d’une personne qui parle avec peu
de mouvements, mis à part quelques déplacements modérés, est un processus très différent de
celle d’un clip représentant un match de football. Les conseils ci-dessous vous aideront à créer des
vidéos Flash de qualité optimum :
Evitez les transitions trop compliquées, qui ne peuvent pas être
correctement compressées et peuvent ne pas être correctement affichées dans votre animation. Les
coupures nettes ou les fondus rapides sont souvent préférables. Les vidéos avec un zoom arrière
depuis la première piste, qui contiennent un effet de page qui tourne ou qui tournent autour
d’une balle pour s’envoler de l’écran sont peut-être du plus bel effet mais ne sont pas aussi bien
compressées et doivent être utilisées avec modération.
Simplicité, simplicité, simplicité.
Soyez conscient du débit disponible pour votre public. Lorsque vous offrez des vidéos sur Internet,
il est judicieux de créer des fichiers répondant aux débits intranet les plus bas. Les utilisateurs
équipés de connexions Internet rapides peuvent voir les fichiers instantanément ou après très peu
d’attente alors que ceux équipés d’un accès par ligne commutée doivent attendre la fin du
téléchargement des fichiers. Dans une telle situation, il est préférable de créer des clips courts pour
maintenir les durées de téléchargement dans les limites acceptables pour les utilisateurs avec accès
par ligne commutée.
La cadence d’images est le nombre d’images lues
par seconde. Si vous avez un clip à débit de données élevée, la réduction de la cadence d’images
peut permettre d’améliorer la lecture sur les ordinateurs plus bas de gamme. Par exemple, si vous
compressez un clip vidéo représentant le visage d’une personne qui parle avec peu de
mouvements, la division de la cadence d’images par deux vous permettra probablement de réduire
de 20 % le débit de données. Cependant, si vous compressez une vidéo contenant de nombreux
mouvements, la réduction de la cadence d’images a beaucoup plus d’impact sur le débit de
données.
Sélectionnez la cadence d’images appropriée.
La qualité des vidéos étant nettement meilleure lorsque de la cadence d’images d’origine est
utilisée, nous vous recommandons de la maintenir élevée si les voies de transmission et les platesformes de lecture le permettent. Cependant, si vous devez réduire la cadence d’images, vous
obtiendrez de meilleurs résultats en la divisant par des nombres entiers.
Sélectionnez une taille d’image appropriée au débit. Tout comme pour la cadence d’images, le
choix de la taille des images de votre animation est important pour obtenir une vidéo de grande
qualité. Pour tout débit de données (vitesse de connexion), l’augmentation de la taille des images
fait diminuer la qualité vidéo. Lorsque vous sélectionnez la taille des images de votre vidéo, vous
devez également considérer la cadence d’images, le matériau source et vos préférences
personnelles. La liste suivante pourra vous servir de guide. Faites des essais afin d’identifier les
meilleurs paramètres pour votre projet.
Tailles d’image communes :
Modem : 160 x 120
RNIS double : 192 x 144
T1/DSL/Câble : 320 x 240
Utilisation d’illustrations et de vidéo importées
117
Soyez conscient de la durée de téléchargement. Vous devriez savoir combien de temps est
nécessaire au téléchargement de votre vidéo. Vous pouvez faire apparaître un autre contenu afin
de « déguiser » la période de téléchargement. Utilisez la formule suivante pour les clips de courte
durée : pause = durée de téléchargement – durée de lecture + 10 % de la durée de lecture. Par
exemple, si votre clip dure 30 secondes et que son téléchargement dure une minute, utilisez un
tampon de 33 secondes : 60 secondes – 30 secondes + 3 secondes = 33 secondes.
Utilisez une vidéo de qualité. La qualité de votre animation correspondra à la qualité de la vidéo
d’origine. Bien que les cadences et tailles des images des vidéos sur Internet soient en général
inférieures à celles utilisées pour la télévision, les écrans d’ordinateur ont des caractéristiques de
fidélité des couleurs, de saturation, de définition et de résolution nettement supérieures à celles
des écrans de télévision conventionnels. Même avec une petite fenêtre, la qualité des images est en
général plus importante pour les vidéos numériques que pour la télévision analogique standard.
Les anomalies et bruits, qui passent presque inaperçus sur un écran de télévision, peuvent devenir
terriblement évidents sur celui d’un ordinateur.
Supprimez le bruit et l’entrelacement. Vous devrez peut-être supprimer le bruit et l’entrelacement
après la capture de votre contenu vidéo.
Suivez les mêmes conseils pour l’audio. Les
mêmes considérations existent pour la production
audio et la production vidéo. Pour pouvoir obtenir une bonne compression audio, vous devez
commencer avec une bonne production audio. Si vous codez des matériaux d’un CD, essayez
d’enregistrer le fichier en transfert numérique direct en évitant de passer par une entrée
analogique de votre carte son. La carte son introduit une conversion numérique à analogique et
analogique à numérique superflue qui risque d’ajouter des bruits dans vos matériaux audio source.
Des outils de transfert numérique direct sont disponibles pour les plates-formes Mac et PC. Si
vous devez effectuer l’enregistrement à partir d’une source analogique, veillez à utiliser une carte
son de la plus grande qualité possible.
Importation de clips vidéo en tant que fichiers intégrés
Vous pouvez incorporer un clip vidéo importé dans Flash. Le clip vidéo devient partie intégrante
de l’animation, tout comme un fichier bitmap ou d’illustration vectorielle. Les animations
contenant des vidéos incorporées peuvent être publiées sous forme d’animations Flash. Vous
pouvez également publier une animation contenant de la vidéo sous forme de séquence
QuickTime, avec une piste Flash contenant la vidéo incorporée. Tous les formats de fichiers vidéo
supportés peuvent être importés sous forme de vidéo incorporée.
Vous pouvez synchroniser la cadence d’images d’une vidéo incorporée et celle du scénario de
l’animation principale. Vous pouvez également ajuster le rapport de la cadence d’images de la
vidéo à celle du scénario principal pour omettre des images de la vidéo importée au cours de la
lecture.
Dans certaines situations cependant, nous vous conseillons de ne pas synchroniser la vidéo
incorporée et l’animation Flash. En voici quelques exemples :
• Vous voulez éviter que des images de la vidéo incorporée soient omises ou dupliquées.
Désactivez l’option Synchroniser. Par exemple, supposons que vous souhaitez importer une
vidéo avec une cadence d’images légèrement différente de celle de l’animation Flash (tel qu’un
clip vidéo NTSC dont le débit d’images est de 29,94 images par seconde, importé dans une
animation Flash dont le débit d’images est de 30 images par seconde). La désactivation de
l’option Synchroniser permet d’éviter que des images soient omises dans la vidéo incorporée et
les à-coups ainsi occasionnés lors de la lecture.
118
Chapitre 5
• Vous voulez omettre des images dans une vidéo dont la cadence est inférieure à celle de
l’animation Flash. Si vous synchronisez cette vidéo, l’option d’omission d’images est
désactivée. Vous devez désactiver l’option Synchroniser pour pouvoir omettre des images.
Vous pouvez mettre à jour une vidéo importée que vous avez modifiée dans une application
externe ou importer une autre vidéo pour remplacer la vidéo incorporée. Vous pouvez également
affecter un autre symbole à une occurrence de clip vidéo. L’affectation d’un symbole différent à
une occurrence affiche une occurrence différente sur la scène tout en préservant les propriétés
d’origine de l’occurrence (telles que les effets de couleur, la rotation, etc.).
Vous pouvez créer un objet vidéo sur la scène en faisant glisser une occurrence de clip vidéo
importé du panneau Bibliothèque à la scène. Tout comme pour les symboles, plusieurs
occurrences d’un clip vidéo importé peuvent être créées sans pour autant augmenter la taille du
fichier de l’animation Flash.
Pour importer une vidéo sous forme de clip incorporé :
1
Effectuez l’une des opérations suivantes :
• Pour importer le clip vidéo directement sur la scène du document Flash actuel, choisissez
Fichier > Importer.
• Pour importer le clip vidéo dans la bibliothèque du document Flash actuel, choisissez Fichier >
Importer dans la bibliothèque.
2
Dans la boîte de dialogue d’importation de vidéo, activez l’option Incorporer la vidéo dans
l’animation Macromedia Flash.
3
Dans la boîte de dialogue Paramètres d’importation de vidéo, faites glisser le curseur ou entrez
une valeur de qualité pour contrôler de degré de compression appliquée au clip vidéo. Une
qualité inférieure produit un fichier plus petit mais aussi des images de moindre qualité.
4
Faites glisser le curseur ou entrez une valeur dans le champ Intervalle entre images-clés pour
contrôler la fréquence des images-clés (c’est-à-dire des images aux données complètes) dans le
clip vidéo. Par exemple, un intervalle entre images-clés de 30 permet d’enregistrer une image
complète toutes les 30 images du clip. Seules les modifications par rapport à l’image précédente
sont enregistrées pour les images placées entre les images-clés. Les intervalles plus petits
permettent d’enregistrer des images plus complètes. Cela permet d’effectuer des recherches
plus rapides dans la vidéo mais fait augmenter la taille du fichier.
Remarque Un intervalle entre images-clés de 1 permet d’enregistrer chacune des images de la vidéo dans son
intégralité. Ce paramètre n’est recommandé que pour les fichiers vidéo les plus petits.
5
Faites glisser le curseur ou entrez une valeur dans le champ Echelle pour réduire les dimensions
en pixels de la vidéo. Les petites tailles permettent de réduire la taille du fichier et souvent
d’améliorer les performances de lecture.
Par exemple, un fichier vidéo numérique peut être de 640 x 480 pixels. La réduction de 25 %
de la dimension de ce fichier permettrait d’améliorer les performances de la vidéo dans
l’animation Flash.
6
Activez l’option Synchroniser la vidéo à la cadence d’images du document Macromedia Flash
pour faire correspondre la cadence de lecture de la vidéo importée à celle du scénario principal
de l’animation Flash.
Désactivez cette option pour empêcher la synchronisation de la cadence d’images.
Utilisation d’illustrations et de vidéo importées
119
7
Sélectionnez une valeur dans le champ Nombre d’images à encoder par nombre d’images
Macromedia Flash pour spécifier le rapport d’images importées à celles du scénario Flash
principal. Par exemple, pour lire une image de la vidéo importée pour chaque image du
scénario Flash principal, indiquez 1:1, pour lire une image de la vidéo importée toutes les deux
images du scénario Flash principal, indiquez 1:2, et ainsi de suite.
L’omission d’images de la vidéo importée ne ralentit par ses mouvements. En revanche, moins
d’images sont affichées chaque seconde, et la vidéo paraît donc plus hachée lors de la lecture.
8
Activez l’option Importer l’audio pour inclure la piste audio (si elle existe) du clip vidéo
importé.
Désactivez cette option pour ne pas inclure la piste audio du clip vidéo importé.
Remarque Si le codec audio utilisé dans la piste audio n’est pas accepté par votre système, Flash affiche un
avertissement lorsque vous cliquez sur OK dans la boîte de dialogue Paramètres d’importation de vidéo. Vous
pouvez poursuivre la procédure et importer la vidéo sans le son ou retourner à l’application utilisée pour la créer
et l’enregistrer à nouveau à l’aide d’un codec audio accepté par votre système.
9
Cliquez sur OK.
10
Si vous avez importé le clip vidéo directement sur la scène à l’étape 1, un avertissement vous
indique que le clip importé contient un nombre d’images supérieur à la plage dans laquelle
vous le placez dans le document Flash actuel. Effectuez l’une des opérations suivantes :
• Cliquez sur Oui pour agrandir la plage au nombre d’images nécessaire.
• Cliquez sur Non pour conserver la taille actuelle de la plage. Les images du clip importé
dépassant le nombre d’images contenues dans la plage ne seront pas affichées à moins que vous
n’ajoutiez ultérieurement des images à la plage.
Pour mettre à jour un clip vidéo incorporé après l’avoir modifié dans un éditeur externe :
1
Sélectionnez le clip vidéo dans le panneau Bibliothèque.
2
Choisissez Propriétés dans le menu Options du coin supérieur droit du panneau Bibliothèque.
3
Dans la boîte de dialogue Propriétés de vidéo intégrée, cliquez sur Mettre à jour.
Le clip vidéo incorporé est mis à jour à l’aide du fichier modifié.
Pour remplacer un clip vidéo incorporé par autre clip vidéo :
1
Dans le panneau Bibliothèque, sélectionnez le clip incorporé que vous souhaitez remplacer.
2
Choisissez Propriétés dans le menu Options du coin supérieur droit du panneau Bibliothèque.
3
Dans la boîte de dialogue Propriétés de vidéo intégrée, cliquez sur Importer.
4
Dans la boîte de dialogue Importer, sélectionnez le clip vidéo qui remplacera celui incorporé
dans le panneau Bibliothèque.
120 Chapitre 5
Importation de clips vidéo QuickTime en tant que fichiers liés
Si vous importez un clip vidéo QuickTime, vous pouvez le lier à une animation Flash au lieu de
l’incorporer. Une séquence QuickTime importée liée dans Flash ne devient pas partie du fichier
Flash. Flash conserve plutôt un pointeur vers le fichier source.
Si vous liez une vidéo QuickTime, vous devez publier l’animation au format QuickTime. Vous
ne pouvez pas afficher une séquence QuickTime liée au format SWF. La séquence QuickTime
contient une piste Flash, mais le clip vidéo lié reste au format QuickTime. Pour plus
d’informations sur la publication de votre fichier Flash au format QuickTime, consultez Choix des
paramètres de publication pour les séquences QuickTime 4, page 429.
Vous pouvez redimensionner, faire pivoter et animer une séquence QuickTime liée dans Flash.
Cependant, vous ne pouvez pas interpoler le contenu d’une séquence QuickTime liée dans Flash.
Pour importer une séquence QuickTime comme fichier lié :
1
Effectuez l’une des opérations suivantes :
• Pour lier le clip vidéo directement au document Flash actuel, choisissez Fichier > Importer.
• Pour lier le clip vidéo à la bibliothèque du document Flash actuel, choisissez Fichier >
Importer dans la bibliothèque.
2
Dans la boîte de dialogue Paramètres d’importation de vidéo, sélectionnez Lier au fichier vidéo
externe.
Affichage d’un aperçu d’une séquence QuickTime liée :
Lorsque vous importez une séquence QuickTime liée, seule la première image de l’animation est
affichée. Vous devrez ajouter des images au scénario de l’animation importée pour visualiser
d’autres images de la séquence dans Flash.
Pour afficher un aperçu d’une séquence QuickTime liée :
1
Ajoutez au scénario le nombre d’images correspondant à la longueur de la séquence
QuickTime que vous souhaitez lire.
2
Choisissez Contrôle > Lire.
Remarque Vous ne pouvez pas afficher un aperçu d’une séquence QuickTime liée en utilisant la commande
Tester l’animation.
Définition du chemin d’une séquence QuickTime liée
Vous pouvez définir le chemin d’un clip vidéo QuickTime lié dans la bibliothèque du document
Flash actuel.
Pour définir le chemin d’une séquence QuickTime liée :
1
Choisissez Fenêtre > Bibliothèque et sélectionnez la séquence QuickTime liée que vous
souhaitez modifier.
2
Choisissez Propriétés dans le menu Options du coin supérieur droit du panneau Bibliothèque.
3
Cliquez sur définir le chemin dans la boîte de dialogue Propriétés de la vidéo liée.
4
Dans la boîte de dialogue Ouvrir, naviguez jusqu’au fichier du clip vidéo lié, sélectionnez-le,
puis cliquez sur Ouvrir.
5
Dans la boîte de dialogue Propriétés de la vidéo liée, cliquez sur OK.
Utilisation d’illustrations et de vidéo importées
121
Utilisation de fichiers vidéo importés
Lorsque vous sélectionnez une occurrence de clip vidéo incorporé ou lié sur la scène et que vous
ouvrez l’inspecteur des propriétés, celui-ci affiche le nom du symbole du clip, ses dimensions en
pixels et sa position sur la scène. L’inspecteur des propriétés vous permet d’affecter un nouveau
nom au clip vidéo et de permuter une occurrence d’un clip vidéo, c’est à dire remplacer
l’occurrence par celle d’un autre clip vidéo présent dans le document actuel.
La boîte de dialogue Propriétés de vidéo intégrée permet d’afficher les informations sur un clip
vidéo importé, dont son nom, son chemin, sa date de création, ses dimensions en pixels, sa durée
et la taille de son fichier.
Remarque Vous pouvez afficher un aperçu des images d’une vidéo importée en faisant glisser la tête de lecture le
long du scénario. Cependant aucun son ne sera lu. Pour afficher un aperçu de la vidéo avec le son, utilisez la
commande Tester l’animation. Consultez Aperçu et test des animations, page 44.
Pour afficher l’inspecteur des propriétés :
1
Sélectionnez une occurrence de clip vidéo incorporé ou lié sur la scène.
2
Choisissez Fenêtre > Propriétés.
Pour affecter un nouveau nom à un clip vidéo :
1
Sélectionnez le clip vidéo dans le panneau Bibliothèque.
2
Sélectionnez une occurrence du clip sur la scène.
3
Choisissez Fenêtre > Propriétés si l’inspecteur des propriétés n’est pas visible.
4
Dans l’inspecteur des propriétés, entrez un nom dans le champ Nom.
5
Cliquez sur OK.
Pour remplacer une occurrence de clip vidéo par celle d’un autre clip vidéo :
1
Sélectionnez une occurrence de clip intégrée ou liée sur la scène.
2
Choisissez Fenêtre > Propriétés si l’inspecteur des propriétés n’est pas visible.
3
Dans l’inspecteur des propriétés, cliquez sur Permuter.
4
Dans la boîte de dialogue Permuter la vidéo intégrée, sélectionnez le clip vidéo qui remplacera
celui actuellement affecté à l’occurrence.
Remarque Vous ne pouvez permuter un clip vidéo incorporé qu’avec un autre clip vidéo incorporé, et un clip
vidéo lié qu’avec un autre clip vidéo lié.
Pour afficher la boîte de dialogue Propriétés de vidéo intégrée :
1
Sélectionnez un clip vidéo importé dans le panneau Bibliothèque.
2
Choisissez Propriétés dans le menu Options du coin supérieur droit du panneau Bibliothèque.
A propos de la création d’un objet vidéo pour un train en direct
Vous pouvez créer un objet vidéo pour afficher un train vidéo en direct provenant d’une caméra.
Pour créer un nouvel objet vidéo, sélectionnez Nouvelle vidéo dans le menu Options du panneau
Bibliothèque. Affectez ensuite un nom à l’objet dans l’inspecteur des propriétés. Pour plus
d’informations sur l’affectation d’un nom à un objet vidéo, consultez Utilisation de fichiers vidéo
importés, page 122.
122 Chapitre 5
CHAPITRE 6
Ajout de sons
Macromedia Flash MX permet d’utiliser des sons de multiples façons. Vous pouvez créer des sons
lus en flux continu, des sons indépendants du scénario ou synchroniser une animation et une
piste audio. Vous pouvez associer des sons à des boutons pour les rendre plus interactifs et faire
apparaître et disparaître des sons en fondu pour obtenir une piste audio impeccable.
Il existe deux types de sons dans Flash : les sons d’événement et les sons en flux continu. Un son
d’événement doit être téléchargé intégralement avant de pouvoir être lu et se poursuit tant qu’il
n’a pas été arrêté explicitement. La lecture d’un son en flux continu commence dès qu’une
quantité suffisante de données correspondant aux toutes premières images a été téléchargée (et le
son est synchronisé avec le scénario pour sa lecture sur un site web).
Vous sélectionnez les options de compression contrôlant la quantité et la taille des sons dans les
animations exportées. Vous pouvez sélectionner les options de compression pour chaque son dans
la boîte de dialogue Propriétés audio ou définir les paramètres applicables à l’ensemble des sons de
l’animation dans la boîte de dialogue Paramètres de publication.
Vous pouvez utiliser les sons des bibliothèques partagées pour associer un son d’une bibliothèque
à plusieurs animations. Consultez Utilisation des ressources d’une bibliothèque partagée, page 186.
Vous pouvez également utiliser l’événement ActionScript onSoundComplete pour lier le
déclenchement d’un événement à l’achèvement d’un son. Consultez A propos de l’événement
onSoundComplete, page 129.
Remarque Vous pouvez également utiliser des actions pour charger des sons de manière dynamique. Consultez
les entrées Sound.attachSound et Sound.loadSound dans le dictionnaire ActionScript (via le menu Aide).
Importation de sons
Vous pouvez placer des fichiers son dans Flash en les important dans la bibliothèque utilisée pour
le document actuel.
Remarque Lorsque vous placez un son dans le scénario, il est conseillé de le placer dans son propre calque.
Consultez Ajout de sons à une animation, page 125, pour plus d’informations.
Vous pouvez importer des sons aux formats suivants dans Flash :
• WAV (Windows uniquement)
• AIFF (Macintosh uniquement)
• MP3 (Windows ou Macintosh)
123
Si vous avez installé QuickTime 4 ou une version ultérieure sur votre système, vous pouvez
importer les formats de fichier audio suivants :
•
•
•
•
•
•
AIFF (Windows ou Macintosh)
Sound Designer II (Macintosh uniquement)
Séquences QuickTime avec son uniquement (Windows ou Macintosh)
Sun AU (Windows ou Macintosh)
Sons Système 7 (Macintosh uniquement)
WAV (Windows ou Macintosh)
Flash enregistre les sons dans la bibliothèque avec les bitmaps et les symboles. Tout comme pour
les symboles graphiques, vous n’avez besoin que d’un seul exemplaire d’un fichier audio pour
l’utiliser de diverses façons dans votre animation.
Si vous souhaitez partager des sons entre les animations Flash, vous pouvez inclure des sons dans
des bibliothèques partagées. Consultez Utilisation des bibliothèques communes, page 65. Pour
utiliser un son dans une bibliothèque partagée, vous affecterez une chaîne d’identifiant au fichier
audio dans la boîte de dialogue Propriétés de liaison. Vous pouvez également utiliser l’identifiant
pour accéder au son en tant qu’objet dans ActionScript. Pour plus d’informations sur les objets
ActionScript, consultez Chapitre 12, Le langage ActionScript, page 229.
Les sons nécessitent généralement une grande quantité d’espace disque et de mémoire vive.
Cependant, les données audio MP3 sont compressées et leur taille est inférieure à celles des
données audio WAV ou AIFF. En général, lorsque vous utilisez des fichiers WAV ou AIFF, il est
préférable d’utiliser des sons mono 16 bits à 22 kHz (un son stéréo nécessite deux fois plus
d’informations qu’un son mono), mais Flash accepte l’importation de sons 8 bits ou 16 bits, avec
une fréquence d’échantillonnage de 11 kHz, 22 kHz ou 44 kHz. A l’exportation, Flash peut
convertir un son à une fréquence d’échantillonnage inférieure. Consultez Compression des sons
pour l’exportation, page 129.
Remarque Les sons enregistrés dans des formats qui ne sont pas des multiples de 11 kHz (tel que 8, 32 ou
96 kHz) sont rééchantillonnés lors de leur importation dans Flash.
Si vous souhaitez ajouter des effets sonores dans Flash, il est préférable d’importer des sons
16 bits. Si vous disposez d’une mémoire vive limitée, utilisez des clips audio brefs ou des sons
8 bits au lieu de sons 16 bits.
Pour importer un son :
1
Choisissez Fichier > Importer dans la bibliothèque.
2
Dans la boîte de dialogue Importer dans la bibliothèque, sélectionnez et ouvrez le fichier audio
de votre choix.
Remarque Vous pouvez également déplacer un son depuis une bibliothèque commune jusqu’à la bibliothèque
du document courant. Consultez Utilisation des bibliothèques communes, page 65.
124 Chapitre 6
Ajout de sons à une animation
Pour ajouter un son à une animation à partir de la bibliothèque, vous affectez ce son à un calque
et définissez les commandes de son de l’inspecteur des propriétés. Il est conseillé de placer chaque
son dans un calque différent.
Vous pouvez charger un son dans une animation à l’exécution avec la méthode loadSound de
l’objet Sound. Pour plus d’informations sur l’objet Sound et ses méthodes, consultez l’entrée
correspondante dans le dictionnaire ActionScript (via le menu Aide).
Vous pouvez utiliser les méthodes permettant d’afficher un aperçu des images ou de tester des
animations pour tester les sons que vous avez ajoutés à une animation : faites glisser la tête de
lecture sur les images contenant le son ou utilisez les commandes du contrôleur ou du menu
Contrôle. Consultez Aperçu et test des animations, page 44.
Pour ajouter un son à une animation :
1
Importez le son dans la bibliothèque, s’il n’a pas encore été importé. Consultez Importation de
sons, page 123.
2
Choisissez Insertion > Calque pour créer un calque destiné au son.
3
Avec le nouveau calque audio sélectionné, faites glisser le son depuis le panneau Bibliothèque
jusqu’à la scène. Le son est ajouté au calque courant.
Vous pouvez placer plusieurs sons dans un même calque ou dans des calques contenant
d’autres objets. Cependant, il est conseillé de placer chaque son dans un calque distinct.
Chaque calque se comporte comme une piste audio distincte. Les sons de l’ensemble des
calques sont combinés à la lecture de l’animation.
4
Sélectionnez, dans le scénario, la première image contenant le fichier son.
5
Choisissez Fenêtre > Propriétés et cliquez sur la flèche dans le coin inférieur droit pour
développer l’inspecteur des propriétés.
6
Dans l’inspecteur des propriétés, choisissez un fichier audio dans le menu déroulant Son.
7
Choisissez un effet dans le menu déroulant Effets :
• L’option Aucun signifie qu’aucun effet n’est appliqué au fichier audio. Sélectionnez cette
option pour supprimer des effets audio préalablement définis.
• Les options Canal gauche/Canal droit signifient que le son ne sera diffusé que dans le canal
gauche ou droit, selon l’option sélectionnée.
• Les options Fondu de gauche à droite/Fondu de droite à gauche permettent de basculer le son
d’un canal à l’autre.
• L’option Fondu en entrée augmente progressivement l’amplitude du son.
• L’option Fondu en sortie diminue progressivement l’amplitude du son.
• L’option Personnalisé permet de créer vos propres points d’entrée et de sortie du son dans la
boîte de dialogue Modifier l’enveloppe. Consultez Utilisation de commandes audio, page 127.
Ajout de sons 125
8
Choisissez une option de synchronisation dans le menu déroulant Sync :
• L’option Evénement synchronise le son et l’occurrence d’un événement. Un son d’événement
est lu lorsque son image-clé initiale commence à s’afficher, et se poursuit intégralement,
indépendamment du scénario, et cela même si l’animation s’interrompt. Les sons d’événement
sont mixés à la lecture de l’animation publiée.
Un son qui est lu lorsqu’un utilisateur clique sur un bouton est un exemple de son
d’événement. Si un son d’événement est lu et que ce même son est à nouveau instancié (par
exemple par l’utilisateur cliquant à nouveau sur le bouton), la première occurrence du son se
poursuit et l’autre commence simultanément.
• L’option Démarrage est identique à l’option Evénement, si ce n’est que lorsque le son est en
cours de lecture, une nouvelle occurrence du son est lue.
• L’option Arrêt entraîne l’interruption du son spécifié.
• L’option En continu synchronise le son en vue d’une lecture sur un site web. Flash force
l’animation à suivre le rythme des sons en flux continu. Si Flash ne peut afficher les images de
l’animation suffisamment vite, il les ignore. A l’inverse des sons d’événement, les sons en flux
continu s’interrompent avec l’animation. De même, un son en flux continu ne peut jamais
excéder la longueur des images auxquelles il correspond. Les sons en flux continu sont mixés à
la publication de l’animation.
La voix d’un personnage dans une animation qui se déroule sur plusieurs images est un
exemple de son en flux continu.
Remarque Si le son en flux continu que vous utilisez est un son MP3, vous devrez le recompresser en vue de
l’exportation. Vous pouvez choisir d’exporter le son au format MP3, avec les mêmes paramètres de compression
que ceux de l’importation. Consultez Compression des sons pour l’exportation, page 129.
9
Entrez une valeur pour l’option Boucle afin de spécifier le nombre de fois que le son doit être
lu en boucle.
Pour une lecture continue, entrez un nombre suffisamment élevé pour que la lecture du son
dure longtemps. Par exemple, pour lire un son de 15 secondes en boucle pendant 15 minutes,
entrez 60.
Remarque La lecture en boucle de sons en flux continu est déconseillée. Si vous lisez un son en flux continu en
boucle, des images sont ajoutées à l’animation et la taille du fichier est multipliée par le nombre de fois que le son
est lu en boucle.
Ajout de sons aux boutons
Vous pouvez associer des sons aux différents états d’un symbole de bouton. Les sons étant
enregistrés avec le symbole, ils fonctionnent pour toutes les occurrences du symbole.
Pour ajouter un son à un bouton :
1
Sélectionnez le bouton dans le panneau Bibliothèque.
2
Choisissez Modifier dans le menu Options, dans le coin supérieur droit.
3
Ajoutez un calque audio dans le scénario du bouton.
4
Dans le calque audio, créez une image-clé normale ou vide correspondant à l’état du bouton
pour lequel vous souhaitez définir un son.
Par exemple, pour ajouter un son lu à chaque fois que l’utilisateur clique sur le bouton, créez
une image-clé dans l’image de l’état Abaissé.
126 Chapitre 6
5
Cliquez sur l’image-clé que vous venez de créer.
6
Choisissez Fenêtre > Propriétés.
7
Dans l’inspecteur des propriétés, choisissez un fichier audio dans le menu déroulant Son.
8
Choisissez Evénement dans le menu déroulant Sync.
Pour associer un son différent à chacune des images-clés du bouton, créez une image-clé vide et
ajoutez un fichier audio différent pour chaque image-clé. Vous pouvez aussi utiliser le même
fichier audio et appliquer un effet audio distinct pour chaque image-clé du bouton. Consultez
Utilisation de commandes audio, page 127.
Utilisation de sons avec les objets Sound
Vous pouvez utiliser l’objet Sound dans ActionScript pour ajouter des sons à une animation et les
contrôler. Le contrôle des sons inclut le réglage du volume ou de la balance gauche et droite
pendant la lecture d’un son. Consultez Création de commandes audio, page 314.
Pour utiliser un son dans une action Sound, vous affectez une chaîne d’identifiant au son dans la
boîte de dialogue Propriétés de liaison.
Pour affecter une chaîne d’identifiant à un son :
1
Sélectionnez le son dans le panneau Bibliothèque.
2
Effectuez l’une des opérations suivantes :
• Choisissez Liaison dans le menu Options du coin supérieur droit du panneau.
• Cliquez du bouton droit (Windows) ou avec la touche Contrôle enfoncée (Macintosh) sur le
nom du son dans le panneau Bibliothèque et choisissez Liaison dans le menu contextuel.
3
Sous Liaison, dans la boîte de dialogue Propriétés de liaison, activez l’option Exporter pour
ActionScript.
4
Entrez une chaîne d’identifiant dans le champ, puis cliquez sur OK.
Utilisation de commandes audio
Pour définir le point de départ d’un son ou contrôler le volume du son pendant sa lecture, vous
utiliserez les commandes audio de l’inspecteur des propriétés.
Flash peut changer le point de départ et le point d’arrêt d’un son. Cette option est très pratique
pour réduire la taille d’un fichier audio en supprimant les sections non utilisées.
Pour modifier un fichier audio :
1
Ajoutez un son à une image (voir Ajout de sons à une animation, page 125) ou sélectionnez une
image qui contient déjà un son.
2
Choisissez Fenêtre > Propriétés.
3
Cliquez sur le bouton Modifier affiché du côté droit de l’inspecteur des propriétés.
4
Effectuez l’une des opérations suivantes :
Ajout de sons 127
• Pour modifier le point de départ et le point d’arrêt d’un son, faites glisser les contrôles Départ
et Fin de Modifier l’enveloppe.
Poignées
d’enveloppe
Commande
Sortie
Commande
Entrée
Lire
Arrêter
Secondes/images
Zoom avant/arrière
• Pour changer l’enveloppe du son, faites glisser les poignées d’enveloppe pour changer de niveau
à différents points du son. Les lignes d’enveloppe indiquent le volume sonore en cours de
lecture. Pour créer d’autres poignées d’enveloppe (huit maximum), cliquez sur les lignes. Pour
supprimer une poignée d’enveloppe, faites-la glisser hors de la fenêtre.
• Pour visualiser une part plus ou moins grande de la courbe sonore dans la fenêtre, cliquez sur
les boutons Zoom avant et Zoom arrière.
• Pour basculer entre les unités de temps Secondes et Images, cliquez sur les boutons Secondes et
Images.
5
Pour écouter le son modifié, cliquez sur le bouton Lire.
Démarrage et arrêt de sons dans des images-clés
Le démarrage et l’arrêt de sons dans une image-clé en synchronisation avec une animation est la
tâche audio la plus courante dans Flash.
Pour démarrer et arrêter un son dans une image-clé :
1
Ajoutez un son à une animation.
Pour synchroniser ce son et un événement de la séquence, choisissez une image-clé de départ
qui corresponde à l’image-clé de l’événement de la séquence. Vous avez le choix entre plusieurs
options de synchronisation. Consultez Ajout de sons à une animation, page 125.
2
Créez une image-clé dans le scénario du calque audio sur l’image où vous souhaitez que le son
s’arrête.
Une représentation du fichier audio apparaît dans le scénario.
128 Chapitre 6
3
Choisissez Fenêtre > Propriétés et cliquez sur la flèche dans le coin inférieur droit pour
développer l’inspecteur des propriétés.
4
Dans l’inspecteur des propriétés, choisissez le même son dans le menu déroulant Son.
5
Choisissez Arrêt dans le menu déroulant Sync.
Lors de la lecture de l’animation, le son s’interrompt quand il atteint l’image-clé de fin.
6
Pour lire le son, il suffit de déplacer la tête de lecture.
A propos de l’événement onSoundComplete
L’événement onSoundComplete de l’objet Sound ActionScript vous permet de lier le
déclenchement d’un événement d’une animation à l’achèvement d’un fichier son associé. L’objet
Sound est un objet intégré permettant de contrôler les sons d’une animation. Pour de plus amples
informations sur les objets, consultez Chapitre 12, Le langage ActionScript, page 229. Pour plus
d’informations sur l’objet Sound et ses méthodes, consultez l’entrée correspondante dans le
dictionnaire ActionScript (via le menu Aide).
L’événement onSoundComplete d’un objet Sound est automatiquement invoqué à la fin de la
lecture du fichier son associé. Si le son est lu en boucle un nombre de fois déterminé, l’événement
est déclenché à la fin de la boucle.
L’objet Sound possède deux propriétés que vous pouvez utiliser en conjonction avec l’événement
La propriété duration est une propriété en lecture seule représentant la
durée, en millisecondes, de l’échantillon sonore associé à l’objet son. La propriété position est
une propriété en lecture seule représentant le nombre de millisecondes pendant lesquelles le son a
été lu dans chaque boucle.
onSoundComplete.
L’événement onSoundComplete permet de manipuler les sons de nombreuses façons, telles que :
• La création d’un séquenceur ou d’une liste de lecture dynamique.
• La création d’une présentation multimédia qui vérifie que la narration est achevée avant de
passer à l’image ou à la séquence suivante.
• La construction d’un jeu synchronisant les sons à des événements ou séquences spécifiques et
ajoutant des transitions fluides entre les différents sons.
• La synchronisation de la modification d’une image en fonction d’un son – par exemple,
modifier une image lorsque la lecture d’un son est à moitié achevée.
Compression des sons pour l’exportation
Vous pouvez sélectionner les options de compression pour des sons d’événement et exporter les
sons avec ces paramètres. Vous pouvez également sélectionner les options de compression pour
des sons en flux continu. Tous les sons en flux continu d’une animation sont cependant exportés
dans un seul fichier dont les paramètres correspondent aux paramètres les plus élevés appliqués
aux différents sons en flux continu. Cela inclut les sons en flux continu des objets vidéo.
Vous pouvez choisir les options de compression des sons dans la boîte de dialogue Propriétés
audio. Vous pouvez également choisir des paramètres de compression globaux pour les sons
d’événement ou les sons en flux continu dans la boîte de dialogue Paramètres de publication. Ces
paramètres globaux sont appliqués aux différents sons d’événement ou à tous les sons en flux
continu si vous ne sélectionnez pas de paramètres de compression relatifs aux sons dans la boîte de
dialogue Propriétés audio. Consultez Publication des documents Flash, page 414.
Ajout de sons 129
Vous pouvez ignorer les paramètres d’exportation spécifiés dans la boîte de dialogue Paramètres
audio en activant l’option Neutraliser les paramètres audio dans la boîte de dialogue Paramètres
de publication. Cette option est utile si vous souhaitez créer une animation audio haute-fidélité
pour une utilisation locale, et une version de qualité moindre pour le web. Consultez Choix des
paramètres de publication pour une animation Flash, page 416.
La fréquence d’échantillonnage et le degré de compression ont une incidence significative sur la
qualité et la taille des sons d’une animation exportée. Plus un son est compressé et plus sa
fréquence d’échantillonnage est basse, plus la taille et la qualité du son sont faibles. Vous devrez
faire des essais pour trouver l’équilibre optimal entre la qualité du son et la taille du fichier.
Lorsque vous travaillez avec des fichiers MP3 importés, vous pouvez choisir d’exporter les fichiers
au format MP3 en utilisant les mêmes paramètres que ceux utilisés à l’importation.
Remarque Sous Windows, vous pouvez également exporter tous les sons d’une animation en tant que fichiers
WAV à l’aide de la commande Fichier > Exporter l’animation. Consultez Exportation d’animations et d’images,
page 445.
Pour définir les propriétés d’exportation d’un son :
1
Effectuez l’une des opérations suivantes :
• Double-cliquez sur l’icône du son dans le panneau Bibliothèque.
• Cliquez du bouton droit (Windows) ou avec la touche Contrôle enfoncée (Macintosh) sur un
fichier audio du panneau Bibliothèque et choisissez Propriétés dans le menu contextuel.
• Sélectionnez un son dans le panneau Bibliothèque et choisissez Propriétés dans le menu
Options du coin supérieur droit du panneau.
• Sélectionnez un son dans le panneau Bibliothèque et cliquez sur l’icône Propriétés en bas du
panneau.
2
Si le fichier audio a été modifié à l’extérieur de l’application, cliquez sur Mettre à jour.
3
Pour Compression, sélectionnez Par défaut, ADPCM, MP3, Brut ou Discours. Pour
sélectionner les options du format de compression choisi, consultez la section ci-dessous
correspondant au format sélectionné.
•
•
•
•
•
Utilisation de l’option de compression Par défaut, page 131.
4
Définissez les paramètres d’exportation.
5
Cliquez sur Tester pour lire le son une fois. Cliquez sur Arrêter pour arrêter le test avant la fin
de la lecture du son.
6
Si nécessaire, réglez les paramètres d’exportation jusqu’à l’obtention de la qualité de son
recherchée.
7
Cliquez sur OK.
Utilisation de l’option de compression ADPCM, page 131.
Utilisation de l’option de compression MP3, page 131.
Utilisation de l’option de compression Brut, page 132.
Utilisation de l’option de compression Discours, page 133.
130 Chapitre 6
Utilisation de l’option de compression Par défaut
L’option de compression Par défaut utilise les paramètres de compression par défaut globaux
définis dans la boîte de dialogue Paramètres de publication lorsque vous exportez votre
animation. Si vous sélectionnez l’option Par défaut, aucun autre paramètre d’exportation n’est
disponible.
Utilisation de l’option de compression ADPCM
L’option de compression ADPCM définit la compression pour les données audio 8 bits ou
16 bits. Utilisez le paramètre ADPCM pour exporter des sons d’événement brefs, tels que le clic
sur un bouton.
Pour utiliser la compression ADPCM :
1
Dans la boîte de dialogue Propriétés audio, choisissez ADPCM dans le menu Compression.
2
Pour l’option Prétraitement, sélectionnez Convertir de stéréo en mono si vous souhaitez
convertir des sons stéréo mixtes en sons mono. Cette option n’a aucune incidence sur les sons
mono.
3
Pour Taux d’échantillonnage, sélectionnez une option permettant de contrôler la fidélité du
son et la taille du fichier. Plus la fréquence est basse et plus la taille du fichier diminue, mais la
qualité du son peut se dégrader. Les options proposées pour le taux d’échantillonnage sont les
suivantes :
• 5 kHz est à peine acceptable pour un discours.
• 11 kHz est la qualité minimale recommandée pour un segment de musique court et
correspond à un quart du taux standard utilisé pour les CD.
• 22 kHz est le taux généralement utilisé pour la lecture sur le web et correspond à la moitié du
taux standard utilisé pour les CD.
• 44 kHz est le taux standard utilisé pour les CD.
Remarque Flash ne peut pas augmenter le taux en kHz d’un son importé au-dessus du taux auquel il a été
importé.
Utilisation de l’option de compression MP3
L’option de compression MP3 permet d’exporter des sons compressés au format MP3. Utilisez
l’option MP3 pour exporter des sons continus et longs, tels que les pistes audio musicales.
Si vous exportez un fichier importé au format MP3, vous pouvez l’exporter en utilisant les mêmes
paramètres qu’il avait lors de son importation.
Pour exporter un fichier MP3 en utilisant les paramètres qu’il avait lors de son importation :
1
Dans la boîte de dialogue Propriétés audio, choisissez MP3 dans le menu Compression.
2
Activez l’option Utiliser la qualité MP3 importée (le paramètre par défaut). Désactivez cette
option si vous souhaitez choisir d’autres paramètres de compression MP3, tel que décrit dans la
procédure ci-dessous.
Pour utiliser la compression MP3 :
1
Dans la boîte de dialogue Propriétés audio, choisissez MP3 dans le menu Compression.
2
Désactivez l’option Utiliser la qualité MP3 importée (le paramètre par défaut).
Ajout de sons
131
3
Pour Taux, sélectionnez une option pour définir les bits par seconde dans le fichier exporté.
Flash gère de 8 à 160 Kbps (taux constant). Lors de l’exportation de morceaux musicaux,
définissez le taux avec une valeur au moins égale à 16 Kbps pour obtenir de meilleurs résultats.
4
Pour l’option Prétraitement, activez l’option Convertir de stéréo en mono si vous souhaitez
convertir des sons stéréo mixtes en sons mono. Cette option n’a aucune incidence sur les sons
mono.
Remarque L’option Prétraitement n’est disponible que si vous sélectionnez un taux égal ou supérieur à
20 Kbps.
5
Pour Qualité, sélectionnez une option permettant de déterminer la compression et la qualité
du son :
• Les valeurs élevées accélèrent la compression mais diminuent la qualité audio.
• Les valeurs moyennes ralentissent un peu la compression mais permettent d’obtenir une
meilleure qualité audio.
• Les valeurs réduites ralentissent au maximum la compression mais permettent d’obtenir la
meilleure qualité audio.
Utilisation de l’option de compression Brut
L’option de compression Brut permet d’exporter des sons sans les compresser.
Pour utiliser la compression Brut :
1
Dans la boîte de dialogue Propriétés audio, choisissez Brut dans le menu Compression.
2
Pour l’option Prétraitement, activez l’option Convertir de stéréo en mono si vous souhaitez
convertir des sons stéréo mixtes en sons mono. Cette option n’a aucune incidence sur les sons
mono.
3
Pour Taux d’échantillonnage, sélectionnez une option permettant de contrôler la fidélité du
son et la taille du fichier. Plus la fréquence est basse et plus la taille du fichier diminue, mais la
qualité du son peut se dégrader. Les options proposées pour le taux d’échantillonnage sont les
suivantes :
• 5 kHz est à peine acceptable pour un discours.
• 11 kHz est la qualité minimale recommandée pour un segment de musique court et
correspond à un quart du taux standard utilisé pour les CD.
• 22 kHz est le taux généralement utilisé pour la lecture sur le web et correspond à la moitié du
taux standard utilisé pour les CD.
• 44 kHz est le taux audio standard utilisé pour les CD.
Remarque Flash ne peut pas augmenter le taux en kHz d’un son importé au-dessus du taux auquel il a été
importé.
132 Chapitre 6
Utilisation de l’option de compression Discours
L’option de compression Discours permet d’exporter les sons à l’aide d’une méthode de
compression spécifiquement adaptée aux discours.
Pour utiliser la compression Discours :
1
Dans la boîte de dialogue Propriétés audio, choisissez Discours dans le menu Compression.
2
Pour Taux d’échantillonnage, sélectionnez une option permettant de contrôler la fidélité du
son et la taille du fichier. Une fréquence basse réduit la taille du fichier, mais peut également
dégrader la qualité du son. Choisissez parmi les options suivantes :
•
•
•
•
5 kHz est acceptable pour un discours.
11 kHz est recommandé pour un discours.
22 kHz est acceptable pour la plupart des types de musique sur le web.
44 kHz est le taux audio standard utilisé pour les CD. Cependant, une compression ayant été
appliquée, le son n’aura pas la qualité CD dans l’animation Flash.
Instructions relatives à l’exportation de sons dans les animations Flash
Il existe, en plus de la fréquence d’échantillonnage et de la compression, différentes façons
d’utiliser efficacement des sons dans une animation et de conserver une taille de fichier
acceptable :
• Définissez les points d’entrée/sortie afin que les plages silencieuses ne soient pas enregistrées
dans le fichier Flash et de réduire ainsi la taille du son.
• Utilisez au mieux les mêmes sons en appliquant différents effets audio (tels que les enveloppes
de volume, les boucles et les points d’entrée/sortie) à différentes images-clés. Vous pouvez
obtenir divers effets audio à l’aide d’un seul et même fichier.
• Mettez les sons brefs en boucle pour les musiques d’arrière-plan.
• Ne créez pas de boucles avec des sons en flux continu.
• Lors de l’exportation audio dans des clips incorporés, gardez à l’esprit que la partie audio est
exportée en utilisant les paramètres globaux de flux continu sélectionnés dans la boîte de
dialogue Paramètres de publication.
• Utilisez la synchronisation de flux continu pour que l’animation et la piste audio demeurent
synchronisées lorsque vous visualisez l’animation dans l’éditeur. Si votre ordinateur n’est pas
assez rapide pour afficher les images de l’animation de telle sorte qu’elles demeurent en phase
avec la piste audio, Flash les ignore.
• Utilisez autant de sons et de canaux que nécessaire, sans vous préoccuper de la taille du fichier.
Les sons sont mixés en une seule piste audio lorsque vous les exportez en tant que fichier
QuickTime. Le nombre de sons utilisés n’a aucune incidence sur la taille finale du fichier.
Ajout de sons 133
134 Chapitre 6
CHAPITRE 7
Utilisation d’objets graphiques
Dans Macromedia Flash MX, les objets graphiques sont des éléments présents sur la scène. Flash
vous permet de déplacer, copier, supprimer, transformer, empiler, aligner et grouper les objets
graphiques. Vous pouvez aussi lier un objet graphique à une URL. Notez que la modification des
lignes et des formes peut également modifier les autres lignes et formes du même calque.
Consultez Chapitre 3, Dessin, page 67.
Remarque Les objets graphiques de Flash sont différents des objets ActionScript, qui font partie du langage de
programmation ActionScript. Veillez à ne pas confondre les deux sens du terme. Pour plus d’informations sur les
objets dans le langage de programmation, consultez A propos de la programmation orientée objet, page 231.
Sélection d’objets
Pour modifier un objet, vous devez d’abord le sélectionner. Macromedia Flash MX fournit
diverses méthodes pour sélectionner un objet, telles que les outils Flèche et Lasso et les
commandes clavier. Vous pouvez grouper des éléments pour les manipuler comme un objet
unique. Consultez Groupement d’objets, page 139.
Flash met en évidence à l’aide de pointillés les objets et les traits qui ont été sélectionnés. Les
groupes sélectionnés sont encadrés avec la couleur utilisée pour le contour du calque qui contient
le groupe sélectionné. Vous pouvez modifier la couleur du contour du calque dans la boîte de
dialogue Propriétés du calque. Consultez Affichage des calques ou dossiers de calques, page 39.
Forme
d’origine non
sélectionnée
Trait
Remplissage Trait et
sélectionné sélectionné remplissage
sélectionnés
Groupe
sélectionné
Vous pouvez choisir de sélectionner uniquement les traits d’un objet ou seulement les
remplissages. Vous pouvez également masquer la mise en valeur d’une sélection afin de modifier
des objets sans afficher la mise en valeur.
135
Lorsque vous sélectionnez un objet, l’inspecteur des propriétés affiche son trait et son remplissage,
ses dimensions en pixels, et les coordonnées x et y de son point de transformation.
Si vous sélectionnez plusieurs éléments de types différents sur la scène, tels qu’un objet, un
bouton et un clip, l’inspecteur des propriétés indique qu’il s’agit d’une sélection mixte. Dans le
cas des sélections mixtes, l’inspecteur des propriétés affiche les dimensions en pixels et les
coordonnées x et y de l’ensemble d’éléments sélectionnés.
Vous pouvez utiliser l’inspecteur des propriétés sur une forme pour changer le trait et le
remplissage de l’objet. Consultez Chapitre 4, Utilisation des couleurs, page 87.
Vous avez également la possibilité d’éviter qu’un groupe ou un symbole ne soit sélectionné et
accidentellement modifié. Pour ce faire, il suffit de verrouiller le groupe ou le symbole. Consultez
Modification des sélections, page 137.
Sélection d’objets avec l’outil Flèche
L’outil Flèche vous permet de sélectionner la totalité d’un objet en cliquant dessus ou en faisant
glisser le curseur pour l’entourer d’un cadre de sélection rectangulaire.
Remarque Vous pouvez également appuyer sur la touche V pour sélectionner l’outil Flèche. Maintenez la touche
Contrôle (Windows) ou Commande (Macintosh) enfoncée pour passer temporairement à l’outil Flèche lorsqu’un
autre outil est actif.
Pour sélectionner un trait, un remplissage, un groupe, une occurrence ou un bloc de texte :
Sélectionnez l’outil Flèche et cliquez sur l’objet.
Pour sélectionner des lignes reliées :
Sélectionnez l’outil Flèche et double-cliquez sur l’une des lignes.
Pour sélectionner une forme remplie et ses contours de traits :
Sélectionnez l’outil Flèche et double-cliquez sur le remplissage.
Pour sélectionner des objets délimités par un cadre rectangulaire :
Sélectionnez l’outil Flèche et faites glisser un cadre de sélection autour de l’objet ou des objets que
vous souhaitez sélectionner. Les occurrences, groupes et blocs de texte doivent être complètement
encadrés pour être sélectionnés.
136 Chapitre 7
Modification des sélections
Vous pouvez ajouter des éléments à une sélection, sélectionner ou désélectionner tous les éléments
d’un calque dans une séquence, sélectionner tous les éléments situés entre des images-clés ou
verrouiller et déverrouiller les symboles ou groupes sélectionnés.
Pour ajouter des éléments à une sélection :
Appuyez sur la touche Maj lorsque vous effectuez des sélections supplémentaires.
Remarque Pour désactiver l’option de sélection avec la touche Maj, désactivez l’option correspondante dans les
préférences générales de Flash. Consultez Définition des préférences de Flash, page 26.
Pour tout sélectionner sur chaque calque d’une séquence :
Choisissez Edition > Tout sélectionner ou appuyez sur Ctrl+A (Windows) ou Commande+A
(Macintosh). L’option Tout sélectionner ne sélectionne pas les objets situés sur les calques
verrouillés ou masqués ou sur les calques absents du scénario courant.
Pour tout désélectionner sur chaque calque :
Choisissez Edition > Tout désélectionner ou appuyez sur Ctrl+Maj+A (Windows) ou
Commande+Maj+A (Macintosh).
Pour tout sélectionner sur un calque entre des images-clés :
Cliquez sur une image dans le scénario. Pour plus d’informations, consultez Utilisation du
scénario, page 32.
Pour verrouiller un groupe ou un symbole :
Sélectionnez le groupe ou le symbole et choisissez Modification > Réorganisation > Verrouiller.
Choisissez Modification > Réorganisation > Tout déverrouiller pour déverrouiller tous les
groupes et symboles verrouillés.
Sélection d’objets avec l’outil Lasso
Pour sélectionner des objets en traçant une zone de sélection à main levée ou une zone de
sélection polygonale, utilisez l’outil Lasso et son modificateur de mode Polygone. Lors de
l’utilisation de l’outil Lasso, vous pouvez basculer entre les modes de sélection libre ou polygonale.
Utilisation d’objets graphiques 137
Pour sélectionner des objets en traçant une zone de sélection à main levée :
Sélectionnez l’outil Lasso et faites-le glisser autour de la zone. Terminez la boucle
approximativement à l’endroit où vous l’avez commencée ou laissez Flash fermer
automatiquement la boucle par une ligne droite.
Pour sélectionner des objets en traçant une zone de sélection polygonale :
1
Sélectionnez l’outil Lasso et le modificateur de mode Polygone dans la section Options de la
boîte à outils.
2
Cliquez pour définir le point de départ.
3
Placez le pointeur à l’endroit où vous voulez arrêter la première ligne et cliquez. Continuez à
définir les points de fin pour les segments de ligne supplémentaires.
4
Pour fermer la zone de sélection, double-cliquez.
Pour sélectionner des objets en traçant une zone de sélection à la fois à main levée et polygonale :
1
Sélectionnez l’outil Lasso et désélectionnez le modificateur de mode Polygone.
2
Pour tracer un segment à main levée, faites glisser la souris sur la scène.
3
Pour tracer un segment droit, appuyez sur Alt (Windows) ou sur Option (Macintosh) et
cliquez pour définir les points de départ et de fin. Vous pouvez continuer à passer du tracé de
segments à main levée au tracé polygonal.
4
Pour fermer la zone de sélection, effectuez l’une des opérations suivantes :
• Si vous tracez un segment à main levée, relâchez le bouton de la souris.
• Si vous tracez un segment droit, double-cliquez.
Masquage de la mise en valeur de sélection
Vous pouvez masquer la mise en valeur de sélection afin de modifier des objets sans afficher leur
mise en valeur. Le masquage de la mise en valeur vous permet d’afficher un aperçu de l’illustration
dans son état final pendant que vous sélectionnez et modifiez les objets.
Pour masquer la mise en valeur de sélection :
Choisissez Affichage > Masquer les contours. Choisissez à nouveau la commande pour
désélectionner cette fonction.
138 Chapitre 7
Groupement d’objets
Pour manipuler des éléments en tant qu’objet unique, vous devrez les grouper. Par exemple, après
avoir créé un dessin tel qu’un arbre ou une fleur, vous pouvez grouper les éléments du dessin pour
pouvoir sélectionner et déplacer facilement le dessin dans son ensemble.
Lorsque vous sélectionnez un groupe, l’inspecteur des propriétés affiche ses coordonnées x et y,
ainsi que ses dimensions en pixels.
Vous pouvez modifier des groupes sans les dissocier. Vous pouvez également sélectionner un objet
isolé d’un groupe en vue d’une modification, sans dissocier les objets.
Pour créer un groupe :
1
Sélectionnez les objets de la scène que vous souhaitez grouper.
Vous pouvez sélectionner des formes, d’autres groupes, des symboles, du texte, etc.
2
Choisissez Modification > Grouper ou appuyez sur Ctrl+G (Windows) ou Commande+G
(Macintosh).
Pour dissocier des objets :
Choisissez Modification > Dissocier ou appuyez sur Ctrl+Maj+G (Windows) ou
Commande+Maj+G (Macintosh).
Pour modifier un groupe ou un objet à l’intérieur d’un groupe :
1
Avec le groupe sélectionné, choisissez Edition > Modifier la sélection ou double-cliquez sur le
groupe avec l’outil Flèche.
Tous les éléments de la page qui ne font pas partie du groupe sont estompés, ce qui signifie
qu’ils sont inaccessibles.
2
Modifiez les éléments souhaités du groupe.
3
Choisissez Edition > Tout modifier ou double-cliquez sur un espace vierge de la scène avec
l’outil Flèche.
Flash rend au groupe son état d’entité unique et vous pouvez travailler avec d’autres éléments
de la scène.
Déplacement, copie et suppression d’objets
Vous pouvez déplacer des objets en les faisant glisser sur la scène, en les coupant et en les collant,
à l’aide des touches de direction ou en utilisant l’inspecteur des propriétés pour spécifier un
emplacement précis. Vous pouvez également déplacer des objets entre Flash et d’autres
applications à l’aide du presse-papiers. Vous pouvez copier des objets en les faisant glisser ou en les
collant, ou tout en les transformant. Lorsque vous déplacez un objet, l’inspecteur des propriétés
indique sa nouvelle position.
Los du déplacement d’un objet avec l’outil Flèche, vous pouvez utiliser le modificateur Accrocher
pour aligner rapidement l’objet avec les points d’un autre objet.
Utilisation d’objets graphiques 139
Déplacement d’objets
Pour déplacer un objet, vous pouvez le faire glisser, utiliser les flèches de direction ou utiliser
l’inspecteur des propriétés.
Pour déplacer un objet par glissement :
1
Sélectionnez un ou plusieurs objets.
2
Sélectionnez l’outil Flèche, placez le pointeur au-dessus de l’objet et faites-le glisser jusqu’au
nouvel emplacement. Pour copier l’objet et déplacer la copie, appuyez sur Alt (Windows) ou
Option (Macintosh) pendant que vous faites glisser le curseur. Pour contraindre le mouvement
des objets aux multiples de 45°, appuyez sur Maj pendant que vous faites glisser le curseur.
Pour déplacer des objets avec les touches de direction :
1
Sélectionnez un ou plusieurs objets.
2
Appuyez sur la touche de direction correspondant à la direction dans laquelle vous souhaitez
déplacer l’objet de 1 pixel à la fois. Appuyez sur Maj+touche de direction pour déplacer la
sélection de 10 pixels à la fois.
Remarque Lorsque l’option d’accrochage aux pixels est sélectionnée, les touches fléchées permettent de
déplacer les objets par incréments sur la grille de pixels de l’animation, mais pas sur ceux de l’écran. Consultez
Accrochage aux pixels, page 83.
Pour déplacer des objets avec l’inspecteur des propriétés :
1
Sélectionnez un ou plusieurs objets.
2
Si l’inspecteur des propriétés n’est pas visible, choisissez Fenêtre > Propriétés.
3
Entrez les valeurs x et y pour l’emplacement de l’angle supérieur gauche de la sélection. Les
unités sont calculées par rapport à l’angle supérieur gauche de la scène.
Remarque L’inspecteur des propriétés utilise les unités spécifiées pour l’option Unités de la règle dans la boîte
de dialogue Propriétés du document. Pour changer les unités, consultez Utilisation de l’inspecteur des propriétés
pour changer les attributs de document, page 28.
Pour déplacer des objets à l’aide du panneau Info :
1
Sélectionnez un ou plusieurs objets.
2
Si le panneau Info n’est pas visible, choisissez Fenêtre > Info.
3
Entrez les valeurs x et y pour l’emplacement de l’angle supérieur gauche de la sélection. Les
unités sont calculées par rapport à l’angle supérieur gauche de la scène.
Déplacement et copie d’objets par collage
Si vous souhaitez déplacer ou copier des objets entre calques, séquences ou d’autres fichiers Flash,
utilisez la technique de collage. Vous pouvez coller un objet au centre de la scène ou dans une
position définie par rapport à sa position d’origine.
Pour déplacer ou copier des objets par collage :
1
Sélectionnez un ou plusieurs objets.
2
Choisissez Edition > Couper ou Edition > Copier.
140 Chapitre 7
3
Sélectionnez un autre calque, séquence ou fichier et effectuez l’une des opérations suivantes :
• Choisissez Edition > Coller pour coller la sélection au centre de la scène.
• Choisissez Edition > Coller en place pour coller la sélection à la même position par rapport à la
scène.
A propos de la copie d’illustrations à l’aide du presse-papiers
Les éléments copiés dans le presse-papiers sont anti-aliasés de façon à ce qu’ils conservent une
aussi bonne apparence dans d’autres applications que dans Flash. Cela est particulièrement utile
pour des images qui comprennent un bitmap, des dégradés, des transparences ou un calque de
masque.
Les graphiques collés depuis d’autres documents Flash ou programmes sont placés dans l’image en
cours du calque courant. La manière dont un élément graphique est collé dans une séquence Flash
dépend du type de l’élément, de son origine et des préférences que vous avez définies :
• Le texte créé dans un éditeur de texte devient un objet texte simple.
• Les graphiques vectoriels provenant d’un programme de dessin deviennent un groupe que vous
pouvez dissocier et modifier comme tout autre élément Flash.
• Les bitmaps deviennent un seul objet groupé tout comme les bitmaps importés. Vous pouvez
séparer des bitmaps collés ou les convertir en graphiques vectoriels.
Pour plus d’informations sur l’application d’un remplissage bitmap, consultez Utilisation de
bitmaps importés, sous Aide > Utilisation de Flash.
Remarque Avant de coller des graphiques de FreeHand dans Flash, définissez vos préférences d’exportation
dans FreeHand afin de convertir les couleurs en CMJN et RVB pour les formats de presse-papiers.
Copie d’objets transformés
Pour créer une copie avec redimensionnement, rotation ou inclinaison d’un objet, vous utiliserez
le panneau Transformer.
Pour créer une copie transformée d’un objet :
1
Sélectionnez un objet.
2
Choisissez Fenêtre > Transformer.
3
Entrez les valeurs d’échelle, de rotation ou d’inclinaison. Consultez Redimensionnement des
objets, page 145, Rotation des objets, page 147, et Inclinaison des objets, page 148.
4
Cliquez sur le bouton Copier et appliquer la transformation dans le panneau Transformer (le
bouton de gauche, dans le coin inférieur droit du panneau).
Suppression d’objets
La suppression d’un objet entraîne sa suppression du fichier. La suppression d’une occurrence de
la scène ne supprime pas le symbole de la bibliothèque.
Pour supprimer des objets :
1
Sélectionnez un ou plusieurs objets.
Utilisation d’objets graphiques
141
2
Effectuez l’une des opérations suivantes :
•
•
•
•
Appuyez sur Suppr. ou Ret.Arr.
Choisissez Edition > Effacer.
Choisissez Edition > Couper.
Cliquez du bouton droit (Windows) ou avec la touche Contrôle enfoncée (Macintosh) sur
l’objet et choisissez Couper dans le menu contextuel.
Empilement d’objets
Dans un calque, Flash présente les objets en fonction de l’ordre de leur création, en plaçant les
plus récemment créés en haut de la pile. L’ordre d’empilement des objets détermine celui de leur
apparition lorsqu’ils se chevauchent.
Les lignes et les formes dessinées apparaissent toujours au-dessous des groupes et des symboles.
Pour les déplacer à une position supérieure, vous devrez les grouper ou les transformer en
symboles. Vous pouvez changer l’ordre d’empilement des objets à tout moment.
Les calques affectent également l’ordre d’empilement. Tous les éléments du calque 2 apparaissent
au-dessus des éléments du calque 1, et ainsi de suite. Pour changer l’ordre d’empilement des
calques, faites glisser leur nom dans le scénario jusqu’au nouvel emplacement. Consultez
Utilisation des calques, page 38.
Pour changer l’ordre d’empilement d’un objet :
1
Sélectionnez l’objet.
2
Utilisez l’une des commandes suivantes :
• Choisissez Modification > Réorganisation > Premier plan ou Mettre à l’arrière-plan pour
déplacer l’objet ou le groupe au début ou à la fin dans l’ordre d’empilement.
• Choisissez Modification > Réorganisation > Vers l’avant ou Vers l’arrière pour déplacer l’objet
ou le groupe d’une position vers le haut ou le bas dans l’ordre d’empilement.
Si plusieurs groupes sont sélectionnés, ils passent devant ou derrière tous les groupes non
sélectionnés, tout en conservant leur position les uns par rapport aux autres.
Transformation des objets
Vous pouvez transformer les objets graphiques, les groupes, les blocs de texte et les occurrences
avec l’outil Transformation libre ou des options du menu Modification > Transformer. Selon le
type d’élément sélectionné, vous pouvez le transformer, le faire pivoter, l’incliner, le
redimensionner ou le déformer. Les sélections peuvent être modifiées ou complétées au cours des
procédures de transformation.
Lorsque vous transformez un objet, un groupe, un bloc de texte ou une occurrence, l’inspecteur
des propriétés correspondant à l’élément en question affiche toutes les modifications apportées à
ses dimensions ou à sa position.
142 Chapitre 7
Un cadre de sélection apparaît lorsque la procédure de transformation implique un déplacement.
Ce cadre est rectangulaire (à moins qu’il n’ait été modifié à l’aide de la commande Déformer ou
du modificateur Enveloppe. Consultez Distorsion des objets, page 144, et Modification des formes
avec le modificateur Enveloppe, page 145) et ses bords sont initialement alignés sur ceux de la
scène. Des poignées de transformations sont situées à chaque coin et au milieu de chaque côté. Le
cadre de sélection affiche un aperçu des transformations pendant que vous déplacez la souris.
Utilisation du point central au cours des transformations
Un point de transformation apparaît au centre de l’élément sélectionné au cours d’une
transformation. Ce point de transformation est initialement aligné sur le point d’alignement de
l’objet. Vous pouvez déplacer le point de transformation, puis le ramener à son emplacement par
défaut.
Dans le cas du redimensionnement, de l’inclinaison ou de la rotation d’objets graphiques, de
groupes ou de blocs de texte, le point opposé à celui que vous faites glisser est le point d’origine
par défaut. Pour les occurrences, le point de transformation est le point d’origine par défaut. Vous
pouvez déplacer le point d’origine par défaut pour une transformation.
Pour déplacer le point de transformation au cours d’une opération de transformation :
Faites glisser le point de transformation.
Pour réaligner le point de transformation sur le point d’alignement de l’élément :
Double-cliquez sur le point de transformation.
Pour permuter le point d’origine pour une transformation par redimensionnement ou inclinaison :
Faites glisser la souris en maintenant la touche Alt (Windows) ou Option (Macintosh) enfoncée
au cours de la transformation.
Transformation libre des objets
Vous pouvez utiliser l’outil Transformation libre pour transformer librement des objets, groupes,
occurrences ou blocs de texte. Vous pouvez effectuer des transformations individuelles ou
combiner plusieurs d’entres elles (telles que le déplacement, la rotation, le redimensionnement,
l’inclinaison et la distorsion).
Pour effectuer une transformation libre :
1
Sélectionnez un graphique, une occurrence, un groupe ou un bloc de texte sur la scène :
2
Cliquez sur l’outil Transformation libre.
Le déplacement du pointeur au-dessus et autour de la sélection entraîne le changement du
pointeur pour indiquer la fonction de transformation disponible.
3
Faites glisser les poignées pour transformer la sélection, comme suit :
• Pour déplacer la sélection, placez le pointeur au-dessus de l’objet dans le cadre de sélection et
faites-le glisser jusqu’au nouvel emplacement. Ne faites pas glisser le point de transformation.
• Pour définir le centre de pivotement ou de redimensionnement, faites glisser le point de
transformation vers un nouvel emplacement.
Utilisation d’objets graphiques 143
• Pour faire pivoter la sélection, positionnez le pointeur juste à côté d’une poignée de coin, puis
faites-la glisser. La sélection pivote autour du point de transformation.
Faites glisser la souris tout en maintenant la touche Maj enfoncée pour faire pivoter l’élément
par incréments de 45°.
Faites glisser la souris en maintenant la touche Alt (Windows) ou Option (Macintosh)
enfoncée pour effectuer la rotation autour de l’angle opposé.
• Pour redimensionner la sélection sur ses deux dimensions, faites glisser une poignée de coin en
diagonale. Pour la redimensionner à l’horizontale ou à la verticale, faites glisser une poignée de
coin dans l’une ou l’autre direction. Faites glisser la souris tout en maintenant la touche Maj
enfoncée pour obtenir un redimensionnement proportionnel.
• Pour incliner la sélection, positionnez le pointeur sur une ligne de contour reliant deux
poignées de transformation et faites-la glisser.
• Pour déformer des formes, appuyez sur Contrôle (Windows) ou Commande (Macintosh), puis
faites glisser une poignée de coin ou une poignée latérale. Faites glisser une poignée de coin
tout en maintenant les touches Maj et Ctrl (Windows) ou Maj et Commande (Macintosh)
enfoncées pour biseauter l’objet – c’est-à-dire pour déplacer le coin sélectionné et son coin
adjacent d’une distance égale de leur origine. Pour plus d’informations sur la distorsion des
objets, consultez la section suivante.
Remarque L’outil Transformation libre ne permet pas de transformer les symboles, bitmaps, objets vidéo, sons,
dégradés, groupes d’objets ou le texte. Si une sélection multiple contient certains de ces éléments, seuls les
objets formes seront déformés. Pour transformer du texte, convertissez d’abord les caractères en objets formes.
4
Pour terminer la transformation, cliquez à l’extérieur de l’objet, occurrence ou bloc de texte
sélectionné(e).
Distorsion des objets
Lorsque vous appliquez une transformation de déformation à un objet sélectionné, le fait de faire
glisser une poignée de coin ou une poignée latérale du cadre de sélection permet de déplacer le
coin ou le bord et de réaligner les bords adjacents. Le fait de faire glisser un point de coin tout en
maintenant la touche Maj enfoncée permet de biseauter l’objet – c’est-à-dire de déplacer ce coin et
son coin adjacent d’une distance égale de leur origine et en direction opposée l’un de l’autre. Le
coin adjacent est le coin opposé à la direction dans laquelle vous faites glisser. Le fait de faire
glisser le point situé au milieu d’un bord tout en maintenant la touche Contrôle (Windows) ou
Commande (Macintosh) enfoncée permet de déplacer librement tout ce bord.
Déformation par bord, coin et biseau, respectivement
144 Chapitre 7
Vous pouvez déformer les objets graphiques à l’aide de la commande Déformer. Vous pouvez
également déformer des objets lors de leur transformation libre. Consultez Transformation libre
des objets, page 143.
Remarque La commande Déformer ne permet pas de transformer les symboles, bitmaps, objets vidéo, sons,
dégradés, groupes d’objets ou le texte. Si une sélection multiple contient certains de ces éléments, seuls les objets
formes seront déformés. Pour modifier le texte, convertissez d’abord les caractères en objets formes.
Pour déformer des objets graphiques :
1
Sélectionnez un ou plusieurs objets graphiques sur la scène.
2
Choisissez Modification > Transformer > Déformer.
3
Placez le pointeur sur l’une des poignées de transformation et faites-la glisser.
4
Pour terminer la transformation, cliquez à l’extérieur de l’objet ou des objets sélectionné(s).
Modification des formes avec le modificateur Enveloppe
Le modificateur Enveloppe permet de déformer les objets. Les enveloppes sont des cadres de
sélection contenant au moins un objet. Les modifications apportées à la forme d’une enveloppe
affectent la forme des objets qu’elle contient. Vous modifiez la forme d’une enveloppe en ajustant
ses poignées de tangente et ses points. Consultez Ajustement des segments, page 76.
Pour modifier une forme avec le modificateur Enveloppe :
1
Sélectionnez une forme sur la scène.
2
Choisissez Modification > Transformer > Enveloppe.
3
Faites glisser les points et les poignées de tangente pour modifier l’enveloppe.
Remarque Le modificateur Enveloppe ne permet pas de transformer les symboles, bitmaps, objets vidéo, sons,
dégradés, groupes d’objets ou le texte. Si une sélection multiple contient certains de ces éléments, seuls les objets
formes seront déformés. Pour modifier le texte, convertissez d’abord les caractères en objets formes.
Redimensionnement des objets
Le redimensionnement d’un objet agrandit ou réduit l’objet horizontalement ou verticalement,
ou les deux à la fois. Vous pouvez redimensionner un objet en faisant glisser le curseur ou en
tapant des valeurs dans le panneau Transformer.
Pour redimensionner un objet par glissement :
1
Sélectionnez un ou plusieurs objets graphiques sur la scène.
2
Choisissez Modification > Transformer > Redimensionner.
Utilisation d’objets graphiques 145
3
Effectuez l’une des opérations suivantes :
• Pour redimensionner l’objet à la fois horizontalement et verticalement, faites glisser l’une des
poignées d’angle. Les proportions sont conservées pendant le redimensionnement. Faites
glisser la souris tout en maintenant la touche Maj enfoncée pour obtenir un
redimensionnement non-uniforme.
• Pour redimensionner l’objet horizontalement ou verticalement, faites glisser une poignée
centrale.
4
Pour terminer la transformation, cliquez à l’extérieur de l’objet ou des objets sélectionné(s).
Remarque lorsque vous augmentez la dimension de plusieurs éléments, ceux qui se trouvent près des bords du
cadre de délimitation peuvent se trouver en dehors de la scène. Si cela se produit, choisissez Affichage > Zone de
travail pour voir les éléments situés au-delà des bords de la scène.
Pour redimensionner un objet avec le panneau Transformer :
1
Sélectionnez un ou plusieurs objets.
2
Choisissez Fenêtre > Transformer.
3
Entrez une valeur d’échelle comprise entre 1 et 1000 pour pour le champ vertical, le champ
horizontal ou les deux à la fois.
4
Activez l’option Contraindre pour conserver les proportions.
5
Appuyez sur Entrée (Windows) ou sur Retour (Macintosh).
146 Chapitre 7
Rotation des objets
La rotation d’un objet le fait tourner autour de son point de transformation. Le point de
transformation est aligné sur le point d’alignement, qui est situé par défaut au centre de l’objet,
mais que vous pouvez déplacer en le faisant glisser. Vous pouvez faire pivoter un objet à l’aide des
commandes de rotation, en le faisant glisser avec l’outil Transformation libre, ou en spécifiant un
angle dans le panneau Transformer. Lorsque vous faites pivoter un objet en le faisant glisser, vous
pouvez également l’incliner et le redimensionner simultanément. Lorsque vous faites pivoter un
objet à l’aide du panneau Transformer, vous pouvez le redimensionner simultanément.
Origine, pivoté vers la droite et pivoté vers la gauche, respectivement
Pour faire pivoter et incliner des objets par glissement :
1
Sélectionnez un ou plusieurs objets sur la scène.
2
Choisissez Modification > Transformer > Pivoter et incliner.
3
Effectuez l’une des opérations suivantes :
• Faites glisser une poignée d’angle pour faire pivoter l’objet.
• Faites glisser une poignée centrale pour incliner l’objet.
4
Pour terminer la transformation, cliquez à l’extérieur de l’objet ou des objets sélectionné(s).
Pour faire pivoter des objets de 90° :
1
Sélectionnez un ou plusieurs objets.
2
Choisissez Modification > Transformer > Faire pivoter de 90° à droite pour faire pivoter l’objet
à droite ou Faire pivoter de 90° à gauche pour faire pivoter l’objet à gauche.
Pour faire pivoter des objets avec le panneau Transformer :
1
Sélectionnez un ou plusieurs objets.
2
Choisissez Fenêtre > Transformer.
3
Cliquez sur Pivoter.
4
Entrez un angle de rotation.
5
Appuyez sur Entrée (Windows) ou sur Retour (Macintosh) pour appliquer la rotation.
Pour faire pivoter et redimensionner un objet simultanément :
1
Sélectionnez un ou plusieurs objets.
2
Choisissez Modification > Transformer > Redimensionner et faire pivoter.
Utilisation d’objets graphiques 147
3
Entrez des valeurs dans les champs Echelle et Faire pivoter de la boîte de dialogue
Redimensionner et faire pivoter.
4
Cliquez sur OK.
Inclinaison des objets
L’inclinaison d’un objet consiste à le transformer en le penchant suivant un ou deux axes. Vous
pouvez incliner un objet en faisant glisser le curseur ou en tapant une valeur dans le panneau
Transformer. Pour incliner un objet en le faisant glisser, consultez la procédure permettant de
faire pivoter et d’incliner un objet en le faisant glisser, dans la section Rotation des objets, page 147.
Pour incliner un objet avec le panneau Transformer :
1
Sélectionnez un ou plusieurs objets.
2
Choisissez Fenêtre > Transformer.
3
Cliquez sur Incliner.
4
Indiquez la valeur des angles horizontal et vertical.
Renversement des objets
Vous pouvez renverser des objets sur leur axe vertical ou horizontal sans déplacer leur position
relative sur la scène.
Origine, renversé horizontalement et renversé verticalement, respectivement
Pour renverser un objet :
1
Sélectionnez l’objet.
2
Choisissez Modification > Transformer > Renverser verticalement ou Renverser
horizontalement.
Rétablissement d’objets transformés
Lorsque vous redimensionnez, faites pivoter et inclinez des occurrences, des groupes et des
caractères avec le panneau Transformer, Flash enregistre les valeurs originales de dimension et de
rotation avec l’objet. Ceci vous permet de supprimer la dernière transformation appliquée et de
restaurer les valeurs d’origine.
Vous ne pouvez annuler que la dernière transformation effectuée dans le panneau Transformer,
en choisissant Edition > Annuler. Vous pouvez réinitialiser toutes les transformations effectuées
dans le panneau Transformer en cliquant sur le bouton Réinitialiser du même panneau avant de
désélectionner l’objet.
148 Chapitre 7
Pour rétablir un objet transformé à son état d’origine :
1
Sélectionnez l’objet transformé.
2
Choisissez Modification > Transformer > Supprimer la transformation.
Pour annuler une transformation effectuée dans le panneau Transformer :
L’objet transformé étant encore sélectionné, cliquez sur le bouton Réinitialiser du panneau
Transformer.
Alignement des objets
Le panneau Aligner vous permet d’aligner les objets sélectionnés sur l’axe horizontal ou vertical.
Vous pouvez aligner des objets verticalement sur les bords droit ou gauche, ou sur le centre, ou
horizontalement, sur les bords supérieur ou inférieur, ou sur le centre. Les bords sont déterminés
par les cadres de sélection qui entourent chaque objet sélectionné.
Vous pouvez utiliser le panneau Aligner pour répartir les objets sélectionnés de manière à en
espacer les centres ou les bords de façon régulière. Vous pouvez également redimensionner les
objets sélectionnés de sorte que les dimensions horizontales or verticales de tous les objets
correspondent à celles du plus grand objet sélectionné. Vous avez également la possibilité
d’aligner les objets sélectionnés sur la scène. Vous pouvez appliquer une ou plusieurs options
d’alignement aux objets sélectionnés.
Original
Objets alignés sur le bord supérieur de l’objet le plus haut
Utilisation d’objets graphiques 149
Pour aligner des objets :
1
Sélectionnez les objets à aligner.
2
Choisissez Fenêtre > Aligner.
3
Dans le panneau Aligner, sélectionnez Vers la scène pour appliquer les modifications
d’alignement par rapport aux dimensions de la scène.
4
Cliquez sur les boutons d’alignement pour modifier les objets sélectionnés :
• Pour l’option Aligner, sélectionnez Aligner les bords gauche, Aligner les centres
horizontalement, Aligner les bords droit, Aligner les bords supérieurs, Aligner les centres
verticalement ou Aligner les bords inférieurs.
• Pour l’option Répartir, sélectionnez Par rapport aux bords supérieurs, Verticalement par
rapport au centre, Par rapport aux bords inférieurs, Par rapport aux bords gauche,
Horizontalement par rapport au centre ou Par rapport aux bords droit.
• Pour Ajuster la taille, sélectionnez Même largeur, Même hauteur ou Même largeur et hauteur.
• Pour Espace, sélectionnez Espacer horizontalement de manière régulière ou Espacer
verticalement de manière régulière.
Séparation de groupes et d’objets
La commande Séparer permet de séparer des groupes, des occurrences et des bitmaps en éléments
modifiables. La séparation réduit de manière significative la taille de fichier des graphiques
importés.
Bien que vous puissez choisir Edition > Annuler immédiatement après avoir séparé un groupe ou
un objet, cette action n’est pas entièrement réversible. Elle affecte les objets de la façon suivante :
•
•
•
•
Elle coupe le lien de l’occurrence d’un symbole avec son symbole maître.
Elle élimine tout, sauf l’image en cours, dans un symbole animé.
Elle convertit un bitmap en remplissage.
Elle place chaque caractère dans un bloc de texte séparé lorsqu’elle est appliquée à des blocs de
texte.
• Elle convertit les caractères en contours lorsqu’elle est appliquée à un seul caractère. Consultez
Séparation du texte, page 162.
Veillez à ne pas confondre la commande Séparer avec la commande Dissocier. La commande
Dissocier sépare les objets groupés, en restaurant les éléments groupés à leur état d’origine, avant
le groupement. Elle ne sépare pas les bitmaps, les occurrences ou les caractères, ni ne convertit les
caractères en contours.
Pour séparer des groupes ou des objets :
1
Sélectionnez le groupe, bitmap ou symbole que vous souhaitez séparer.
2
Choisissez Modification > Séparer.
Remarque La séparation de symboles animés ou de groupes d’une animation interpolée n’est pas
recommandée et pourrait avoir des résultats imprévisibles. La séparation de symboles complexes et de blocs de
texte de grande taille peut prendre un certain temps. Vous devrez augmenter l’allocation mémoire de
l’application pour séparer convenablement des objets complexes.
150 Chapitre 7
CHAPITRE 8
Utilisation du texte
Vous pouvez inclure du texte dans vos animations Macromedia Flash MX de plusieurs façons.
Vous pouvez créer des blocs de texte contenant du texte statique, dont vous déterminez le contenu
et l’apparence lorsque vous créez l’animation. Vous pouvez également créer des champs de texte
dynamique ou de saisie. Les champs de texte dynamique affichent du texte pouvant être mis à jour
de manière dynamique, tel que les résultats de matchs, les cotations boursières ou les bulletins
météo. Les champs de texte de saisie permettent aux utilisateurs de taper du texte pour les
formulaires, les enquêtes ou à d’autres fins.
Vous pouvez orienter le texte horizontalement, avec une direction de gauche à droite, ou
verticalement (texte statique uniquement), avec une direction de gauche à droite ou de droite à
gauche. Vous pouvez choisir parmi les options suivantes pour le texte : police, taille, style,
couleur, interlettrage, crénage, décalage de la ligne de base, alignement, marges, indentation et
interligne. Consultez Définition des attributs de texte, page 155.
Tout comme pour un objet, vous pouvez transformer du texte en le faisant pivoter, en le
redimensionnant, en l’inclinant ou en le renversant, et conserver la possibilité de modifier ses
caractères. Consultez A propos de la transformation du texte, page 162. Lorsque vous utilisez du
texte horizontal, vous pouvez lier les blocs de texte à des URL. Consultez Liaison de texte à une
URL (texte horizontal uniquement), page 163.
Lorsque vous travaillez sur des fichiers Flash (FLA), Flash remplace les polices utilisées dans le
fichier par d’autres polices installées sur votre système, en cas de besoin. Des options vous
permettent de choisir les polices de substitution. Celles-ci sont utilisées pour l’affichage sur votre
système seulement. La sélection des polices du fichier FLA demeure inchangée. Consultez
Remplacement de polices absentes, page 163.
Flash vous permet également de créer un symbole à partir d’une police pour pouvoir exporter la
police en tant que partie intégrante d’une bibliothèque partagée et l’utiliser dans d’autres
animations Flash. Consultez Création de symboles de police, page 160.
Vous pouvez également séparer les caractères et en modifier la forme. Pour étendre les capacités
d’édition de texte, vous pouvez modifier le texte dans FreeHand et importer le fichier FreeHand
dans Flash ou l’exporter à partir de FreeHand en tant que fichier SWF. Consultez Séparation du
texte, page 162.
Vous pouvez utiliser des polices PostScript Type 1, TrueType et bitmap (Macintosh uniquement)
dans vos animations Flash. Vous pouvez vérifier l’orthographe d’un texte en le copiant dans le
presse-papiers à l’aide de l’explorateur d’animations et en le collant ensuite dans un éditeur de
texte externe. Consultez Utilisation de l’explorateur d’animations, page 46.
151
Vous pouvez créer des champs de saisie dans vos animations Flash pour les données saisies par
l’utilisateur ou pour afficher un texte pouvant être mis à jour de manière dynamique. Tout
comme les occurrences de clips, celles de champs de texte sont des objets ActionScript qui
possèdent des propriétés et des méthodes. Vous pouvez manipuler un champ de texte dès que
vous lui avez affecté un nom d’occurrence avec ActionScript. Cependant, contrairement aux
clips, vous ne pouvez pas rédiger de code ActionScript dans une occurrence de texte car ces
dernières n’ont pas de scénario.
Vous pouvez conserver le format du texte dans les champs de texte.
L’inspecteur des propriétés permet de mettre en forme du texte statique, de saisie et dynamique.
Vous pouvez également mettre en forme le texte de saisie et le texte dynamique à l’aide
d’ActionScript.
ActionScript offre des événements destinés aux champs de texte dynamique et de saisie, que vous
pouvez capturer et utiliser pour déclencher des scripts.
Vous pouvez également utiliser les champs de texte pour créer du texte défilant.
Vous pouvez consulter une introduction interactive à la création de texte dans Flash en
choisissant Aide > Leçons > Ajout et manipulation de texte.
A propos des polices intégrées et des polices de périphérique
Lorsque vous utilisez une police installée sur votre système dans une animation Flash, ses
informations sont intégrées au fichier SWF Flash, garantissant ainsi l’affichage correct de la police
dans Flash Player. Les polices affichées dans Flash ne peuvent pas forcément toutes être exportées
avec une animation. Pour vérifier si une police peut être exportée, utilisez la commande
Affichage > Texte antialiasé pour afficher un aperçu du texte ; une police irrégulière indique que
Flash ne reconnaît pas le contour de la police et n’exportera pas le texte.
Vous pouvez utiliser des polices spéciales dans Flash, appelées polices de périphérique, au lieu
d’intégrer les informations de la police (pour le texte horizontal uniquement). Les polices de
périphérique ne sont pas intégrées aux fichiers Flash SWF. Flash Player utilise plutôt les polices
qui se rapprochent le plus de la police de périphérique disponible sur l’ordinateur. Les
informations de la police n’étant pas intégrées, l’utilisation de polices de périphérique permet
d’obtenir des fichiers d’animation Flash de plus petite taille. En outre, les polices de périphérique
peuvent être plus nettes et plus lisibles que les polices intégrées lors de l’emploi de caractères de
petite taille (au-dessous de 10 points). Cependant, dans la mesure où les polices de périphérique
ne sont pas intégrées, si l’ordinateur de l’utilisateur ne contient pas une police qui correspond à la
police de périphérique, le texte pourrait avoir un aspect différent de celui recherché par l’auteur.
Flash inclut trois polices de périphérique appelées _sans (similaire à Helvetica ou Arial), _serif
(similaire à Times Roman) et _typewriter (similaire à Courier). Pour spécifier une police comme
police de périphérique, vous sélectionnez l’une des polices de périphérique Flash dans l’inspecteur
des propriétés. A la lecture de l’animation, Flash sélectionne la première police de périphérique
qu’il trouve sur le système de l’utilisateur. Vous pouvez spécifier le texte défini dans une police de
périphérique comme du texte pouvant être sélectionné, ce qui permet aux utilisateurs de copier et
de coller le texte qui apparaît dans votre animation. Consultez Utilisation des polices de
périphérique (texte horizontal uniquement), page 159.
Vous pouvez utiliser les polices de périphérique pour un texte statique (texte que vous créez en
même temps qu’une animation et qui ne change pas lorsque vous affichez l’animation) ou un
texte dynamique (texte régulièrement mis à jour avec des données récupérées d’un serveur de
fichiers, telles que les résultats d’un match ou le bulletin météo). Pour plus d’informations sur le
texte dynamique, consultez Définition des options de texte dynamique et de saisie, page 160.
152 Chapitre 8
Création de texte
Vous pouvez créer trois types de champs de texte : statique, dynamique et de saisie. Tous les
champs de texte supportent Unicode. Consultez L’encodage du texte au format Unicode dans
les animations Flash, page 412.
• Les champs de texte statique affichent du texte qui ne change pas les caractères de manière
dynamique.
• Les champs de texte dynamique affichent du texte pouvant être mis à jour de manière
dynamique, tel que les résultats de matchs, les cotations boursières ou les bulletins météo.
• Les champs de texte de saisie permettent aux utilisateurs de taper du texte dans des formulaires
ou des enquêtes.
Vous pouvez créer du texte horizontal, avec une direction de gauche à droite, ou du texte statique
vertical, avec une direction de gauche à droite ou de droite à gauche dans Flash. Par défaut, le
texte est créé avec une orientation horizontale. Les préférences vous permettent de paramétrer
l’orientation verticale par défaut ainsi que les autres options qui s’y rapportent.
Vous pouvez également créer des champs de texte défilant. Consultez Création de texte défilant,
sous Aide > Utilisation de Flash.
Pour créer du texte, vous placez des blocs de texte sur la scène avec l’outil Texte. Lorsque vous
créez du texte statique, vous pouvez le placer sur une seule ligne qui s’agrandit lorsque vous tapez,
ou encore un bloc de largeur fixe (pour le texte horizontal) ou de hauteur fixe (pour le texte
vertical) qui s’agrandit et ajoute automatiquement des retours à la ligne. Lorsque vous créez du
texte dynamique ou de saisie, vous pouvez le placer sur une seule ligne ou créer un bloc de largeur
et de hauteur fixes.
Flash affiche une poignée au coin des blocs de texte pour identifier leur type :
• Pour les blocs de texte statique horizontal qui s’agrandissent, une poignée ronde apparaît dans
le coin supérieur droit du bloc de texte.
• Pour les blocs de texte statique horizontal qui ont une hauteur fixe, une poignée carrée apparaît
dans le coin supérieur droit du bloc de texte.
• Pour le texte statique vertical avec une orientation de droite à gauche et une taille variable, une
poignée ronde apparaît dans le coin inférieur gauche du bloc de texte.
• Pour le texte statique vertical avec une orientation de droite à gauche et une hauteur fixe, une
poignée carrée apparaît dans le coin inférieur gauche du bloc de texte.
• Pour le texte statique vertical avec une orientation de droite à gauche et une taille variable, une
poignée ronde apparaît dans le coin inférieur droit du bloc de texte.
• Pour le texte statique vertical avec une orientation de gauche à droite et une hauteur fixe, une
poignée carrée apparaît dans le coin inférieur droit du bloc de texte.
• Pour les blocs de texte dynamique ou de saisie qui s’agrandissent, une poignée ronde apparaît
dans le coin inférieur droit du bloc de texte.
• Pour les blocs de texte dynamique ou de saisie qui ont une hauteur et une largeur fixes, une
poignée carrée apparaît dans le coin inférieur droit du bloc de texte.
Utilisation du texte 153
• Pour les blocs de texte défilant dynamique, la poignée ronde ou carrée est remplie de noir au
lieu d’être vide. Consultez Création de texte défilant, sous Aide > Utilisation de Flash.
Poignée de bloc de texte fixe
Poignée de bloc de texte non fixe
Poignée de bloc de texte dynamique ou de saisie
Poignée de bloc de texte vertical
Vous pouvez double-cliquer sur la poignée des champs de texte dynamique ou de saisie, tout en
maintenant la touche Maj enfoncée, pour créer des blocs de texte qui ne s’agrandissent pas lorsque
vous entrez le texte sur la scène. Cela vous permet de créer un bloc de texte de taille fixe et de le
remplir avec plus de texte qu’il ne peut afficher pour créer un texte défilant. Consultez Création de
texte défilant, sous Aide > Utilisation de Flash.
Lorsque vous avez utilisé l’outil Texte pour créer un champ de texte, vous utilisez l’inspecteur des
propriétés pour indiquer son type et définir les valeurs nécessaires pour contrôler la manière dont
ce champ et son contenu apparaissent dans l’animation Flash.
Pour définir les préférences de texte vertical :
1
Choisissez Edition > Préférences et cliquez sur l’onglet Modification de la boîte de dialogue
Préférences.
2
Sous Texte vertical, activez l’option Orientation du texte par défaut, pour que les nouveaux
blocs de texte soient automatiquement orientés à la verticale.
3
Activez l’option Texte de droite à gauche pour que le texte vertical se lise automatiquement de
droite à gauche.
4
Activez l’option Pas de crénage pour désactiver le crénage du texte vertical. Le crénage reste
activé pour le texte horizontal.
Pour créer du texte :
1
Sélectionnez l’outil Texte.
2
Choisissez Fenêtre > Propriétés.
3
Dans l’inspecteur des propriétés, choisissez un type de texte dans le menu déroulant pour
spécifier le type de champ de texte :
• Choisissez Texte dynamique pour créer un champ de texte qui affiche du texte mis à jour
dynamiquement.
• Choisissez Texte de saisie pour créer un champ de texte dans lequel les utilisateurs peuvent
entrer du texte.
154 Chapitre 8
• Choisissez Texte statique pour créer un champ de texte qui n’affiche pas de texte mis à jour
dynamiquement.
4
Pour le texte statique uniquement : dans l’inspecteur des propriétés, cliquez sur le bouton
Direction du texte pour spécifier l’orientation du texte :
• Sélectionnez Horizontal pour que le texte soit orienté horizontalement et dirigé de gauche à
droite (paramètre par défaut).
• Sélectionnez Vertical, de gauche à droite pour faire apparaître le texte verticalement, de gauche
à droite.
• Sélectionnez Vertical, de droite à gauche pour faire apparaître le texte verticalement, de droite
à gauche.
Remarque Les options de disposition du texte vertical sont désactivées pour le texte dynamique ou de saisie.
Seul le texte statique peut être orienté verticalement.
5
Effectuez l’une des opérations suivantes :
• Pour créer un bloc de texte avec une seule ligne de texte, cliquez à l’endroit où vous voulez que
le texte commence.
• Pour créer un bloc de texte de largeur fixe (pour le texte horizontal) ou de hauteur fixe (pour le
texte vertical), placez le pointeur à l’endroit où vous voulez que le texte commence et faites-le
glisser jusqu’à la largeur ou hauteur souhaitée.
Remarque Si vous créez un bloc de texte qui s’étend au-delà du bord de la scène à mesure que vous le tapez,
le texte n’est pas perdu. Pour rendre la poignée à nouveau accessible, ajoutez des sauts de ligne, déplacez le
bloc de texte ou choisissez Affichage > Zone de travail.
6
Sélectionnez les attributs du texte dans l’inspecteur des propriétés, tel que décrit dans la section
suivante.
Pour changer les dimensions d’un bloc de texte :
Faites glisser sa poignée de redimensionnement.
Pour basculer entre un bloc de texte de largeur/hauteur fixe et un bloc de texte extensible :
Double-cliquez sur la poignée de redimensionnement.
Définition des attributs de texte
Vous pouvez définir les attributs de police et de paragraphe du texte. Une police est un ensemble
de caractères alphanumériques représentant du texte sous une forme particulière. Les attributs de
police incluent sa famille, la taille, le style, l’espacement des caractères, le crénage automatique et
la position des caractères. Les attributs d’un paragraphe sont l’alignement, les marges,
l’indentation et l’interligne.
Les informations sur la police sont, par défaut, intégrées dans une animation Flash publiée (fichier
SWF). Vous pouvez utiliser les polices de périphérique plutôt que d’intégrer les informations sur
les polices (texte horizontal uniquement). Consultez A propos des polices intégrées et des polices de
périphérique, page 152.
Lorsque le texte est sélectionné, vous utilisez l’inspecteur des propriétés pour changer les attributs
de la police et des paragraphes, et pour indiquer à Flash d’utiliser les polices de périphérique
plutôt que d’intégrer les informations sur les polices.
Utilisation du texte 155
Lors de la création d’un nouveau texte, Flash utilise les attributs du texte en cours. Pour modifier
les attributs de police ou de paragraphe du texte existant, vous devez d’abord sélectionner le texte.
Taille en points
Puce de couleur
Gras
Menu Type de texte
Italique
Espacement des
caractères
Direction du texte
Police
Alignement
Format
Rotation
Crénage
automatique
Lien URL
Position X et Y
Largeur et hauteur
Polices de périphérique
Afficher la bordure autour du texte
HTML
Texte sélectionnable
Position des caractères
Choix d’une police, d’une taille, d’un style et d’une couleur
Vous pouvez définir la police, la taille, le style et la couleur du texte sélectionné dans l’inspecteur
des propriétés.
Lors de la définition de la couleur du texte, vous ne pouvez utiliser que des couleurs unies, pas des
dégradés. Pour appliquer un dégradé à un texte, vous devez d’abord convertir le texte afin
d’obtenir les lignes et les remplissages qui le composent. Consultez Séparation du texte, page 162.
Pour choisir une police, une taille, un style de caractère et une couleur avec l’inspecteur des
propriétés :
1
Sélectionnez l’outil Texte.
2
Pour appliquer les paramètres au texte existant, utilisez l’outil Texte pour sélectionner un ou
plusieurs blocs de texte sur la scène.
3
Si l’inspecteur des propriétés n’est pas affiché, choisissez Fenêtre > Propriétés.
4
Dans l’inspecteur des propriétés, cliquez sur le triangle en regard du champ Police et
sélectionnez une police dans la liste ou entrez un nom de police.
Remarque Les polices _sans, _serif et _typewriter sont des polices de périphérique. Les informations relatives
aux polices de périphérique ne sont pas intégrées au fichier Flash SWF. Les polices de périphérique ne peuvent
être utilisées qu’avec du texte horizontal. Consultez A propos des polices intégrées et des polices de
périphérique, page 152.
5
Cliquez sur le triangle en regard de la valeur Taille de police et faites glisser le curseur pour
sélectionner une valeur ou entrez une valeur pour la taille de police.
La taille du texte est définie en points, quelles que soient les unités de la règle.
6
Pour appliquer le style gras ou italique, cliquez sur le bouton Gras ou Italique.
156 Chapitre 8
7
Pour choisir une couleur de remplissage du texte, cliquez sur la puce de couleur et effectuez
l’une des opérations suivantes :
• Sélectionnez une couleur dans la fenêtre des couleurs.
• Entrez la valeur hexadécimale d’une couleur dans le champ de la fenêtre des couleurs.
• Cliquez sur le bouton du sélecteur des couleurs dans le coin supérieur droit de la fenêtre qui
apparaît et sélectionnez une couleur.
Pour plus d’informations sur la sélection des couleurs, consultez Chapitre 4, Utilisation des
couleurs, page 87.
Définition de l’espacement, du crénage et de la position des caractères
La fonction d’espacement des caractères insère un espace fixe entre les caractères. Vous utilisez
cette fonction pour ajuster l’espacement des caractères sélectionnés ou dans tout un bloc de texte.
Le crénage contrôle l’espace entre groupes de deux caractères. La plupart les polices ont des
informations de crénage intégrées. Par exemple, l’espace qui sépare les lettres A et V est souvent
inférieur à celui qui sépare les lettres A et D. Pour utiliser les informations de crénage intégrées à la
police pour définir l’espacement entre les caractères, vous utiliserez l’option Crénage.
Pour le texte horizontal, l’interlettrage et le crénage établissent la distance horizontale entre les
caractères. Pour le texte vertical, l’interlettrage et le crénage établissent la distance verticale entre
les caractères.
Pour le texte vertical, vous pouvez faire en sorte de désactiver, dans les préférences de Flash, le
crénage. Lorsque le crénage du texte vertical est désactivé dans les préférences, vous pouvez laisser
cette option sélectionnée dans l’inspecteur des propriétés pour qu’elle soit exclusivement
appliquée au texte horizontal. Pour définir les préférences de texte vertical, consultez Création de
texte, page 153.
La fonction de position des caractères détermine l’endroit où le texte apparaît par rapport à sa
ligne de base. Pour le texte horizontal, l’option de position des caractères permet de les déplacer
vers le haut ou vers le bas (au-dessus ou en dessous de la ligne de base). Pour le texte vertical,
l’option de position des caractères permet de les déplacer vers la gauche ou vers la droite de la
ligne de base.
Pour définir l’espacement, le crénage et la position des caractères :
1
Sélectionnez l’outil Texte.
2
Pour appliquer les paramètres au texte existant, utilisez l’outil Texte pour sélectionner un ou
plusieurs blocs de texte sur la scène.
3
Si l’inspecteur des propriétés n’est pas affiché, choisissez Fenêtre > Propriétés.
4
Dans l’inspecteur des propriétés, définissez les options suivantes :
• Pour définir l’espacement des caractères, cliquez sur le triangle en regard de la valeur
d’espacement des caractères et faites glisser le curseur pour sélectionner une valeur ou entrez
une valeur dans le champ.
• Pour utiliser les informations de crénage intégrées à une police, sélectionnez Crénage.
Utilisation du texte 157
• Pour spécifier la position des caractères, cliquez sur le triangle en regard de l’option de position
des caractères et sélectionnez une position dans le menu : Normal place le caractère sur la ligne
de base, Exposant le place au-dessus de cette ligne (texte horizontal) ou à droite de cette ligne
(texte vertical) et Indice le place sous cette ligne (texte horizontal) ou à gauche de cette ligne
(texte vertical).
Définition de l’alignement, des marges, de l’indentation et de l’interligne
L’alignement définit la position de chaque ligne de texte dans un paragraphe par rapport aux
bords du bloc de texte. Le texte horizontal est aligné par rapport aux bords gauche et droit du bloc
de texte, le texte vertical étant aligné par rapport aux bords supérieur et inférieur du bloc de texte.
Le texte peut être aligné sur un bord du bloc de texte, centré dans le bloc de texte, ou justifié sur
les bords gauche et droit du bloc de texte (justification complète).
Les marges définissent l’espace entre la bordure d’un bloc de texte et un paragraphe de texte.
L’indentation définit la distance entre la marge d’un paragraphe et le début de la première ligne.
Pour le texte horizontal, l’indentation déplace la première ligne vers la droite, de la distance
spécifiée. Pour le texte vertical, l’indentation déplace la première ligne vers le bas, de la distance
spécifiée.
L’interligne définit la distance entre des lignes adjacentes d’un paragraphe. Pour le texte vertical,
l’interligne ajuste l’espacement des colonnes verticales.
Pour définir l’alignement, les marges, l’indentation et l’interligne pour le texte horizontal :
1
Sélectionnez l’outil Texte.
2
Pour appliquer les paramètres au texte existant, utilisez l’outil Texte pour sélectionner un ou
plusieurs blocs de texte sur la scène.
3
Choisissez Fenêtre > Propriétés.
4
Dans l’inspecteur des propriétés, définissez les options suivantes :
• Pour définir l’alignement, cliquez sur le bouton Justification gauche/haut, Centré, Justification
droite/bas ou Justifié.
• Pour définir les marges gauche ou droite, cliquez sur le bouton Format. Cliquez sur le triangle
en regard de la valeur Marge gauche ou Marge droite et faites glisser le curseur pour
sélectionner une valeur ou entrez une valeur dans le champ numérique.
• Pour définir l’indentation, cliquez sur le bouton Format. Cliquez sur le triangle en regard de la
valeur Indentation et faites glisser le curseur pour sélectionner une valeur ou entrez une valeur
dans le champ numérique. La ligne droite ou la ligne gauche est mise en retrait en fonction de
la direction du texte.
• Pour spécifier l’interligne, cliquez sur le bouton Format. Cliquez sur le triangle en regard de la
valeur d’interligne et faites glisser le curseur pour sélectionner une valeur ou entrez une valeur
dans le champ numérique.
Pour définir l’alignement, les marges, l’indentation et l’interligne pour le texte vertical :
1
Sélectionnez l’outil Texte.
2
Pour appliquer les paramètres au texte existant, sélectionnez un ou plusieurs blocs de texte sur
la scène.
3
Choisissez Fenêtre > Propriétés.
158 Chapitre 8
4
Dans l’inspecteur des propriétés, définissez les options suivantes :
• Pour définir l’alignement, cliquez sur le bouton Justification gauche/haut, Centré, Justification
droite/bas ou Justifié.
• Pour définir les marges supérieure et inférieure, cliquez sur le bouton Format. Utilisez ensuite
Marge gauche et Marge droite. Cliquez sur le triangle en regard de la valeur Marge gauche
pour définir la marge supérieure, ou de la valeur Marge droite pour définir la marge inférieure,
et faites glisser le curseur pour sélectionner une valeur ou entrez une valeur dans le champ
numérique.
• Pour définir l’indentation, cliquez sur le bouton Format. Cliquez sur le triangle en regard de la
valeur Indentation et faites glisser le curseur pour sélectionner une valeur ou entrez une valeur
dans le champ numérique.
• Pour définir l’interligne, cliquez sur le bouton Format. Cliquez sur le triangle en regard de la
valeur d’interligne et faites glisser le curseur pour sélectionner une valeur ou entrez une valeur
dans le champ numérique.
Utilisation des polices de périphérique (texte horizontal uniquement)
Lorsque vous créez du texte, vous pouvez indiquer à Flash Player d’utiliser des polices de
périphérique pour afficher certains blocs de texte, de sorte que Flash n’intègre pas la police pour
ce texte. Cela peut diminuer la taille du fichier d’animation et augmenter la lisibilité des caractères
de taille inférieure à 10 points.
Lorsque vous utilisez du texte horizontal, vous pouvez faire en sorte que le texte défini pour un
affichage avec des polices de périphérique puisse être sélectionné par les utilisateurs de votre
animation. Consultez A propos des polices intégrées et des polices de périphérique, page 152.
Pour que Flash Player affiche le texte avec des polices de périphérique :
1
Sélectionnez sur la scène les blocs de texte que vous souhaitez afficher avec une police de
périphérique.
2
Choisissez Fenêtre > Propriétés.
3
Dans l’inspecteur des propriétés, choisissez Texte statique dans le menu déroulant.
4
Activez l’option Utiliser les polices de périphérique.
Pour rendre le texte horizontal sélectionnable par l’utilisateur :
1
Sélectionnez le texte horizontal que vous souhaitez rendre sélectionnable par l’utilisateur.
2
Choisissez Fenêtre > Propriétés.
3
Dans l’inspecteur des propriétés, choisissez Texte statique dans le menu déroulant.
4
Si vous n’avez pas encore spécifié l’utilisation de polices de périphérique pour le texte, activez
l’option Utiliser les polices de périphérique.
5
Cliquez sur Sélectionnable.
Utilisation du texte 159
Définition des options de texte dynamique et de saisie
L’inspecteur des propriétés permet de spécifier les options contrôlant la manière dont le texte
dynamique et de saisie apparaît dans l’animation Flash.
Pour définir les options de texte dynamique et de saisie :
1
Cliquez à l’intérieur d’un champ de texte dynamique existant.
Pour créer un champ de texte dynamique, consultez Création de texte, page 153.
2
Dans l’inspecteur des propriétés, vérifiez que Texte dynamique ou Texte de saisie est affiché
dans le menu déroulant. Faites votre choix parmi les options suivantes :
• Pour Nom de l’occurrence, entrez le nom d’occurrence du nouveau champ de texte.
• Sélectionnez Multiligne pour afficher le texte sur plusieurs lignes, Une seule ligne pour afficher
le texte sur une seule ligne ou Multiligne sans retour pour afficher le texte sur plusieurs lignes
avec des retours à la ligne manuels (par exemple à l’aide de la touche Entrée de Windows ou
Retour du Macintosh).
• Cliquez sur le bouton Rendre le texte au format HTML pour conserver le format, tel que les
polices et les liens hypertexte, avec les balises HTML appropriées. Pour plus d’informations,
consultez Conservation du format de texte, sous Aide > Utilisation de Flash.
• Cliquez sur Afficher la bordure autour du texte pour afficher une bordure et un arrière-plan
blanc au champ de texte.
• Cliquez sur le bouton Sélectionnable pour que les utilisateurs puissent sélectionner le texte
dynamique. Désactivez cette option pour les empêcher de sélectionner le texte dynamique.
• Pour Variable, entrez le nom de variable pour le champ de texte.
Création de symboles de police
Pour utiliser une police en tant qu’élément de bibliothèque partagée, vous pouvez créer un
symbole de police dans le panneau Bibliothèque. Vous affectez ensuite au symbole une chaîne
d’identifiant et une URL à laquelle l’animation contenant le symbole de police sera publiée. Cela
vous permet de lier la police et de l’utiliser dans une animation Flash sans avoir à l’intégrer à
l’animation.
Pour plus d’informations sur la liaison à un symbole de police partagé à partir d’autres
animations, consultez Utilisation des ressources d’une bibliothèque partagée, page 186.
Pour créer un symbole de police :
1
Ouvrez la bibliothèque à laquelle vous souhaitez ajouter un symbole de police.
2
Choisissez Nouvelle police dans le menu Options, dans le coin supérieur droit du panneau
Bibliothèque.
3
Dans la boîte de dialogue Propriétés des symboles de police, entrez un nom pour le symbole de
police dans le champ Nom.
4
Sélectionnez une police dans le menu Police ou entrez un nom de police dans le champ Police.
5
Si vous le souhaitez, sélectionnez Gras ou Italique pour appliquer ce style à la police.
6
Cliquez sur OK.
160 Chapitre 8
Pour affecter une chaîne d’identifiant à un symbole de police :
1
Sélectionnez le symbole de police dans le panneau Bibliothèque.
2
Effectuez l’une des opérations suivantes :
• Choisissez Liaison dans le menu Options, dans le coin supérieur droit du panneau
Bibliothèque.
• Cliquez du bouton droit (Windows) ou avec la touche Contrôle enfoncée (Macintosh) sur le
nom de symbole de police, puis choisissez Liaison dans le menu contextuel.
3
Sous Liaison, dans la boîte de dialogue Propriétés de liaison, activez l’option Exporter pour le
partage à l’exécution.
4
Dans le champ Identifiant, entrez une chaîne qui permettra d’identifier le symbole de police.
5
Dans le champ URL, entrez l’adresse à laquelle le fichier d’animation SWF qui contient le
symbole de police sera publié.
6
Cliquez sur OK.
Manipulation du texte
Vous pouvez utiliser les techniques de traitement de texte les plus communes avec le texte
de Flash. Vous pouvez utiliser les commandes Couper, Copier et Coller pour déplacer du texte
dans un fichier Flash ainsi qu’entre Flash et d’autres applications.
Pour vérifier l’orthographe du texte, vous pouvez copier le texte dans le presse-papiers à l’aide de
l’explorateur d’animations et le coller ensuite dans un éditeur de texte externe. Consultez
Utilisation de l’explorateur d’animations, page 46.
Sélection de texte
Lorsque vous modifiez du texte ou des attributs de caractère, vous devez d’abord sélectionner les
caractères que vous souhaitez modifier.
Pour sélectionner des caractères dans un bloc de texte :
1
Sélectionnez l’outil Texte.
2
Effectuez l’une des opérations suivantes :
• Faites glisser la souris pour sélectionner des caractères.
• Double-cliquez sur un mot pour le sélectionner.
• Cliquez pour indiquer le début de la sélection, puis avec la touche Maj enfoncée pour indiquer
la fin de la sélection.
• Appuyez sur Ctrl+A (Windows) ou Commande+A (Macintosh) pour sélectionner tous le texte
du bloc.
Pour sélectionner des blocs de texte :
Sélectionnez l’outil Flèche et cliquez sur un bloc de texte. Cliquez avec la touche Maj enfoncée
pour sélectionner plusieurs blocs de texte.
Utilisation du texte
161
A propos de la transformation du texte
Vous pouvez transformer des blocs de texte de la même façon que vous modifiez d’autres objets.
Vous pouvez les redimensionner, les faire pivoter, les incliner et les renverser pour créer des effets
intéressants. Lorsque vous redimensionnez un bloc de texte en tant qu’objet, les augmentations
ou diminutions de la taille ne sont pas reflétées dans l’inspecteur des propriétés.
Le texte d’un bloc transformé peut encore être modifié, bien que des transformations importantes
puissent en compliquer la lecture.
Pour plus d’informations sur la manipulation des blocs de texte, consultez Chapitre 7, Utilisation
d’objets graphiques, page 135.
Séparation du texte
Vous pouvez séparer le texte pour placer chaque caractère dans un bloc de texte distinct. Une fois
le texte séparé, vous pouvez rapidement répartir les blocs de texte vers différents calques pour
facilement animer chacun d’entre eux séparément. Pour plus d’informations sur la distribution
des objets vers les calques, consultez Répartition d’objets vers des calques pour l’animation interpolée,
page 195. Pour plus d’informations sur l’animation, consultez Chapitre 10, Création d’animation,
page 191.
Remarque Le texte des champs de texte défilant ne peut pas être séparé.
Texte séparé en bloc distincts
Vous pouvez également convertir le texte en les lignes et remplissages qui le composent pour en
modifier la forme, l’effacer et le manipuler d’autres manières. Comme pour toute autre forme,
vous pouvez regrouper individuellement ces caractères convertis ou les transformer en symboles et
les animer. Les caractères convertis en lignes et remplissages ne peuvent plus être modifiés en tant
que texte.
Texte séparé en formes, avec des modifications
Pour séparer du texte :
1
Sélectionnez l’outil Flèche et cliquez sur un bloc de texte.
2
Choisissez Modification > Séparer. Chaque caractère du texte sélectionné est placé dans un
bloc de texte distinct. Le texte reste à la même position sur la scène.
3
Choisissez à nouveau Modification > Séparer pour convertir les caractères en formes sur la
scène.
Remarque La commande Séparer ne s’applique qu’à des polices à contours telles que les polices TrueType. Les
polices bitmap disparaissent de l’écran lorsque vous les séparez. Les polices PostScript ne peuvent être séparées
que sur le Macintosh.
162 Chapitre 8
Liaison de texte à une URL (texte horizontal uniquement)
Vous pouvez lier du texte horizontal à une URL pour permettre aux utilisateurs d’accéder à
d’autres fichiers en cliquant sur le texte.
Pour lier du texte horizontal à une URL :
1
Effectuez l’une des opérations suivantes :
• Utilisez l’outil Texte pour sélectionner du texte dans un bloc de texte.
• Utilisez l’outil Flèche pour sélectionner un bloc de texte sur la scène afin de lier tout son texte à
une URL.
2
Si l’inspecteur des propriétés n’est pas affiché, choisissez Fenêtre > Propriétés.
3
Pour Lien URL, entrez l’URL à laquelle vous souhaitez lier le bloc de texte.
Remarque Pour créer un lien à une adresse électronique, utilisez le format mailto:. Par exemple, pour la liste des
souhaits de Macromedia, vous utiliserez mailto:wish-flash@macromedia.com.
Remplacement de polices absentes
Si vous travaillez sur un document contenant des polices qui ne sont pas installées sur votre
système (par exemple, un document qui vous a été envoyé par un autre designer), Flash remplace
les polices absentes par des polices disponibles sur votre système. Vous pouvez sélectionner les
polices de votre système qui remplaceront les polices absentes ou laisser Flash les remplacer par sa
police par défaut (spécifiée dans les préférences générales).
Remarque Le remplacement de polices absentes lors de la modification d’un document Flash ne change pas les
polices qui y sont spécifiées.
Si vous installez une police qui était absente sur votre système et redémarrez Flash, cette police
sera utilisée pour tous les documents l’utilisant et sera retirée de la boîte de dialogue
Avertissement de polices absentes.
Sélection de polices de remplacement
Une boîte d’alerte indiquant les polices absentes d’un document apparaît la première fois qu’une
séquence contenant l’une de ces polices est affichée sur la scène. Si vous publiez ou exportez le
document sans afficher aucune des séquences contenant les polices absentes, le message d’alerte
apparaît au cours de la procédure de publication ou d’exportation. Si vous décidez de sélectionner
des polices de remplacement, la boîte de dialogue Mappage des polices, répertoriant toutes les
polices absentes, apparaît et permet de sélectionner une police de remplacement pour chacune
d’entre elles.
Remarque Si le document contient un grand nombre de polices absentes, la création par Flash d’une liste de ces
polices peut créer un délai.
Vous pouvez appliquer la police absente au nouveau texte et au texte existant dans le document
actuel. Le texte sera affiché sur votre système avec la police de remplacement, mais les
informations sur la police absente seront enregistrées dans le document. Si le document est
ensuite ouvert sur un système sur lequel la police absente est installée, le texte est affiché avec cette
police.
Vous devrez peut-être ajuster les attributs du texte tels que la taille, l’interligne, le crénage, etc.,
lorsque celui-ci est affiché avec la police absente, car la disposition que vous appliquez est basée
sur l’apparence du texte dans la police de remplacement.
Utilisation du texte 163
Pour spécifier le remplacement des polices :
1
Lorsque l’alerte des polices absentes apparaît, effectuez l’une des opérations suivantes :
• Cliquez sur Choisir un remplaçant pour les sélectionner à partir des polices installées sur votre
système, puis passez à l’étape 2.
• Cliquez sur Utiliser les valeurs par défaut pour utiliser les polices Flash par défaut du système
pour remplacer toutes les polices absentes et pour annuler l’alerte des polices absentes.
2
Dans la boîte de dialogue Mappage des polices, cliquez sur l’une des polices de la colonne
Polices absentes pour la sélectionner. Cliquez sur plusieurs polices absentes, tout en
maintenant la touche Maj enfoncée, pour toutes les remplacer par la même police.
Les polices de remplacement par défaut sont affichées dans la colonne Mappé à jusqu’à ce que
vous ayez sélectionné les vôtres.
3
Sélectionnez une police dans le menu déroulant Police de remplacement.
4
Répétez les étapes 2–4 pour toutes les polices absentes.
5
Cliquez sur OK.
Utilisation des polices de remplacement
Vous pouvez utiliser la boîte de dialogue Mappage des polices pour changer une police de
remplacement affectée à une police absente, pour afficher toutes les polices de remplacement qui
ont été paramétrées dans Flash sur votre système, et pour supprimer une correspondance de
polices paramétrée sur votre système. Vous pouvez également désactiver l’alerte des polices
absentes pour éviter qu’elle réapparaisse.
Lorsque vous travaillez sur un document contenant des polices absentes, celles-ci sont affichées
dans la liste des polices de l’inspecteur des propriétés. Lorsque vous sélectionnez des polices de
remplacement, celles-ci sont également affichées dans la liste des polices.
Pour afficher toutes les polices absentes d’un document et sélectionner à nouveau des polices de
remplacement :
1
Le document étant actif dans Flash, choisissez Edition > Mappage des polices.
2
Sélectionnez une police de remplacement, tel que décrit à partir de l’étape 2 de la procédure
précédente.
Pour afficher toutes les correspondances de polices enregistrées sur votre système et en
supprimer :
1
Fermez tous les documents ouverts dans Flash.
2
Choisissez Edition > Mappage des polices.
3
Pour supprimer une correspondance de polices, sélectionnez-la, puis appuyez sur Supprimer.
4
Cliquez sur OK.
164 Chapitre 8
Pour désactiver l’alerte de polices absentes, effectuez l’une des opérations suivantes :
• Pour désactiver l’alerte pour le document actuel, activez l’option Ne plus afficher
d’avertissement dans la boîte d’alerte des polices absentes. Choisissez Edition > Mappage des
polices pour afficher les informations liées à ce document.
• Pour désactiver l’alerte pour tous les documents, choisissez Edition > Préférences, puis cliquez
sur l’onglet Avertissements. Désactivez l’option Indiquer l’absence de polices et cliquez sur
OK. Activez à nouveau cette option pour réactiver l’alerte.
Utilisation du texte 165
166 Chapitre 8
CHAPITRE 9
Utilisation de symboles, d’occurrences
et d’actifs de bibliothèque
Un symbole est un graphique, un bouton ou un clip que vous créez une seule fois dans
Macromedia Flash MX et que vous pouvez réutiliser dans votre animation ou dans d’autres
animations. Un symbole peut inclure une illustration que vous avez importée d’une autre
application. Tout symbole que vous créez devient automatiquement un élément de la
bibliothèque du document courant. Pour plus d’informations sur la bibliothèque, consultez
Utilisation de la bibliothèque, page 60.
Une occurrence est une copie d’un symbole situé sur la scène ou imbriqué dans un autre symbole.
Une occurrence peut avoir une couleur, une taille et une fonction différentes de celles de son
symbole. La manipulation d’un symbole met toutes ses occurrences à jour, mais l’application
d’effets sur une occurrence de symbole ne met à jour que cette occurrence. Vous pouvez
également créer des symboles de police dans Flash. Consultez Création de symboles de police,
page 160.
L’utilisation de symboles dans les animations réduit sensiblement la taille du fichier,
l’enregistrement de plusieurs occurrences d’un symbole exigeant en effet moins d’espace disque
que l’enregistrement de plusieurs copies du contenu du symbole. Par exemple, vous pouvez
réduire la taille de fichier de vos animations si vous convertissez des graphiques statiques tels que
les images d’arrière-plan en symboles réutilisables. L’utilisation de symboles peut également
accélérer la lecture des animations dans la mesure où un symbole n’a besoin d’être téléchargé
qu’une seule fois dans Flash Player.
Vous pouvez partager les symboles entre les animations Flash, en tant qu’actifs de bibliothèque
partagés à l’exécution ou à la programmation. Dans le cas des actifs partagés à l’exécution, vous
pouvez lier les actifs d’une animation source à tout nombre d’animations de destination, sans les y
importer. Dans le cas des actifs partagés à la programmation, vous pouvez mettre à jour ou
remplacer un symbole par tout autre symbole disponible sur votre réseau local. Consultez
Utilisation des ressources d’une bibliothèque partagée, page 186.
Si vous importez des actifs dans une bibliothèque contenant déjà des actifs du même nom, vous
pouvez résoudre les conflits sans écraser accidentellement les actifs existants. Consultez Résolution
des conflits entre éléments de la bibliothèque, page 189.
Vous pouvez également ajouter des actions ActionScript aux symboles. Consultez Rédaction de
scripts avec ActionScript, sous Aide > Utilisation de Flash.
167
Vous pouvez consulter une introduction interactive à l’utilisation des symboles et des occurrences
en choisissant Aide > Leçons > Symboles.
Menu Options
Bouton Nouveau symbole
Un symbole dans la bibliothèque et deux occurrences sur la scène, avec des effets appliqués à l’occurrence
de droite
Types de comportements des symboles
Chaque symbole possède ses propres scénario, scène et calques. Chaque fois que vous créez un
symbole, vous devez en déterminer le type en fonction de la façon dont vous souhaitez l’utiliser
dans l’animation.
• Utilisez des symboles graphiques pour les images statiques et pour créer des éléments
réutilisables liés au scénario de l’animation principale. Les symboles graphiques fonctionnent
de manière synchronisée avec le scénario de l’animation. Les sons et les éléments de contrôle
interactifs ne fonctionnent pas dans la séquence d’animation d’un symbole graphique.
• Utilisez des symboles de bouton pour créer dans l’animation des boutons interactifs qui
réagissent aux clics de la souris, à un survol ou à d’autres actions. Vous définissez les graphiques
associés aux différents états de bouton, puis affectez des actions à une occurrence de bouton.
Consultez Affectation d’actions à un bouton, sous Aide > Utilisation de Flash.
• Utilisez des symboles de clip pour créer des éléments réutilisables d’une animation. Les clips
possèdent leur propre scénario, qui est lu indépendamment du scénario de l’animation
principale ; imaginez de petites animations à l’intérieur d’une animation principale, pouvant
contenir des éléments de contrôle interactifs, des sons, voire d’autres occurrences de clip. Vous
pouvez également placer des occurrences de clip dans le scénario d’un symbole de bouton pour
créer des boutons animés.
• Utilisez les symboles de police pour exporter une police et l’utiliser dans d’autres animations
Flash. Consultez Création de symboles de police, page 160.
Flash fournit des composants intégrés, des clips aux paramètres définis, qui vous permettent de
facilement ajouter des éléments d’interface utilisateur, tels que des boutons, des cases à cocher
ou des barres de défilement, aux animations. Pour plus d’informations, consultez Chapitre 15,
Utilisation des composants, page 323.
Remarque Pour afficher un aperçu de l’interactivité et de l’animation dans les symboles de clip, dans
l’environnement auteur de Flash, vous devez choisir Contrôle > Activer l’aperçu en direct. Consultez Utilisation des
clips et boutons, sous Aide > Utilisation de Flash.
168 Chapitre 9
Création de symboles
Vous pouvez créer un symbole à partir d’une sélection d’objets sur la scène ou créer un symbole
vide et créer ou importer son contenu en mode d’édition de symbole. Les symboles peuvent
posséder toutes les fonctions que vous pouvez créer à l’aide de Flash, notamment l’animation.
L’utilisation de symboles dotés d’animation permet de créer des animations avec beaucoup de
mouvement, tout en limitant la taille de fichier. Pensez à créer de l’animation dans un symbole
lorsque l’action est répétitive ou cyclique, comme les battements d’ailes d’un oiseau, par exemple.
Vous pouvez également ajouter des symboles à votre animation en utilisant des actifs de
bibliothèque partagés à l’exécution ou à la programmation. Consultez Utilisation des ressources
d’une bibliothèque partagée, page 186.
La boîte de dialogue Propriétés du symbole en mode d’affichage basique et étendu. La boîte de dialogue
est intitulée Créer un symbole si vous créez un nouveau symbole et Convertir en symbole si vous
convertissez un graphique en symbole
Pour convertir des éléments sélectionnés en symboles :
1
Sélectionnez un ou plusieurs éléments sur la scène et effectuez l’une des opérations suivantes :
• Choisissez Insertion > Convertir en symbole.
Utilisation de symboles, d’occurrences et d’actifs de bibliothèque 169
• Faites glisser la sélection vers le panneau Bibliothèque.
• Cliquez du bouton droit (Windows) ou en appuyant sur la touche Contrôle (Macintosh) et
choisissez Convertir en symbole dans le menu contextuel.
2
Dans la boîte de dialogue Convertir en symbole, tapez le nom du symbole et choisissez
Graphique, Bouton ou Clip comme comportement. Consultez Types de comportements des
symboles, page 168.
3
Pour Alignement, cliquez sur un carré du diagramme afin de placer le point d’alignement du
symbole.
4
Cliquez sur OK.
Flash ajoute le symbole à la bibliothèque. La sélection sur la scène devient une occurrence du
symbole. Vous ne pouvez pas modifier une occurrence directement sur la scène, mais devez
l’ouvrir en mode d’édition de symbole. Consultez Manipulation des symboles, page 176.
Pour créer un symbole vide :
1
Vérifiez que vous n’avez rien sélectionné sur la scène et effectuez l’une des opérations
suivantes :
• Choisissez Insertion > Nouveau symbole.
• Cliquez sur le bouton Nouveau symbole, en bas à gauche du panneau Bibliothèque.
• Choisissez Nouveau symbole dans le menu Options, dans le coin supérieur droit du panneau
Bibliothèque.
2
Dans la boîte de dialogue Créer un symbole, tapez le nom du symbole et choisissez Graphique,
Bouton ou Clip comme comportement. Consultez Types de comportements des symboles,
page 168.
3
Cliquez sur OK.
Flash ajoute le symbole à la bibliothèque et passe en mode d’édition de symbole. En mode
d’édition de symbole, le nom du symbole apparaît au-dessus de l’angle supérieur gauche de la
scène, et une mire indique le point d’alignement du symbole.
4
Pour créer le contenu du symbole, utilisez le scénario, dessinez à l’aide des outils de dessin,
importez un média ou créez des occurrences d’autres symboles.
5
Lorsque vous avez terminé de créer le contenu du symbole, effectuez l’une des opérations
suivantes pour revenir au mode d’édition d’animation :
• Cliquez sur le bouton de retour, du côté gauche de la barre d’information au-dessus de la
scène.
• Choisissez Edition > Modifier le document.
• Cliquez sur le nom de la séquence dans la barre d’information au-dessus de la scène.
170 Chapitre 9
Conversion d’un effet d’animation sur scène en clip
Si vous avez créé sur la scène une séquence animée que vous voulez réutiliser ailleurs dans
l’animation ou si vous voulez la manipuler en tant qu’occurrence, sélectionnez-la pour
l’enregistrer comme symbole de clip.
Pour convertir un effet d’animation sur scène en clip :
1
Dans le scénario principal, sélectionnez chaque image de chaque calque de l’effet d’animation
sur la scène que vous souhaitez utiliser.
Remarque Pour plus d’informations sur la sélection d’images, consultez Utilisation du scénario, page 32.
2
Copiez les images en effectuant l’une des opérations suivantes :
• Cliquez du bouton droit (Windows) ou avec la touche Contrôle enfoncée (Macintosh) sur
l’image sélectionnée et choisissez Copier les images dans le menu contextuel. Choisissez
Couper pour supprimer la séquence après l’avoir convertie en clip.
• Choisissez Edition > Copier les images. Choisissez Couper les images pour supprimer la
séquence après l’avoir convertie en clip.
3
Annulez votre sélection et assurez-vous que rien n’est sélectionné sur la scène. Choisissez
Insertion > Nouveau symbole.
4
Dans la boîte de dialogue Créer un symbole, nommez le symbole. Pour Comportement,
choisissez Clip, et cliquez sur OK.
Flash ouvre un nouveau symbole pour modification en mode d’édition de symbole.
5
Cliquez sur l’image 1 du calque 1 dans le scénario, puis choisissez Edition > Coller les images.
Les images (et les calques et noms de calques) que vous aviez copiées dans le scénario principal
sont collées dans le scénario de ce symbole de clip. Tout effet d’animation, bouton ou
interactivité des images que vous avez copiées devient une animation indépendante (un
symbole de clip) que vous pouvez réutiliser tout au long de l’animation.
6
Lorsque vous avez terminé de créer le contenu du symbole, effectuez l’une des opérations
suivantes pour revenir au mode d’édition d’animation :
• Cliquez sur le bouton de retour, du côté gauche de la barre d’information au-dessus de la
scène.
• Choisissez Edition > Modifier le document.
• Cliquez sur le nom de la séquence dans la barre d’information au-dessus de la scène.
Duplication des symboles
La duplication d’un symbole vous permet d’utiliser un symbole existant comme point de départ
pour la création d’un nouveau symbole.
Vous pouvez également utiliser des occurrences pour créer des versions aux apparences différentes
du symbole. Consultez Création d’occurrences, page 172.
Pour dupliquer un symbole dans le panneau Bibliothèque :
1
Sélectionnez un symbole dans le panneau Bibliothèque.
Utilisation de symboles, d’occurrences et d’actifs de bibliothèque
171
2
Pour dupliquer le symbole, effectuez l’une des opérations suivantes :
• Cliquez du bouton droit (Windows) ou en appuyant sur la touche Contrôle (Macintosh) et
choisissez Dupliquer dans le menu contextuel.
• Choisissez Dupliquer dans le menu Options de la bibliothèque.
Pour dupliquer un symbole en sélectionnant une occurrence :
1
Sélectionnez une occurrence du symbole sur la scène.
2
Choisissez Modification > Dupliquer le symbole.
Le symbole est dupliqué et l’occurrence est remplacée par une occurrence du symbole
dupliqué.
Création d’occurrences
Une fois que vous avez créé un symbole, vous pouvez créer des occurrences de ce symbole aux
endroits de votre choix dans l’animation et même dans d’autres symboles. Lorsque vous modifiez
le symbole, toutes ses occurrences sont mises à jour.
Des noms par défaut sont affectés aux occurrences que vous créez. Vous pouvez affecter des noms
personnalisés aux occurrences dans l’inspecteur des propriétés.
Pour créer une occurrence d’un symbole :
1
Sélectionnez un calque dans le scénario.
Flash peut placer des occurrences dans les images-clés uniquement, toujours sur le calque
courant. Si vous ne sélectionnez pas d’image-clé, l’occurrence sera ajoutée à la première imageclé située à gauche de l’image en cours.
Remarque Une image-clé est une image dans laquelle vous définissez les changements d’un effet d’animation.
Pour plus d’informations, consultez Utilisation d’images dans le scénario, page 35.
2
Choisissez Fenêtre > Bibliothèque pour ouvrir la bibliothèque.
3
Faites glisser le symbole de la bibliothèque jusqu’à la scène.
4
Si vous avez créé une occurrence d’un symbole graphique, choisissez Insertion > Image pour
ajouter la quantité d’images qui contiendra le symbole graphique.
Pour affecter un nom à une occurrence :
1
Sélectionnez l’occurrence sur la scène.
2
Choisissez Fenêtre > Propriétés si l’inspecteur des propriétés n’est pas visible.
3
Entrez un nom dans le champ Nom de l’occurrence, du côté gauche de l’inspecteur des
propriétés (en dessous de la liste déroulante Comportement de symbole).
Après avoir créé l’occurrence d’un symbole, utilisez l’inspecteur des propriétés pour spécifier les
effets de couleur, affecter des actions, définir le mode d’affichage graphique ou changer le
comportement de l’occurrence. Le comportement de l’occurrence est, sauf indication contraire,
identique au comportement du symbole. Toute modification effectuée affecte uniquement
l’occurrence, pas le symbole. Consultez Modification de la couleur et de la transparence d’une
occurrence, page 179.
172 Chapitre 9
Création de boutons
Les boutons sont en réalité des clips interactifs composés de quatre images. Lorsque vous
sélectionnez le comportement de bouton pour un symbole, Flash crée un scénario avec quatre
images. Les trois premières images affichent les trois différents états du bouton et la quatrième
définit la zone active du bouton. En réalité, le scénario n’est pas lu ; il réagit simplement aux
mouvements et aux actions du pointeur en se plaçant sur l’image appropriée.
Pour rendre un bouton interactif dans une animation, placez une occurrence du symbole du
bouton sur la scène et affectez-lui des actions. Vous devez affecter les actions à l’occurrence du
bouton dans l’animation et non aux images dans le scénario du bouton.
Chaque image du scénario d’un symbole de bouton possède une fonction spécifique :
• La première image, l’état Haut, représente l’apparence normale du bouton quand le pointeur
n’est pas dessus.
• La deuxième image, l’état Dessus, représente l’apparence du bouton quand le pointeur se
trouve dessus.
• La troisième image, l’état Abaissé, représente l’apparence du bouton quand vous cliquez dessus.
• La quatrième image, l’état Cliquable, définit la zone qui réagit au clic de la souris. Cette zone
est invisible dans l’animation.
Vous pouvez aussi créer des boutons à l’aide de l’objet ActionScript MovieClip. Consultez
Utilisation d’événements de bouton avec des clips pour déclencher des scripts, page 295. Vous pouvez
ajouter des boutons à votre animation à l’aide de composants. Consultez Le composant
PushButton, page 335, et Le composant RadioButton, page 336.
Vous pouvez consulter une introduction interactive à la création de boutons dans Flash en
choisissant Aide > Leçons > Boutons.
Pour créer un bouton :
1
Choisissez Edition > Tout désélectionner pour vous assurer que rien n’est sélectionné sur la
scène.
2
Choisissez Insertion > Nouveau symbole ou appuyez sur Ctrl+F8 (Windows) ou
Commande+F8 (Macintosh).
Pour créer le bouton, vous convertissez les images du bouton en images-clés.
Utilisation de symboles, d’occurrences et d’actifs de bibliothèque 173
3
Dans la boîte de dialogue Créer un symbole, entrez le nom du nouveau symbole de bouton et
choisissez Bouton comme comportement.
Flash bascule en mode d’édition de symbole. L’en-tête du scénario change pour afficher quatre
images consécutives intitulées Haut, Dessus, Abaissé et Cliquable. La première image, Haut,
est une image-clé vide.
4
Pour créer l’image du bouton dans un état Haut, utilisez les outils de dessin, importez un
graphique ou placez l’occurrence d’un autre symbole sur la scène.
Vous pouvez utiliser un symbole graphique ou un symbole de clip dans un bouton, mais vous
ne pouvez pas utiliser un autre bouton dans un bouton. Utilisez un symbole de clip si vous
souhaitez créer un bouton animé.
5
Cliquez sur la deuxième image, intitulée Dessus, et choisissez Insertion > Image-clé.
Flash insère une image-clé qui duplique le contenu de l’image Haut.
174 Chapitre 9
6
Changez l’image du bouton pour l’état Dessus.
7
Répétez les étapes 5 et 6 pour les images des états Abaissé et Cliquable.
L’image de l’état Cliquable n’est pas visible sur la scène, mais définit la zone du bouton qui
réagit au clic. Assurez-vous que le graphique de l’image Cliquable est une zone pleine
suffisamment large pour englober tous les éléments graphiques des images Haut, Abaissé et
Dessus. Elle peut aussi être plus large que le bouton visible. Si vous ne spécifiez pas d’image
pour l’état Cliquable, l’image de l’état Haut sert alors d’image pour l’état Cliquable.
Vous pouvez créer un survol discontinu, le survol d’un bouton entraînant le changement d’un
autre graphique de la scène. Pour ce faire, placez l’image Cliquable à un endroit différent des
autres images de bouton.
8
Pour associer un son à un état du bouton, sélectionnez l’image correspondant à l’état dans le
scénario, choisissez Fenêtre > Propriétés, puis sélectionnez un son dans le menu Son de
l’inspecteur des propriétés. Consultez Ajout de sons aux boutons, page 126.
9
Lorsque vous avez terminé, choisissez Edition > Modifier le document. Faites glisser le symbole
du bouton hors du panneau Bibliothèque pour en créer une occurrence dans l’animation.
Activation, modification et test des boutons
Par défaut, Flash laisse les boutons désactivés lors de leur création afin de faciliter leur sélection et
leur utilisation. Lorsqu’un bouton est désactivé, il suffit de cliquer dessus pour le sélectionner.
Lorsqu’un bouton est activé, il réagit aux événements déclenchés par la souris que vous avez
spécifiés, comme lorsque l’animation est en lecture. Vous pouvez quand même sélectionner les
boutons activés. En règle générale, désactivez les boutons pour travailler dessus et activez-les pour
tester rapidement leur comportement.
Pour activer et désactiver des boutons :
Choisissez Contrôle > Activer les boutons simples. Une coche apparaît en regard de la commande
pour indiquer que les boutons sont activés. Choisissez de nouveau cette commande pour
désactiver les boutons.
Tous les boutons de la scène répondent. Lorsque vous passez la souris au-dessus d’un bouton,
Flash affiche l’image Dessus ; lorsque vous cliquez à l’intérieur de la zone active du bouton, Flash
affiche l’image Abaissé.
Utilisation de symboles, d’occurrences et d’actifs de bibliothèque 175
Pour sélectionner un bouton activé :
Utilisez l’outil Flèche pour tracer un cadre de sélection autour du bouton.
Pour déplacer ou modifier un bouton activé :
1
Sélectionnez le bouton comme décrit ci-dessus.
2
Effectuez l’une des opérations suivantes :
• Servez-vous des touches de direction pour déplacer le bouton.
• Si l’inspecteur des propriétés n’est pas visible, choisissez Fenêtre > Propriétés pour modifier le
bouton dans l’inspecteur des propriétés ou double-cliquez sur le bouton avec la touche Alt
(Windows) ou Option (Macintosh) enfoncée.
Pour tester un bouton, effectuez l’une des opérations suivantes :
• Choisissez Contrôle > Activer les boutons simples. Placez le pointeur au-dessus du bouton
activé pour le tester.
• Sélectionnez le bouton dans le panneau Bibliothèque et cliquez sur le bouton Lire dans la
fenêtre d’aperçu.
Les clips des boutons ne sont pas visibles dans l’environnement auteur de Flash. Consultez
Aperçu et test des animations, page 44.
• Choisissez Contrôle > Tester la séquence ou Contrôle > Tester l’animation.
Manipulation des symboles
Lorsque vous modifiez un symbole, Flash en met à jour toutes les occurrences dans l’animation.
Flash permet de manipuler les symboles de trois manières différentes. Vous pouvez modifier le
symbole par rapport aux autres objets de la scène à l’aide de la commande Modifier en place. Les
autres objets apparaissent en grisé pour les distinguer du symbole que vous modifiez. Le nom du
symbole que vous manipulez est affiché dans une barre d’information, en haut de la scène, à
droite du nom de la séquence courante.
Vous pouvez aussi modifier un symbole dans une autre fenêtre, à l’aide de la commande Modifier
dans une nouvelle fenêtre. La modification d’un symbole dans une autre fenêtre vous permet de
visualiser à la fois le symbole et le scénario principal simultanément. Le nom du symbole que vous
manipulez est affiché dans une barre d’information, en haut de la scène.
Vous modifiez le symbole en changeant la fenêtre de façon à ne plus afficher la scène mais
seulement le symbole (dans le mode d’édition de symbole). Le nom du symbole que vous
manipulez est affiché dans une barre d’information, en haut de la scène, à droite du nom de la
séquence courante.
Lorsque vous manipulez un symbole, toutes ses occurrences dans l’animation sont mises à jour
pour refléter les modifications effectuées. Lors de la modification d’un symbole, vous pouvez
utiliser des outils de dessin, importer un média ou créer des occurrences d’autres symboles.
Pour modifier un symbole en place :
1
Effectuez l’une des opérations suivantes :
• Double-cliquez sur une occurrence du symbole sur la scène.
176 Chapitre 9
• Sélectionnez une occurrence du symbole sur la scène et cliquez du bouton droit (Windows) ou
en appuyant sur la touche Contrôle (Macintosh) et choisissez Modifier en place dans le menu
contextuel.
• Sélectionnez une occurrence du symbole sur la scène et choisissez Edition > Modifier en place.
2
Modifiez le symbole selon vos besoins.
3
Pour quitter le mode de modification en place et revenir au mode d’édition d’animation,
effectuez l’une des opérations suivantes :
• Cliquez sur le bouton de retour, du côté gauche de la barre d’informations au-dessus de la
scène.
• Sélectionnez le nom de la séquence actuelle dans le menu déroulant Séquence de la barre
d’information située en haut de la scène.
• Choisissez Edition > Modifier le document.
Pour modifier un symbole dans une nouvelle fenêtre :
1
Sélectionnez une occurrence du symbole sur la scène et cliquez du bouton droit (Windows) en
appuyant sur la touche Contrôle (Macintosh) et choisissez Modifier dans une nouvelle fenêtre
dans le menu contextuel.
2
Modifiez le symbole selon vos besoins.
3
Cliquez sur Fermer, dans le coin supérieur droit (Windows) ou gauche (Macintosh), pour
fermer la nouvelle fenêtre, puis cliquez sur la fenêtre de l’animation principale pour reprendre
votre travail.
Pour modifier un symbole en mode d’édition de symbole :
1
Effectuez l’une des opérations suivantes :
• Double-cliquez sur l’icône du symbole dans le panneau Bibliothèque.
• Sélectionnez une occurrence du symbole sur la scène et cliquez du bouton droit (Windows) ou
en appuyant sur la touche Contrôle (Macintosh) et choisissez Modifier dans le menu
contextuel.
• Sélectionnez une occurrence du symbole sur la scène et choisissez Edition > Modifier les
symboles.
• Sélectionnez le symbole dans le panneau Bibliothèque et choisissez Modifier dans le menu
Options de la bibliothèque, ou cliquez du bouton droit (Windows) ou en appuyant sur la
touche Contrôle (Macintosh) sur le symbole dans le panneau Bibliothèque et choisissez
Modifier dans le menu contextuel.
2
Modifiez le symbole selon vos besoins.
3
Pour quitter le mode d’édition de symbole et revenir au mode d’édition d’animation, effectuez
l’une des opérations suivantes :
• Cliquez sur le bouton de retour, du côté gauche de la barre d’information au-dessus de la
scène.
• Choisissez Edition > Modifier le document.
Utilisation de symboles, d’occurrences et d’actifs de bibliothèque 177
• Cliquez sur le nom de la séquence dans la barre d’information au-dessus de la scène.
Nom du symbole
Nom de la séquence
Bouton de retour
Modification des propriétés des occurrences
Chaque occurrence de symbole possède ses propres propriétés, distinctes de celles du symbole.
Vous pouvez modifier la teinte, la transparence et la luminosité d’une occurrence, redéfinir son
comportement (convertir, par exemple, un graphique en clip) et définir le mode de lecture de
l’animation dans une occurrence de graphique. Vous pouvez également incliner, faire pivoter ou
redimensionner une occurrence sans affecter le symbole.
Vous pouvez en outre nommer une occurrence de clip ou de bouton pour permettre la
modification de ses propriétés avec ActionScript. Consultez Utilisation des clips et boutons, sous
Aide > Utilisation de Flash.
Pour modifier les propriétés d’une occurrence, vous utiliserez l’inspecteur des propriétés
(Fenêtres > Propriétés).
178 Chapitre 9
Les propriétés d’une occurrence sont enregistrées avec cette dernière. Si vous modifiez un symbole
ou reliez une occurrence à un autre symbole, les propriétés que vous avez modifiées s’appliquent
toujours à l’occurrence.
Symbole d’origine et deux occurrences modifiées
Modification de la couleur et de la transparence d’une occurrence
Chaque occurrence d’un symbole peut avoir son propre effet de couleur. Pour définir les options
de couleur et de transparence des occurrences, vous utiliserez l’inspecteur des propriétés. Les
paramètres de l’inspecteur des propriétés s’appliquent également aux bitmaps placés dans des
symboles.
Occurrences de symbole, chacune avec son propre effet de couleur
Lorsque vous modifiez la couleur et la transparence d’une occurrence dans une image donnée,
Flash effectue la modification dès qu’il affiche cette image. Pour opérer des modifications de
couleur progressives, vous devez appliquer une interpolation de mouvement. Lors de
l’interpolation des couleurs, vous entrez différents paramètres d’effet dans les images-clés de début
et de fin d’une occurrence, puis interpolez les paramètres pour faire évoluer les couleurs de
l’occurrence au fil du temps. Consultez Interpolation d’occurrences, de groupes et de texte, page 196.
Remarque Si vous appliquez un effet de couleur à un symbole de clip contenant plusieurs images, Flash applique
l’effet à chaque image du symbole.
Utilisation de symboles, d’occurrences et d’actifs de bibliothèque 179
Pour changer la couleur et la transparence d’une occurrence :
1
Sélectionnez l’occurrence sur la scène et choisissez Fenêtre > Propriétés.
2
Dans l’inspecteur des propriétés, choisissez une des options suivantes dans le menu déroulant
Couleur :
• L’option Luminosité règle l’aspect clair ou sombre relatif de l’image, mesuré sur une échelle
allant du noir (–100 %) au blanc (100 %). Cliquez sur le triangle et déplacez la glissière ou
entrez une valeur dans le champ pour régler la luminosité.
• L’option Teinte colorie l’occurrence avec la même nuance. Utilisez le curseur Teinte de
l’inspecteur des propriétés pour sélectionner le pourcentage de teinte, qui va de transparent
(0 %) à entièrement saturé (100 %). Cliquez sur le triangle et déplacez la glissière ou entrez
une valeur dans le champ pour régler la teinte. Pour sélectionner une couleur, entrez les valeurs
de rouge, de vert et de bleu dans les champs respectifs ou cliquez sur la puce de couleur, puis
sélectionnez une des couleurs dans la fenêtre ou cliquez sur le bouton Sélecteur de couleur.
• L’option Alpha ajuste la transparence de l’occurrence, de transparente (0 %) à complètement
saturée (100 %). Cliquez sur le triangle et déplacez la glissière ou entrez une valeur dans le
champ pour régler la valeur alpha.
• L’option Avancé permet d’ajuster séparément les valeurs de rouge, vert et bleu, ainsi que la
transparence d’une occurrence. Cela est très utile lorsque vous voulez créer et animer des effets
de couleur subtils dans des objets tels que les bitmaps. Les commandes situées à gauche
permettent de réduire les valeurs de couleur ou de transparence d’un pourcentage spécifique.
Les commandes de droite permettent de réduire ou d’augmenter les valeurs de couleur ou de
transparence d’une valeur constante.
Les valeurs de couleur rouge, vert, bleu et alpha en cours sont multipliées par les valeurs de
pourcentage, puis ajoutées aux valeurs constantes dans la colonne de droite pour obtenir les
nouvelles valeurs de couleur. Par exemple, si la valeur de rouge actuelle est égale à 100, le
réglage du curseur de gauche à 50 % et du curseur de droite à 100 donne une nouvelle valeur
de rouge égale à 150 ([100 x 0,5] + 100 = 150).
Remarque Les paramètres du panneau Effet avancés implémentent la fonction (a * y+ b)= x, où a est le
pourcentage spécifié dans l’ensemble de champs de gauche, y est la couleur du bitmap d’origine, b est la valeur
spécifiée dans l’ensemble de champs de droite et x est l’effet résultant (entre 0 et 255 pour RVB et entre 0 et
100 pour la transparence alpha).
Vous pouvez aussi modifier la couleur d’une occurrence à l’aide de l’objet ActionScript Color.
Pour plus d’informations sur l’objet Color, consultez l’entrée correspondante dans le dictionnaire
ActionScript.
Affectation d’un symbole différent à une occurrence
Vous pouvez affecter un symbole différent à une occurrence pour afficher une occurrence
différente sur la scène tout en préservant les propriétés d’origine de l’occurrence (telles que les
effets de couleur et les actions des boutons).
Par exemple, imaginons que vous créez un dessin animé avec un symbole de rat comme
personnage, mais que vous décidez de remplacer le personnage par un chat. Vous pourriez
remplacer le symbole de rat par celui du chat et afficher le personnage mis à jour
approximativement au même endroit dans toutes les images.
180 Chapitre 9
Pour affecter un symbole différent à une occurrence :
1
Sélectionnez l’occurrence sur la scène et choisissez Fenêtre > Propriétés.
2
Cliquez sur le bouton Permuter dans l’inspecteur des propriétés.
3
Dans la boîte de dialogue Permuter le symbole, sélectionnez le symbole qui remplacera celui
actuellement affecté à l’occurrence. Pour dupliquer un symbole sélectionné, cliquez sur le
bouton Dupliquer le symbole, en bas de la boîte de dialogue.
Bouton Dupliquer le symbole
La duplication vous permet de créer un nouveau symbole à partir d’un symbole existant dans la
bibliothèque et réduit les opérations de copie si vous créez plusieurs symboles qui ont très peu
de différences.
4
Cliquez sur OK.
Pour remplacer toutes les occurrences d’un symbole :
1
Faites glisser un symbole ayant le même nom que celui devant être remplacé dans le panneau
Bibliothèque.
2
Dans la boîte de dialogue Résoudre les conflits de bibliothèque, cliquez sur Remplacer. Pour
plus d’informations, consultez Résolution des conflits entre éléments de la bibliothèque, page 189.
Changement du type d’une occurrence
Vous pouvez changer le type d’une occurrence de façon à redéfinir son comportement dans
l’animation. Par exemple, si une occurrence de graphique contient un effet d’animation que vous
voulez exécuter indépendamment du scénario de l’animation principale, vous pouvez la redéfinir
en tant qu’occurrence de clip.
Pour changer le type d’une occurrence :
1
Sélectionnez l’occurrence sur la scène et choisissez Fenêtre > Propriétés.
2
Sélectionnez Graphique, Bouton ou Clip dans le menu déroulant affiché dans le coin supérieur
gauche de l’inspecteur des propriétés.
Utilisation de symboles, d’occurrences et d’actifs de bibliothèque
181
Définition de l’effet d’animation pour les occurrences graphiques
Vous pouvez déterminer la façon dont les séquences d’animation contenues dans une occurrence
graphique seront lues au cours de l’animation en définissant les options de l’inspecteur des
propriétés.
Un symbole graphique animé est lié au scénario de l’animation dans lequel il est placé. En
revanche, un symbole de clip possède son propre scénario indépendant. L’animation des symboles
graphiques animés, qui utilisent le même scénario que l’animation principale, est affichée en
mode d’édition d’animation. Les symboles de clip s’affichent sous forme d’objets statiques sur la
scène et non sous forme d’animations dans l’environnement auteur de Flash.
Pour définir l’effet d’animation d’une occurrence graphique :
1
Sélectionnez une occurrence de graphique sur la scène et choisissez Fenêtre > Propriétés.
2
Dans l’inspecteur des propriétés, choisissez une option d’animation dans le menu déroulant,
sous le nom de l’occurrence :
• L’option Boucle lit en boucle toutes les séquences d’animation contenues dans l’occurrence en
cours, selon le nombre d’images occupées par l’occurrence.
• L’option Lire lit la séquence d’animation depuis l’image que vous spécifiez jusqu’à la fin de
l’effet d’animation, puis s’arrête.
• L’option Image unique affiche une image de la séquence d’animation. Spécifiez l’image que
vous souhaitez afficher.
Séparation des occurrences
Vous séparez une occurrence pour rompre le lien entre l’occurrence et un symbole et transformer
l’occurrence en une collection de formes et de lignes dissociées. Cela est particulièrement utile
lorsque vous souhaitez effectuer des modifications importantes sur l’occurrence sans affecter
d’autres occurrences. Si vous modifiez le symbole source après avoir séparé l’occurrence, celle-ci
n’est pas mise à jour avec les modifications.
Pour séparer une occurrence de symbole :
1
Sélectionnez l’occurrence sur la scène.
2
Choisissez Modification > Séparer.
L’occurrence est divisée en ses divers éléments graphiques.
3
Utilisez les outils de peinture et de dessin pour modifier ces éléments selon vos préférences.
182 Chapitre 9
Obtention d’informations sur les occurrences sur la scène
Lorsque vous créez une animation, il peut être difficile d’identifier une occurrence particulière
d’un symbole sur la scène, notamment si vous utilisez plusieurs occurrences du même symbole.
Vous pouvez identifier des occurrences avec l’inspecteur des propriétés, le panneau Info ou
l’explorateur d’animations.
L’inspecteur des propriétés et le panneau Info affichent le nom et les icônes de l’occurrence
sélectionnée, permettant d’indiquer son type, c’est-à-dire, un graphique, un bouton ou un clip.
Vous pouvez par ailleurs afficher les informations suivantes :
• Vous pouvez afficher, dans l’inspecteur des propriétés, le comportement et les paramètres
d’une occurrence – pour tous les types d’occurrences, les paramètres de couleur,
l’emplacement, la taille et le point d’alignement ; pour les graphiques, le mode de boucle et la
première image contenant le graphique ; pour les boutons, le nom de l’occurrence (s’il a été
affecté) et l’option de suivi ; pour les clips, le nom d’occurrence (s’il a été affecté).
• Dans le panneau Info, vous pouvez afficher l’emplacement et la taille d’une occurrence
sélectionnée.
• Dans l’explorateur d’animations, vous pouvez afficher le contenu de l’animation en cours, y
compris les occurrences et les symboles. Consultez Utilisation de l’explorateur d’animations,
page 46.
De plus, vous pouvez afficher dans le panneau Actions toute action affectée à un bouton ou clip.
Pour obtenir des informations sur les occurrences présentes sur la scène :
1
Sélectionnez l’occurrence sur la scène.
2
Affichez l’inspecteur des propriétés ou le panneau vous souhaitez utiliser :
• Pour afficher l’inspecteur des propriétés choisissez Fenêtre > Propriétés.
• Pour afficher le panneau Info, choisissez Fenêtre > Info.
• Pour afficher l’explorateur d’animations, choisissez Fenêtre > Explorateur d’animations.
Utilisation de symboles, d’occurrences et d’actifs de bibliothèque 183
• Pour afficher le panneau Actions, choisissez Fenêtre > Actions. Pour plus d’informations sur
l’explorateur d’animations, consultez Utilisation de l’explorateur d’animations, page 46.
Les informations affichées pour une occurrence de bouton sélectionnée dans l’inspecteur des
propriétés, le panneau Info et l’explorateur d’animations
184 Chapitre 9
Pour afficher la définition du symbole sélectionné dans l’explorateur d’animations :
1
Cliquez sur le bouton Afficher les boutons, les clips et les graphiques en haut de l’explorateur
d’animations.
2
Cliquez du bouton droit (Windows) ou en appuyant sur la touche Contrôle (Macintosh) et
choisissez Afficher les occurrences de symbole et Atteindre la définition de symbole dans le
menu contextuel ou choisissez ces options dans le menu déroulant dans le coin supérieur droit
de l’explorateur d’animations.
Pour atteindre la séquence qui contient les occurrences d’un symbole sélectionné :
1
Affichez la définition du symbole, comme décrit dans la procédure précédente.
2
Cliquez du bouton droit (Windows) ou en appuyant sur la touche Contrôle (Macintosh) et
choisissez Afficher les éléments d’animation dans le menu déroulant ou choisissez ces options
dans le menu déroulant dans le coin supérieur droit de l’explorateur d’animations.
Copie d’éléments de bibliothèque entre animations
Vous pouvez copier les actifs de bibliothèque d’une animation source dans une animation de
destination de plusieurs façons : en copiant et collant l’actif, en le faisant glisser et en le déposant
ou encore en ouvrant la bibliothèque de l’animation source dans l’animation de destination et en
faisant glisser l’actif de l’animation source dans l’animation de destination.
Vous pouvez également partager les symboles entre les animations, en tant qu’actifs de
bibliothèque partagés à l’exécution ou à la programmation. Consultez Utilisation des ressources
d’une bibliothèque partagée, page 186.
Si vous essayez de copier des actifs ayant le même nom que des actifs de l’animation de
destination, la boîte de dialogue Résoudre les conflits de bibliothèque vous permet d’indiquer si
vous souhaitez que les actifs existants soient écrasés ou qu’ils soient conservés (les nouveaux actifs
sont alors ajoutés avec d’autres noms que vous spécifiez). Consultez Résolution des conflits entre
éléments de la bibliothèque, page 189. Vous pouvez organiser les actifs de la bibliothèque de
manière à minimiser les conflits lorsque vous les recopiez entre les animations. Consultez
Utilisation de dossiers dans le panneau Bibliothèque, page 62.
Pour copier les actifs d’une bibliothèque par copier-coller :
1
Sélectionnez l’élément sur la scène de l’animation source.
2
Choisissez Edition > Copier.
3
Activez l’animation de destination.
4
Placez le pointeur sur la scène et choisissez Edition > Coller. Choisissez Edition > Coller en
place pour placer l’élément au même emplacement que dans l’animation source.
Pour copier les actifs d’une bibliothèque en les faisant glisser :
1
L’animation de destination étant ouverte dans Flash, sélectionnez l’actif dans le panneau
Bibliothèque de l’animation source.
2
Faites glisser l’élément du panneau Bibliothèque vers l’animation de destination.
Utilisation de symboles, d’occurrences et d’actifs de bibliothèque 185
Pour copier un actif de bibliothèque en ouvrant la bibliothèque de l’animation source dans
l’animation de destination :
1
L’animation de destination étant active dans Flash, choisissez Fichier > Ouvrir comme
bibliothèque.
2
Sélectionnez l’animation source dans la boîte de dialogue Ouvrir comme bibliothèque et
cliquez sur Ouvrir.
3
Faites glisser l’actif de la bibliothèque de l’animation source sur la scène ou dans la
bibliothèque de l’animation de destination.
Utilisation des ressources d’une bibliothèque partagée
Les actifs partagés peuvent être utilisés d’une animation source dans de nombreuses animations de
destination. Vous pouvez les partager de deux manières différentes :
• Dans le cas d’actifs partagés à l’exécution, les actifs d’une animation source sont liés en tant que
fichiers externes à une animation de destination. Les actifs partagés à l’exécution sont chargés
dans l’animation de destination au cours de la lecture. Il n’est pas nécessaire que l’animation
source contenant l’actif partagé soit disponible sur votre réseau local lorsque vous créez
l’animation de destination. Cependant, l’animation source doit être publiée sur une URL pour
que l’actif partagé soit disponible lors de l’exécution de l’animation de destination.
• Dans le cas des actifs partagés à la programmation, les symboles peuvent être mis à jour ou
remplacés, dans l’animation que vous créez, par tout autre symbole disponible sur votre réseau
local. Le symbole de l’animation de destination peut être mis à jour lorsque vous créez
l’animation. Il conserve son nom et ses propriétés d’origine dans l’animation de destination,
mais son contenu est mis à jour ou remplacé par celui du symbole que vous sélectionnez.
Le partage des éléments de bibliothèque peut vous permettre d’optimiser votre travail et la gestion
des ressources d’une animation de différentes façons. Par exemple, vous pouvez utiliser des actifs
partagés pour partager un symbole de police avec plusieurs sites, en fournissant ainsi une source
unique pour les éléments des animations utilisées dans plusieurs séquences ou animations, ou
encore créer une bibliothèque centrale de ressources qui sera utilisée pour le suivi et le contrôle de
révisions.
Utilisation d’actifs partagés à l’exécution
L’utilisation d’actifs partagés à l’exécution implique deux procédures. Tout d’abord, l’auteur de
l’animation source définit un actif partagé dans son animation, puis indique une chaîne
d’identifiant pour cet actif ainsi qu’une URL à laquelle l’animation source sera publiée.
Ensuite, l’auteur de l’animation de destination définit un actif partagé dans son animation, puis
indique une chaîne d’identifiant ainsi qu’une URL identiques à celles utilisées pour l’actif partagé
de l’animation source. Une alternative est proposée à l’auteur de l’animation de destination, qui
peut faire glisser les actifs partagés de l’animation source publiée dans la bibliothèque de
l’animation de destination.
Quel que soit le cas, l’animation source doit être publiée à l’URL spécifiée pour que l’actif partagé
soit disponible à l’animation de destination.
186 Chapitre 9
Définition d’actifs partagés à l’exécution dans une animation source
Vous utiliserez les boîtes de dialogue Propriétés du symbole ou Propriétés de liaison pour définir
les propriétés de partage d’un actif d’animation source et pour que cet actif puisse être lié à des
animations de destination.
Pour définir un actif partagé à l’exécution dans une animation source :
1
L’animation source étant ouverte, choisissez Fenêtre > Bibliothèque pour afficher le panneau
Bibliothèque.
2
Effectuez l’une des opérations suivantes :
• Sélectionnez un clip, bouton ou symbole graphique dans le panneau Bibliothèque et choisissez
Propriétés dans le menu Options de la bibliothèque. Cliquez sur le bouton Avancé pour
développer la boîte de dialogue des propriétés.
• Sélectionnez un symbole de police, un son ou un bitmap et choisissez Liaison dans le menu
Options de la bibliothèque.
3
Pour Liaison, activez l’option Exporter pour le partage à l’exécution afin de rendre cet actif
disponible pour une liaison à l’animation de destination.
4
Entrez l’identifiant du symbole dans le champ correspondant. N’incluez pas les espaces. Ce
nom sera utilisé par Flash pour identifier l’actif lors de la liaison à l’animation de destination.
Remarque L’identifiant de liaison est également utilisé par Flash pour identifier les clips ou les boutons utilisés
comme objets dans ActionScript. Consultez Utilisation des clips et boutons, sous Aide > Utilisation de Flash.
5
Entrez l’URL à laquelle sera publié le fichier SWF contenant l’élément partagé.
6
Cliquez sur OK.
Lorsque vous publiez l’animation, vous devez également publier le fichier SWF à l’URL
spécifiée à l’étape 5 afin de rendre les actifs partagés disponibles aux animations de destination.
Liaison à des actifs partagés à l’exécution à partir d’une animation de
destination
Vous utiliserez les boîtes de dialogue Propriétés du symbole ou Propriétés de liaison pour définir
les propriétés du partage d’un actif d’une animation de destination et pour que cet actif puisse être
lié à une animation source. Si l’animation source est publiée sur une URL, vous pouvez également
lier un actif partagé à une animation de destination en le faisant glisser de l’animation source dans
l’animation de destination.
Vous pouvez désactiver l’option de partage d’un actif partagé dans l’animation de destination
pour incorporer le symbole à cette animation.
Pour lier un actif partagé à une animation de destination en entrant l’identifiant et l’URL :
1
Dans l’animation de destination, choisissez Fenêtre > Bibliothèque pour afficher le panneau
Bibliothèque.
2
Effectuez l’une des opérations suivantes :
• Sélectionnez un clip, bouton ou symbole graphique dans le panneau Bibliothèque et choisissez
Propriétés dans le menu Options de la bibliothèque. Cliquez sur le bouton Avancé pour
développer la boîte de dialogue des propriétés.
Utilisation de symboles, d’occurrences et d’actifs de bibliothèque 187
• Sélectionnez un symbole de police et choisissez Liaison dans le menu Options de la
bibliothèque.
3
Pour Liaison, activez l’option Importer pour le partage à l’exécution pour établir le lien à cet
actif dans l’animation source.
4
Entrez l’identifiant du symbole dans le champ correspondant en veillant à ce qu’il soit
identique à celui utilisé pour le symbole de l’animation source. N’incluez pas les espaces.
5
Entrez l’URL à laquelle est publié le fichier SWF source contenant l’élément partagé.
6
Cliquez sur OK.
Pour lier un actif partagé à une animation de destination en le faisant glisser :
1
Dans l’animation de destination, choisissez Fichier > Ouvrir ou Ouvrir comme bibliothèque.
2
Dans la boîte de dialogue Ouvrir ou Ouvrir comme bibliothèque, sélectionnez l’animation
source et cliquez sur Ouvrir.
3
Faites glisser l’actif partagé du panneau Bibliothèque de l’animation source dans le panneau
Bibliothèque ou sur la scène de l’animation de destination.
Pour désactiver la liaison d’un symbole dans une animation de destination :
1
Dans l’animation de destination, sélectionnez le symbole lié dans le panneau Bibliothèque et
procédez d’une des façons suivantes :
• Si l’élément est un clip, bouton ou symbole graphique, choisissez Propriétés dans le menu
Options de la bibliothèque.
• Si l’élément est un symbole de police, choisissez Liaison dans le menu Options de la
bibliothèque.
2
Dans la boîte de dialogue Propriétés du symbole ou Propriétés de liaison, désactivez l’option
Importer pour le partage à l’exécution.
3
Cliquez sur OK.
Mise à jour ou remplacement de symboles avec la fonction de partage à la
programmation
Vous pouvez mettre à jour ou remplacer un symbole de clip, bouton ou graphique d’une
animation par tout autre symbole d’un fichier FLA accessible sur votre réseau local. Le nom et les
propriétés d’origine du symbole de l’animation de destination sont conservés, mais son contenu
est remplacé par celui du symbole que vous sélectionnez. Tous les actifs utilisés par le symbole
sélectionné sont également copiés dans l’animation de destination.
Pour mettre à jour ou remplacer un symbole :
1
L’animation étant ouverte, sélectionnez le clip, bouton ou symbole graphique et choisissez
Propriétés dans le menu Options de la bibliothèque.
2
Pour sélectionner un nouveau fichier FLA, cliquez sur Parcourir dans la section Source de la
boîte de dialogue des propriétés avancées du symbole.
3
Naviguez dans la boîte de dialogue Ouvrir jusqu’à ce que vous atteigniez un fichier FLA
contenant le symbole qui sera utilisé pour mettre à jour ou remplacer le symbole sélectionné
dans le panneau Bibliothèque, puis cliquez sur Ouvrir.
188 Chapitre 9
4
Pour sélectionner un nouveau symbole dans le fichier FLA, cliquez sur Symbole dans la section
Source.
5
Naviguez jusqu’à un symbole et cliquez sur Ouvrir.
6
Dans la boîte de dialogue Propriétés du symbole, dans la section Source, activez l’option
Toujours mettre à jour avant la publication pour automatiquement mettre l’actif à jour si une
nouvelle version est identifiée à l’emplacement source spécifié.
7
Cliquez sur OK pour fermer la boîte de dialogue Propriétés du symbole ou Propriétés de
liaison.
Résolution des conflits entre éléments de la bibliothèque
Si vous importez ou copiez un actif de bibliothèque dans une animation contenant un actif
différent mais portant le même nom, vous avez le choix entre remplacer ou non l’ancien élément
par le nouveau. Cette option est disponible pour toutes les méthodes d’importation ou de copie
des actifs de bibliothèque, telles que :
• Copier-coller d’un actif d’une animation source
• Glisser-déposer d’un actif d’une animation source ou de la bibliothèque d’une animation
source
• Importation d’un actif
• Ajout d’un actif partagé d’une animation source
• Utilisation d’un composant du panneau Composants
La boîte de dialogue Résoudre les conflits de bibliothèque apparaît lorsque vous essayez de placer
des éléments qui entrent en conflit avec des éléments existants d’une animation. Un conflit est
créé lorsque vous copiez un élément de l’animation source qui existe déjà dans l’animation de
destination et que ces deux éléments ont des dates de modification différentes. Vous pouvez éviter
ces conflits de noms en organisant vos actifs à l’intérieur de dossiers dans la bibliothèque de votre
animation. Cette boîte de dialogue apparaît également lorsque vous collez un symbole ou un
composant sur la scène de votre animation et que celle-ci contient déjà une copie de ce symbole
ou de ce composant avec une date de modification différente.
Si vous décidez de ne pas remplacer les éléments existants, Flash essaie de les utiliser à la place des
éléments que vous collez et qui créent le conflit. Par exemple, si vous copiez un symbole nommé
Symbole 1 et que vous le collez sur la scène d’une animation contenant déjà un symbole nommé
Symbole 1, une occurrence du Symbole 1 existant est créée.
Si vous décidez de remplacer les éléments existants, ces derniers (ainsi que toutes leurs
occurrences) sont remplacés par les nouveaux éléments portant le même nom. Si vous annulez la
procédure d’importation ou de copie, celle-ci est annulée pour tous les éléments (pas seulement
ceux qui créent un conflit dans l’animation de destination).
Seuls les mêmes types d’éléments de bibliothèque peuvent se remplacer mutuellement. C’est-àdire que vous ne pouvez pas remplacer un son nommé Test par un bitmap du même nom. Dans
ces genres de situations, les nouveaux éléments sont ajoutés à la bibliothèque avec le mot Copie en
appendice.
Remarque Le remplacement d’éléments de bibliothèque effectués de cette façon ne peut pas être annulé. Veillez
à enregistrer une copie de sauvegarde de votre fichier FLA avant de vous lancer dans des procédures complexes
de collage entraînant le remplacement d’éléments conflictuels de bibliothèque.
Utilisation de symboles, d’occurrences et d’actifs de bibliothèque 189
Pour résoudre les conflits entre éléments de la bibliothèque :
Si la boîte de dialogue Résoudre les conflits de bibliothèque apparaît lorsque vous importez ou
copiez des actifs de bibliothèque dans une animation, effectuez l’une des procédures suivantes :
• Cliquez sur Ne pas remplacer les éléments existants pour conserver les actifs existants de
l’animation de destination.
• Cliquez sur Remplacer les éléments existants pour remplacer les actifs existants et leurs
occurrences par les nouveaux éléments portant le même nom.
190 Chapitre 9
CHAPITRE 10
Création d’animation
Vous pouvez créer de l’animation dans un document Macromedia Flash MX en modifiant le
contenu d’images successives. Vous pouvez déplacer un objet sur la scène, augmenter ou diminuer
sa taille, le faire pivoter, modifier sa couleur, effectuer des fondus en entrée ou en sortie, ou
modifier sa forme. Les modifications peuvent se faire indépendamment ou avec d’autres
modifications. Par exemple, vous pouvez faire pivoter un objet et effectuer un fondu en entrée
lorsqu’il se déplace sur la scène.
Il existe deux méthodes de création d’une séquence animée dans Flash : animation par
interpolation et animation image par image. Dans l’animation interpolée, vous créez l’image de
début et de fin et laissez Flash créer les images intermédiaires. Flash change la taille, la rotation, la
couleur ou d’autres attributs de l’objet de façon égale entre la première et la dernière image pour
créer l’apparence de mouvement. Consultez A propos de l’animation interpolée, page 192. Dans
l’animation image par image, c’est à vous de créer le contenu de chaque image. Consultez A propos
de l’animation image par image, page 192.
Pour faciliter la création d’animations interpolées, vous pouvez répartir plusieurs objets sur des
calques séparés. Consultez Répartition d’objets vers des calques pour l’animation interpolée,
page 195.
Vous pouvez utiliser un calque de masque pour créer un trou qui laisse apparaître le contenu d’un
ou de plusieurs calques situés en dessous. Vous pouvez utiliser un clip animé pour créer un
masque de calque dynamique. Consultez Utilisation de calques de masque, page 208.
Vous pouvez consulter une introduction interactive à l’animation en choisissant Aide > Leçons >
Création d’animation interpolée.
Remarque Vous pouvez également créer une animation via une programmation, en utilisant ActionScript pour
modifier les propriétés d’un objet, d’un symbole ou d’une occurrence. Pour plus d’informations sur le langage
ActionScript, consultez Chapitre 12, Le langage ActionScript, page 229. Pour plus d’informations sur l’utilisation
des éléments ActionScript, consultez le dictionnaire ActionScript (via le menu Aide).
191
A propos de l’animation interpolée
Flash peut créer deux types d’animation interpolée, l’interpolation de mouvement et l’interpolation
de forme.
• Avec l’interpolation de mouvement, vous définissez des propriétés telles que la position, la
taille et la rotation d’une occurrence, d’un groupe ou d’un bloc de texte à un point dans le
temps, puis modifiez ces propriétés à un autre point dans le temps. Vous pouvez également
appliquer une interpolation de mouvement le long d’un trajet. Consultez Interpolation
d’occurrences, de groupes et de texte, page 196, et Interpolation de mouvement le long d’une
trajectoire, page 200.
• Avec l’interpolation de forme, vous dessinez une forme à un point dans le temps, puis modifiez
cette forme ou dessinez une autre forme à un autre point dans le temps. Flash interpole les
valeurs ou formes pour les images intermédiaires, créant ainsi l’animation. Consultez
Interpolation de formes, page 201.
L’animation interpolée est un moyen efficace de créer du mouvement et des modifications de
façon progressive tout en réduisant la taille du fichier. Dans une animation interpolée, Flash
stocke uniquement les valeurs des modifications entre les images.
Pour préparer rapidement des éléments d’un document en vue de créer une animation interpolée,
répartissez les objets sur des calques. Consultez Répartition d’objets vers des calques pour l’animation
interpolée, page 195.
Vous pouvez appliquer une animation interpolée à un objet d’un calque de masque pour créer un
calque dynamique. Pour plus d’informations sur les calques de masque, consultez Utilisation de
calques de masque, page 208.
A propos de l’animation image par image
L’animation image par image change le contenu de la scène dans chaque image et est plus adaptée
aux animations complexes dans lesquelles le contenu change d’une image à l’autre au lieu d’être
simplement déplacé sur la scène. L’animation image par image accroît la taille du fichier plus
rapidement qu’une animation interpolée. Dans l’animation image par image, Flash stocke les
valeurs de chaque image complète. Pour plus d’informations sur l’animation image par image,
consultez Création d’animation image par image, page 204.
A propos des calques dans une animation
Chaque séquence d’un document Flash peut être composée de n’importe quel nombre de calques.
Lorsque vous créez votre animation, vous utilisez des calques et des dossiers de calques afin
d’organiser les composants d’une séquence d’animation et de séparer les objets animés de sorte
qu’ils ne s’effacent pas, ne se connectent pas ou ne se segmentent pas mutuellement. Si vous
voulez que Flash interpole le mouvement de plus d’un groupe ou symbole à la fois, chacun d’eux
doit se trouver sur un calque différent. En règle générale, le calque d’arrière-plan contient un
contenu statique, alors que les autres calques contiennent un objet animé distinct.
Lorsqu’un document comporte plusieurs calques, il peut être difficile d’assurer le suivi et de
modifier les objets sur un ou deux de ces calques. Cette tâche est plus facile si vous travaillez avec
le contenu d’un seul calque à la fois. Les dossiers de calques permettent d’organiser les calques en
groupes faciles à gérer, que vous pouvez développer ou réduire afin de n’afficher que les calques
concernant la tâche en cours. Consultez Utilisation des calques, page 38.
192 Chapitre 10
Création d’images-clés
Une image-clé est une image dans laquelle vous définissez les changements d’un effet
d’animation. Lorsque vous créez une animation image par image, chaque image est une image-clé.
Dans une animation par interpolation, vous définissez les images-clés à certains points importants
de l’animation et laissez Flash créer le contenu des images intermédiaires. Flash affiche les images
interpolées d’une animation interpolée en bleu ou vert clair avec une flèche tracée entre les
images-clés. Les documents Flash conservant les formes de chaque image-clé, vous devriez créer
des images-clés uniquement au niveau des points de l’illustration dans lesquels se produisent des
changements.
Les images-clés sont indiquées dans le scénario par un cercle plein représentant une image-clé avec
du contenu ou un cercle vide précédant l’image représentant une image-clé vide. Le contenu des
images supplémentaires que vous ajoutez à un même calque sera le même que celui de l’image-clé.
Pour créer une image-clé, effectuez l’une des opérations suivantes :
• Sélectionnez une image dans le scénario et choisissez Insertion > Image-clé.
• Cliquez du bouton droit de la souris (Windows) ou en appuyant sur la touche Contrôle
(Macintosh) sur une image du scénario et choisissez Insérer une image-clé.
Représentations d’effets animés dans le scénario
Flash différencie une animation interpolée d’une animation image par image dans le scénario de
la façon suivante :
• L’interpolation de mouvement est indiquée par un point noir au niveau de la première imageclé, alors que les images interpolées intermédiaires comportent une flèche noire sur fond bleu
clair.
• L’interpolation de forme est indiquée par un point noir au niveau de la première image-clé, les
images intermédiaires comportant une flèche noire sur fond vert clair.
• Une ligne pointillée indique que l’interpolation est rompue ou incomplète, par exemple parce
que l’image-clé finale est absente.
• Une image-clé unique est indiquée par un point noir. Les images gris clair après une image-clé
unique ont le même contenu sans modifications et comportent une ligne noire avec un
rectangle vide au niveau de la dernière image de la plage.
• Un petit a indique qu’une action d’image a été affectée à l’image avec le panneau Actions.
Création d’animation 193
• Un drapeau rouge indique que l’image contient une étiquette ou un commentaire.
• Une ancre dorée indique que l’image est une ancre nommée.
A propos de la cadence
La cadence, la vitesse à laquelle l’animation est lue, est exprimée en nombre d’images par seconde.
Une cadence trop faible donne l’impression d’animation qui s’arrête et redémarre, alors qu’une
cadence trop rapide entraîne un affichage flou des détails de l’animation. Une cadence de 12
images par seconde donne en général les meilleurs résultats sur le web. Les animations
QuickTime et AVI ont généralement une cadence de 12 images/seconde, alors que la cadence
MPEG standard est de 24 images/seconde.
La complexité de l’animation et la puissance de l’ordinateur sur lequel est exécutée l’animation
affectent la qualité de la lecture. Testez vos animations sur différents ordinateurs afin de
déterminer les cadences optimales.
Etant donné que vous indiquez une cadence pour la totalité du document Flash, il est conseillé de
la définir avant de commencer la création de l’animation. Consultez Utilisation de l’inspecteur des
propriétés pour changer les attributs de document, page 28.
Extension des images fixes
Lorsque vous créez l’arrière-plan d’une animation, il est souvent nécessaire de recouvrir plusieurs
images par une image fixe. L’ajout d’une plage de nouvelles images (pas d’images-clés) à un calque
permet d’étendre le contenu de la dernière image-clé dans toutes les images.
Pour étendre une image fixe sur plusieurs images :
1
Créez une image dans la première image-clé de la séquence.
2
Sélectionnez une image à droite, à la fin de la plage d’images que vous voulez ajouter.
3
Choisissez Insertion > Image.
Pour utiliser un raccourci afin d’étendre des images fixes :
1
Créez une image dans la première image-clé.
2
Faites glisser l’image-clé vers la droite en maintenant la touche Alt (Windows) ou Option
(Macintosh) enfoncée. Une plage de nouvelles images est créée, mais sans image-clé au point
final.
194 Chapitre 10
Répartition d’objets vers des calques pour l’animation interpolée
Vous pouvez rapidement répartir des objets sélectionnés dans une image vers des calques distincts
afin d’appliquer une animation interpolée à ces objets. Les objets peuvent, dans un premier
temps, se trouver sur un ou plusieurs calques. Flash répartit chaque objet sur un nouveau calque
distinct. Les objets que vous ne sélectionnez pas (y compris ceux d’autres images) conservent leur
position d’origine.
Vous pouvez appliquer la commande Répartir vers les calques à tout type d’élément de la scène,
tels que les objets graphiques, les occurrences, les bitmaps, les clips vidéo et les blocs de texte
séparés.
L’application de cette commande à du texte séparé facilite la création de texte animé. Les
caractères du texte sont placés dans des blocs de texte distincts pendant la séparation, et chaque
bloc de texte est placé sur un calque différent au cours de la répartition vers les calques. Pour plus
d’informations sur la séparation du texte, consultez Séparation du texte, page 162.
A propos des nouveaux calques
Les nouveaux calques créés pendant la répartition vers des calques sont baptisés selon le nom de
l’élément que chacun contient :
• Un nouveau calque contenant un élément de bibliothèque (tel que symbole, bitmap ou clip
vidéo) prend le nom de cet élément.
• Un nouveau calque contenant une occurrence nommée prend le nom de cette occurrence.
• Un nouveau calque contenant un caractère d’un bloc de texte séparé est nommé selon ce
caractère.
• Un nouveau calque contenant un objet graphique (sans nom) est nommé Calque 1 (ou
Calque 2, et ainsi de suite), les objets graphiques ne possédant pas de nom.
Flash insère les nouveaux calques sous les calques éventuellement sélectionnés dans le scénario.
Les nouveaux calques sont organisés de haut en bas, selon l’ordre de création initial des éléments
sélectionnés. Dans le cas de texte séparé, les calques sont organisés dans l’ordre des caractères, qu’il
soit écrit de gauche à droite, de droite à gauche ou de haut en bas. Par exemple, si vous séparez le
texte FLASH et que vous le répartissez sur des calques, les nouveaux calques F, L, A, S et H sont
classés de haut en bas, juste sous le calque qui contenait initialement le texte.
Création d’animation 195
Répartition d’objets vers des calques
Pour répartir des objets vers des calques, vous les sélectionnez sur un ou plusieurs calques, puis
choisissez la commande Répartir vers les calques du menu Modification ou du menu contextuel.
Pour interpoler des objets répartis, suivez la procédure indiquée dans Interpolation d’occurrences, de
groupes et de texte, page 196, ou Interpolation de formes, page 201.
Pour répartir des objets vers des calques :
1
Sélectionnez les objets que vous souhaitez répartir vers des calques. Ces objets peuvent se
trouver sur un même calque ou sur plusieurs, même non contigus.
2
Effectuez l’une des opérations suivantes :
• Choisissez Modification > Répartir vers les calques.
• Cliquez du bouton droit (Windows) ou avec la touche Contrôle enfoncée (Macintosh) sur un
des objets sélectionnés et choisissez Répartir vers les calques dans le menu contextuel.
Interpolation d’occurrences, de groupes et de texte
Pour interpoler les changements des propriétés des instances, groupes et caractères, vous utiliserez
l’interpolation de mouvement. Flash peut interpoler la position, la taille, la rotation et
l’inclinaison des occurrences, groupes et caractères. En outre, Flash peut interpoler la couleur
d’occurrences ou de caractères, en créant des décalages de couleur graduels ou en effectuant un
fondu en entrée ou en sortie d’une occurrence. Pour interpoler la couleur de groupes ou de
caractères, vous devrez les convertir en symboles. Consultez Création de symboles, page 169. Pour
animer séparément des caractères distincts d’un bloc de texte, placez chaque caractère dans un
bloc de texte distinct. Consultez Séparation du texte, page 162.
Si vous appliquez une interpolation de mouvement, puis changez le nombre d’images entre deux
images-clés, ou déplacez le groupe ou symbole dans n’importe quelle image-clé, Flash interpole à
nouveau automatiquement les images.
Vous pouvez créer une interpolation de mouvement à l’aide de l’une de deux méthodes :
• Créez les images-clés de début et de fin de l’animation et utilisez l’option Interpolation de
mouvement dans l’inspecteur des propriétés.
• Créez la première image-clé de l’animation, insérez le nombre d’images souhaitées dans le
scénario, puis sélectionnez Insertion > Créer une interpolation de mouvement et déplacez
l’objet vers son nouvel emplacement sur la scène. Flash crée automatiquement l’image-clé de
fin.
196 Chapitre 10
Lorsque vous interpolez la position, vous pouvez faire déplacer l’objet selon une trajectoire non
linéaire. Consultez Interpolation de mouvement le long d’une trajectoire, page 200.
Image 1
Images interpolées
Image 5
Les deuxième, troisième et quatrième images résultent de l’interpolation des première et dernière
images-clés
Pour créer une interpolation de mouvement à l’aide de l’option Interpolation de mouvement :
1
Cliquez sur le nom d’un calque pour en faire le calque courant, puis sélectionnez une image-clé
vide dans le calque dans lequel vous voulez démarrer l’animation.
2
Pour créer la première image de l’interpolation de mouvement, effectuez l’une des opérations
suivantes:
• Créez un objet graphique avec l’outil Plume, Ovale, Rectangle, Crayon ou Pinceau, puis
convertissez-le en symbole. Pour plus d’informations sur la conversion d’objets en symboles,
consultez Création de symboles, page 169.
• Créez une occurrence, un groupe ou un bloc de texte sur la scène.
• Faites glisser une occurrence de symbole depuis le panneau Bibliothèque.
3
Créez une seconde image-clé dans laquelle l’animation doit se terminer, puis sélectionnez
l’image de fin (juste à gauche de la seconde image-clé dans le scénario).
4
Effectuez une des opérations suivantes pour modifier l’occurrence, le groupe ou le bloc de texte
de l’image de fin :
• Déplacez l’élément vers un nouvel emplacement.
• Modifiez la taille, la rotation ou l’inclinaison de l’élément.
• Modifiez la couleur de l’élément (occurrence ou bloc de texte uniquement).
Pour interpoler la couleur d’éléments autres que des occurrences ou blocs de texte, vous
utiliserez l’interpolation de forme. Consultez Interpolation de formes, page 201.
5
Si l’inspecteur des propriétés n’est pas visible, choisissez Fenêtre > Propriétés.
6
Double-cliquez sur l’image de fin dans le scénario.
7
Sélectionnez Mouvement dans le menu déroulant Interpolation de l’inspecteur des propriétés.
8
Si vous avez modifié la taille de l’élément à l’étape 4, sélectionnez Redimensionner pour
interpoler la taille de l’élément sélectionné.
Création d’animation 197
9
Faites glisser la flèche en regard de l’option Accélération ou entrez une valeur pour ajuster le
taux de modification entre les images interpolées :
• Pour commencer l’interpolation de mouvement lentement et l’accélérer vers la fin de
l’animation, déplacez le curseur vers le haut ou entrez une valeur comprise entre -1 et -100.
• Pour commencer l’interpolation de mouvement rapidement et ralentir vers la fin de
l’animation, déplacez le curseur vers le bas ou entrez une valeur comprise entre 1 et 100.
Par défaut, le taux de modification entre les images interpolées est constant. L’option
Accélération permet de donner un aspect naturel d’accélération ou de décélération en ajustant
progressivement le taux de modification.
10
Pour faire pivoter l’élément sélectionné au cours de l’interpolation, sélectionnez une option
dans le menu Faire pivoter :
• Sélectionnez Aucun (valeur par défaut) pour empêcher la rotation.
• Sélectionnez Auto pour faire pivoter l’objet une fois dans la direction nécessitant le moindre
mouvement.
• Sélectionnez Vers la droite ou Vers la gauche pour faire pivoter l’objet comme indiqué, puis
entrez le nombre de rotations.
Remarque
l’étape 4.
La rotation de l’étape 9 est une rotation supplémentaire à toute rotation appliquée à l’image de fin à
11
Si vous utilisez une trajectoire de mouvement, activez l’option Orienter vers la trajectoire pour
orienter la ligne de base de l’élément interpolé vers la trajectoire. Consultez Interpolation de
mouvement le long d’une trajectoire, page 200.
12
Activez l’option Sync dans l’inspecteur des propriétés afin de synchroniser l’animation des
occurrences de symboles graphiques avec le scénario principal.
Remarque La commande Modification > Images > Synchroniser les symboles et la case à cocher Sync servent
toutes deux à recalculer le nombre d’images d’une interpolation afin de l’adapter au nombre d’images qui lui sont
affectées dans le scénario.
13
Si vous utilisez une trajectoire de mouvement, sélectionnez Accrocher pour associer l’élément
interpolé à la trajectoire par son point d’alignement.
Pour créer une interpolation de mouvement avec la commande Créer une interpolation de
mouvement :
1
Sélectionnez une image-clé vide et dessinez un objet sur la scène ou faites glisser une
occurrence d’un symbole depuis le panneau Bibliothèque.
Remarque
2
Pour créer une interpolation, le calque ne peut contenir qu’un élément.
Choisissez Insertion > Créer une interpolation de mouvement.
Si vous avez dessiné un objet à l’étape 1, Flash le convertit automatiquement en symbole et lui
affecte le nom Interpolation 1.
3
Cliquez à l’intérieur de l’image dans laquelle vous voulez que l’animation se termine et
choisissez Insertion > Image.
198 Chapitre 10
4
Déplacez l’objet, l’occurrence ou le bloc de caractères sur la scène vers l’emplacement souhaité.
Ajustez la taille de l’élément si vous voulez interpoler son échelle. Ajustez la rotation de
l’élément si vous voulez interpoler sa rotation. Désélectionnez l’objet lorsque vous avez terminé
les ajustements.
Une image-clé est automatiquement ajoutée à la fin de la plage d’images.
5
Faites glisser la flèche en regard de l’option Accélération ou entrez une valeur pour ajuster le
taux de modification entre les images interpolées :
• Pour commencer l’interpolation de mouvement lentement et l’accélérer vers la fin de
l’animation, déplacez le curseur vers le haut ou entrez une valeur comprise entre -1 et -100.
• Pour commencer l’interpolation de mouvement rapidement et ralentir vers la fin de
l’animation, déplacez le curseur vers le bas ou entrez une valeur comprise entre 1 et 100.
Par défaut, le taux de modification entre les images interpolées est constant. L’option
Accélération permet de donner un aspect naturel d’accélération ou de décélération en ajustant
progressivement le taux de modification.
6
Pour faire pivoter l’élément sélectionné au cours de l’interpolation, sélectionnez une option
dans le menu Faire pivoter :
• Sélectionnez Auto pour faire pivoter l’objet une fois dans la direction nécessitant le moindre
mouvement.
• Sélectionnez Vers la droite ou Vers la gauche pour faire pivoter l’objet comme indiqué, puis
entrez le nombre de rotations.
Remarque
l’étape 4.
La rotation de l’étape 6 est une rotation supplémentaire à toute rotation appliquée à l’image de fin à
7
Si vous utilisez une trajectoire de mouvement, activez l’option Orienter vers la trajectoire pour
orienter la ligne de base de l’élément interpolé vers la trajectoire. Pour plus d’informations,
consultez la section suivante.
8
Activez l’option Sync pour vous assurer que l’occurrence boucle correctement dans l’animation
principale.
Utilisez la commande Sync si le nombre d’images de la séquence d’animation dans le symbole
n’est pas un multiple pair du nombre d’images occupées par l’occurrence graphique dans
l’animation.
9
Si vous utilisez une trajectoire de mouvement, sélectionnez Accrocher pour associer l’élément
interpolé à la trajectoire par son point d’alignement.
Création d’animation 199
Interpolation de mouvement le long d’une trajectoire
Les calques de guide de mouvement vous permettent de tracer des trajectoires le long desquelles
des occurrences, des groupes ou des blocs de texte interpolés peuvent être animés. Vous pouvez
lier plusieurs calques à un calque de guide de mouvement pour que plusieurs objets suivent la
même trajectoire. Un calque normal lié à un calque de guide de mouvement devient un calque
guidé.
Pour créer une trajectoire de mouvement pour une animation interpolée :
1
Créez une séquence d’animation d’interpolation de mouvement, tel que décrit dans
Interpolation d’occurrences, de groupes et de texte, page 196.
Si vous activez l’option Orienter vers la trajectoire, la ligne de base de l’élément interpolé
s’orientera vers la trajectoire de mouvement. Si vous activez l’option Accrocher, le point
d’alignement de l’élément interpolé s’accrochera à la trajectoire de mouvement.
2
Effectuez l’une des opérations suivantes :
• Sélectionnez le calque contenant l’animation et choisissez Insertion > Guide de mouvement.
• Cliquez du bouton droit (Windows) ou en appuyant sur Contrôle (Macintosh) sur le calque
contenant l’animation et choisissez Ajouter un guide de mouvement.
Flash crée un calque au-dessus du calque sélectionné avec une icône de guide de mouvement à
gauche du nom du calque.
3
Utilisez l’outil Plume, Crayon, Ligne, Cercle, Rectangle ou Pinceau pour tracer la trajectoire
souhaitée.
4
Accrochez le centre au début de la ligne dans la première image et à la fin de la ligne dans la
dernière image.
Remarque Faites glisser le symbole par son point d’alignement pour obtenir les meilleurs résultats à
l’accrochage.
200 Chapitre 10
5
Pour masquer le calque de guide de mouvement et la ligne de sorte que seul le mouvement de
l’objet soit visible lorsque vous travaillez, cliquez sur la colonne d’affichage du calque de guide
de mouvement.
Le groupe ou symbole suit la trajectoire de mouvement lorsque vous exécutez l’animation.
Pour lier des calques à un calque de guide de mouvement, effectuez l’une des opérations
suivantes :
• Faites glisser un calque existant sous le calque de guide de mouvement. Le calque est mis en
retrait sous le calque de guide de mouvement. Tous les objets se trouvant sur ce calque sont
automatiquement accrochés à la trajectoire de mouvement.
• Créez un calque sous le calque de guide de mouvement. Les objets que vous interpolez sur ce
calque sont automatiquement interpolés le long de la trajectoire de mouvement.
• Sélectionnez un calque sous un calque de guide de mouvement. Choisissez Modification >
Calque, puis sélectionnez Guidé dans la boîte de dialogue Propriétés du calque.
Pour supprimer le lien entre les calques et un calque de guide de mouvement :
1
Sélectionnez le calque dont vous voulez supprimer le lien.
2
Effectuez l’une des opérations suivantes :
• Faites glisser le calque au-dessus du calque de guide de mouvement.
• Choisissez Modification > Calque et sélectionnez le type de calque Normal dans la boîte de
dialogue Propriétés du calque.
Interpolation de formes
L’interpolation de formes permet de créer un effet similaire au morphing, une forme semblant se
transformer progressivement en une autre forme. Flash peut également interpoler l’emplacement,
la taille et la couleur des formes.
L’interpolation d’une forme à la fois donne en général les meilleurs résultats. Si vous interpolez
plusieurs formes à la fois, toutes les formes doivent se trouver sur le même calque.
Pour appliquer une interpolation de forme à des groupes, des occurrences ou des bitmaps, vous
devez tout d’abord séparer ces éléments. Consultez Séparation de groupes et d’objets, page 150.
Pour appliquer l’interpolation de forme à du texte, vous devez le séparer deux fois afin de le
convertir en objets. Consultez Séparation du texte, page 162.
Pour contrôler des modifications de forme plus complexes ou improbables, utilisez les repères de
formes, qui contrôlent le mouvement des parties de la forme d’origine dans la nouvelle forme.
Consultez Utilisation des repères de formes, page 203.
Création d’animation 201
Pour interpoler une forme :
1
Cliquez sur le nom d’un calque pour en faire le calque courant, puis créez ou sélectionnez une
image-clé dans laquelle vous voulez démarrer l’animation.
2
Créez ou placez le contenu de la première image de la séquence. Pour obtenir un résultat
optimal, l’image ne doit contenir qu’un élément (un objet graphique, ou un groupe, bitmap,
occurrence ou bloc de texte séparé).
3
Sélectionnez l’image-clé dans le scénario.
4
Choisissez Fenêtre > Propriétés.
5
Dans l’inspecteur des propriétés, sélectionnez Forme dans le menu déroulant Interpolation.
6
Faites glisser la flèche en regard de l’option Accélération ou entrez une valeur pour ajuster le
taux de modification entre les images interpolées :
• Pour commencer l’interpolation de forme lentement et l’accélérer vers la fin de l’animation,
déplacez le curseur vers le bas ou entrez une valeur comprise entre -1 et -100.
• Pour commencer l’interpolation de forme rapidement et ralentir vers la fin de l’animation,
déplacez le curseur vers le haut ou entrez une valeur comprise entre 1 et 100.
Par défaut, le taux de modification entre les images interpolées est constant. L’option
Accélération permet de donner un aspect plus naturel à la transformation en ajustant
progressivement la cadence de modification.
7
Sélectionnez une option pour Mélange :
• L’option Distributif permet de créer une animation dans laquelle les formes intermédiaires
sont plus lisses et plus irrégulières.
• L’option Angulaire permet de créer une animation qui préserve les angles apparents et les lignes
droites dans les formes intermédiaires.
Remarque L’option Angulaire est utile uniquement pour les formes mélangées contenant des angles aigus et
des lignes droites. Si les formes que vous choisissez n’ont pas d’angles, Flash revient à l’option d’interpolation
de forme Distributif.
8
Créez une deuxième image-clé après le nombre souhaité d’images après la première image-clé.
9
Après avoir sélectionné la seconde image-clé, sélectionnez le contenu placé dans la première
image-clé, puis effectuez l’une des opérations suivantes:
• Changez la forme, la couleur ou la position du contenu.
• Supprimez le contenu et placez un nouveau contenu dans la seconde image-clé.
202 Chapitre 10
Utilisation des repères de formes
Vous pouvez utiliser des repères de formes pour contrôler des modifications de forme plus
complexes ou improbables. Les repères de formes identifient les points qui doivent correspondre
dans les formes de début et de fin. Par exemple, si vous interpolez le dessin d’un visage à mesure
que l’expression change, vous pouvez utiliser un repère de forme pour marquer chaque oeil. Puis,
au lieu que le visage devienne un enchevêtrement amorphe au fur et à mesure de la modification
de la forme, chaque oeil reste reconnaissable et est modifié séparément.
La même forme interpolée sans et avec des repères de formes (en haut et en bas, respectivement)
Les repères de formes contiennent des lettres (de a à z) permettant d’identifier les points qui
correspondent dans les formes de début et de fin. Vous pouvez utiliser jusqu’à 26 repères de
formes.
Les repères de formes sont jaunes dans une image-clé de début, verts dans une image-clé de fin et
rouges lorsqu’ils ne se trouvent pas sur une courbe.
Pour obtenir de meilleurs résultats lors de l’interpolation de forme, suivez ces conseils :
• Dans l’interpolation de formes complexes, créez des formes intermédiaires et interpolez-les au
lieu de simplement définir une forme de début et de fin.
• Assurez-vous que les repères de formes sont logiques. Par exemple, si vous utilisez trois repères
de formes pour un triangle, ils doivent être dans le même ordre sur le triangle d’origine que sur
le triangle à interpoler. L’ordre ne peut pas être abc dans la première image-clé et acb dans la
seconde.
• Les repères de formes fonctionnent mieux si vous les placez de droite à gauche en commençant
au coin supérieur gauche de la forme.
Création d’animation 203
Pour utiliser les repères de formes :
1
Sélectionnez la première image-clé de la séquence d’interpolation de forme.
2
Choisissez Modification > Forme > Ajouter les repères de formes.
Le repère de forme de début apparaît comme un cercle rouge avec la lettre a quelque part sur la
forme.
3
Déplacez le repère de forme vers un point que vous voulez marquer.
4
Sélectionnez la dernière image-clé de la séquence d’interpolation.
Le repère de forme de fin apparaît quelque part sur la forme comme un cercle vert avec la
lettre a.
5
Déplacez le repère de forme vers le point de la forme de fin qui doit correspondre au premier
point que vous avez marqué.
6
Exécutez de nouveau l’animation pour voir comment les repères de formes modifient
l’interpolation de forme. Déplacez les repères de formes pour ajuster l’interpolation.
7
Répétez ce processus pour ajouter des repères de formes supplémentaires. De nouveaux repères
apparaissent avec les lettres suivantes b, c, etc.).
Lorsque vous utilisez les repères de formes, vous pouvez également effectuer les opérations
suivantes :
• Pour afficher tous les repères de formes, choisissez Affichage > Afficher les repères de formes.
Le calque et l’image-clé qui contiennent les repères de formes doivent être le calque et l’imageclé courants pour que l’option Afficher les repères de formes soit disponible.
• Pour supprimer un repère de forme, faites-le glisser hors de la scène.
• Pour supprimer tous les repères de formes, choisissez Modification > Transformer > Supprimer
tous les repères.
Création d’animation image par image
Pour créer une animation image par image, vous devez définir chaque image comme une imageclé, puis créer une image différente pour chacune d’entre elles. Dans un premier temps, chaque
nouvelle image-clé possède le même contenu que l’image-clé qui la précède et vous pouvez donc
modifier les images de l’animation par incréments.
Pour créer une animation image par image :
1
Cliquez sur le nom d’un calque pour en faire le calque courant, puis sélectionnez une image
dans le calque dans lequel vous voulez démarrer l’animation.
2
Si l’image n’est pas encore une image-clé, choisissez Insertion > Image-clé pour qu’elle le
devienne.
3
Créez le contenu de la première image de la séquence.
Vous pouvez utiliser les outils de dessin, coller des graphiques depuis le presse-papiers ou
importer un fichier.
204 Chapitre 10
4
Cliquez sur l’image suivante à droite sur la même ligne et choisissez Insertion > Image-clé ou
cliquez du bouton droit (Windows) ou en appuyant sur la touche Contrôle (Macintosh) et
choisissez Insérer une image-clé dans le menu contextuel.
Une nouvelle image-clé est ajoutée, avec un contenu identique à celui de la première image-clé.
5
Modifiez le contenu de cette image sur la scène pour développer la prochaine incrémentation
de l’animation.
6
Pour terminer la séquence d’animation image par image, répétez les étapes 4 et 5 jusqu’à ce le
mouvement souhaité soit créé.
7
Pour tester la séquence d’animation, choisissez Contrôle > Lire ou cliquez sur le bouton Lire
du contrôleur.
Manipulation de l’animation
Vous pouvez déplacer une image ou une image-clé dans le calque courant ou vers un autre calque,
la supprimer ou effectuer d’autres modifications. Seules les images-clés peuvent être modifiées.
Vous pouvez afficher des images interpolées, mais vous ne pouvez pas les modifier directement.
Pour modifier des images interpolées, vous modifiez l’une des images-clés de définition ou insérez
une nouvelle image-clé entre celles de début et de fin. Vous pouvez faire glisser des éléments du
panneau Bibliothèque sur la scène pour ajouter des éléments à l’image-clé en cours.
Pour afficher et modifier plusieurs images à la fois, vous utiliserez la technique de papier pelure.
Consultez La technique de papier pelure, page 206.
Pour insérer des images dans le scénario, effectuez l’une des opérations suivantes :
• Pour insérer une image, choisissez Insertion > Image.
• Pour créer une image-clé, choisissez Insertion > Image-clé ou cliquez du bouton droit
(Windows) ou en appuyant sur la touche Ctrl (Macintosh) sur l’image dans laquelle placer
l’image-clé, puis choisissez Insérer une image-clé dans le menu contextuel.
• Pour créer une image-clé vide, choisissez Insertion > Image-clé vide ou cliquez du bouton droit
(Windows) ou en appuyant sur la touche Ctrl (Macintosh) sur l’image dans laquelle placer
l’image-clé, puis choisissez Insérer une image-clé vide dans le menu contextuel.
Pour supprimer ou modifier une image ou une image-clé, effectuez l’une des opérations
suivantes :
• Pour supprimer une image, une image-clé ou une séquence d’images, sélectionnez-la, puis
choisissez Insertion > Supprimer les images ou cliquez du bouton droit (Windows) ou en
appuyant sur la touche Ctrl (Macintosh) sur l’image, l’image-clé ou la séquence et choisissez
Supprimer les images dans le menu contextuel. Les images environnantes demeurent
inchangées.
• Pour déplacer une image-clé ou une séquence d’images et leur contenu, sélectionnez-la, puis
faites-la glisser vers l’emplacement souhaité.
• Pour étendre la durée d’une image-clé, faites glisser l’image-clé tout en appuyant sur Alt
(Windows) ou sur Option (Macintosh) jusqu’à la dernière image de la nouvelle séquence.
• Pour copier une image-clé ou une séquence d’images en la faisant glisser, sélectionnez-la, puis
faites-la glisser vers le nouvel emplacement tout en appuyant sur Alt (Windows) ou sur Option
(Macintosh).
Création d’animation 205
• Pour copier et coller une image ou une séquence d’images, sélectionnez-la et choisissez
Edition > Copier les images. Sélectionnez une image ou séquence à remplacer et choisissez
Edition > Coller les images.
• Pour convertir une image-clé en image, sélectionnez-la et choisissez Insertion > Effacer ou
cliquez du bouton droit (Windows) ou en appuyant sur la touche Contrôle (Macintosh) sur
l’image ou la séquence et choisissez Effacer dans le menu contextuel. L’image-clé effacée et
toutes les images jusqu’à l’image-clé suivante sont remplacées par le contenu de l’image
précédant l’image-clé effacée.
• Pour changer la longueur d’une séquence interpolée, faites glisser l’image-clé de début ou de
fin vers la gauche ou la droite. Pour changer la longueur d’une séquence image par image,
consultez Création d’animation image par image, page 204.
• Pour ajouter un élément de la bibliothèque à l’image-clé en cours, faites glisser l’élément du
panneau Bibliothèque vers la scène.
• Pour inverser une séquence d’animation, sélectionnez les images appropriées dans un ou
plusieurs calques et choisissez Modification > Images > Inverser. Des images-clés doivent se
trouver au début et à la fin de la séquence.
La technique de papier pelure
En général, Flash affiche une image de la séquence d’animation à la fois sur la scène. Cependant,
vous pouvez afficher deux ou plusieurs images à la fois sur la scène pour vous aider à positionner
et modifier une animation image par image. L’image qui se trouve sous la tête de lecture apparaît
en couleur alors que les images environnantes sont estompées, ce qui donne l’impression que
chaque image a été dessinée sur une feuille de papier pelure transparent et que ces feuilles ont été
empilées les unes sur les autres. Les images estompées ne peuvent pas être modifiées.
Pour afficher simultanément plusieurs images d’une animation sur la scène :
Cliquez sur le bouton Pelure d’oignon. Toutes les images comprises entre les repères Début
Pelure d’oignon et Fin Pelure d’oignon (dans l’en-tête du scénario) sont superposées sous forme
d’une image dans la fenêtre Animation.
Bouton
Pelure d’oignon
206 Chapitre 10
Pour contrôler l’affichage sous forme de papier pelure, effectuez l’une des opérations suivantes :
• Pour afficher les images de papier pelure sous forme de contours, cliquez sur Contours de
pelures d’oignon.
• Pour changer la position d’un repère de papier pelure, faites glisser son pointeur vers un nouvel
emplacement. Généralement, le repère de papier pelure se déplace avec le pointeur de la forme
en cours.
• Pour activer la modification de toutes les images entre les repères de papier pelure, cliquez sur
le bouton Modifier plusieurs images. En général, l’option de papier pelure vous permet de
modifier uniquement l’image en cours. Cependant, vous pouvez afficher normalement le
contenu de chaque image se trouvant entre les repères de papier pelure et les rendre
modifiables, quelle que soit l’image en cours.
Remarque Les calques verrouillés (avec une icône de cadenas) ne sont pas affichés lorsque l’option de papier
pelure est activée. Pour éviter d’avoir une multitude d’images prêtant à confusion, vous pouvez verrouiller ou
masquer les calques auxquels vous ne voulez pas appliquer la fonction de papier pelure.
Pour changer l’affichage des repères de papier pelure :
Cliquez sur le bouton Modifier les repères de pelures d’oignon et choisissez un élément dans le
menu :
• Toujours afficher les repères permet d’afficher les repères de papier pelure dans l’en-tête du
scénario, que l’option de papier pelure soit activée ou non.
• Ancrer la pelure d’oignon permet de verrouiller les repères de papier pelure à leur position
courante dans l’en-tête du scénario. Généralement, la plage de pelures dépend du pointeur de
l’image en cours et des repères de papier pelure. L’ancrage des repères de papier pelure vous
permet de les empêcher de se déplacer avec le pointeur de l’image en cours.
• Oignon 2 permet d’afficher deux images de chaque côté de l’image en cours.
• Oignon 5 permet d’afficher cinq images de chaque côté de l’image en cours.
• Oignon sur tout permet d’afficher toutes les images de chaque côté de l’image en cours.
Création d’animation 207
Déplacement d’une animation tout entière
Si vous devez déplacer toute une animation sur la scène, vous devez déplacer les graphiques de
toutes les images et calques en une opération pour éviter de tout réaligner.
Pour déplacer la totalité de l’animation vers un autre emplacement sur la scène :
1
Déverrouillez tous les calques.
Pour tout déplacer sur un ou plusieurs calques, verrouillez ou masquez tous les calques sur
lesquels vous ne voulez rien déplacer.
2
Cliquez sur le bouton Modifier plusieurs images dans le scénario.
3
Faites glisser les repères de papier pelure pour qu’ils entourent toutes les images que vous voulez
sélectionner ou cliquez sur Modifier les repères de pelures d’oignon et sélectionnez Oignon sur
tout.
4
Choisissez Edition > Tout sélectionner.
5
Faites glisser la totalité de l’animation vers le nouvel emplacement sur la scène.
Utilisation de calques de masque
Pour les effets de projecteur et de transition, vous pouvez utiliser un calque de masque pour créer
un trou qui laisse apparaître le contenu d’un ou de plusieurs calques situés en dessous. Un élément
de masque peut être une forme remplie, un texte, une occurrence de symbole graphique ou un
clip. Vous pouvez grouper plusieurs calques sous un calque de masque unique pour créer des effets
élaborés.
Vous pouvez animer un calque de masque pour créer des effets dynamiques. Dans le cas d’une
forme remplie utilisée comme calque, vous utiliserez une interpolation de forme. Pour un texte,
une occurrence de graphique ou un clip, il s’agira d’une interpolation de mouvement. Si vous
utilisez une instance de clip comme calque, vous pouvez animer le calque sur une trajectoire.
Pour créer un calque de masque, vous placez un élément de masque sur le calque que vous
souhaitez utiliser comme masque. Au lieu de contenir un remplissage ou un trait, l’élément de
masque fait office de fenêtre qui révèle la zone des calques liés qui se trouvent en dessous. Le reste
du calque de masque cache tous les autres éléments, à l’exception de ceux qui sont visibles à
travers le masque. Un calque de masque ne peut contenir qu’un élément de masque. Il est
impossible de placer un calque de masque dans un bouton ou d’appliquer un masque à un autre
masque.
Vous pouvez également utiliser ActionScript pour créer un calque de masque à partir d’un clip.
Un calque de masque créé avec ActionScript ne peut être appliqué qu’à un autre clip. Consultez
Utilisation de clips comme masques, sous Aide > Utilisation de Flash.
208 Chapitre 10
Pour créer un calque de masque :
1
Sélectionnez ou créez un calque contenant les objets qui figureront dans le masque.
2
Avec le calque sélectionné, choisissez Insertion > Calque pour créer un nouveau calque audessus.
Un calque de masque cache toujours le calque qui se trouve immédiatement en dessous de lui ;
par conséquent, veillez à créer le calque au bon endroit.
3
Placez une forme remplie, du texte ou une occurrence de symbole sur le calque de masque.
Flash ignore les bitmaps, les dégradés, la transparence, les couleurs et les styles de trait dans un
calque de masque. Toute zone remplie devient complètement transparente dans le masque, les
zones non remplies étant opaques.
4
Cliquez du bouton droit (Windows) ou avec la touche Contrôle enfoncée (Macintosh) sur le
nom du calque de masque dans le scénario, puis choisissez Masque dans le menu contextuel.
Le calque est converti en calque de masque, signalé par une icône de calque de masque. Le
calque situé immédiatement au-dessous est lié au calque de masque et son contenu affiché à
travers la zone remplie sur le masque. Le nom du calque masqué apparaît en retrait et son icône
est remplacée par une icône de calque masqué.
Pour afficher l’effet de masque dans Flash, verrouillez le calque de masque et le calque masqué.
Un calque masqué, la forme remplie qui sera transparente dans le masque, l’effet de masque final
Création d’animation 209
Pour masquer d’autres calques après avoir créé un calque de masque, effectuez l’une des
opérations suivantes :
• Faites glisser un calque existant directement en dessous du calque de masque.
• Créez un calque n’importe où en dessous du calque de masque.
• Choisissez Modification > Calque et activez l’option Masqué dans la boîte de dialogue
Propriétés du calque.
Pour dissocier des calques d’un calque de masque :
1
Sélectionnez le calque dont vous voulez supprimer le lien.
2
Effectuez l’une des opérations suivantes :
• Faites glisser le calque au-dessus du calque de masque.
• Choisissez Modification > Calque et activez l’option Normal.
Pour animer une forme remplie, du texte ou une occurrence de symbole graphique sur un calque
de masque :
1
Sélectionnez le calque de masque dans le scénario.
2
Cliquez dans la colonne de verrouillage pour déverrouiller le calque de masque.
3
Effectuez l’une des opérations suivantes :
• Si l’objet de masque est une forme remplie, appliquez une interpolation de forme à l’objet, tel
que présenté dans Interpolation de formes, page 201.
• Si l’objet de masque est du texte ou une occurrence de symbole graphique, appliquez une
interpolation de mouvement, tel que présenté dans Interpolation d’occurrences, de groupes et de
texte, page 196.
4
Lorsque vous avez terminé l’animation, cliquez dans la colonne de verrouillage du calque de
masque, de manière à le verrouiller de nouveau.
Pour animer un clip sur un calque de masque :
1
Sélectionnez le calque de masque dans le scénario.
2
Double-cliquez sur le clip sur la scène afin de le manipuler à son emplacement et d’afficher le
scénario du clip.
3
Appliquez une interpolation de mouvement au clip, tel que présenté dans Interpolation
d’occurrences, de groupes et de texte, page 196. Pour animer le clip sur une trajectoire, consultez
Interpolation de mouvement le long d’une trajectoire, page 200.
4
Lorsque vous avez terminé la procédure d’animation, cliquez sur la flèche bleue de retour de la
fenêtre Modifier en place afin de revenir au mode d’édition d’animation.
5
Cliquez dans la colonne de verrouillage du calque de masque afin de le verrouiller de nouveau.
210 Chapitre 10
CHAPITRE 11
Rédaction de scripts avec ActionScript
ActionScript, le langage de programmation de Macromedia Flash MX, vous permet d’ajouter de
l’interaction dans une animation. ActionScript comprend des éléments, tels que des actions, des
opérateurs et des objets, que vous pouvez intégrer dans des scripts afin d’indiquer à votre
animation ce qu’elle doit faire. Vous configurez ensuite l’animation de manière à ce que les
événements (par exemple, un clic sur un bouton ou une pression sur une touche) déclenchent ces
scripts. Ainsi, vous pouvez utiliser ActionScript pour créer des boutons de navigation dans votre
animation.
Dans Flash, la rédaction de scripts s’effectue dans le panneau Actions. Lorsque vous utilisez ce
panneau en mode Normal, vous pouvez créer des scripts en choisissant des options dans des
menus et des listes. En mode Expert, vous pouvez entrer directement du texte dans le volet Script.
Dans les deux modes, des conseils vous aident à compléter les actions et à insérer des propriétés et
des événements. Lorsque vous avez créé un script, vous pouvez l’associer à un bouton, un clip ou
une image afin de définir l’interactivité requise.
Vous pouvez commencer à rédiger des scripts simples sans avoir besoin de tout connaître
d’ActionScript. Vous pouvez mettre la main à la pâte immédiatement en suivant le didacticiel
d’ActionScript (Aide > Didacticiels > Introduction à ActionScript). Pour plus d’informations sur
le langage ActionScript, consultez Chapitre 12, Le langage ActionScript, page 229.
Utilisation du panneau Actions
Pour ajouter une action à un document Flash, vous devez l’associer à un bouton, un clip ou une
image dans le scénario. Le panneau Actions vous permet de sélectionner des actions, de les
manipuler par glisser-déposer, de les réorganiser ou de les supprimer.
Vous pouvez utiliser le panneau Actions dans deux modes différents : Normal et Expert. En mode
Normal, vous rédigez des actions en complétant des champs de texte de paramètres. En mode
Expert, vous pouvez rédiger et modifier des actions directement dans le panneau Actions, de la
même façon que vous pourriez le faire avec un éditeur de texte.
Pour afficher le panneau Actions, effectuez l’une des opérations suivantes :
• Choisissez Fenêtre > Actions.
• Appuyez sur la touche F2.
211
Pour activer le panneau Actions :
Sélectionnez une occurrence d’un bouton, d’un clip ou d’une image.
Le titre du panneau Actions est modifié en fonction de la sélection opérée.
Boîte à outils Actions
Menu Options
Volet Script
Pour naviguer dans la boîte à outils Actions :
• Pour sélectionner le premier élément de la boîte à outils Actions, appuyez sur la touche
Origine.
• Pour sélectionner le dernier élément de la boîte à outils Actions, appuyez sur la touche Fin.
• Pour sélectionner l’élément précédant de la boîte à outils Actions, appuyez sur la touche Flèche
vers le haut ou Flèche vers la gauche.
• Pour sélectionner l’élément suivant de la boîte à outils Actions, appuyez sur la touche Flèche
vers le bas ou Flèche vers la droite.
• Pour développer ou réduire un dossier, appuyez sur Entrée ou la barre d’espace.
• Pour insérer un élément dans un script, appuyez sur Entrée ou la barre d’espace. Cette
opération équivaut à sélectionner Ajouter au script dans le menu contextuel de cet élément.
• Pour faire défiler une page d’éléments vers le haut, appuyez sur la touche PgPréc.
• Pour faire défiler une page d’éléments vers le bas, appuyez sur la touche PgSuiv.
• Pour rechercher un élément dans la boîte à outils Actions sur la base de son caractère initial,
tapez ce caractère. Remarquez que la recherche ne distingue pas la casse. Vous pouvez taper le
caractère souhaité à plusieurs reprises afin de faire défiler tous les éléments qui commencent par
ce caractère.
212 Chapitre 11
Travail en mode Normal
En mode Normal, vous rédigez des scripts en sélectionnant des outils dans la boîte à outils
Actions, du côté gauche du panneau Actions. Vous pouvez également sélectionner des actions en
cliquant sur le bouton Ajouter (+). La boîte à outils Actions sépare les éléments en catégories telles
que Actions, Propriétés et Objets, et comprend également une catégorie Index qui contient la liste
alphabétique de tous les éléments. Lorsque vous cliquez une fois sur un élément, sa description
s’affiche dans le coin supérieur droit du panneau. Lorsque vous double-cliquez sur un élément, il
s’affiche sur la droite du panneau, dans le volet Script.
En mode Normal, vous pouvez ajouter, supprimer ou modifier l’ordre des instructions dans le
volet Script et pouvez également entrer des paramètres pour les actions dans les champs de texte
au-dessus de ce panneau. Le panneau Actions permet également de rechercher et de remplacer du
texte, d’afficher les numéros des lignes du script, ou encore de conserver un script affiché dans le
volet Script lorsque vous cliquez en dehors de l’objet ou de l’image. Vous pouvez également
utiliser le menu déroulant permettant d’accéder à n’importe quel élément de l’image actuelle.
Pour utiliser le panneau Actions pour insérer des chemins cibles, consultez Chapitre 13,
Utilisation des clips et boutons, page 275.
Pour utiliser les fonctions de points d’arrêt de débogage du panneau Actions, consultez Définition
et suppression de points d’arrêt, page 405.
Menu de passage aux éléments
Boîte à outils Actions
Menu Options
Verrouiller le script
Référence
Options de débogage
Options d’affichage
Déplace les éléments
sélectionnés vers le haut
Déplace les éléments
sélectionnés vers le bas
Volet Script
Insérer un chemin cible
Remplacer
Rechercher
Supprimer les actions sélectionnées
Ajouter un élément au script
Le panneau Actions en mode Normal
Rédaction de scripts avec ActionScript 213
Pour afficher le panneau Actions en mode Normal :
1
Choisissez Fenêtre > Actions.
2
Effectuez l’une des opérations suivantes :
• Cliquez sur la flèche située dans le coin supérieur droit du panneau Actions pour afficher le
menu déroulant et choisissez Mode Normal.
• Cliquez n’importe où dans le panneau Actions. Appuyez ensuite sur Ctrl+Maj+N (Windows)
ou Commande+Maj+N (Macintosh).
Pour afficher une description de l’action, effectuez l’une des opérations suivantes :
• Cliquez sur une catégorie dans la boîte à outils Actions pour afficher les actions correspondant
à cette catégorie, puis cliquez sur une action.
• Sélectionnez une ligne de code dans le volet Script.
Sa description s’affiche dans le coin supérieur droit du panneau Actions.
Pour ajouter une action au volet Script, effectuez l’une des opérations suivantes :
• Cliquez sur une catégorie dans la boîte à outils Actions pour afficher les actions correspondant
à cette catégorie. Double-cliquez ensuite sur une action, faites-la glisser dans le volet Script, ou
cliquez dessus du bouton droit de la souris (Windows) ou avec la touche Contrôle (Macintosh)
et choisissez Ajouter au script.
• Cliquez sur le bouton Ajouter (+) et sélectionnez une action dans le menu déroulant.
• Appuyez sur Echap. et une touche de raccourci. Par exemple, Echap+st ajoute une action stop.
Pour afficher la liste des touches de raccourci, choisissez Afficher les touches de raccourci
Echap. dans le menu déroulant du panneau Actions (choisissez à nouveau cette commande
pour masquer la liste).
Pour supprimer une action :
1
Sélectionnez une instruction dans le volet Script.
2
Cliquez sur le bouton Supprimer (-) ou appuyez sur la touche Suppr.
Pour faire monter ou descendre une instruction dans le volet Script :
Sélectionnez une instruction dans le volet Script, puis effectuez l’une des opérations suivantes :
• Cliquez sur la flèche vers le haut ou la flèche vers le bas.
• Sélectionnez l’instruction et faites-la glisser vers le haut ou vers le bas.
Pour utiliser des paramètres :
1
Ajoutez une action ou sélectionnez une instruction dans le volet Script.
2
Entrez des valeurs dans les champs de paramètres en haut du volet Script.
Pour plus d’informations sur les conseils de code qui peuvent vous aider à insérer des paramètres,
consultez Utilisation des conseils de code, page 222.
214 Chapitre 11
Pour rechercher du texte dans un script, effectuez l’une des opérations suivantes :
• Pour accéder à une ligne précise d’un script, choisissez la commande Atteindre la ligne du
menu déroulant du panneau Actions, ou appuyez sur CTRL+G (Windows) ou Commande+G
(Macintosh), puis entrez le numéro de ligne.
• Pour rechercher du texte, cliquez sur le bouton Rechercher en bas du volet Script, choisissez
Rechercher dans le menu déroulant du panneau Actions ou appuyez sur CTRL+F (Windows)
ou Commande+F (Macintosh). Entrez le texte à rechercher dans la boîte de dialogue qui
s’affiche.
• Pour rechercher de nouveau du texte, appuyez sur F3 ou choisissez la commande Rechercher à
nouveau dans le menu déroulant du panneau Actions.
• Pour remplacer du texte, cliquez sur le bouton Remplacer au-dessus du volet Script, choisissez
Remplacer dans le menu déroulant du panneau Actions ou appuyez sur CTRL+H (Windows)
ou Commande+H (Macintosh). Entrez le texte à rechercher et le texte de remplacement dans
la boîte de dialogue qui s’affiche.
En mode Expert, l’option Remplacer analyse tout le corps du texte d’un script. En mode
Normal, l’option Remplacer recherche et remplace du texte uniquement dans le champ de
paramètres de chaque action. Par exemple, en mode Normal, vous ne pouvez pas remplacer
toutes les actions gotoAndPlay par gotoAndStop.
Ces fonctions de recherche et de remplacement s’appliquent au volet Script actuel. Pour
rechercher du texte dans chaque script d’une animation, utilisez l’explorateur d’animations. Pour
plus d’informations, consultez Utilisation de l’explorateur d’animations, page 46.
Pour naviguer entre les scripts :
Utilisez le menu déroulant du haut du panneau Actions et sélectionnez un script dans la liste.
Pour verrouiller un script dans le panneau Actions :
Cliquez sur le bouton Verrouiller le script actuel.
Le panneau Actions affiche le script dans le volet Script, même lorsque vous cliquez en dehors de
l’objet ou de l’image.
Pour redimensionner la boîte à outils Actions ou le volet Script, effectuez l’une des opérations
suivantes :
• Faites glisser la barre de fractionnement verticale qui apparaît entre la boîte à outils Actions et
le volet Script.
• Double-cliquez sur la barre de fractionnement pour réduire la boîte à outils Actions, doublecliquez encore une fois sur la barre pour afficher à nouveau la boîte à outils Actions.
• Cliquez sur la flèche de la barre de fractionnement pour développer ou réduire la boîte à outils
Actions.
Lorsque la boîte à outils Actions est masquée, vous pouvez toujours utiliser le bouton
Ajouter (+) pour accéder à ses éléments.
Rédaction de scripts avec ActionScript 215
Pour afficher les numéros de lignes dans le volet Script, effectuez l’une des opérations suivantes :
• Choisissez Afficher les numéros de ligne dans le menu déroulant Options d’affichage en bas du
volet Script.
• Choisissez Afficher les numéros de ligne dans le menu Options du panneau Actions.
• Appuyez sur Ctrl+Maj+L (Windows) ou sur Commande+Maj+L (Macintosh).
Pour imprimer des actions :
1
Dans le menu déroulant du panneau Actions, choisissez Imprimer.
La boîte de dialogue Imprimer apparaît.
2
Activez les options souhaitées et cliquez sur Imprimer.
Le fichier imprimé ne contenant pas d’informations sur le fichier Flash qui en est à l’origine, il est
conseillé d’inclure ces informations dans le script, dans une action comment.
Travail en mode Expert
En mode Expert, la création de scripts s’effectue par la saisie directe de code ActionScript dans le
volet Script, du côté droit du panneau Actions. Vous modifiez des actions, entrez des paramètres
pour les actions ou supprimez des actions directement dans le volet Script, de la même façon que
vous pourriez le faire dans un éditeur de texte. Vous pouvez également utiliser la boîte à outils
Actions (la partie gauche du panneau Actions) ainsi que le bouton Ajouter (+) pour ajouter des
actions au volet Script, mais les champs de texte des paramètres ne s’affichent pas. Il est impossible
de déplacer des instructions au moyen des boutons de flèche vers le haut ou de flèche vers le bas,
ou d’en supprimer à l’aide du bouton Supprimer (-).
Tout comme le mode Normal, le mode Expert permet d’utiliser les boutons du volet Script pour
rechercher et remplacer du texte, définir et supprimer des points d’arrêt de débogage, visualiser les
numéros de ligne et insérer des chemins cibles. Vous pouvez également utiliser le menu de passage
aux différents éléments et le bouton Verrouiller le script actuel.
216 Chapitre 11
En mode Expert, vous pouvez également rechercher les erreurs de syntaxe, mettre
automatiquement le code en forme et utiliser des conseils pour compléter la syntaxe du code. De
plus, la fonction d’équilibrage de la ponctuation vous aide à compléter les paires de parenthèses,
de crochets ou d’accolades.
Vérifier la syntaxe
Format automatique
Afficher les conseils de code
Volet Script
Le panneau Actions en mode Expert
Pour afficher le panneau Actions en mode Expert :
1
Choisissez Fenêtre > Actions.
2
Effectuez l’une des opérations suivantes :
• Cliquez sur la flèche située dans le coin supérieur droit du panneau Actions pour afficher le
menu déroulant et choisissez Mode Expert.
• Cliquez n’importe où dans le panneau Actions. Appuyez ensuite sur Ctrl+Maj+E (Windows)
ou Commande+Maj+E (Macintosh).
Pour vérifier la syntaxe, effectuez l’une des opérations suivantes :
• Cliquez sur le bouton Vérifier la syntaxe.
• Choisissez Vérifier la syntaxe dans le menu déroulant Actions (dans le coin supérieur droit du
panneau). Les erreurs de syntaxe sont affichées dans la fenêtre Sortie.
• Appuyez sur Ctrl+T (Windows) ou sur Commande+T (Macintosh).
Rédaction de scripts avec ActionScript 217
Pour mettre le code en forme au moyen du style de formatage de Flash, effectuez l’une des
opérations suivantes :
• Cliquez sur le bouton Format automatique.
• Choisissez Format automatique dans le menu déroulant du panneau Actions.
• Appuyez sur Ctrl+Maj+F1 (Windows) ou sur Commande+Maj+F1 (Macintosh).
Pour définir les options du style de formatage de Flash, effectuez l’une des opérations suivantes :
1
Choisissez Options de format automatique dans le menu déroulant du panneau Actions.
La boîte de dialogue Options de format automatique apparaît.
2
Faites votre choix parmi les options proposées. Pour visualiser l’effet de chaque sélection,
examinez le panneau Aperçu.
Pour utiliser la fonction d’indentation automatique :
L’indentation automatique est activée par défaut. Pour la désactiver, désactivez l’option
Indentation automatique dans les préférences de l’éditeur ActionScript.
Lorsque l’indentation automatique est activée, le texte tapé après ( ou { est automatiquement mis
en retrait conformément à la valeur de taille de tabulation définie dans les préférences de l’éditeur
ActionScript. Pour mettre une autre ligne en retrait dans le volet Script, sélectionnez-la, puis
appuyez sur la touche Tab. Pour supprimer le retrait, appuyez sur Maj+Tab.
Pour utiliser la fonction d’équilibrage de la ponctuation :
1
Cliquez entre les accolades, crochets ou parenthèses dans votre script.
2
Appuyez sur Ctrl+’ (Windows) ou Commande+’ (Macintosh) pour sélectionner le texte entre
accolades, crochets ou parenthèses.
La mise en surbrillance vous permet de vérifier si la ponctuation d’ouverture possède une
ponctuation de fermeture correspondante.
218 Chapitre 11
Pour afficher les conseils de code :
Cliquez sur le bouton Afficher les conseils de code.
Pour plus d’informations sur les conseils de code, consultez Utilisation des conseils de code,
page 222. Pour modifier les préférences de Flash de manière à ce que les conseils de code soient
toujours visibles, consultez Définition des préférences du panneau Actions, page 221.
Passage entre les modes de travail
Lorsque vous travaillez dans le panneau Actions, vous pouvez passer à tout moment du mode
Normal au mode Expert. Lorsque vous changez de mode, Flash préserve la mise en forme de votre
script, sauf si vous le modifiez. Par exemple, si vous rédigez un script en mode Expert en utilisant
votre propre style de mise en retrait, puis que vous passez en mode Normal pour le visualiser sans
y apporter de modifications, la mise en forme ne change pas. Par contre, si vous modifiez le script
en mode Normal, Flash supprime le retrait personnalisé et met le script en forme conformément
aux paramètres définis dans la boîte de dialogue Options de format automatique (consultez
Travail en mode Expert, page 216). Flash vous avertit avant toute modification de la mise en
forme.
Pour passer d’un mode de travail à l’autre, effectuez l’une des opérations suivantes :
• Choisissez Mode Normal ou Mode Expert dans le menu déroulant du panneau Actions (dans
le coin supérieur droit du panneau) ou dans le menu déroulant Options d’affichage au-dessus
du volet Script. Une coche indique le mode sélectionné.
• Pour passer au mode Normal, appuyez sur Ctrl+Maj+N (Windows) ou Commande+Maj+N
(Macintosh).
• Pour passer au mode Expert, appuyez sur Ctrl+Maj+E (Windows) ou Commande+Maj+E
(Macintosh).
Le panneau Actions conserve le mode sélectionné jusqu’à ce que vous choisissiez l’autre mode,
même si vous sélectionnez un script d’un autre bouton, clip ou image.
Il est impossible d’utiliser le mode Normal pour visualiser un script en mode Expert qui contient
des erreurs. Si vous tentez de le faire, le message suivant apparaît : « Ce script contient des erreurs
de syntaxe. Il doit être modifié en mode Expert. »
Vous pouvez utiliser le mode Normal pour visualiser un script en mode Expert qui utilise des
éléments ActionScript non supportés par les paramètres de publication actuels. Toutefois, si vous
exportez un tel script, un message d’avertissement apparaîtra.
Utilisation du panneau Référence
Vous pouvez utiliser le panneau Référence pour visualiser des descriptions détaillées des actions
figurant dans la boîte à outils Actions. Ce panneau affiche également un exemple de code, que
vous pouvez copier et coller dans le volet Script du panneau Actions. Vous pouvez également
modifier la taille de la police et imprimer le contenu du panneau Référence.
Pour afficher une description et un exemple de code de l’action, effectuez l’une des opérations
suivantes :
• Cliquez sur une action dans la boîte à outils Actions, puis cliquez sur le bouton Référence.
• Choisissez Fenêtre > Référence.
Rédaction de scripts avec ActionScript 219
• Appuyez sur Ctrl+Alt+Maj+F1 (Windows) ou sur Commande+Alt+Maj+F1 (Macintosh).
• En mode Normal, sélectionnez une action dans le volet Script et cliquez sur le bouton
Référence dans le coin supérieur droit, au-dessus du volet Script.
Pour copier et coller un exemple de code :
1
Sélectionnez le code et cliquez du bouton droit (Windows) ou avec la touche Contrôle
enfoncée (Macintosh), puis choisissez Copier dans le menu contextuel.
2
Dans le volet Script, cliquez du bouton droit (Windows) ou avec la touche Contrôle enfoncée
(Macintosh), puis choisissez Coller dans le menu contextuel ou dans le menu déroulant du
coin supérieur droit.
Pour changer la taille de police :
Choisissez Grande police, Police moyenne ou Petite police dans le menu déroulant, dans le coin
supérieur droit du panneau Référence.
Pour imprimer le contenu du panneau Référence :
Choisissez Imprimer dans le menu contextuel ou le menu déroulant, dans le coin supérieur droit
du panneau Référence.
Utilisation d’un éditeur de texte externe
Vous pouvez utiliser un éditeur de texte pour rédiger et modifier du code ActionScript en dehors
du panneau Actions. Vous pouvez exporter des actions depuis le panneau Actions dans un fichier
texte, importer un fichier texte dans le panneau Actions ou utiliser l’action include pour ajouter
un fichier de script externe en cours d’exécution.
Pour plus d’informations sur l’utilisation du langage ActionScript, consultez Chapitre 12, Le
langage ActionScript, page 229.
Pour exporter des actions dans un fichier texte :
1
Dans le menu déroulant du panneau Actions (dans le coin supérieur droit du panneau),
choisissez Exporter comme fichier ou appuyez sur Contrôle+Maj+X (Windows) ou
Commande+Maj+X (Macintosh).
2
Choisissez un emplacement pour enregistrer le fichier, puis cliquez sur Enregistrer.
Vous pouvez ensuite manipuler le fichier dans un éditeur de texte externe.
Pour importer un fichier texte contenant des instructions ActionScript :
1
Dans le menu déroulant du panneau Actions (dans le coin supérieur droit du panneau),
choisissez Importer d’un fichier ou appuyez sur Contrôle+Maj+I (Windows) ou
Commande+Maj+I (Macintosh).
2
Sélectionnez un fichier texte contenant des instructions ActionScript, puis cliquez sur Ouvrir.
Les scripts comportant des erreurs de syntaxe ne peuvent être importés qu’en mode Expert. Un
message d’erreur est affiché si vous essayez de les importer en mode Normal.
220 Chapitre 11
Pour ajouter un script externe à un script dans Flash lorsque l’animation est exportée :
1
Cliquez dans le volet Script (à droite du panneau Actions) pour placer le point d’insertion où
vous voulez inclure le script externe.
2
Dans la boîte à outils Actions, cliquez sur la catégorie Actions, puis sur la catégorie Actions
diverses.
3
Double-cliquez sur l’action include pour l’ajouter au volet Script.
4
Entrez le chemin du fichier externe dans le champ Chemin.
Vous devez spécifier le chemin par rapport au fichier FLA. Supposons par exemple que votre
fichier FLA se nomme monDoc.fla et votre script externe fichierExterne.as. Si monDoc.fla et
fichierExterne.as se trouvent dans le même dossier, le chemin d’accès sera fichierExterne.as. Si
fichierExterne.as se trouve dans un sous-dossier nommé Scripts, le chemin d’accès sera scripts/
fichierExterne.as. Le texte du script externe remplace l’action include lorsque le document est
exporté sous la forme d’un fichier d’animation Flash (SWF).
A propos de la mise en évidence de la syntaxe
Dans ActionScript, comme dans tout autre langage, la syntaxe est la manière dont les éléments
sont assemblés afin de créer du sens. Vos scripts ne fonctionneront pas si vous utilisez une syntaxe
ActionScript incorrecte. Pour plus d’informations, consultez Utilisation de la syntaxe
d’ActionScript, page 241.
En mode Normal, les erreurs de syntaxe sont affichées en rouge dans le volet Script. Si vous passez
le pointeur de la souris au-dessus d’une action dont la syntaxe est incorrecte, une infobulle affiche
le message d’erreur correspondant. Si vous sélectionnez l’action en rouge, le message d’erreur
s’affiche dans la barre d’état du bas du panneau Actions.
En mode Expert et en mode Normal, les incompatibilités de versions pour l’exportation
d’ActionScript sont indiquées en jaune dans le volet Script. Par exemple, si la version de Flash
Player sélectionnée pour l’exportation est Flash 5, le code ActionScript supporté uniquement par
Flash Player 6 est mis en surbrillance en jaune. Pour plus d’informations sur la définition de la
version d’exportation Flash Player, consultez Chapitre 12, Le langage ActionScript, page 229
Une liste complète des messages d’erreurs apparaît dans Annexe D, Messages d’erreur, page 463.
Définition des préférences du panneau Actions
Pour définir les préférences du panneau Actions, vous utiliserez le volet Editeur ActionScript des
préférences de Flash. Vous pouvez modifier des paramètres tels que le retrait, les conseils de code,
la police et la mise en couleurs de la syntaxe, ou rétablir les valeurs par défaut de ces paramètres.
Pour définir les préférences du panneau Actions :
1
Effectuez l’une des opérations suivantes :
• Choisissez Préférences dans le menu déroulant Actions (dans le coin supérieur droit du
panneau Actions).
• Choisissez Edition > Préférences et cliquez sur l’onglet Editeur ActionScript.
Rédaction de scripts avec ActionScript 221
2
Faites votre choix parmi les options suivantes :
• Dans la section Options d’affichage du code, activez l’option Indentation automatique pour
automatiquement mettre le code ActionScript en retrait dans le volet Script, en mode Expert,
et entrez un entier dans le champ Taille des tabulations afin de définir la taille des tabulations
de mise en retrait du mode Expert (la valeur par défaut est 4). Activez l’option Conseils de code
pour activer les conseils relatifs à la syntaxe, aux méthodes et à l’achèvement des événements en
mode Normal et en mode Expert. Déplacez la glissière Délai pour fixer le délai pendant lequel
Flash attend avant d’afficher un conseil de code (la valeur par défaut est 0).
• Dans la section Texte, sélectionnez une police ou une taille dans le menu déroulant afin de
modifier l’apparence du texte dans le volet Script.
• Pour Couleurs de la syntaxe, choisissez une couleur de premier et d’arrière-plan du volet Script
et pour les mots-clés (par exemple, new, if, while et on), pour les identifiants intégrés (par
exemple, play, stop et gotoAndPlay), les commentaires et les chaînes. Pour plus
d’informations sur les éléments du langage ActionScript, consultez Chapitre 12, Le langage
ActionScript, page 229.
Pour rétablir les préférences par défaut de l’éditeur ActionScript :
Cliquez sur le bouton Valeurs par défaut.
Utilisation des conseils de code
Lorsque vous travaillez dans le panneau Actions, Flash peut détecter l’action que vous entrez et
afficher un conseil de code, une infobulle contenant la syntaxe complète de cette action, ou un
menu déroulant contenant les noms des méthodes ou des propriétés pouvant être utilisés. En
mode Expert, les conseils de code sont affichés pour les paramètres, les propriétés et les
événements lorsque vous entrez certains caractères dans le volet Script. En mode Normal, ils sont
affichés pour les paramètres et les propriétés (pas pour les événements) dans les champs de
paramètres lorsque l’option Expression est activée.
Les conseils de code sont activés par défaut. Des préférences vous permettent de désactiver les
conseils de code ou de déterminer la vitesse à laquelle ils s’affichent. Pour plus d’informations,
consultez Définition des préférences du panneau Actions, page 221. Vous pouvez activer les conseils
de code manuellement, même s’ils sont désactivés dans les préférences.
Pour activer l’affichage des conseils de code :
1
Choisissez Préférences dans le menu déroulant Actions (dans le coin supérieur droit du
panneau Actions).
2
Dans le volet Editeur ActionScript, activez l’option Conseils de code.
Pour activer les conseils de code manuels en mode Expert, effectuez l’une des opérations
suivantes :
• Cliquez sur le bouton Afficher les conseils de code au-dessus du volet Script (du côté droit du
panneau Actions).
• Dans le menu déroulant Actions (dans le coin supérieur droit du panneau), choisissez Afficher
les conseils de code.
• Appuyez sur Ctrl+Barre d’espace (Windows) ou sur Commande+Barre d’espace (Macintosh).
222 Chapitre 11
Pour utiliser des conseils de code de type infobulle :
1
Tapez une parenthèse d’ouverture [(] après un nom d’action.
Le conseil de code apparaît.
2
Entrez une valeur pour le paramètre. S’il existe plusieurs paramètres, séparez les valeurs par des
virgules.
3
Pour annuler le conseil de code, effectuez l’une des opérations suivantes :
• Tapez une parenthèse de fermeture [)].
• Cliquez à l’extérieur de l’instruction.
• Appuyez sur la touche Echap.
Pour utiliser des conseils de code de type menu :
1
Affichez le conseil de code en effectuant l’une des opérations suivantes :
• Tapez un point après le suffixe d’un nom d’objet.
• Tapez une parenthèse d’ouverture [(] après un nom de gestionnaire d’événement.
2
Pour naviguer dans le conseil de code, utilisez les touches Flèche Haut ou Flèche Bas.
3
Pour sélectionner un élément dans le menu, appuyez sur Entrée ou Tab, ou double-cliquez sur
cet élément.
4
Pour annuler le conseil de code, effectuez l’une des opérations suivantes :
•
•
•
•
Choisissez l’un des éléments du menu.
Cliquez à l’extérieur de l’instruction.
Tapez une parenthèse de fermeture [)] si vous avez déjà tapé une parenthèse d’ouverture.
Appuyez sur la touche Echap.
De nombreux objets ActionScript exigent la création d’une nouvelle occurrence pour permettre
l’emploi de leurs méthodes et de leurs propriétés. Par exemple, dans le code
monClip.gotoAndPlay(3), la méthode gotoAndPlay indique à l’occurrence monClip d’accéder
à une image précise et de commencer à lire le clip. Le panneau Actions ignore que l’occurrence
monClip appartient à la classe d’objet MovieClip, et ne sait par conséquent pas quels conseils de
code afficher.
Si vous voulez que le panneau Actions affiche des conseils de code pour les occurrences d’objets,
vous devez ajouter un suffixe de classe spécial à chaque nom d’occurrence. Par exemple, pour
afficher des conseils de code pour la classe MovieClip, vous devez affecter à tous les objets
MovieClip le suffixe _mc, comme dans les exemples suivants :
Cercle_mc.gotoAndPlay(1);
Carré_mc.stop();
bloc_mc.duplicateMovieClip(“nouveauBloc_mc”, 100);
Rédaction de scripts avec ActionScript 223
Le tableau suivant présente les suffixes et les classes d’objets correspondantes :
Suffixe
Classe d’objet
_mc
MovieClip
_array
Array
_str
String
_btn
Button
_txt
TextField
_fmt
TextFormat
_date
Date
_sound
Sound
_xml
XML
_xmlsocket
XMLSocket
_color
Color
_camera
Camera
_mic
Microphone
_stream
NetStream
_connection
NetConnection
_so
SharedObject
_video
Video
Vous pouvez également utiliser des commentaires ActionScript pour spécifier la classe d’un objet
pour les conseils de code. L’exemple suivant indique à ActionScript que la classe de l’occurrence
Lobject est Object, et ainsi de suite. Si vous entrez le code mc après ces commentaires, un conseil
de code affiche la liste de méthodes et de propriétés MovieClip. Si vous entrez le code theArray,
un conseil de code affiche une liste de méthodes et de propriétés Array.
// Object Lobjet;
// Array leTableau;
// MovieClip mc;
Pour plus d’informations sur les classes d’objets dans ActionScript, consultez A propos de la
programmation orientée objet, page 231.
Affectation d’actions à une image
Pour qu’une animation exécute une action lorsque la tête de lecture atteint une image dans le
scénario, vous affecterez une action d’image. Par exemple, pour créer une boucle dans le scénario,
entre les images 20 et 10, vous ajoutez une action d’image à l’image 20 qui envoie la tête de
lecture à l’image 10, comme suit :
gotoAndPlay (10);
Certaines actions sont généralement associées à la première image d’une animation, comme les
actions qui définissent des fonctions et des variables qui créent le statut initial de l’animation, par
exemple. En règle générale, vous pouvez affecter à la première image toute action qui doit être
exécutée dès le début de l’animation. Pour plus d’informations sur l’ordre dans lequel les actions
sont exécutées, consultez Contrôle de l’exécution d’ActionScript, page 234.
224 Chapitre 11
Il est conseillé de placer toutes les actions d’image dans un calque nommé Actions pour plus
facilement trouver les actions dans le scénario. Une fois que vous avez affecté une action, testez
l’animation pour vérifier qu’elle fonctionne correctement. Les instructions suivantes permettent
d’affecter des actions d’image à l’aide du panneau Actions en mode Normal.
Pour affecter une action à une image :
1
Sélectionnez une image-clé dans le scénario, puis choisissez Fenêtre > Actions ou appuyez
sur F2.
Si l’image sélectionnée n’est pas une image-clé, l’action est affectée à l’image-clé précédente.
2
Pour affecter une action, effectuez l’une des opérations suivantes :
• Cliquez sur un dossier de la boîte à outils Actions pour l’ouvrir. Double-cliquez sur une action
pour l’ajouter au volet Script (du côté droit du panneau).
• Faites glisser une action de la boîte à outils Actions jusqu’au volet Script.
• Cliquez sur le bouton Ajouter (+) et choisissez une action dans le menu déroulant.
• Utilisez le raccourci clavier indiqué en regard de chaque action du menu déroulant Ajouter (+).
3
Si nécessaire, entrez les paramètres de l’action dans les champs de texte.
4
Pour affecter d’autres actions, répétez les étapes 2 et 3.
Les images comportant des actions sont identifiées par un petit a dans le scénario.
Pour tester une action d’image :
Choisissez Contrôle > Tester l’animation.
Pour plus d’informations sur l’utilisation d’actions simples, consultez Contrôle de la lecture de clips,
page 299. Pour plus d’informations sur la création d’interactivité, consultez Création
d’interactivité complexe, page 304.
Affectation d’actions à un bouton
Pour qu’une animation accomplisse une action en cas de clic ou de passage sur un bouton, vous
pouvez affecter une action à ce bouton. Vous devez affecter des actions à une occurrence du
bouton, les autres occurrences du symbole n’étant pas affectées.
Lorsque vous affectez une action à un bouton, vous devez imbriquer l’action dans un
gestionnaire on et spécifier les événements souris ou clavier qui déclenchent l’action. Lorsque vous
affectez une action à un bouton en mode Normal, le gestionnaire on est automatiquement inséré
et vous pouvez choisir un événement dans la liste. Pour plus d’informations sur les gestionnaires
d’événements, consultez Contrôle de l’exécution d’ActionScript, page 234.
Vous pouvez également utiliser des événements de l’objet ActionScript Button pour exécuter des
scripts lorsqu’un événement de bouton se produit. Pour plus d’informations, consultez Gestion
d’événements avec ActionScript, page 292.
Rédaction de scripts avec ActionScript 225
Les instructions suivantes permettent d’affecter des actions à un bouton à l’aide du panneau
Actions en mode Normal. Une fois que vous avez affecté une action, testez l’animation pour
vérifier qu’elle fonctionne correctement.
Pour affecter une action à un bouton :
1
Sélectionnez un bouton et choisissez Fenêtre > Actions pour ouvrir le panneau Actions si ce
dernier n’est pas déjà ouvert. Alternativement, vous pouvez sélectionner l’occurrence du
bouton ou du clip dans le menu déroulant correspondant du panneau Actions.
2
Pour affecter une action, effectuez l’une des opérations suivantes :
• Cliquez sur un dossier de la boîte à outils Actions. Double-cliquez sur une action pour l’ajouter
au volet Script.
• Faites glisser une actionde la boîte à outils jusqu’au volet Script.
• Cliquez sur le bouton Ajouter (+) et choisissez une action dans le menu déroulant.
• Utilisez le raccourci clavier indiqué en regard de chaque action du menu déroulant Ajouter (+).
Sélection d’une action dans la boîte à outils Actions en mode Normal
3
Dans les champs de paramètres en haut du panneau, entrez les éventuels paramètres requis
pour l’action.
Les paramètres varient en fonction de l’action sélectionnée. Pour plus d’informations sur les
paramètres requis pour chaque action, consultez le dictionnaire ActionScript (via le menu
Aide). Pour insérer un chemin cible pour un clip dans un champ de paramètres, cliquez sur le
bouton Insérer un chemin cible, au-dessus du volet Script. Pour plus d’informations, consultez
Chapitre 13, Utilisation des clips et boutons, page 275.
4
Répétez les étapes 2 et 3 pour affecter des actions supplémentaires si nécessaire.
226 Chapitre 11
Pour tester une action de bouton :
Choisissez Contrôle > Tester l’animation.
Pour plus d’informations sur l’utilisation d’actions simples, consultez Contrôle de la lecture de clips,
page 299. Pour plus d’informations sur la création d’interactivité, consultez Création
d’interactivité complexe, page 304.
Affectation d’actions à un clip
L’affectation d’une action à un clip vous permet d’ordonner à une animation d’exécuter une
action lorsque le clip est chargé ou reçoit des données. Vous devez affecter des actions à une
occurrence du clip, les autres occurrences du symbole n’étant pas affectées.
Lorsque vous affectez une action à un clip, vous devez imbriquer l’action dans un gestionnaire
onClipEvent et spécifier l’événement de clip qui déclenche l’action. Lorsque vous affectez une
action à un clip en mode Normal, le gestionnaire onClipEvent est automatiquement inséré.
Vous pouvez sélectionner un événement dans une liste. Pour plus d’informations sur les
gestionnaires d’événements, consultez Contrôle de l’exécution d’ActionScript, page 234.
Vous pouvez également utiliser les événements des objets ActionScript MovieClip et Button pour
exécuter des scripts. Pour plus d’informations sur les événements MovieClip et Button, consultez
Gestion d’événements avec ActionScript, page 292.
Les instructions suivantes permettent d’affecter des actions à un clip à l’aide du panneau Actions
en mode Normal. Une fois que vous avez affecté une action, testez l’animation pour vérifier
qu’elle fonctionne correctement.
Pour affecter une action à un clip :
1
Sélectionnez une occurrence de clip, puis choisissez Fenêtre > Actions.
2
Pour affecter une action, effectuez l’une des opérations suivantes :
• Cliquez sur un dossier de la boîte à outils Actions. Double-cliquez sur une action pour l’ajouter
au volet Script.
• Faites glisser une actionde la boîte à outils jusqu’au volet Script.
• Cliquez sur le bouton Ajouter (+) et choisissez une action dans le menu déroulant.
Rédaction de scripts avec ActionScript 227
• Utilisez le raccourci clavier indiqué en regard de chaque action du menu déroulant Ajouter (+).
Sélection d’une action dans la boîte à outils Actions en mode Normal
3
Dans les champs des paramètres en haut du panneau, sélectionnez les éventuels paramètres
requis pour l’action.
Les paramètres varient en fonction de l’action sélectionnée. Pour plus d’informations sur les
paramètres requis pour chaque action, consultez le dictionnaire ActionScript (via le menu
Aide). Pour insérer un chemin cible pour un clip dans un champ de paramètres, cliquez sur le
bouton Insérer un chemin cible, au-dessus du volet Script. Pour plus d’informations, consultez
Chapitre 13, Utilisation des clips et boutons, page 275.
4
Répétez les étapes 2 et 3 pour affecter des actions supplémentaires si nécessaire.
Pour tester une action de clip :
Choisissez Contrôle > Tester l’animation.
Pour plus d’informations sur l’utilisation d’actions simples, consultez Contrôle de la lecture de clips,
page 299. Pour plus d’informations sur la création d’interactivité, consultez Création
d’interactivité complexe, page 304.
228 Chapitre 11
CHAPITRE 12
Le langage ActionScript
ActionScript, le langage de programmation de Macromedia Flash MX, vous permet de créer une
animation dont le comportement correspondra exactement à vos attentes. Il n’est pas nécessaire
de connaître toutes les utilisations possibles de chaque élément ActionScript pour commencer à
rédiger des scripts ; si vous avez un objectif précis, vous pouvez commencer par des actions
simples. Vous pourrez ajouter de nouveaux éléments du langage au fur et à mesure que vous les
apprendrez pour accomplir des tâches plus complexes.
Tout comme d’autres langages de programmation, ActionScript suit ses propres règles de syntaxe,
réserve des mots-clés, met des opérateurs à votre disposition et vous permet d’utiliser des variables
pour stocker et récupérer des informations. ActionScript possède des objets et des fonctions
intégrés, et vous permet en outre d’en créer.
La syntaxe et le style d’ActionScript ressemblent beaucoup à ceux de JavaScript. Flash MX
supporte les instructions ActionScript des versions précédentes de Flash.
Ce chapitre présente ActionScript en tant que langage de programmation orienté objet et offre
une vue générale de ses termes et des concepts de programmation de base que sont les fonctions,
les variables, les instructions, les opérateurs, les conditionnelles et les boucles. Vous y trouverez
également un exemple décomposé de script qui vous permettra de mieux comprendre la syntaxe
ActionScript. Le dictionnaire ActionScript en ligne contient un exemple détaillé pour chaque
élément ActionScript.
Vous pouvez mettre la main à la pâte immédiatement en suivant le didacticiel d’ActionScript
(Aide > Didacticiels > Introduction à ActionScript).
Différences entre ActionScript et JavaScript
ActionScript est similaire au langage de programmation JavaScript. La connaissance de JavaScript
n’est pas indispensable pour apprendre à utiliser ActionScript. Toutefois, si vous connaissez
JavaScript, ActionScript vous semblera familier.
Ce manuel n’a pas pour but d’enseigner la programmation en général. Il existe de nombreuses
sources qui fournissent des informations complémentaires sur les concepts de programmation
généraux et sur le langage JavaScript.
• L’ECMA (European Computers Manufacturers Association) a établi la spécification ECMA-262,
dérivée du langage JavaScript, qui sert de norme internationale pour le langage JavaScript.
ActionScript est basé sur la spécification ECMA-262, disponible sur www.ecma.ch.
229
• Netscape DevEdge Online offre un centre de développement JavaScript (http://
developer.netscape.com/tech/javascript/index.html) qui contient de la documentation et des
articles utiles à la compréhension d’ActionScript. La ressource la plus importante est le Core
JavaScript Guide.
Les principales différences qui existent entre ActionScript et JavaScript sont les suivantes :
• ActionScript ne supporte pas les objets spécifiques aux navigateurs que sont les documents,
fenêtres et ancres, par exemple.
• ActionScript ne supporte pas entièrement tous les objets JavaScript intégrés.
• ActionScript supporte des constructions syntaxiques non autorisées dans le langage JavaScript
(par exemple, les actions tellTarget et ifFrameLoaded et la syntaxe à barre oblique).
Toutefois, l’emploi de ces constructions syntaxiques n’est pas conseillé. Il est préférable
d’utiliser des éléments ActionScript semblables aux éléments JavaScript (par exemple with,
_framesloaded et la syntaxe à point).
• ActionScript ne supporte pas certaines constructions syntaxiques JavaScript, telles que try,
catch, throw
et les étiquettes d’instructions.
• ActionScript ne supporte pas le constructeur JavaScript Function.
• Dans ActionScript, l’action eval ne peut effectuer que des références aux variables.
• Dans JavaScript, toString de undefined est undefined. Dans Flash 5 et Flash MX, pour des
raisons de compatibilité avec Flash 4, toString de undefined est "".
• Dans JavaScript, l’évaluation de undefined dans un contexte numérique a comme résultat
NaN. Dans Flash 5 et Flash MX,
undefined a 0 comme résultat.
pour des raisons de compatibilité avec Flash 4, l’évaluation de
• Dans JavaScript, lorsqu’une chaîne est évaluée dans un contexte booléen et qu’elle possède une
longueur différente de zéro, le résultat est true, mais false si elle ne possède pas une longueur
différente de zéro. Dans ActionScript, la chaîne est convertie en nombre. Si le nombre est
différent de zéro, le résultat est true ; dans le cas contraire, il est false.
A propos de la programmation ActionScript
Vous pouvez commencer à rédiger des scripts simples sans avoir besoin de tout connaître
d’ActionScript. Tout ce dont vous avez besoin, c’est d’un objectif ; le reste est affaire de choix
judicieux des actions. La meilleure façon d’apprendre à utiliser ActionScript est de créer un script.
Vous pouvez utiliser le panneau Actions pour vous aider à élaborer des scripts simples. Pour plus
d’informations, consultez Rédaction de scripts avec ActionScript, sous Aide > Utilisation de Flash.
Lorsque vous aurez l’habitude d’ajouter des actions de base comme play et stop dans votre
document, vous pourrez commencer à en apprendre davantage au sujet de ce langage. Pour
utiliser toutes les ressources d’ActionScript, il est important de comprendre comment fonctionne
le langage : les concepts, les éléments et les règles utilisés par le langage pour organiser les
informations et créer des animations interactives.
Cette section présente l’organisation du langage ActionScript, les notions de base de la
programmation orientée objet, les objets Flash et le déroulement des scripts. Elle explique
également où résident les scripts dans une animation Flash.
230 Chapitre 12
A propos de la planification et du débogage des scripts
Avant de commencer à rédiger des scripts, il est important de formuler votre objectif et de bien
comprendre ce que vous voulez obtenir. Il s’agit d’une bonne habitude à prendre, que vous
vouliez obtenir un résultat simple (tel qu’un bouton qui ouvre une nouvelle page web) ou
complexe (tel qu’un site web Flash entier). La planification de vos scripts est aussi importante que
l’élaboration de storyboards pour votre travail. Commencez par noter ce qui doit arriver dans
l’animation, comme dans cet exemple :
• Je souhaite créer mon site entièrement avec Flash.
• Les visiteurs du site devront indiquer leur nom, qui sera utilisé dans des messages dans
l’ensemble du site.
• Le site comprendra une barre de navigation mobile avec des boutons qui feront le lien avec
chaque partie du site.
• Lorsqu’un bouton de navigation est sélectionné, la nouvelle section s’ouvre en fondu au centre
de la scène.
• Une séquence comprendra un formulaire dans lequel le nom de l’utilisateur sera déjà inscrit.
Lorsque vous savez ce que vous voulez obtenir, vous pouvez utiliser le code ActionScript
nécessaire pour accomplir les tâches requises.
L’obtention de scripts fonctionnant correctement demande du temps : souvent plus qu’un cycle
de rédaction, de test et de débogage. La meilleure approche consiste à commencer simplement et
à tester le travail fréquemment. Lorsqu’une section du script fonctionne, choisissez Enregistrer
sous pour enregistrer une version du fichier (par exemple, monDoc01.fla) et commencez la
rédaction de la section suivante. Cette approche vous aidera à identifier efficacement les
problèmes et consolidera votre programmation ActionScript au fur et à mesure que vous rédigez
des scripts plus complexes.
Pour plus d’informations, consultez Test d’une animation, sous Aide > Utilisation de Flash.
A propos de la programmation orientée objet
Dans la programmation orientée objet, les informations sont organisées en groupes appelés classes.
Vous pouvez créer plusieurs occurrences d’une classe, appelées objets, que vous utiliserez dans vos
scripts. Vous pouvez créer vos propres classes et utiliser les classes intégrées d’ActionScript, qui se
trouvent dans le dossier Objets du panneau Actions.
Lorsque vous créez une classe, vous définissez l’ensemble des propriétés (caractéristiques) et des
méthodes (comportements) de chaque objet qu’elle crée, de la même façon que vous définissez des
objets dans le monde réel. Par exemple, une personne possède des propriétés telles que le sexe, la
taille et la couleur des cheveux, et des méthodes telles que parler, marcher et lancer. Dans cet
exemple, Personne serait une classe et chaque individu est un objet, ou occurrence de cette classe.
Les objets d’ActionScript peuvent être de simples containers de données ou peuvent être
représentés graphiquement sur la scène sous forme de clips, boutons ou champs de texte. Tous les
clips sont des occurrences de la classe intégrée MovieClip, et tous les boutons sont des occurrences
de la classe intégrée Button. Chaque occurrence d’un clip contient toutes les propriétés (par
exemple, _height, _rotation, _totalframes) et toutes les méthodes (par exemple,
gotoAndPlay, loadMovie, startDrag) de la classe MovieClip.
Le langage ActionScript 231
Pour définir une classe, vous créez une fonction spéciale appelée fonction constructeur. Notez que
les classes intégrées ont des fonctions constructeur intégrées. Par exemple, si vous souhaitez
inclure dans votre animation des informations sur un cycliste, vous pouvez créer une fonction
constructeur, cycliste, avec les propriétés temps et distance et la méthode vitesse, qui vous
indique la vitesse à laquelle se déplace le cycliste :
function cycliste(t, d) {
this.temps = t;
this.distance = d;
this.vitesse = function() {return this.temps / this.distance;};
}
Dans cet exemple, vous allez créer une fonction dont l’exécution requiert deux éléments
d’information, ou « paramètres » : t et d. Lorsque vous appelez la fonction pour créer de nouvelles
occurrences de l’objet, vous lui transférez les paramètres. Le code suivant crée des occurrences de
l’objet cycliste appelées emma et hamish.
emma = new cycliste(30, 5);
hamish = new cycliste(40, 5);
Dans la programmation orientée objet, les classes peuvent échanger entre elles des propriétés et
des méthodes selon un ordre spécifique, ce qui est appelé héritage. Vous pouvez utiliser l’héritage
pour développer ou redéfinir les propriétés et les méthodes d’une classe. Une classe qui hérite
d’une autre classe est appelée sous-classe. Une classe qui transmet des propriétés et des méthodes à
une autre classe est appelée super-classe. Une classe peut être à la fois une sous-classe et une
superclasse.
Pour plus d’informations, consultez Utilisation d’un objet intégré, page 264, et Création d’héritage,
page 270.
A propos de l’objet MovieClip
Dans le panneau Actions, les classes ActionScript intégrées sont appelées objets. Un objet peut être
considéré comme une occurrence de classe qui permet d’accéder à un certain type d’informations.
Par exemple, un objet Date possède des méthodes qui vous permettent de lire des informations de
l’horloge système (par exemple, getFullYear et getMonth). Un objet Sound possède des
méthodes qui vous permettent de contrôler un son dans une animation (par exemple, setVolume
et setPan). L’objet MovieClip possède des méthodes qui vous permettent de contrôler les
occurrences de clip (par exemple, play, stop et getURL) et d’obtenir et définir leurs propriétés
(par exemple, _alpha, _framesloaded et _visible).
Les clips sont les objets les plus importants d’une animation Flash puisqu’il s’agit de minianimations Flash : ils possèdent des scénarios exécutés indépendamment les uns des autres. Par
exemple, si le scénario principal contient une seule image et qu’un clip de cette image comporte
10 images, chaque image du clip est lue lorsque vous lisez l’animation principale. Cela permet aux
occurrences d’agir en tant qu’objets autonomes capables de communiquer entre eux.
Les occurrences de clip portent chacune un nom unique, ce qui vous permet de les cibler avec une
action. Par exemple, vous pouvez avoir plusieurs occurrences sur la scène (par exemple,
clipGauche et clipDroit) mais n’en lire qu’une seule à la fois. Pour affecter une action qui
implique la lecture d’une occurrence spécifique, vous devrez utiliser son nom. Dans l’exemple
suivant, le nom du clip est clipGauche :
clipGauche.play();
232 Chapitre 12
Le nom des occurrences vous permet également de dupliquer, supprimer et faire glisser des clips
pendant la lecture de l’animation. Les clips ont des propriétés dont vous pouvez définir et
récupérer les valeurs dynamiquement à l’aide d’ActionScript. La modification et la lecture de ces
propriétés peuvent altérer l’apparence et l’identité d’un clip, ce qui constitue la clé de la création
de l’interactivité. Par exemple, le script suivant utilise l’action setProperty pour affecter la valeur
10 à la transparence (paramètre alpha) de l’occurrence barreDeNavigation :
setProperty("barreDeNavigation", _alpha, 10);
Les boutons et les champs de texte d’une animation Flash sont également des objets qui peuvent
être manipulés via ActionScript. Pour plus d’informations, consultez Utilisation des clips et
boutons, sous Aide > Utilisation de Flash.
Déroulement des scripts
Flash exécute les instructions ActionScript en commençant par la première instruction et poursuit
dans l’ordre jusqu’à atteindre la dernière instruction ou celle qui indique à ActionScript
d’atteindre un autre endroit.
Parmi les actions qui envoient ActionScript ailleurs qu’à la prochaine instruction figurent les
instructions if, les boucles do..while et l’action return.
Une instruction if est appelée « instruction conditionnelle » ou « branche logique » parce qu’elle
contrôle le flux d’un script en fonction de l’évaluation d’une condition donnée. Par exemple, le
code suivant vérifie si la valeur de la variable monNombre est inférieure ou égale à 10. Si la valeur
true est renvoyée (par exemple, la valeur de monNombre est 5), la variable alerte est définie et
affichée, comme suit :
if (monNombre <= 10) {
alerte = "Le nombre est inférieur ou égal à 10";
}
Vous pouvez également ajouter des instructions else pour créer une instruction conditionnelle
plus complexe. Dans l’exemple suivant, si la condition renvoie la valeur true (par exemple, la
valeur de monNombre est 3), l’instruction entre la première paire d’accolades est exécutée et la
variable alerte est définie dans la seconde ligne. Si la condition renvoie la valeur false (par
exemple, la valeur de monNombre est 30), le premier bloc de code est ignoré et l’instruction entre
accolades après l’instruction else est exécutée, comme dans l’exemple suivant :
if (monNombre <= 10) {
alerte = "Le nombre est inférieur ou égal à 10";
} else {
alerte = "Le nombre est supérieur à 10";
}
Pour plus d’informations, consultez Contrôle du déroulement des scripts, page 258.
Les boucles répètent une action un certain nombre de fois ou jusqu’à ce qu’une condition
spécifique soit vraie. Dans l’exemple suivant, un clip est dupliqué cinq fois :
i = 0;
do {
duplicateMovieClip ("monClip", "nouveauClip" + i, i);
nouveauNom = eval("nouveauClip" + i);
setProperty(nouveauNom, _x, getProperty("monClip", _x) + (i * 5));
i = i + 1;
} while (i <= 5);
Pour plus d’informations, consultez Répétition d’une action, page 258.
Le langage ActionScript 233
Contrôle de l’exécution d’ActionScript
Lorsque vous rédigez un script, vous utilisez le panneau Actions pour associer le script à une
image d’un scénario, ou à un bouton ou un clip sur la scène. Les scripts associés à une image sont
exécutés lorsque la tête de lecture entre dans cette image. Toutefois, il se peut que les scripts
associés à la première image d’une animation se comportent différemment que ceux qui sont
associés aux images suivantes étant donné que la première image d’une animation est rendue de
manière incrémentielle (les objets sont tracés sur la scène au fur et à mesure de leur
téléchargement dans Flash Player), ce qui peut influer sur le moment où les actions sont
exécutées. Toutes les images suivant la première sont rendues en même temps, lorsque tous les
objets qu’elles contiennent sont disponibles.
Les scripts associés à des clips ou des boutons sont exécutés lorsqu’un événement se produit. Un
événement est, par exemple, un mouvement de souris, une pression sur une touche ou le
chargement d’un clip. Vous pouvez utiliser ActionScript pour déterminer quand de tels
événements se produisent et exécuter des scripts en fonction de l’événement.
Les actions associées à un bouton ou clip sont incluses dans des actions spéciales appelées
gestionnaires. Les actions onClipEvent et on sont baptisées gestionnaires, puisqu’elles « gèrent »
un événement. Vous pouvez définir un ou plusieurs événements pour chaque gestionnaire. Les
actions de clips et de boutons sont exécutées lorsque l’événement spécifié par le gestionnaire se
produit. Vous pouvez associer plusieurs gestionnaires à un objet si vous souhaitez que différents
événements déclenchent les actions.
Plusieurs gestionnaires onClipEvent associés à un clip sur la scène
L’action onClipEvent traite les événements de clips, alors que l’action on traite ceux de boutons.
Vous pouvez également utiliser l’action on avec un clip afin de créer un clip de bouton, c’est-à-dire
un clip qui reçoit les événements des boutons.
234 Chapitre 12
Les événements de clips et de boutons peuvent également être traités par les méthodes des objets
MovieClip et Button. Vous devez définir une fonction et l’affecter à la méthode de gestionnaire
d’événement, la fonction étant exécutée lorsque l’événement se produit. Vous pouvez utiliser des
méthodes d’événement pour traiter les événements de clips créés de façon dynamique. Les
méthodes d’événement sont également utiles pour traiter tous les événements d’une animation
d’un même script : il n’est pas nécessaire d’associer le script à l’objet dont vous traitez
l’événement.
Par exemple, si vous avez placé un bouton sur la scène et que vous utilisez le panneau Actions
pour ajouter une action trace, le code suivant est affiché :
on (release) {
trace("Vous m’avez cliqué !");
}
Vous pouvez utiliser une méthode pour créer le même effet, comme ci-dessous :
monClip.onRelease = function () {
trace("Vous m’avez cliqué !");
}
Pour plus d’informations, consultez Utilisation des clips et boutons, sous Aide > Utilisation
de Flash.
Le tableau suivant présente les gestionnaires d’événement de bouton et leurs méthodes :
Actions de gestionnaire
d’événement
Méthodes de gestionnaire d’événement
on (press)
onPress
on (release)
onRelease
on (releaseOutside)
onReleaseOutside
on (rollOver)
onRollOver
on (rollOut)
onRollOut
on (dragOver)
onDragOver
on (dragOut)
onDragOut
on (keyPress"...")
onKeyDown, onKeyUp
Le langage ActionScript 235
Le tableau suivant présente les gestionnaires d’événement de clip et leurs méthodes :
Actions de gestionnaire
d’événement
Méthodes de gestionnaire d’événement
onClipEvent(load)
onLoad
onClipEvent (unload)
onUnload
onClipEvent(enterFrame)
onEnterFrame
onClipEvent (mouseDown)
onMouseDown
onClipEvent (mouseUp)
onMouseUp
onClipEvent (mouseMove)
onMouseMove
onClipEvent (keyDown)
onKeyDown
onClipEvent (keyUp)
onKeyUp
onClipEvent (data)
onData
ActionScript permet également de traiter les événements de champs de texte et d’autres objets
ActionScript. Pour plus d’informations, consultez le dictionnaire ActionScript (via le menu Aide).
Terminologie ActionScript
ActionScript possède sa propre terminologie, comme tout autre langage de programmation. La
liste suivante présente les principaux termes ActionScript par ordre alphabétique.
Les actions sont des instructions qui demandent à une animation de faire quelque chose au cours
de la lecture. Par exemple, gotoAndStop envoie la tête de lecture à une image ou une étiquette
spécifique. Dans cet ouvrage, les termes action et instruction sont interchangeables.
Une valeur booléenne est une valeur true ou false.
Les classes sont des types de données que vous pouvez créer pour définir un nouveau type
d’objet. Pour définir une classe, vous créez une fonction constructeur.
Les constantes sont des éléments qui ne changent pas. Par exemple, la constante Key.TAB a
toujours la même signification : elle indique la touche Tab du clavier. Les constantes sont utiles
pour comparer des valeurs.
Les constructeurs sont des fonctions que vous utilisez pour définir les propriétés et les méthodes
d’une classe. Par exemple, le code suivant crée une nouvelle classe « Cercle » en créant une
fonction constructeur appelée Cercle :
function Cercle(x, y, rayon){
this.x = x;
this.y = y;
this.rayon = rayon;
}
Les types de données sont des ensembles de valeurs et les opérations que vous pouvez effectuer
sur ces ensembles. Les types de données ActionScript sont : chaîne, numérique, booléen, objet,
clip, fonction, nul et non défini. Pour plus d’informations sur ces éléments de langage, consultez
A propos des types de données, page 244.
236 Chapitre 12
Les événements sont des actions qui se déroulent pendant la lecture d’une animation. Par
exemple, différents événements sont générés lorsqu’un clip est chargé, lorsque la tête de lecture
entre dans une image, lorsque l’utilisateur clique sur un bouton ou clip ou lorsqu’il frappe au
clavier.
Les gestionnaires d’événement sont des actions spéciales qui gèrent les événements tels que
mouseDown ou load. Il existe deux sortes de gestionnaires d’événement ActionScript : actions et
méthodes. Il n’existe que deux actions de gestionnaire d’événement, on et onClipEvent. Dans la
boîte à outils Actions, chaque objet ActionScript possédant des méthodes de gestionnaire
d’événement comporte une sous-catégorie nommée Evénements.
Une expression est toute combinaison légale de symboles ActionScript qui représentent une
valeur. Une expression se compose d’opérateurs et d’opérandes. Par exemple, dans l’expression x
+ 2, x et 2 sont des opérandes et + est un opérateur.
Les fonctions sont des blocs de code réutilisables qui peuvent recevoir des paramètres et renvoyer
une valeur. Par exemple, la fonction getProperty reçoit le nom d’une propriété et le nom de
l’occurrence d’un clip et renvoie la valeur de la propriété. La fonction getVersion renvoie la
version de Flash Player qui est en train de lire l’animation.
Les identifiants sont des noms utilisés pour indiquer une variable, une propriété, un objet, une
fonction ou une méthode. Le premier caractère doit être une lettre, un trait de soulignement (_)
ou un dollar ($). Chaque caractère qui suit doit être une lettre, un chiffre, un trait de
soulignement ou un dollar. Par exemple, prénom est le nom d’une variable.
Les occurrences sont des objets qui appartiennent à une certaine classe. Chaque occurrence d’une
classe contient toutes les propriétés et les méthodes de cette classe. Tous les clips sont des
occurrences avec des propriétés (par exemple, _alpha et _visible) et des méthodes (par
exemple, gotoAndPlay et getURL) de la classe MovieClip.
Les noms d’occurrence sont des noms uniques qui vous permettent de cibler des occurrences de
clip et de bouton dans les scripts. L’inspecteur des propriétés permet d’affecter des noms aux
occurrences présentes sur la scène. Par exemple, un symbole principal de la bibliothèque pourrait
s’appeler compteur et les deux occurrences de ce symbole dans l’animation pourraient avoir
comme noms d’occurrence scoreJoueur1 et scoreJoueur2. Le code suivant définit une variable
appelée score à l’intérieur de chaque occurrence de clip en utilisant le nom des occurrences :
_root.scoreJoueur1.score += 1;
_root.scoreJoueur2.score -= 1;
Les mots-clés sont des mots réservés avec une signification particulière. Par exemple, var est un
mot-clé utilisé pour déclarer des variables locales. Vous ne pouvez pas utiliser un mot-clé comme
identificateur. Par exemple, var n’est pas un nom de variable légal.
Les méthodes sont des fonctions affectées à un objet. Vous pouvez appeler une fonction en tant
que méthode de cet objet une fois la fonction affectée. Par exemple, dans le code suivant, clear
devient une méthode de l’objet contrôleur :
function reset(){
this.x_pos = 0;
this.x_pos = 0;
}
contrôleur.clear = reset;
contrôleur.clear();
Le langage ActionScript 237
Les objets sont des groupes de propriétés et méthodes, chaque objet ayant son propre nom et
étant une occurrence d’une classe particulière. Les objets intégrés sont prédéfinis dans le langage
ActionScript. Par exemple, l’objet intégré Date fournit des informations provenant de l’horloge
système.
Les opérateurs sont des termes qui calculent une nouvelle valeur à partir d’une ou de plusieurs
valeurs. Par exemple, l’opérateur d’addition (+) additionne deux ou plusieurs valeurs pour en
obtenir une nouvelle. Les valeurs manipulées par les opérateurs sont appelées opérandes.
Les paramètres, également appelés arguments, sont des espaces réservés qui vous permettent de
transmettre des valeurs aux fonctions. Par exemple, la fonction bienvenue suivante, utilise deux
valeurs qu’elle reçoit dans les paramètres prénom et hobby :
function bienvenue(prénom, hobby) {
texteDeBienvenue = "Bonjour " + prénom + "Votre hobby est : " + hobby;
}
Les propriétés sont des attributs qui définissent un objet. Par exemple, _visible est une
propriété de tous les clips qui définit si ceux-ci sont visibles ou masqués.
Les chemins cibles sont des adresses hiérarchiques d’occurrences de clips, variables et objets d’une
animation. Les occurrences de clips sont nommées dans l’inspecteur des propriétés des clips
correspondants. Le scénario principal porte toujours le nom _root. Vous pouvez utiliser un
chemin cible pour réaliser une action sur un clip ou pour obtenir ou définir la valeur d’une
variable. Par exemple, l’instruction suivante est le chemin cible de la variable volume dans le clip
contrôleStéréo :
_root.contrôleStéréo.volume
Les variables sont des identifiants qui contiennent des valeurs de n’importe quel type de données.
Les variables peuvent être créées, modifiées et mise à jour. Vous pouvez récupérer les valeurs
qu’elles contiennent et les utiliser dans des scripts. Dans l’exemple suivant, les identifiants situés à
gauche du signe égal sont des variables :
x = 5;
nom = "Lolo";
client.adresse = "66 rue du Tiers";
c = new Color(nomDoccurrenceMC);
238 Chapitre 12
Structure des scripts
Dans l’exemple d’animation zapper.swf, que vous trouverez dans le menu Aide de Flash,la
coccinelle tombe et la prise tremble lorsque l’utilisateur fait glisser la coccinelle vers la prise. Le
scénario principal ne comprend qu’une image et contient trois objets : la coccinelle , la prise et un
bouton de réinitialisation.Chacun de ces objets est une occurrence de clip.
Les occurrences du clip de la coccinelle et de la prise sur la scène, à l’image 1
L’animation contient un script associé à l’occurrence bug, comme dans le panneau Actions cidessous :
Action
Gestionnaire d’événement
Evénement
Variable
Instruction conditionnelle if
Le panneau Actions avec le script associé à l’occurrence bug
Le langage ActionScript 239
Le nom de l’occurrence de coccinelle est bug et le nom de l’occurrence de prise est zapper. Dans
le script, la référence à la coccinelle est this, car le script est associé à la coccinelle et le mot
réservé this désigne l’objet qui le contient.
Il existe deux gestionnaires onClipEvent avec deux événements différents : load et enterFrame.
Les actions contenues dans l’instruction onClipEvent(load) sont exécutées une seule fois, au
chargement de l’animation. Les actions contenues dans l’instruction onClipEvent(enterFrame)
sont exécutées à chaque fois que la tête de lecture entre dans une image. Même dans une
animation composée d’une seule image, la tête de lecture entre plusieurs fois dans cette image et le
script est exécutée à plusieurs reprises. Les actions suivantes se déroulent à l’intérieur de chaque
gestionnaire onClipEvent :
Deux variables, initx et inity, sont définies de manière à stocker les
positions x et y initiales de l’occurrence de clip bug. Une fonction est définie et affectée à
l’événement onRelease de l’occurrence Reset. Cette fonction est appelée à chaque clic sur le
bouton de réinitialisation. La fonction replace la coccinelle en position de départ sur la scène,
réinitialise ses valeurs alpha et de rotation, et rend à la variable zapped la valeur false.
onClipEvent(load)
onClipEvent(enterFrame) Une instruction conditionnelle if utilise la méthode hitTest pour
vérifier si l’occurrence de la coccinelle touche l’occurrence de la prise (_root.zapper). Cette
évaluation peut avoir deux types de résultats, true ou false :
onClipEvent(load) {
initx = _x;
inity = _y;
_root.Reset.onRelease = function() {
zapped = false;
_x = initx;
_y = inity;
_alpha = 100
_rotation = 0;
};
}
Si la méthode hitTest renvoie true, la méthode stopDrag est appelée, la variable zapper est fixée
à true, les propriétés alpha et rotation sont modifiées, et l’exécution de l’occurrence zapped est
lancée.
Si la méthode hitTest renvoie false, le code placé entre {} qui suit immédiatement
l’instruction if n’est pas exécuté.
Deux gestionnaires on sont associés à l’occurrence bug avec deux événements différents : press et
release. Les actions de l’instruction on(press) sont exécutées après l’enfoncement du bouton
de la souris au-dessus de l’occurrence bug. Les actions de l’instruction on(release) sont
exécutées après le relâchement du bouton de la souris au-dessus de l’occurrence bug. Les actions
suivantes se déroulent à l’intérieur de chaque gestionnaire onClipEvent :
on (press) Une action startDrag rend la coccinelle déplaçable. Le script étant associé à
l’occurrence bug, le mot-clé this indique que c’est l’occurrence bug qui peut être déplacée :
on (press) {
this.startDrag();
}
on (release)
Une action stopDrag arrête l’action de déplacement :
on (release) {
stopDrag();
}
Vous pourrez consulter l’animation dans le menu Aide de Flash.
240 Chapitre 12
Utilisation de la syntaxe d’ActionScript
ActionScript possède des règles de grammaire et de ponctuation qui déterminent les caractères ou
les mots porteurs de sens et l’ordre dans lequel ils peuvent être rédigés. Par exemple, en français,
un point termine une phrase. Dans ActionScript, c’est un point-virgule qui termine une
instruction.
Les règles générales suivantes s’appliquent à tous les scripts ActionScript. La plupart des termes
ActionScript possèdent également leurs propres exigences (vous trouverez les règles concernant un
terme spécifique en consultant l’entrée dans le dictionnaire ActionScript, via le menu Aide).
Syntaxe à point
Dans ActionScript, un point (.) est utilisé pour indiquer les propriétés ou les méthodes associées
à un objet ou à un clip. Il est également utilisé pour identifier le chemin cible d’un clip, d’une
variable, d’une fonction ou d’un objet. Une expression en syntaxe à point commence par le nom
de l’objet ou du clip suivi d’un point et se termine par l’élément que vous souhaitez spécifier.
Par exemple, la propriété _x d’un clip indique la position sur l’axe x du clip sur la scène.
L’expression balleMC._x fait référence à la propriété _x de l’occurrence de clip balleMC.
Dans un autre exemple, envoyer est une variable définie dans le clip formulaire, qui est
imbriqué dans clip panier. L’expression panier.formulaire.envoyer = true définit la
variable envoyer de l’occurrence formulaire sur true.
L’expression d’une méthode d’un objet ou clip se fait selon le même schéma. Par exemple, la
méthode play de l’occurrence balleMC déplace la tête de lecture dans le scénario de balleMC,
comme dans l’instruction suivante :
balleMC.play();
La syntaxe à point utilise également deux alias spéciaux, _root et _parent. L’alias _root fait
référence au scénario principal. Vous pouvez utiliser l’alias _root pour créer un chemin cible
absolu. Par exemple, l’instruction suivante appelle la fonction constructPlateau dans le clip
fonctions du scénario principal :
_root.fonctions.constructPlateau();
Vous pouvez utiliser l’alias _parent pour faire référence à un clip dans lequel est imbriqué le clip
courant. Vous pouvez également utiliser _parent pour créer un chemin cible relatif. Par exemple,
si le clip chien est imbriqué dans le clip animal, l’instruction suivante de l’occurrence chien
indique à animal de s’arrêter :
_parent.stop();
Pour plus d’informations, consultez Utilisation des clips et boutons, sous Aide > Utilisation
de Flash.
Accolades
Les instructions ActionScript sont regroupées en blocs délimités par des accolades ({ }), comme le
montre le script suivant :
on (release) {
maDate = new Date();
moisCourant = maDate.getMonth();
}
Le langage ActionScript 241
Points-virgules
Une instruction ActionScript se termine par un point-virgule. Par exemple, les instructions
suivantes se finissent toutes par des points-virgules :
colone = dateTransmise.getDay();
ligne = 0;
Flash pourra toujours compiler le script sans problème, même si vous oubliez le point-virgule
final. Cependant, l’emploi de points-virgules est une bonne habitude à prendre lors de la
rédaction de scripts.
Parenthèses
Lorsque vous définissez une fonction, placez les paramètres entre parenthèses :
function maFonction (nom, âge, lecteur){
...
}
Lorsque vous appelez une fonction, incluez tous les paramètres transmis à la fonction entre
parenthèses, comme suit :
maFonction ("Steve", 10, true);
Vous pouvez également utiliser les parenthèses pour supplanter l’ordre de priorité d’ActionScript
ou pour faciliter la lecture des instructions ActionScript. Pour plus d’informations, consultez
Ordre de priorité des opérateurs, page 251.
Les parenthèses servent également à évaluer une expression située à gauche d’un point dans la
syntaxe à point. Par exemple, dans l’instruction suivante, les parenthèses obligent à l’évaluation de
new Color(this) et à la création d’un nouvel objet Color :
onClipEvent (enterFrame) {
(new Color(this)).setRGB(0xffffff);
}
Si vous n’aviez pas utilisé de parenthèses, vous auriez dû ajouter une instruction au code pour
évaluer l’expression :
onClipEvent (enterFrame) {
maCouleur = new Color(this);
maCouleur.setRGB(0xffffff);
}
Majuscules et minuscules
Dans ActionScript, seuls les mots-clés sont dépendants de la hauteur de casse, le reste pouvant
indifféremment être en majuscules ou minuscules. Par exemple, les instructions suivantes sont
équivalentes :
chat.hilite = true;
CHAT.hilite = true;
Cependant, il est judicieux d’employer les majuscules et les minuscules selon des conventions
fixes, comme celles utilisées dans cet ouvrage, car cela permet d’identifier plus facilement les noms
des fonctions et des variables lors de la lecture du code ActionScript.
242 Chapitre 12
ActionScript ne distinguant pas les majuscules des minuscules, vous ne pouvez pas utiliser de
noms de variables identiques à ceux d’objets ActionScript intégrés. Par exemple, l’instruction
suivante n’est pas permise :
date = new Date();
Nommez plutôt la variable maDate, laDate, etc.
Votre script comportera des erreurs si vous n’utilisez pas la bonne hauteur de casse dans les motsclés. Lorsque la fonction de mise en couleur de la syntaxe est activée dans le panneau Actions, les
mots-clés écrits de manière correcte apparaissent en bleu. Pour plus d’informations, consultez
Mots-clés, page 243 et A propos de la mise en évidence de la syntaxe, sous Aide > Utilisation de Flash.
Commentaires
Dans le panneau Actions, utilisez des commentaires pour ajouter des remarques à un script. Les
commentaires sont particulièrement utiles pour consigner vos intentions et transmettre des
informations à d’autres développeurs (si vous travaillez en équipe ou si vous fournissez des
échantillons).
Lorsque vous choisissez l’action comment, les caractères // sont insérés dans le script. Même un
script simple est plus facile à comprendre si vous l’annotez lors de sa création :
on (release) {
// créer un nouvel objet Date
maDate = new Date();
moisCourant = maDate.getMonth();
// convertir le chiffre du mois en son nom
nomDuMois = calcMois(moisCourant);
année = myDate.getFullYear();
dateDuJour = maDate.getDate();
}
Lorsque la fonction de mise en couleur de la syntaxe est activée dans le panneau Actions, les
commentaires apparaissent en rose dans le volet Script. Les commentaires peuvent avoir n’importe
quelle longueur sans que cela affecte la taille du fichier exporté et ne suivent aucune règle de
syntaxe ou de mots-clés relative à ActionScript
Mots-clés
ActionScript réserve des mots pour une utilisation spécifique dans les instructions, si bien que
vous ne pouvez pas les utiliser comme nom de variable, fonction ou étiquette. Le tableau suivant
répertorie tous les mots-clés ActionScript :
break
else
instanceof
typeof
case
for
new
var
continue
function
return
void
default
if
switch
while
delete
in
this
with
Pour plus d’informations sur un mot-clé spécifique, consultez son entrée dans le dictionnaire
ActionScript (via le menu Aide).
Le langage ActionScript 243
Constantes
Une constante est une propriété dont la valeur ne varie jamais.
Par exemple, les constantes BACKSPACE, ENTER, QUOTE, RETURN, SPACE et TAB sont des propriétés
de l’objet Key et font référence aux touches du clavier. Pour savoir si un utilisateur appuie sur la
touche Entrée, vous pourriez utiliser l’instruction suivante :
if(Key.getCode() == Key.ENTER) {
alert = "Etes-vous prêt(e) ?";
controlMC.gotoAndStop(5);
}
A propos des types de données
Un type de données décrit le genre d’informations qu’une variable ou qu’un élément ActionScript
peut contenir. Il existe deux sortes de types de données : primitives et de référence. Les données
primitives (chaîne, nombre et booléen) ont une valeur constante et peuvent donc contenir la
valeur réelle de l’élément qu’ils représentent. Les données de référence (clip et objet) possèdent
des valeurs qui peuvent changer et contiennent donc des références à la valeur réelle de l’élément.
Les variables contenant des données primitives ont un comportement différent de celles
contenant des références dans certaines situations. Pour plus d’informations, consultez Utilisation
des variables dans un script, page 249. Il existe également deux types spéciaux de données : null et
undefined.
Chaque type de données possède ses propres règles et est décrit ici. Des références sont incluses
pour les types de données traités en détail ci-après.
String (chaîne)
Une chaîne est une séquence de caractères (lettres, chiffres et signes de ponctuation, par exemple).
Vous insérez des chaînes dans une instruction ActionScript en les plaçant entre des guillemets
droits simples ou doubles. Les chaînes sont traitées comme des caractères et non comme des
variables. Par exemple, dans l’instruction suivante, "L7" est une chaîne :
groupePréféré = "L7";
Vous pouvez utiliser l’opérateur d’addition (+) pour concaténer, ou joindre, deux chaînes.
ActionScript traite les espaces au début ou à la fin d’une chaîne comme faisant partie de la chaîne.
L’expression suivante contient un espace après la virgule :
salutations = "Bonjour, " + prénom;
Même si ActionScript ne fait pas la différence entre les majuscules et minuscules pour les
références aux variables, aux noms d’occurrence et aux étiquettes d’images, les chaînes littérales,
elles, distinguent la hauteur de casse. Par exemple, les deux instructions suivantes placent du texte
différent dans les variables de champs de texte spécifiées car "Bonjour" et "BONJOUR" sont des
chaînes littérales.
facture.affichage = "Bonjour";
facture.affichage = "BONJOUR";
244 Chapitre 12
Pour inclure un guillemet dans une chaîne, il faut le faire précéder d’une barre oblique inverse (\).
Cette opération s’appelle « échapper » un caractère. D’autres caractères ne peuvent pas être
représentés dans ActionScript sans l’emploi de séquences d’échappement particulières. Le tableau
suivant répertorie l’ensemble des caractères d’échappement d’ActionScript :
Séquence
d’échappement
Caractère
\b
Caractère de retour arrière (ASCII 8)
\f
Caractère de changement de page (ASCII 12)
\n
Caractère de changement de ligne (ASCII 10)
\r
Caractère de retour chariot (ASCII 13)
\t
Caractère de tabulation (ASCII 9)
\"
Guillemet droit double
\'
Guillemet droit simple
\\
Barre oblique inverse
\000 - \377
Un octet spécifié en octal
\x00 - \xFF
Un octet spécifié en hexadécimal
\u0000 - \uFFFF
Un caractère Unicode 16 bits spécifié en hexadécimal
Number (nombre)
Le type de données Number correspond à un nombre à virgule flottante à double précision. Vous
pouvez manipuler les nombres avec les opérateurs arithmétiques d’addition (+), de soustraction
(-), de multiplication (*), de division (/), de modulo (%), d’incrémentation (++) et de
décrémentation (--). Vous pouvez également utiliser les méthodes de l’objet intégré Math pour
manipuler les nombres. L’exemple suivant utilise la méthode sqrt (racine carrée) pour renvoyer
la racine carrée de 100 :
Math.sqrt(100);
Pour plus d’informations, consultez Opérateurs numériques, page 252.
Boolean (valeur booléenne)
Une valeur booléenne est soit true, soit false. ActionScript convertit également les valeurs true
et false en 1 et 0 lorsque cela est nécessaire. Les valeurs booléennes sont le plus souvent utilisées
dans les instructions ActionScript effectuant des comparaisons pour contrôler le déroulement
d’un script. Par exemple, dans le script suivant, l’animation est lue si la variable motDePasse est
true :
onClipEvent(enterFrame) {
if (nomDutilisateur == true && motDePasse == true){
play();
}
}
Pour plus d’informations, consultez Contrôle du déroulement des scripts, page 258, et Opérateurs
logiques, page 253.
Le langage ActionScript 245
Object (objet)
Un objet est une collection de propriétés. Chaque propriété possède un nom et une valeur. La
valeur d’une propriété peut être de n’importe quel type de données Flash, même un type de
données Object. Cela vous permet d’arranger les objets les uns dans les autres, ou de les
« imbriquer ». Pour spécifier les objets et leurs propriétés, vous devez utiliser l’opérateur point (.).
Par exemple, dans le code suivant, heuresTravaillées est une propriété de statsHebdo, qui est
une propriété de personnel :
personnel.statsHebdo.heuresTravaillées
Vous pouvez utiliser les objets ActionScript intégrés pour localiser et manipuler certains types
d’informations spécifiques. Par exemple, l’objet Math possède des méthodes qui effectuent des
opérations mathématiques sur les nombres que vous leur transmettez. Cet exemple utilise la
méthode sqrt :
racineCarrée = Math.sqrt(100);
L’objet ActionScript MovieClip possède des méthodes qui vous permettent de contrôler les
occurrences de symbole de clip sur la scène. Cet exemple utilise les méthodes play et nextFrame :
nomDoccurrenceMC.play();
nomDoccurrenceMC2.nextFrame();
Vous pouvez également créer vos propres objets afin d’organiser les informations de vos
animations. Pour ajouter de l’interactivité à votre animation avec ActionScript, vous aurez besoin
d’un certain nombre d’informations : par exemple, vous pourrez avoir besoin d’un nom
d’utilisateur, de la vitesse d’une balle, des noms des objets contenus dans un panier, du nombre
d’images chargées, du code postal de l’utilisateur et de la dernière touche utilisée. La création
d’objets personnalisés vous permet d’organiser ces informations dans des groupes, de simplifier la
rédaction et de réutiliser vos scripts.
movieClip (clip)
Les clips sont des symboles qui peuvent lire des effets animés dans une animation Flash. Ils sont le
seul type de données faisant référence à un élément graphique. Le type de données movieClip
vous permet de contrôler les symboles de clip avec les méthodes de l’objet MovieClip. Vous
appelez les méthodes en utilisant l’opérateur point (.), comme ci-dessous :
monClip.startDrag(true);
clipParent.getURL("http://www.macromedia.com/support/" + produit);
Null
Le type de données nul ne possède qu’une valeur, null. Cette valeur signifie en fait « pas de
valeur », c’est-à-dire une absence de données. La valeur null peut être utilisée dans diverses
situations. En voici quelques exemples :
• Pour indiquer qu’une variable n’a pas encore reçu de valeur.
• Pour indiquer qu’une variable ne contient plus de valeur.
• En tant que valeur de retour d’une fonction, afin d’indiquer qu’aucune valeur n’a pu être
retournée par la fonction.
• En tant que paramètre d’une fonction, afin d’indiquer qu’un paramètre est omis.
246 Chapitre 12
Undefined
Le type de données non défini ne possède qu’une valeur, undefined, et est utilisé pour les
variables auxquelles aucune valeur n’a été affectée.
A propos des variables
Une variable est un conteneur qui stocke des informations. Le conteneur reste toujours le même,
c’est le contenu qui peut varier. La modification de la valeur d’une variable pendant la lecture
d’une animation permet d’enregistrer et de conserver les informations relatives aux actions de
l’utilisateur, d’enregistrer les valeurs modifiées pendant la lecture de l’animation ou d’évaluer si
une condition donnée est vraie ou fausse.
Il est toujours judicieux d’affecter une valeur connue à une variable que vous définissez pour la
première fois. Cette opération, l’initialisation de la variable, est souvent effectuée dans la première
image de l’animation. L’initialisation des variables facilite le suivi et la comparaison de la valeur de
la variable pendant la lecture de l’animation.
Les variables peuvent contenir tous les types de données : nombre, chaîne, valeur booléenne, objet
ou clip. Le type de données contenu dans une variable affecte la façon dont est modifiée la valeur
de la variable lorsqu’elle est affectée à un script.
Les types d’informations standard que vous pouvez stocker dans une variable sont les URL, les
noms d’utilisateur, les résultats d’opérations mathématiques, le nombre de fois qu’un événement
s’est produit ou si un bouton a été actionné. Chaque occurrence d’animation ou de clip possède
son propre jeu de variables, chaque variable possédant sa propre valeur indépendante des variables
des autres animations ou clips.
Affectation d’un nom à une variable
Le nom des variables doit suivre les règles suivantes :
• Il doit s’agir d’un identifiant.
• Il ne peut pas s’agir d’un mot-clé ni d’un littéral ActionScript, tel que true, false, null ou
undefined.
• Il doit être unique dans son domaine. Pour plus d’informations, consultez Domaine d’une
variable, page 248.
Définition du type d’une variable
Avec Flash, il n’est pas nécessaire de définir explicitement le type de données contenues dans une
variable. Flash détermine le type de données de la variable lorsque celle-ci est affectée :
x = 3;
Dans l’expression x = 3, Flash évalue l’élément à droite de l’opérateur et détermine qu’il s’agit
d’un nombre. Une affectation ultérieure pourra changer le type de x ; par exemple, x =
"bonjour" change le type de x en une chaîne. Une variable à laquelle aucune valeur n’a été
affectée est du type non défini undefined.
Le langage ActionScript 247
ActionScript convertit automatiquement les types de données lorsqu’une expression le nécessite.
Par exemple, lorsque vous transmettez une valeur à l’action trace, trace convertit
automatiquement la valeur en chaîne et l’envoie à la fenêtre Sortie. Dans les expressions avec
opérateurs, ActionScript convertit les types de données en fonction des besoins, par exemple, lors
de l’utilisation dans une chaîne, l’opérateur + s’attend à ce que l’autre opérande soit une chaîne :
"Suivant : le numéro " + 7
ActionScript convertit le chiffre 7 en chaîne "7" et l’ajoute à la fin de la première chaîne, ce qui
aboutit à la chaîne suivante :
"Suivant : le numéro 7"
Lorsque vous déboguez des scripts, il est souvent utile de déterminer le type de données d’une
expression ou d’une variable pour comprendre pourquoi elle se comporte de telle manière. Vous
pouvez effectuer cette opération avec l’opérateur typeof, comme dans l’exemple suivant :
trace(typeof(nomDeVariable));
Pour convertir une chaîne en valeur numérique, utilisez la fonction Number. Pour convertir une
valeur numérique en chaîne, utilisez la fonction String. Pour plus d’informations sur chaque
action, consultez le dictionnaire ActionScript (via le menu Aide).
Domaine d’une variable
Le « domaine » d’une variable fait référence au domaine dans lequel la variable est connue et peut
être référencée. Il existe trois types de domaine de variable dans ActionScript :
• Les variables locales sont disponibles dans leur propre bloc de code (délimité par des accolades).
• Les variables de scénario sont disponibles dans n’importe quel scénario si vous utilisez un
chemin cible.
• Les variables globales sont disponibles dans n’importe quel scénario, même si vous n’utilisez pas
de chemin cible.
Vous pouvez utiliser l’instruction var pour déclarer une variable locale dans un script. Par
exemple, les variables i et j sont souvent utilisées comme compteurs de boucles. Dans l’exemple
suivant, i est utilisée comme variable locale et existe uniquement dans la fonction
constructJours :
function constructJours() {
var i;
for( i = 0; i < tableauDeMois[month]; i++ ) {
_root.Jours.attachMovie( "affichageDesJours", i, i + 2000 );
_root.Jours[i].num = i + 1;
_root.Jours[i]._x = colonne * _root.Jours[i]._width;
_root.Jours[i]._y = ligne * _root.Jours[i]._height;
colonne = colonne + 1;
if (colonne == 7 ) {
colonne = 0;
ligne = ligne + 1;
}
}
}
248 Chapitre 12
Les variables locales peuvent également empêcher les conflits de noms qui pourraient provoquer
des erreurs dans votre animation. Par exemple, si vous utilisez nom comme variable locale, vous
pouvez l’utiliser pour stocker un nom d’utilisateur dans un contexte et une occurrence de clip
dans un autre, ces variables fonctionnant dans des domaines distincts et évitant ainsi les conflits.
Il est toujours judicieux d’utiliser des variables locales dans le corps d’une fonction pour que celleci puisse agir en tant que partie de code indépendante. Une variable locale n’est modifiable qu’au
sein de son propre bloc de code. Si une expression d’une fonction utilise une variable globale, un
élément extérieur pourrait modifier sa valeur, ce qui modifierait la fonction.
Déclaration de variables
Pour déclarer des variables de scénario, vous utiliserez l’action set variable ou l’opérateur
d’affectation (=). Ces deux méthodes conduisent au même résultat.
Pour déclarer des variables locales, utilisez l’instruction var dans le corps de la fonction. Une
variable locale a un domaine limité au bloc et expire à la fin du bloc. Une variable locale qui n’est
pas déclarée dans un bloc expire à la fin de son script.
Pour déclarer des variables globales, utilisez l’identifiant _global avant le nom de la variable.
L’exemple suivant crée la variable globale monNom :
_global.monNom = "George";
Pour tester la valeur d’une variable, utilisez l’action trace pour envoyer la valeur à la fenêtre
Sortie. Par exemple, trace(heuresTravaillées) envoie la valeur de la variable
heuresTravaillées à la fenêtre Sortie en mode de test. Vous pouvez également vérifier et définir
les valeurs des variables dans le débogueur en mode de test. Pour plus d’informations, consultez
Test d’une animation, sous Aide > Utilisation de Flash.
Utilisation des variables dans un script
Vous devez déclarer une variable dans un script avant de pouvoir l’utiliser dans une expression. Si
vous utilisez une variable qui n’est pas déclarée, comme dans l’exemple suivant, la valeur de la
variable sera undefined et votre script générera une erreur :
getURL(monSiteWeb);
monSiteWeb = "http://www.shrimpmeat.net";
L’instruction déclarant la variable monSiteWeb doit être placée en premier de sorte que la variable
de l’action getURL puisse être remplacée par une valeur.
Vous pouvez changer plusieurs fois la valeur d’une variable dans un script. Le type de données
contenu dans la variable affecte les conditions et le moment où la variable sera modifiée. Les types
primitifs de données, comme les chaînes et les nombres, sont transmis par valeur. Cela signifie
que le contenu réel de la variable est transmis à la variable.
Dans l’exemple suivant, x est défini sur 15 et cette valeur est copiée dans y. Lorsque x devient 30
à la ligne 3, la valeur de y reste 15 étant donné que y ne va pas chercher sa valeur dans x ; elle
contient la valeur de x qu’elle a reçu à la ligne 2.
var x = 15;
var y = x;
var x = 30;
Le langage ActionScript 249
Dans un autre exemple, la variable valeurEntrée contient une valeur primitive, 3, la valeur réelle
étant donc transmise à la fonction sqrt et la valeur renvoyée étant 9 :
function sqrt(x){
return x * x;
}
var valeurEntrée = 3;
var Sortie = sqr(valeurEntrée);
La valeur de la variable valeurEntrée ne change pas.
Le type de données objet peut contenir tant d’informations complexes qu’une variable de ce type
ne contient pas la valeur réelle, mais contient une référence à la valeur. Cette référence est un
« alias » qui désigne le contenu de la variable. Lorsque la variable a besoin de connaître sa valeur,
la référence demande le contenu et renvoie la réponse sans transférer la valeur à la variable.
Le code suivant est un exemple de transmission par référence :
var monTableau = ["tom", "dick"];
var nouveauTableau = monTableau;
monTableau[1] = "jack";
trace(nouveauTableau);
Le code ci-dessus crée un objet Array appelé monTableau qui contient deux éléments. La variable
nouveauTableau est créée et reçoit une référence à monTableau. La modification du deuxième
élément de monTableau affecte toutes les variables qui y font référence. L’action trace envoie
tom, jack à la fenêtre Sortie.
Dans l’exemple suivant, monTableau contient un objet Array qui est transmis à la fonction
référence. La fonction tableauNul change le contenu du tableau en
tableauNul par
monTableau.
function tableauNul(leTableau){
var i;
for (i=0; i < leTableau.length; i++) {
leTableau[i] = 0;
}
}
var monTableau = new Array();
monTableau[0] = 1;
monTableau[1] = 2;
monTableau[2] = 3;
tableauNul(monTableau);
La fonction tableauNul accepte un objet Array comme paramètre et définit tous les éléments de
ce tableau sur 0. Elle peut modifier ce tableau car il est transmis par référence.
250 Chapitre 12
Utilisation d’opérateurs pour manipuler les valeurs des
expressions
Une expression est une instruction que Flash pourra évaluer et qui renvoie une valeur. Vous
pouvez créer une expression en combinant des opérateurs et des valeurs ou en appelant une
fonction. Lorsque vous rédigez une expression dans le panneau Actions en mode Normal, veillez à
ce que l’option Expression soit activée dans la zone des paramètres pour que le champ de texte
Paramètre ne contienne pas la valeur littérale d’une chaîne.
Expression
Les opérateurs sont des caractères qui spécifient comment combiner, comparer ou modifier les
valeurs d’une expression. Les éléments sur lesquels les opérateurs agissent sont appelés opérandes.
Par exemple, dans l’instruction suivante, l’opérateur + additionne la valeur d’un littéral
numérique à la valeur de la variable truc ; truc et 3 sont les opérandes :
truc + 3
Cette section décrit les règles générales concernant les types courants d’opérateurs. Pour plus
d’informations sur chaque opérateur, de même que sur les opérateurs spéciaux n’appartenant pas
à ces catégories, consultez le dictionnaire ActionScript (via le menu Aide).
Ordre de priorité des opérateurs
Lorsque deux ou plusieurs opérateurs sont utilisés dans la même instruction, certains opérateurs
sont prioritaires sur d’autres. ActionScript suit une hiérarchie précise pour déterminer les
opérateurs à exécuter en premier. Par exemple, une multiplication est toujours effectuée avant une
addition, les éléments entre parenthèses restant cependant prioritaires sur la multiplication.
Donc, sans parenthèses, ActionScript effectue la multiplication en premier, comme dans
l’exemple suivant :
total = 2 + 4 * 3;
Le résultat est 14.
Le langage ActionScript 251
Mais si l’addition est mise entre parenthèses, ActionScript effectue l’addition en premier :
total = (2 + 4) * 3;
Le résultat est 18.
Un tableau de tous les opérateurs et de leur ordre de priorité apparaît dans Priorité et associativité
des opérateurs, sous Aide > Utilisation de Flash.
Associativité des opérateurs
Lorsque deux ou plusieurs opérateurs possèdent le même ordre de priorité, leur associativité
détermine l’ordre dans lequel ils sont exécutés. L’associativité peut aller de la gauche vers la droite,
comme de la droite vers la gauche. Par exemple, l’opérateur de multiplication a une associativité
gauche-droite et les deux instructions suivantes sont donc équivalentes :
total = 2 * 3 * 4;
total = (2 * 3) * 4;
Un tableau de tous les opérateurs et de leur associativité apparaît dans Priorité et associativité des
opérateurs, sous Aide > Utilisation de Flash.
Opérateurs numériques
Les opérateurs numériques additionnent, soustraient, multiplient, divisent et effectuent d’autres
opérations arithmétiques.
L’emploi le plus courant de l’opérateur d’incrémentation est i++ au lieu de l’opérateur i = i+1,
qui est plus long. L’opérateur d’incrémentation peut s’utiliser avant ou après une opérande. Dans
l’exemple suivant, âge est incrémenté en premier, puis à nouveau testé contre le nombre 30 :
if (++âge >= 30)
Dans l’exemple suivant, âge est incrémenté à la suite du test :
if (âge++ >= 30)
Le tableau suivant répertorie les opérateurs numériques d’ActionScript :
Opérateur
Opération effectuée
+
Addition
*
Multiplication
/
Division
%
Modulo (reste de division)
-
Soustraction
++
Incrémentation
--
Décrémentation
252 Chapitre 12
Opérateurs de comparaison
Les opérateurs de comparaison comparent les valeurs des expressions et renvoient une valeur
booléenne (true ou false). Ces opérateurs sont surtout utilisés dans les boucles et les
instructions conditionnelles. Dans l’exemple suivant, si la variable score est 100, une animation
particulière est chargée ; sinon, c’est une autre animation qui est chargée :
if (score > 100){
loadMovieNum("gagnant.swf", 5);
} else {
loadMovieNum("perdant.swf", 5);
}
Le tableau suivant répertorie les opérateurs de comparaison d’ActionScript :
Opérateur
Opération effectuée
<
Inférieur à
>
Supérieur à
<=
Inférieur ou égal à
>=
Supérieur ou égal à
Opérateurs de chaîne
L’opérateur + agit de manière spéciale sur les chaînes : il en concatène les deux opérandes. Par
exemple, les instructions suivantes additionnent "Félicitations," et "Donna !" :
"Félicitations, " + "Donna !"
Le résultat est "Félicitations, Donna !". Si un seul opérande de l’opérateur + est une chaîne,
Flash convertit l’autre opérande en chaîne.
Les opérateurs de comparaison >, >=, < et <= agissent également de manière particulière sur les
chaînes. Ces opérateurs comparent deux chaînes pour déterminer celle qui apparaît en premier
dans l’ordre alphabétique. Les opérateurs de comparaison ne comparent des chaînes que si les
deux opérandes sont des chaînes. Si un seul opérande est une chaîne, ActionScript convertit les
deux opérandes en nombres et effectue une comparaison numérique.
Opérateurs logiques
Les opérateurs logiques comparent des valeurs booléennes (true et false) et renvoient une
troisième valeur booléenne. Par exemple, si les deux opérandes sont true, l’opérateur logique
AND (&&) renvoie true. Si l’un des opérandes, ou les deux, est true, l’opérateur logique OR (||)
renvoie false. Les opérateurs logiques sont souvent utilisés en complément des opérateurs de
comparaison pour déterminer la condition d’une action if. Par exemple, dans le script suivant, si
les deux expressions sont true, l’action if est exécutée :
if (i > 10 && _framesloaded > 50){
play();
}
Le tableau suivant répertorie les opérateurs logiques d’ActionScript :
Opérateur
Opération effectuée
&&
AND logique
||
OR logique
!
NOT logique
Le langage ActionScript 253
Opérateurs au niveau du bit
Les opérateurs au niveau du bit manipulent (en interne) les nombres à virgule flottante pour les
transformer en entiers 32 bits. L’opération exacte effectuée dépend de l’opérateur, mais toutes les
opérations au niveau du bit évaluent chaque bit d’un entier 32 bits séparément pour calculer une
nouvelle valeur.
Le tableau suivant répertorie les opérateurs au niveau du bit d’ActionScript :
Opérateur
Opération effectuée
&
AND au niveau du bit
|
OR au niveau du bit
^
XOR au niveau du bit
~
NOT au niveau du bit
<<
Décalage gauche
>>
Décalage droit
>>>
Décalage droit avec remplissage par zéros
Opérateurs d’égalité
Vous pouvez utiliser l’opérateur d’égalité (==) pour déterminer si les valeurs ou les identités de
deux opérandes sont égales. Cette comparaison renvoie une valeur booléenne (true ou false). Si
les opérandes sont des chaînes, des nombres ou des valeurs booléennes, ils sont comparés par
valeur. Si les opérandes sont des objets ou des tableaux, ils sont comparés par référence.
Une erreur courante consiste à utiliser l’opérateur d’affectation pour contrôler l’égalité. Par
exemple, le code suivant compare x à 2 :
if (x == 2)
Dans ce même exemple, l’expression x = 2 est incorrecte, car elle ne compare pas les opérandes,
mais affecte la valeur 2 à la variable x.
L’opérateur d’égalité stricte (===) est semblable à l’opérateur d’égalité, à une différence
(importante) près : l’opérateur d’égalité stricte n’effectue pas de conversion de type. Si les deux
opérandes sont de types différents, l’opérateur d’égalité stricte renvoie false. L’opérateur
d’inégalité stricte (!==) renvoie l’inverse de l’opérateur d’égalité stricte.
Le tableau suivant répertorie les opérateurs d’égalité d’ActionScript :
Opérateur
Opération effectuée
==
Egalité
===
Egalité stricte
!=
Inégalité
!==
Inégalité stricte
254 Chapitre 12
Opérateurs d’affectation
Vous pouvez utiliser l’opérateur d’affectation (=) pour affecter une valeur à une variable, comme
par exemple :
motDePasse = "Sk8tEr";
Vous pouvez également utiliser l’opérateur d’affectation pour affecter plusieurs variables dans la
même expression. Dans l’instruction suivante, la valeur a est affectée aux variables b, c et d :
a = b = c = d;
Vous pouvez aussi utiliser des opérateurs d’affectation composés pour combiner des opérations.
Les opérateurs composés agissent sur les deux opérandes et affectent ensuite la nouvelle valeur au
premier opérande. Par exemple, les deux instructions suivantes sont équivalentes :
x += 15;
x = x + 15;
L’opérateur d’affectation peut également être utilisé au milieu d’une expression, comme cidessous :
// s’il ne s’agit pas de vanille, afficher un message.
if ((goût =goûtGlace()) != "vanille") {
trace ("Le goût est " + flavor + ", pas la vanille.");
}
Ce code est équivalent au code suivant, qui est quelque peu plus long :
goût = goûtGlace();
if (goût != "vanille") {
trace ("Le goût est " + flavor + ", pas la vanille.");
}
Le tableau suivant répertorie les opérateurs d’affectation d’ActionScript :
Opérateur
Opération effectuée
=
Affectation
+=
Addition et affectation
-=
Soustraction et affectation
*=
Multiplication et affectation
%=
Modulo et affectation
/=
Division et affectation
<<=
Décalage gauche au niveau du bit et affectation
>>=
Décalage droit au niveau du bit et affectation
>>>=
Décalage droit avec remplissage par zéros et affectation
^=
XOR au niveau du bit et affectation
|=
OR au niveau du bit et affectation
&=
AND au niveau du bit et affectation
Le langage ActionScript 255
Opérateurs point et accès tableau
Vous pouvez utiliser les opérateurs point (.) et accès tableau ([]) pour accéder aux propriétés des
objets ActionScript intégrés ou personnalisés, telles que celles d’un clip.
L’opérateur point utilise le nom d’un objet dans sa partie gauche et le nom d’une propriété ou
d’une variable dans sa partie droite. Le nom de propriété ou de variable ne peut pas être une
chaîne ni une variable évaluée comme une chaîne ; il doit s’agir d’un identifiant. Les exemples
suivants utilisent l’opérateur point :
année.mois = "juin";
année.mois.jour = 9;
Les opérateurs point et accès tableau jouent le même rôle, mais l’opérateur point prend un
identifiant comme propriété alors que l’opérateur d’accès tableau évalue son contenu comme nom
et accède ensuite à la valeur de cette propriété nommée. Par exemple, les expressions suivantes
accèdent à la même variable vitesse dans le clip fusée :
fusée.vitesse;
fusée["vitesse"];
Vous pouvez utiliser l’opérateur d’accès tableau pour définir et récupérer dynamiquement les
noms et les variables des occurrences. Par exemple, dans le code suivant, l’expression insérée dans
l’opérateur [] est évaluée et le résultat de cette évaluation est utilisé comme nom de la variable qui
doit être récupérée du clip nom :
nom["mc" + i]
Vous pouvez également utiliser la fonction eval, comme dans l’exemple ci-dessous :
eval("mc" + i)
L’opérateur d’accès tableau peut également être utilisé dans la partie gauche d’une instruction
d’affectation. Cela vous permet de définir dynamiquement les noms d’objets, de variables et
d’occurrences, comme dans l’exemple suivant :
nom[index] = "Gary";
Pour créer des tableaux multidimensionnels dans ActionScript, vous construisez un tableau dont
les éléments sont également des tableaux. Pour accéder aux éléments d’un tableau
multidimensionnel, vous pouvez imbriquer l’opérateur d’accès tableau en son propre sein, comme
ci-après :
var Echiquier = new Array();
for (var i=0; i<8; i++) {
Echiquier.push(new Array(8));
}
function récupContenuPosition(ligne, colonne){
Echiquier[ligne][colonne];
}
Utilisation d’actions
Les actions sont des instructions, ou commandes, ActionScript. Plusieurs actions affectées à la
même image ou au même objet créent un script. Les actions peuvent agir indépendamment les
unes des autres, comme dans les instructions suivantes :
mc1.permuterProfondeurs(mc2);
gotoAndPlay(15);
256 Chapitre 12
Vous pouvez également imbriquer les actions en utilisant une action dans une autre, permettant
aux actions de s’affecter mutuellement. Dans l’exemple suivant, l’action if informe l’action
gotoAndPlay du moment où elle doit s’effectuer :
if (i >= 25) {
gotoAndPlay(10);
}
Les actions peuvent déplacer la tête de lecture dans le scénario (gotoAndPlay), contrôler le
déroulement d’un script en créant des boucles (do while) ou une logique conditionnelle (if ), ou
créer de nouvelles fonctions et variables (function, setVariable). Le tableau suivant répertorie
toutes les actions d’ActionScript :
break
#endinitclip
loadMovie
printAsBitmap
switch
call
evaluate
loadMovieNum
printAsBitmapNum
tellTarget
call function
for
loadVariables
printNum
toggleHighQuality
case
for..in
loadVariablesNum
removeMovieClip
trace
clearInterval
fsCommand
method
return
unloadMovie
comment
function
nextFrame
set variable
unloadMovieNum
continue
getURL
nextScene
setInterval
updateAfterEvent
default
gotoAndPlay
on
setProperty
var
delete
gotoAndStop
onClipEvent
startDrag
with
while
do while
if
play
stop
duplicate
MovieClip
ifFrameLoaded
prevFrame
stopAllSounds
else
include
prevScene
stopDrag
else if
#initclip
print
swapDepths
Pour plus d’informations sur la syntaxe et des exemples de chaque action, consultez les entrées
correspondantes dans le dictionnaire ActionScript (via le menu Aide).
Remarque Dans cet ouvrage, le terme ActionScript action est synonyme du terme JavaScript instruction.
Rédaction d’un chemin cible
Pour utiliser une action pour contrôler un clip ou une animation chargée, vous devez spécifier son
nom et son adresse, ensemble appelé chemin cible.
Dans ActionScript, un clip est identifié par son nom d’occurrence. Par exemple, dans
l’instruction suivante, la propriété _alpha du clip nommé étoile est définie sur une visibilité de
50 % :
étoile._alpha = 50;
Pour donner un nom d’occurrence à un clip :
1
Sélectionnez le clip sur la scène.
2
Entrez un nom d’occurrence dans l’inspecteur des propriétés.
Le langage ActionScript 257
Pour identifier une animation chargée :
Utilisez _levelX, où X est le numéro du niveau spécifié dans l’action loadMovie qui a chargé
l’animation.
Par exemple, une animation chargée dans le niveau 5 a le chemin cible _level5. Dans l’exemple
suivant, une animation est chargée dans le niveau 5 et sa visibilité est définie sur false :
onClipEvent(load) {
loadMovieNum("nomAnimation.swf", 5);
}
onClipEvent(enterFrame) {
_level5._visible = false;
}
Pour entrer le chemin cible d’une animation :
Dans le panneau Actions (Fenêtre > Actions), cliquez sur le bouton Insérer un chemin cible et
sélectionnez un clip dans la liste qui apparaît.
Pour plus d’informations sur les chemins cibles, consultez Utilisation des clips et boutons, sous
Aide > Utilisation de Flash.
Contrôle du déroulement des scripts
ActionScript utilise les actions if, else, else if, for, while, do..while, for..in et switch
pour effectuer une action en fonction de l’existence d’une condition.
Vérification d’une condition
Les instructions qui vérifient si une condition est true ou false commencent par le terme if. Si
la condition existe, ActionScript exécute l’instruction qui suit. Si la condition n’existe pas,
ActionScript passe à l’instruction suivante, à l’extérieur du bloc de code.
Pour optimiser les performances de votre code, vérifiez d’abord les conditions les plus probables.
Les instructions suivantes testent plusieurs conditions. Le terme else if spécifie d’autres tests à
effectuer si les conditions précédentes sont false.
if (motDePasse == null || email == null) {
gotoAndStop("refuser");
} else if (motDePasse == iDutilisateur){
gotoAndPlay("démarrerAnim");
}
Répétition d’une action
ActionScript peut répéter une action un certain nombre de fois précisé ou tant qu’une condition
spécifique existe. Utilisez les actions while, do..while, for et for..in pour créer des boucles.
Pour répéter une action tant qu’une condition existe :
Utilisez l’instruction while.
258 Chapitre 12
Une boucle while évalue une expression et exécute le code dans le corps de la boucle si
l’expression est true. L’expression est évaluée à nouveau après l’exécution de chaque instruction
du corps. Dans l’exemple suivant, la boucle est exécutée quatre fois :
i = 4;
while (i > 0) {
monMC.duplicateMovieClip("nouveauMC" + i, i );
i--;
}
Vous pouvez utiliser l’instruction do..while pour créer le même genre de boucle qu’avec une
boucle while. Dans une boucle do..while, l’expression est évaluée à la fin du bloc de code et la
boucle est toujours exécutée au moins une fois, comme dans l’exemple suivant :
i = 4;
do {
monMC.duplicateMovieClip("nouveauMC" + i, i );
i--;
} while (i > 0);
Pour répéter une action en utilisant un compteur intégré :
Utilisez l’instruction for.
La plupart des boucles utilisent un compteur d’un certain type pour contrôler le nombre de fois
qu’une boucle est exécutée. Chaque exécution d’une boucle est appelée itération. Vous pouvez
déclarer une variable et rédiger une instruction qui augmente ou diminue la variable chaque fois
que la boucle est exécutée. Dans l’action for, le compteur et l’instruction qui l’incrémente font
partie de l’action. Dans l’exemple suivant, la première expression (i = 4) est l’expression initiale
évaluée avant la première itération. La deuxième expression ( i > 0) est la condition contrôlée à
chaque fois avant l’exécution de la boucle. La troisième expression (i--) est appelée postexpression et est évaluée à chaque fois après l’exécution de la boucle.
for (i = 4; i > 0; i--){
monMC.duplicateMovieClip("nouveauMC" + i, i + 10);
}
Pour passer en boucle sur les enfants d’un clip ou d’un objet :
Utilisez l’instruction for..in.
Les enfants sont composés d’autres clips, fonctions, objets et variables. L’exemple suivant utilise
trace pour envoyer les résultats à la fenêtre Sortie :
monObjet = { nom:'Joe', âge:25, ville:'San Francisco' };
for (nomDeProp in monObjet) {
trace("monObjet a la propriété : " + nomDeProp + ", avec la valeur : " +
monObjet[nomDeProp]);
}
Cet exemple donne les résultats suivants dans la fenêtre Sortie :
monObjet a la propriété : nom, avec la valeur : Joe
monObjet a la propriété : âge, avec la valeur : 25
monObjet a la propriété : ville, avec la valeur : San Francisco
Le langage ActionScript 259
Vous pouvez souhaiter que votre script itère sur un type particulier d’enfants, par exemple,
seulement sur les enfants d’un clip. Vous pouvez le faire avec for..in en conjonction avec
l’opérateur typeof.
for (nom dans monClip) {
if (typeof (monClip[nom]) == "clip") {
trace("J’ai un clip enfant appelé " + nom);
}
}
Remarque L’instruction for..in itère sur les propriétés des objets dans la chaîne prototype itérée de l’objet. Si le
prototype d’un objet enfant est parent, for..in itère également sur les propriétés de parent. Pour plus
d’informations, consultez Création d’héritage, page 270.
Pour plus d’informations sur chaque action, consultez les entrées correspondantes dans le
dictionnaire ActionScript (via le menu Aide).
Utilisation de fonctions intégrées
Une fonction est un bloc de code ActionScript qui peut être réutilisé n’importe où dans une
animation. Si vous transmettez des valeurs en tant que paramètres à une fonction, cette dernière
agit en fonction de ces valeurs. Une fonction peut également renvoyer des valeurs.
Flash possède des fonctions intégrées qui permettent d’accéder à certaines informations et
d’exécuter certaines tâches, comme l’obtention du numéro de version de Flash Player qui héberge
l’animation (getVersion). Les fonctions appartenant à un objet sont appelées méthodes. Les
fonctions qui n’appartiennent pas à un objet sont appelées fonctions de niveau supérieur et se
trouvent dans la catégorie Fonctions du panneau Actions.
Chaque fonction possède ses propres caractéristiques, certaines fonctions vous obligeant à
transmettre certaines valeurs. Si vous transmettez plus de paramètres qu’il n’est nécessaire à la
fonction, les valeurs supplémentaires sont ignorées. Si vous ne transmettez pas un paramètre
requis, les paramètres vides reçoivent le type de données undefined, ce qui peut provoquer des
erreurs à l’exportation du script. Pour appeler une fonction, celle-ci doit se trouver dans l’image
que la tête de lecture a atteinte.
Les fonctions de haut niveau intégrées à Flash sont énumérées dans le tableau suivant.
Boolean
getVersion
parseInt
escape
isFinite
String
eval
isNaN
targetPath
getProperty
Number
unescape
getTimer
parseFloat
Remarque Les fonctions de chaîne étant déconseillées, elles ne sont pas mentionnées dans ce tableau.
Pour appeler une fonction, vous utiliserez le panneau Actions en mode Expert ou Normal. Pour
plus d’informations sur ces modes, consultez Travail en mode Expert et Travail en mode Normal,
sous Aide > Utilisation de Flash.
Pour appeler une fonction intégrée :
Choisissez la catégorie Fonctions dans la boîte à outils Actions et double-cliquez sur un nom de
fonction pour ajouter un script.
260 Chapitre 12
Création de fonctions
Vous pouvez définir des fonctions pour exécuter une série d’instructions sur des valeurs
transmises. Vos fonctions peuvent également renvoyer des valeurs. Une fonction définie peut être
appelée de n’importe quel scénario, y compris celui d’une animation chargée.
Une fonction bien rédigée peut être considérée comme une « boîte noire ». Si elle contient des
commentaires positionnés judicieusement au sujet de son entrée, sa sortie et son rôle, l’utilisateur
de la fonction ne doit pas nécessairement comprendre tout son fonctionnement interne.
Définition d’une fonction
Les fonctions, tout comme les variables, sont associées au scénario du clip qui les définit, et vous
devez utiliser un chemin cible pour les appeler. Tout comme dans le cas d’une variable, vous
pouvez utiliser l’identificateur _global pour déclarer une fonction globale disponible pour tous
les scénarios sans emploi d’un chemin cible. Pour définir une fonction globale, faites précéder son
nom de l’identificateur _global, comme ci-dessous :
_global.maFonction = function (x) {
return (x*2)+3;
}
Pour définir une fonction de scénario, utilisez l’action function suivie du nom de la fonction,
des paramètres qui doivent être transmis à la fonction et des instructions ActionScript qui
indiquent ce que la fonction fait.
L’exemple suivant est une fonction nommée aireDuCercle avec le paramètre rayon :
function aireDuCercle(rayon) {
return Math.PI * rayon * rayon;
}
Remarque Le mot-clé this, utilisé dans le corps d’une fonction, fait référence au clip auquel la fonction appartient.
Vous pouvez également définir une fonction en créant un littéral de fonction, une fonction sans
nom qui est déclarée dans une expression au lieu d’une instruction. Vous pouvez utiliser un
littéral de fonction pour définir une fonction, renvoyer sa valeur et l’affecter à une variable dans
une expression, comme dans l’exemple suivant :
aire = (function() {return Math.PI * rayon *rayon;})(5);
Lorsqu’une fonction est redéfinie, la nouvelle définition remplace l’ancienne.
Transmission de paramètres à une fonction
Les paramètres sont les éléments sur lesquels une fonction exécute son code. Dans cet ouvrage, les
termes paramètre et argument sont interchangeables. Par exemple, la fonction suivante prend les
paramètres initiales et scoreFinal :
function remplirScores(initiales, scoreFinal) {
carteDeScore.affichage = initiales;
carteDeScore.score = scoreFinal;
}
Le langage ActionScript 261
Lorsque la fonction est appelée, les paramètres requis doivent lui être transmis. La fonction
substitue les valeurs transmises aux paramètres de la définition de la fonction. Dans cet exemple,
carteDeScore est le nom d’occurrence d’un clip, affichage et score étant des champs de texte
de saisie dans l’occurrence. L’appel de fonction suivant affecte la valeur "JEB" à la variable
display et la valeur 45000 à la variable affichage :
remplirScores("JEB", 45000);
Le paramètre initiales de la fonction remplirScores est similaire à une variable locale : il
existe tant que la fonction est appelée et cesse d’exister à la sortie de la fonction. Si vous omettez
des paramètres lors de l’appel d’une fonction, les paramètres omis sont transmis comme
undefined. Si vous fournissez des paramètres supplémentaires dans un appel de fonction alors
qu’ils ne sont pas requis par la déclaration de la fonction, ces paramètres sont ignorés.
Utilisation de variables dans une fonction
Les variables locales sont des outils intéressants pour organiser le code et en faciliter la
compréhension. Lorsqu’une fonction utilise des variables locales, elle peut cacher ses variables de
tous les autres scripts de l’animation ; les variables locales ont un domaine limité au corps de la
fonction et sont détruites à la sortie de la fonction. Tous les paramètres transmis à une fonction
sont également traités comme des variables locales.
Vous pouvez également utiliser des variables globales et normales dans une fonction. Cependant,
si vous modifiez des variables globales ou normales dans une fonction, il est judicieux d’utiliser
des commentaires pour documenter ces modifications.
Renvoi de valeurs d’une fonction
Utilisez l’action return pour renvoyer les valeurs des fonctions. L’action return stoppe la
fonction et la remplace par la valeur de l’action return. Si Flash ne rencontre pas d’action return
avant la fin d’une fonction, la chaîne renvoyée est vide. Par exemple, la fonction suivante renvoie
le carré du paramètre x :
function sqr(x) {
return x * x;
}
Certaines fonctions effectuent une série de tâches sans renvoyer de valeur. Par exemple, la
fonction suivante initialise une série de variables globales :
function initialize() {
bâteau_x = _root.bâteau._x;
bâteau_y = _root.bâteau._y;
voiture_x = _root.voiture._x;
voiture_y = _root.voiture._y;
}
Appel d’une fonction définie par l’utilisateur
Vous pouvez appeler un chemin cible pour appeler une fonction de n’importe quel scénario
depuis n’importe quel scénario, y compris de celui d’une animation chargée. Si une fonction a été
déclarée au moyen de l’identificateur _global, il n’est pas nécessaire de l’appeler à l’aide d’un
chemin cible.
262 Chapitre 12
Pour invoquer une fonction avec le panneau Actions en mode Normal, vous utiliserez l’action
call function. Transmettez les paramètres requis entre parenthèses. Vous pouvez appeler une
fonction de n’importe quel scénario depuis n’importe quel scénario, y compris celui d’une
animation chargée. Par exemple, l’instruction suivante invoque la fonction sqr du clip MathLib
du scénario principal, lui transmet le paramètre 3 et stocke le résultat dans la variable temp :
var temp = _root.MathLib.sqr(3);
Pour appeler une fonction définie par l’utilisateur en mode Normal :
1
Choisissez Fenêtre > Actions pour ouvrir le panneau Actions.
2
Dans la boîte à outils Actions (du côté gauche du panneau), cliquez sur le dossier Actions, puis
cliquez sur le dossier Fonctions définies par l’utilisateur.
3
Double-cliquez sur l’action call function.
4
Dans le champ Objet, entrez le chemin cible du clip dans lequel la fonction a été définie. Vous
pouvez utiliser le bouton Insérer un chemin cible pour entrer le chemin cible.
5
Dans le champ Fonction, entrez le nom de la fonction.
6
Dans le champ Paramètres, entrez le nom des éventuels paramètres, en les séparant par des
virgules.
Pour plus d’informations sur les chemins cible, consultez Rédaction d’un chemin cible, page 257.
Pour plus d’informations sur chaque fonction, consultez les entrées correspondantes dans le
dictionnaire ActionScript(via le menu Aide).
Pour appeler une fonction en mode Expert :
Entrez le chemin cible au nom de la fonction. Transmettez les paramètres requis entre
parenthèses.
Le langage ActionScript 263
L’exemple suivant utilise un chemin absolu pour appeler la fonction initialiser qui a été
définie dans le scénario principal et n’exige aucun paramètre :
_root.initialiser();
L’exemple suivant utilise un chemin relatif pour appeler la fonction liste qui a été définie dans
le clip functionsClip :
_parent.clipDeFonctions.liste(6);
Pour plus d’informations sur l’utilisation du panneau Actions, consultez Travail en mode Expert et
Travail en mode Normal, sous Aide > Utilisation de Flash.
A propos des objets intégrés
Vous pouvez utiliser les objets Flash intégrés pour localiser et manipuler certains types
d’informations. La plupart des objets intégrés possèdent des méthodes (fonctions affectées à un
objet) que vous pouvez appeler pour renvoyer une valeur ou effectuer une action. Par exemple,
l’objet Date renvoie les informations de l’horloge du système et l’objet Sound vous permet de
contrôler les éléments sonores de votre animation.
Certains objets intégrés ont des propriétés dont vous pouvez lire les valeurs. Par exemple, l’objet
Key possède des valeurs constantes qui représentent les touches du clavier. Chaque objet possède
ses propres caractéristiques et capacités que vous pouvez utiliser dans votre animation.
Les objets Flash intégrés se divisent en quatre catégories, dans le dossier Objets du panneau
Actions : Objets de base, Animation, Client/Serveur et Mode Auteur.
• Les objets Objets de base sont également des objets de base de la norme ECMA sur laquelle le
langage ActionScript est basé. Les objets ActionScript de base sont Arguments, Array, Boolean,
Date, Function, Math, Number, Object et String.
• Les objets Animation sont spécifiques à ActionScript. Il s’agit de Accessibility, Button ,
Capabilities, Color, Key, Mouse, MovieClip, Selection, Sound, Stage, System, TextField et
TextFormat.
• Les objets Client/Serveur sont des objets ActionScript qui permettent de communiquer entre
un client et un serveur. Il s’agit de LoadVars, XML et XMLSocket.
• Les objets Mode Auteur sont destinés à personnaliser l’application auteur Flash. Il s’agit de
CustomActions et Aperçu en direct.
Les occurrences de clips sont représentées sous forme d’objets dans ActionScript, avec une classe
par défaut, qui est MovieClip. Pour changer la classe des clips, consultez Création d’héritage,
page 270. Vous pouvez appeler les méthodes intégrées de clips comme vous le feriez pour tout
autre objet ActionScript.
Pour plus d’informations sur chaque objet, consultez l’entrée correspondante dans le dictionnaire
ActionScript (via le menu Aide).
Utilisation d’un objet intégré
Certains objets intégrés de Flash sont des objets de niveau supérieur dont vous pouvez utiliser les
méthodes et les propriétés sans devoir en créer une nouvelle occurrence. Par exemple, pour utiliser
les méthodes et les propriétés de l’objet Math de niveau supérieur, utilisez le nom de l’objet
intégré, suivi de la méthode ou de la propriété, comme dans l’exemple suivant :
aire = Math.PI * rayon * rayon;
264 Chapitre 12
D’autres objets intégrés, comme l’objet Date, exigent la création d’une nouvelle occurrence pour
permettre l’emploi de leurs méthodes et propriétés. Pour créer un objet, vous utiliserez l’opérateur
new avec une fonction constructeur. Une fonction constructeur est une fonction créant une
nouvelle occurrence d’un objet. Les objets ActionScript intégrés sont des fonctions constructeur
prêtes à l’emploi. Lorsque vous créez une nouvelle occurrence d’un objet intégré, toutes ses
propriétés et méthodes sont copiées dans l’occurrence. Le principe est le même que pour un clip
qui est déplacé de la bibliothèque vers la scène. Par exemple, l’instruction suivante crée un nouvel
objet Date appelé dateDuJour, puis appelle la méthode getMinutes :
dateDuJour = new Date();
minuteCourante = dateDuJour.getMinutes();
Dans le code suivant, l’objet c est créé à partir du constructeur Color :
c = new Color(this);
Chaque objet qui requiert une fonction constructeur possède un élément new correspondant dans
son dossier du panneau Actions, par exemple, new Color, new Date, new String et ainsi de
suite.
Vous pouvez également utiliser l’opérateur initialisateur d’objet ({}) pour créer un objet du type
générique Object.
Pour créer un objet avec l’opérateur new en mode Normal :
1
Choisissez Fenêtre > Actions pour ouvrir le panneau Actions si ce dernier n’est pas déjà ouvert.
2
Dans la boîte à outils Actions (du côté gauche du panneau), cliquez sur le dossier Actions pour
l’ouvrir, puis ouvrez le dossier Variables.
3
Double-cliquez sur l’action set variable.
4
Entrez un identifiant dans le champ Variable (le nom du nouvel objet).
5
Cliquez dans le champ Valeur afin d’y placer le point d’insertion. Naviguez ensuite, dans la
boîte à outils Actions, jusqu’à l’objet que vous souhaitez créer, puis double-cliquez sur new
Date, new Color, et ainsi de suite.
6
Activez l’option Expression en regard de Valeur.
Si vous n’activez pas l’option Expression, la valeur entière est un littéral de chaîne.
Pour utiliser l’opérateur initialisateur d’objet ({}) en mode Normal :
1
Choisissez Fenêtre > Actions pour ouvrir le panneau Actions si ce dernier n’est pas déjà ouvert.
2
Dans la boîte à outils Actions, cliquez sur le dossier Actions pour l’ouvrir. Cliquez sur le dossier
Variables pour l’ouvrir.
3
Double-cliquez sur l’action set variable.
4
Entrez un identifiant dans le champ Variable (le nom du nouvel objet).
5
Activez l’option Expression en regard de Valeur.
6
Dans Valeur, entrez les paires de noms et de valeurs des propriétés en les séparant par une
virgule dans l’opérateur initialisateur d’objet ({}).
Le langage ActionScript 265
Par exemple, dans l’instruction suivante, les noms des propriétés sont rayon et aire et leurs
valeurs sont 5 et la valeur d’une expression :
monRayon = 5;
monCercle = {rayon: monRayon, aire:(Math.PI * monRayon * monRayon)};
Les parenthèses obligent à l’évaluation de l’expression qu’elles contiennent. La valeur renvoyée est
affectée à la variable aire.
Vous pouvez également imbriquer des initialisateurs d’objet et de tableau, comme dans
l’instruction suivante :
nouvelObjet = {nom: "John Smith", projets: ["Flash", "Dreamweaver"]};
Pour plus d’informations sur le panneau Actions, consultez Rédaction de scripts avec ActionScript,
sous Aide > Utilisation de Flash. Pour plus d’informations sur chaque objet, consultez l’entrée
correspondante dans le dictionnaire ActionScript (via le menu Aide).
Accès aux propriétés des objets
Utilisez l’opérateur point (.) pour accéder à la valeur d’une propriété d’objet. Le nom de l’objet
est situé à gauche du point, le nom de la propriété se trouvant à droite. Par exemple, dans
l’instruction suivante, monObjet est l’objet et nom est la propriété :
monObjet.nom
Pour affecter une valeur à une propriété en mode Normal :
Utilisez l’action set variable.
monObjet.nom = "Allen";
Pour changer la valeur d’une propriété :
Affectez une nouvelle valeur, comme suit :
monObjet.nom = "Homer";
Vous pouvez également utiliser l’opérateur d’accès tableau ([]) pour accéder aux propriétés d’un
objet. Pour plus d’informations, consultez Opérateurs point et accès tableau, page 256.
Appel des méthodes d’un objet
Vous pouvez appeler la méthode d’un objet en utilisant l’opérateur point (.) suivi de la méthode.
Par exemple, l’instruction suivante appelle la méthode setVolume de l’objet Sound :
monSon = new Sound(this);
monSon.setVolume(50);
Pour appeler la méthode d’un objet intégré avec le panneau Actions en mode Normal, vous
utiliserez l’action evaluate.
Pour appeler une méthode en mode Normal :
1
Choisissez Fenêtre > Actions pour ouvrir le panneau Actions si ce dernier n’est pas déjà ouvert.
2
Dans la boîte à outils Actions (du côté gauche du panneau), cliquez sur la catégorie Actions,
puis sur la catégorie Actions diverses.
3
Double-cliquez sur l’action evaluate.
266 Chapitre 12
4
Dans le champ Expression, entrez le nom de l’objet, par exemple monSon.
5
Cliquez sur la catégorie Objets de la boîte à outils Actions, puis sur la catégorie de l’objet que
vous souhaitez créer. Double-cliquez sur la méthode que vous souhaitez utiliser.
Utilisation de l’objet MovieClip
Vous pouvez utiliser les méthodes de l’objet intégré MovieClip pour contrôler les occurrences de
symbole de clips sur la scène. L’exemple suivant entraîne la lecture de l’occurrence de clip
compteurDate :
compteurDate.play();
Pour plus d’informations sur l’objet MovieClip, consultez l’entrée correspondante dans le
dictionnaire ActionScript (via le menu Aide). Consultez également Utilisation des clips et boutons,
sous Aide > Utilisation de Flash.
Utilisation de l’objet Array
L’objet Array est un objet ActionScript intégré communément utilisé, qui stocke ses données dans
des propriétés numérotées et non pas dans des propriétés nommées. Le nom d’un élément de
tableau est appelé index. Les tableaux sont très pratiques pour stocker ou récupérer certains types
d’informations telles que des listes d’étudiants ou une séquence de mouvements dans un jeu.
Vous pouvez affecter des éléments de l’objet Array comme vous le feriez pour la propriété de
n’importe quel objet :
déplacement[0] =
déplacement[1] =
déplacement[2] =
...
déplacement[100]
"a2a4";
"h7h5";
"b1c3";
= "e3e4";
Pour accéder au deuxième élément du tableau ci-dessus, utilisez l’expression déplacement[2].
L’objet Array possède une propriété prédéfinie length, qui est la valeur du nombre d’éléments
dans le tableau. Lorsqu’un élément de l’objet Array est affecté et que l’index de l’élément est un
entier positif tel que index >= length, length est automatiquement mis à jour sous la forme
index + 1.
Pour plus d’informations sur l’objet Array, consultez l’entrée correspondante dans le dictionnaire
ActionScript (via le menu Aide).
Le langage ActionScript 267
A propos des objets personnalisés
Vous pouvez créer des objets personnalisés avec des propriétés et méthodes pour organiser les
informations de vos scripts afin d’en faciliter le stockage et l’accès. Après avoir créé un objet ou
une classe, vous pouvez créer, ou instancier, des copies de cet objet dans une animation.
Un objet est un type de données complexe contenant aucune ou plusieurs propriétés et méthodes.
Chaque propriété, tout comme une variable, possède un nom et une valeur. Les propriétés sont
liées à l’objet et contiennent des valeurs qui peuvent être modifiées ou récupérées. Ces valeurs
peuvent être de n’importe quel type de données : chaîne, nombre, booléen, objet, clip ou
undefined. Les propriétés suivantes sont de différents types de données :
client.nom = "DuChmoque";
client.âge = 30;
client.adhérent = true;
client.compte.enregActuel = 000609;
client.nomDoccurrenceMC._visible = true;
La propriété d’un objet peut également être un objet. A la ligne 4 de l’exemple précédent, compte
est une propriété de l’objet client et enregActuel est une propriété de l’objet compte. La
propriété enregActuel est de type nombre.
Création d’un objet personnalisé
Pour créer un objet personnalisé, vous définissez une fonction constructeur. Une fonction
constructeur reçoit toujours le nom du type d’objet qu’elle sert à créer. Vous pouvez utiliser le
mot-clé this dans le corps de la fonction constructeur afin de faire référence à l’objet créé par le
constructeur (lorsque vous appelez une fonction constructeur, Flash lui transmet this en tant
que paramètre masqué). Dans l’exemple suivant, la fonction constructeur crée un cercle avec la
propriété rayon :
function Cercle(rayon) {
this.rayon = rayon;
}
Après avoir défini la fonction constructeur, vous devez créer une nouvelle occurrence de l’objet.
Utilisez l’opérateur new devant le nom de la fonction constructeur, puis donnez un nom de
variable à la nouvelle occurrence. Par exemple, le code suivant utilise l’opérateur new pour créer
un nouvel objet Cercle d’un rayon de 5 et l’affecte à la variable monCercle :
monCercle = new Cercle(5);
Remarque Un objet est du même domaine que la variable à laquelle il est affecté. Pour plus d’informations,
consultez Domaine d’une variable, page 248.
Pour plus d’informations sur la création et l’utilisation d’objets, consultez A propos des objets
intégrés, page 264.
268 Chapitre 12
Affectation de méthodes à un objet personnalisé
Vous pouvez définir les méthodes d’un objet dans la fonction constructeur de ce dernier.
Toutefois, cette technique n’est pas conseillée, car elle définit la méthode à chaque fois que vous
utilisez la fonction constructeur, comme dans l’exemple suivant, qui crée les méthodes aire et
diamètre :
function Cercle(rayon) {
this.rayon = rayon;
this.aire = Math.PI * rayon * rayon;
this.diamètre = function() {return 2 * this.rayon;}
}
Chaque fonction constructeur a une propriété prototype qui est créée automatiquement en
même temps que la fonction. La propriété prototype indique les valeurs de propriétés par défaut
des objets créés avec cette fonction. Chaque nouvelle occurrence d’un objet possède une propriété
__proto__, qui fait référence à la propriété prototype de la fonction constructeur qui a servi à la
créer. Par conséquent, si vous affectez des méthodes à la propriété prototype d’un objet, elles
sont disponibles pour toute nouvelle occurrence de cet objet. Il est préférable d’affecter une
méthode à la propriété prototype de la fonction constructeur, car elle existe à un seul endroit et
est prise en référence par les nouvelles occurrences de l’objet (ou de la classe). Vous pouvez utiliser
les propriétés prototype et __proto__ pour étendre des objets, ce qui permet de réutiliser du
code selon une méthode orientée objet. Pour plus d’informations, consultez Création d’héritage,
page 270.
La procédure suivante explique comment affecter une méthode aire à un objet Cercle
personnalisé.
Pour affecter une méthode à un objet personnalisé :
1
Définissez la fonction constructeur Cercle, comme suit :
function Cercle(rayon) {
this.rayon = rayon;
}
2
Définissez la méthode aire de l’objet Cercle. La méthode aire calcule l’aire du cercle. Vous
pouvez utiliser un littéral de fonction pour définir la méthode aire et affecter la propriété
aire à l’objet prototype du cercle, comme suit :
Cercle.prototype.aire = function () {
return Math.PI * this.rayon * this.rayon;
};
3
Créez une occurrence de l’objet Cercle comme suit :
var monCercle = new Cercle(4);
4
Appelez la méthode aire du nouvel objet monCercle, comme suit :
var aireDeMonCercle= monCercle.aire()
ActionScript cherche l’objet monCercle pour la méthode aire. L’objet ne possédant pas de
méthode aire, son objet prototype Cercle.prototype est recherché pour la méthode aire.
ActionScript la trouve et l’appelle.
Le langage ActionScript 269
Création d’héritage
L’héritage est une manière d’organiser, d’étendre et de réutiliser des fonctionnalités. Les sousclasses héritent des propriétés et des méthodes des super-classes, auxquelles elles ajoutent des
propriétés et méthodes spécialisées. Par exemple, dans le monde réel, Cycle pourrait être une
super-classe dont VTT et Tricycle seraient des sous-classes. Ces deux sous-classes contiennent, ou
héritent, les méthodes et les propriétés de la super-classe (par exemple roues). Chaque sous-classe
possède également des propriétés et des méthodes spécifiques qui étendent la super-classe (par
exemple, la sous-classe VTT pourrait comporter une propriété pignons). Vous pouvez utiliser les
éléments prototype et __proto__ pour créer un héritage dans ActionScript.
Toutes les fonctions constructeur ont une propriété prototype qui est créée automatiquement en
même temps que la fonction. La propriété prototype indique les valeurs de propriétés par défaut
des objets créés avec cette fonction. Vous pouvez utiliser la propriété prototype pour affecter des
propriétés et méthodes à une classe. Pour plus d’informations, consultez Affectation de méthodes à
un objet personnalisé, page 269.
Toutes les occurrences d’une classe possèdent une propriété __proto__ qui indique de quel objet
elles sont héritières. Lorsque vous utilisez une fonction constructeur pour créer un nouvel objet, la
propriété __proto__ est configurée de manière à faire référence à la propriété prototype de sa
fonction constructeur.
L’héritage fonctionne selon une hiérarchie précise. Lorsque vous appelez la méthode ou la
propriété d’un objet, ActionScript vérifie si un tel élément existe dans l’objet. S’il n’existe pas,
ActionScript cherche les informations (monObjet.__proto__) dans la propriété __proto__ de
l’objet. Si la propriété n’est pas une propriété de l’objet __proto__, ActionScript cherche dans
monObjet.__proto__.__proto__, etc.
L’exemple suivant définit la fonction constructeur Cycle :
function Cycle (longueur, couleur) {
this.longueur = longueur;
this.couleur = couleur;
}
Le code suivant ajoute la méthode roule à la classe Cycle :
Cycle.prototype.roule = function() {this._x = _x + 20;};
Au lieu d’ajouter une méthode roule aux classes VTT et Tricycle, vous pouvez créer la classe
VTT et définir Cycle comme sa super-classe :
VTT.prototype = new Cycle();
Vous devez ensuite appeler la méthode roule de VTT, comme ci-dessous :
VTT.roule();
Les clips n’héritent pas les uns des autres. Pour créer un héritage entre clips, vous pouvez utiliser la
méthode Object.registerClass afin d’affecter une classe autre que MovieClip à des clips. Pour
plus d’informations, consultez Object.registerClass dans le dictionnaire ActionScript (via le
menu Aide).
Pour plus d’informations sur l’héritage, consultez les entrées Object.__proto__, #initclip,
et super dans le dictionnaire ActionScript (via le menu Aide).
#endinitclip
270 Chapitre 12
Utilisation du langage ActionScript de Flash MX avec
d’anciennes versions de Flash
ActionScript a considérablement changé lors de la publication de Flash 5. Il est devenu encore
plus robuste dans Flash MX. Pour pleinement exploiter la puissance d’ActionScript, vous devez
créer du contenu pour Flash Player 6. Si vous devez créer du contenu pour une version plus
ancienne de Flash Player, il vous sera impossible d’utiliser tous les éléments d’ActionScript.
Utilisation de Flash MX pour créer du contenu pour Flash Player 5
Pour utiliser Flash MX pour créer du contenu pour Flash Player 5, vous devrez sélectionner
Flash 5 comme version d’exportation à la publication de votre animation.
L’opérateur d’égalité stricte (===) et l’action switch sont des nouveautés de Flash MX et sont
supportées par Flash Player 5. Flash Player 5 ne supporte pas ces éléments en mode natif, mais
emploie un code d’émulation approprié.
Utilisation de Flash MX pour créer du contenu pour Flash Player 4
Pour utiliser Flash MX pour créer du contenu pour Flash Player 4, vous devrez sélectionner
Flash 4 comme version d’exportation à la publication de votre animation. ActionScript de Flash 4
ne possède qu’un seul type de données de base utilisé à la fois pour les manipulations de chaînes et
de nombres. Lorsque vous développez une animation pour Flash Player 4, il vous faut utiliser les
opérateurs de chaîne déconseillés situés dans la catégorie Eléments déconseillés > Opérateurs de la
boîte à outils Actions.
Vous pouvez utiliser les fonctions Flash 5 et Flash MX suivantes lorsque vous exportez au format
SWF de Flash 4 :
• L’opérateur d’accès tableau et objet ([]).
• L’opérateur point (.).
• Les opérateurs logiques, d’affectation, de pré-incrémentation et de post-incrémentation/
décrémentation.
• L’opérateur modulo (%), et toutes les méthodes et propriétés de l’objet Math.
Ces opérateurs et fonctions ne sont pas supportés de façon native par Flash Player 4. Flash MX
les exporte sous la forme d’approximations, ce qui produit des résultats moins corrects
numériquement. En outre, l’inclusion d’approximations dans le fichier SWF fait que ces
fonctions prendront plus de place dans les fichiers SWF de Flash 4 qu’elles n’en occupent dans
les fichiers SWF de Flash 5 ou des versions ultérieures.
• Les actions for, while, do..while, break et continue.
• Les actions print et printAsBitmap.
• L’action switch.
Le langage ActionScript 271
Les fonctions ActionScript suivantes ne peuvent pas être utilisées dans les animations exportées au
format Flash Player 4 :
Objets intégrés (sauf Math)
isFinite
localToGlobal parseFloat
typeof
Fonctions personnalisées
isNaN
Variables locales parseInt
unescape
delete
for..in
Méthodes de
clips
_quality
Eléments XML
escape
globalToLocal Types de
données
multiples
return
_xmouse
eval avec syntaxe à point (par exemple,
eval("_root.clip.variable"))
hitTest
targetPath
_ymouse
new
Utilisation de Flash MX pour ouvrir des fichiers Flash 4
Le code ActionScript de Flash 4 ne possédait qu’un seul véritable type de données : les chaînes. Il
utilisait différents types d’opérateurs dans les expressions pour indiquer si la valeur devait être
traitée comme une chaîne ou comme un nombre. Dans Flash 5 et Flash MX, vous pouvez utiliser
un seul jeu d’opérateurs pour tous les types de données.
Si vous utilisez la version 5 (ou ultérieure) de Flash pour ouvrir un fichier créé dans Flash 4, Flash
convertit automatiquement les expressions ActionScript afin de les rendre compatibles avec la
nouvelle syntaxe. Dans votre code ActionScript, vous remarqueriez alors les conversions suivantes
des type de données et d’opérateurs :
• L’opérateur = de Flash 4 était utilisé pour des égalités numériques. Dans Flash 5 et Flash MX,
est l’opérateur d’égalité et = est l’opérateur d’affectation. Tous les opérateurs = des fichiers
Flash 4 sont automatiquement convertis en ==.
==
• Flash effectue automatiquement les conversions pour assurer le bon fonctionnement des
opérateurs. L’introduction de plusieurs types de données donne une nouvelle signification aux
opérateurs suivants :
+, ==, !=, <>, <,
>, >=, <=
Dans ActionScript de Flash 4 , ces opérateurs étaient toujours des opérateurs numériques.
Dans Flash 5 et Flash MX, ils se comportent différemment, selon le type de données des
opérandes. Pour éviter toutes différences sémantiques dans les fichiers importés, la fonction
Number est insérée autour des opérandes de ces opérateurs. Les nombres constants sont déjà des
nombres évidents et ne sont donc pas encadrés de Number).
• Dans Flash 4, la séquence d’échappement \n générait le caractère de retour chariot (ASCII 13).
Dans Flash 5 et Flash MX, pour respecter la norme ECMA-262, \n génère le caractère de
changement de ligne (ASCII 10). Une séquence \n dans les fichiers FLA de Flash 4 est
automatiquement convertie en \r.
• L’opérateur & de Flash 4 était utilisé pour les additions de chaînes. Dans Flash 5 et Flash MX,
& est l’opérateur AND au niveau du bit. L’opérateur d’addition de chaînes est maintenant
appelé add. Tous les opérateurs & des fichiers de Flash 4 sont automatiquement convertis en
opérateurs add.
• De nombreuses fonctions de Flash 4 ne nécessitaient pas l’usage de parenthèses de fermeture
(par exemple, Get Timer, Set Variable, Stop et Play). Pour créer une syntaxe cohérente, la
fonction getTimer et toutes les actions nécessitent maintenant l’usage de parenthèses de
fermeture. Ces parenthèses sont automatiquement ajoutées lors de la conversion.
272 Chapitre 12
• Dans Flash 5 et Flash MX, lorsque la fonction getProperty est exécutée sur un clip qui
n’existe pas, elle renvoie la valeur undefined, et pas 0. L’instruction undefined == 0 est
dans ActionScript. Flash résout ce problème lors de la conversion de fichiers Flash 4 en
introduisant des fonctions Number dans les comparaisons d’égalité. Dans l’exemple suivant,
Number oblige à la conversion de undefined en 0 pour permettre la comparaison :
false
getProperty("clip", _width) == 0
Number(getProperty("clip", _width)) == Number(0)
Remarque Si vous avez utilisé des mots-clés de Flash 5 ou Flash MX comme noms de variables dans vos scripts
Flash 4, la syntaxe renverra une erreur dans Flash MX. Pour éviter cela, renommez les variables à tous les
emplacements. Pour plus d’informations, consultez Mots-clés, page 243.
A propos de la syntaxe à barre oblique
La syntaxe à barre oblique était utilisée dans Flash 3 et 4 pour indiquer le chemin cible d’un clip
ou d’une variable. Cette syntaxe est toujours acceptée par Flash Player 6, mais son utilisation n’est
pas recommandée. Toutefois, si vous créez du contenu destiné spécialement à Flash Player 4, vous
devrez utiliser la syntaxe à barre oblique.
Dans la syntaxe à barre oblique, les barres obliques sont utilisées à la place de points. Pour
indiquer une variable, vous la précédez d’un deux-points :
monClip/clipEnfant:maVariable
Pour rédiger le même chemin cible en syntaxe à point, qui est supportée par la version 5 (et
ultérieures) de Flash, utilisez le code suivant :
monClip.clipEnfant.maVariable
La syntaxe à barre oblique était le plus souvent utilisée avec l’action tellTarget dont l’utilisation
n’est plus recommandée. L’action with est maintenant préférée à tellTarget pour des raisons de
compatibilité avec la syntaxe à point. Pour plus d’informations sur ces actions, consultez le
dictionnaire ActionScript (via le menu Aide).
Le langage ActionScript 273
274 Chapitre 12
CHAPITRE 13
Utilisation des clips et boutons
Un clip est une mini-animation dans Macromedia Flash MX : il possède un scénario et des
propriétés qui lui sont propres. Un symbole de clip de la bibliothèque peut être utilisé plusieurs
fois dans un document Flash, chaque utilisation étant une occurrence du clip. Pour distinguer les
occurrences les unes des autres, vous affectez un nom à chacune d’entre elles. Les clips peuvent
être imbriqués les uns dans les autres pour créer une hiérarchie.
Chaque clip possède une position dans l’arborescence hiérarchique des scénarios, appelée liste
hiérarchique. Les animations chargées dans Flash Player au moyen de l’action loadMovie
possèdent également des scénarios indépendants et une position dans la liste hiérarchique. Vous
pouvez utiliser ActionScript pour l’échange de messages entre des clips, qui peuvent ainsi se
contrôler mutuellement. Par exemple, une action sur la dernière image du scénario d’un clip peut
demander la lecture d’un autre clip.
Vous contrôlez les clips avec les actions et méthodes de l’objet MovieClip. Pour contrôler un clip,
vous devez y faire référence avec un chemin cible, qui indique son emplacement unique dans la
liste hiérarchique. Vous pouvez utiliser les méthodes de l’objet MovieClip pour faire glisser un
clip, ajouter un clip à un document de manière dynamique, transformer un clip en masque et
tracer des lignes et des remplissages sur la scène.
Comme les occurrences de clip, chaque occurrence de bouton est un objet ActionScript qui
possède des propriétés et des méthodes spécifiques. Vous pouvez donner un nom d’occurrence à
un bouton et le manipuler avec ActionScript. Chaque clip et bouton d’un document Flash sont
des objets avec des propriétés et des méthodes qui peuvent être manipulés avec ActionScript pour
créer des animations complexes, non linéaires et interactives.
275
A propos des scénarios
Flash Player empile les niveaux dans un ordre précis. Chaque animation Flash possède un
scénario principal situé au niveau 0 de Flash Player. Vous pouvez utiliser l’action loadMovie pour
charger d’autres animations Flash (fichiers SWF) dans Flash Player à différents niveaux. Si vous
chargez des animations à des niveaux au-delà du niveau 0, elles se superposent comme des dessins
sur du papier transparent. Si la scène ne contient rien, vous pouvez voir à travers, jusqu’au
contenu des niveaux inférieurs. Une animation chargée sur le niveau 0 remplace le scénario
principal. Chaque animation chargée dans un niveau de Flash Player possède son propre scénario.
Toute animation Flash, quel que soit son niveau, peut avoir des occurrences de clip sur leur
propre scénario. Chaque occurrence de clip peut également avoir un scénario et peut contenir
d’autres clips possédant eux aussi des scénarios. Dans Flash Player, les niveaux et les scénarios sont
organisés de manière hiérarchique pour vous permettre d’organiser et de contrôler facilement les
objets de votre animation.
La hiérarchie des niveaux et des clips dans Flash Player
276 Chapitre 13
Dans Flash, cette hiérarchie de niveaux et de clips est appelée liste hiérarchique. Lorsque vous
programmez dans Flash, vous pouvez afficher cette liste hiérarchique dans l’explorateur
d’animations. Pendant la lecture de l’animation en mode test, dans le lecteur autonome Flash
Player ou dans un navigateur web, vous pouvez l’afficher dans le débogueur.
L’explorateur d’animations affiche la liste hiérarchique
Les scénarios ont des relations spécifiques entre eux en fonction de leur position dans la liste
hiérarchique. Un scénario enfant imbriqué dans un autre scénario est influencé par les
modifications apportées à son parent. Par exemple, si portland est un enfant de oregon et que
vous modifiez la propriété _xscale de oregon, la modification s’appliquera également à
portland.
Les scénarios peuvent aussi échanger des messages entre eux. Par exemple, une action sur la
dernière image d’un clip peut demander la lecture d’un autre clip.
A propos de la hiérarchie des clips
Lorsque vous placez une occurrence de clip dans le scénario d’un autre clip, le clip placé est
l’enfant et l’autre clip est le parent. L’occurrence parent contient l’occurrence enfant. Le scénario
principal pour chaque niveau est le parent de tous les clips à son niveau et, comme il s’agit du
scénario le plus élevé, il ne possède pas de parent.
Les relations parent-enfant qui existent entre les clips sont hiérarchiques. Pour comprendre cette
hiérarchie, imaginez la hiérarchie qui existe dans un ordinateur : le disque dur contient un
répertoire (ou dossier) racine et des sous-répertoires. Le répertoire racine correspond au scénario
principal d’une animation Flash : il est le parent de tout le reste. Les sous-répertoires
correspondent aux clips.
Vous pouvez utiliser la hiérarchie des clips de Flash pour organiser les objets visuels apparentés.
Toute modification apportée à un clip parent est aussi appliquée à ses enfants.
Utilisation des clips et boutons 277
Par exemple, vous pouvez créer une animation Flash dans laquelle une voiture se déplace à travers
la scène. Vous pourriez utiliser un symbole de clip pour représenter la voiture et créer une
interpolation de mouvement pour déplacer la voiture sur la scène.
Une interpolation de mouvement déplace le clip de la voiture dans le scénario principal
278 Chapitre 13
Pour ajouter des roues en mouvement, vous créez un clip pour une roue et deux occurrences de ce
clip, nommées roueAvant et roueArrière. Ensuite, vous placez les roues dans le scénario du clip
de la voiture (et non dans le scénario principal). En tant qu’enfants de voiture, roueAvant et
roueArrière sont affectés par toute modification apportée à voiture et se déplaceront avec la
voiture lorsque celle-ci traversera la scène.
Les occurrences de roue sont placées dans le scénario du clip parent de la voiture
Utilisation des clips et boutons 279
Pour faire tourner les deux occurrences de la roue, vous définissez une interpolation de
mouvement qui fait tourner le symbole de roue. Même si vous modifiez roueAvant et
roueArrière, ils seront toujours affectés par l’interpolation effectuée sur leur clip parent,
voiture, et les roues tourneront, mais se déplaceront également avec le clip parent voiture à
travers la scène.
Le symbole de roue en mode d’édition de symbole
A propos des chemins cibles absolus et relatifs
Vous pouvez utiliser des actions pour échanger des messages entre les scénarios. Le scénario
contenant l’action est appelé scénario contrôlant, celui qui reçoit l’action étant appelé scénario cible.
Par exemple, une action sur la dernière image d’un scénario peut demander la lecture d’un autre
scénario. Pour faire référence à un scénario cible, vous devez utiliser un chemin cible, qui indique
l’emplacement d’un clip dans la liste hiérarchique.
La liste hiérarchique des clips en mode auteur
280 Chapitre 13
La hiérarchie des clips dans cette liste hiérarchique est la suivante :
_level0
westCoast
california
sanfrancisco
bakersfield
oregon
portland
ashland
washington
olympia
ellensburg
Comme sur un serveur web, chaque scénario Flash peut être appelé de deux façons : avec un
chemin absolu ou avec un chemin relatif. Le chemin absolu d’une occurrence est toujours le
même, quel que soit le scénario qui appelle l’action ; par exemple, le chemin absolu de
l’occurrence california est _level0.westCoast.california. Un chemin relatif varie en
fonction de l’endroit à partir duquel il est appelé ; par exemple, le chemin relatif de california à
partir de sanfrancisco est _parent, mais à partir de portland, il s’agit de
_parent._parent.california.
Un chemin absolu commence par le nom du niveau dans lequel l’animation est chargée et
continue dans la liste hiérarchique jusqu’à l’occurrence cible. Vous pouvez utiliser l’alias _root
pour désigner le scénario principal du niveau courant. Par exemple, une action dans le clip
california qui fait référence au clip oregon peut utiliser le chemin absolu
_root.westCoast.oregon.
La première animation ouverte dans Flash Player est chargée au niveau 0. Vous devez affecter un
numéro de niveau à chaque animation chargée par la suite. Lorsque vous utilisez une référence
absolue dans ActionScript pour faire référence à une animation chargée, utilisez la forme
_levelX, où X est le numéro du niveau dans lequel l’animation est chargée. Par exemple, la
première animation ouverte dans Flash Player est appelée level0 et une animation chargée au
niveau 3 est appelée _level3.
Dans l’exemple suivant, deux animations ont été chargées dans le lecteur : TargetPaths.swf au
niveau 0 et EastCoast.swf au niveau 5. Les niveaux sont indiqués dans le débogueur, où le niveau
0 apparaît comme _root.
Utilisation des clips et boutons 281
Pour communiquer entre les animations de niveaux différents, vous devez utiliser le nom de
niveau dans le chemin cible. Par exemple, l’occurrence portland ferait référence à l’occurrence
atlanta comme suit :
_level5.georgia.atlanta
Vous pouvez utiliser l’alias _root pour désigner le scénario principal du niveau courant. Pour le
scénario principal, l’alias _level0, l’alias équivaut à _level0 lorsqu’il est ciblé par un clip
également dans _level0. Pour une animation chargée dans _level5, _root équivaut à _level5
lorsqu’il est ciblé par un clip situé aussi dans le niveau 5. Par exemple, southcarolina et
florida étant toutes deux chargées dans le même niveau, une action appelée depuis l’occurrence
southcarolina pourrait utiliser le chemin absolu pour cibler l’occurrence florida :
_root.eastCoast.florida
Un chemin relatif dépend de la relation qui existe entre le scénario contrôlant et le scénario cible.
Les chemins relatifs ne peuvent faire référence qu’à des cibles situées à leur propre niveau de Flash
Player. Par exemple, vous ne pouvez pas utiliser de chemin relatif dans une action sur _level0
qui cible un scénario de _level5.
Dans un chemin relatif, utilisez le mot-clé this pour faire référence au scénario actuel au niveau
actuel ; utilisez l’alias _parent pour indiquer le scénario parent du scénario actuel. Vous pouvez
utiliser l’alias _parent à plusieurs reprises pour remonter d’un niveau dans la hiérarchie, mais en
restant dans le même niveau de Flash Player. Par exemple, _parent._parent contrôle un clip
situé jusqu’à deux niveaux au-dessus dans la hiérarchie. Le scénario principal de n’importe quel
niveau dans Flash Player est le seul scénario avec une valeur _parent non définie.
Dans l’exemple suivant, chaque ville (charleston, atlanta et staugustine) est un enfant d’une
occurrence d’état, et chaque état (southcarolina, georgia et florida) est un enfant de
l’occurrence eastCoast.
Une action dans le scénario de l’occurrence charleston pourrait utiliser le chemin cible suivant
pour cibler l’occurrence southcarolina :
_parent
282 Chapitre 13
Pour cibler l’occurrence eastCoast à partir d’une action située dans charleston, vous pourriez
utiliser le chemin relatif suivant :
_parent._parent
Pour cibler l’occurrence atlanta à partir d’une action située dans le scénario de charleston,
vous pourriez utiliser le chemin relatif suivant :
_parent._parent.georgia.atlanta
Les chemins relatifs sont utiles pour la réutilisation des scripts. Par exemple, vous pouvez associer
un script à un clip pour agrandir son parent de 150 %, comme suit :
onClipEvent(load) {
_parent._xscale = 150;
_parent._yscale = 150;
}
Vous pouvez ensuite réutiliser ce script en l’associant à une autre occurrence de clip.
Que vous utilisiez un chemin absolu ou relatif, une variable d’un scénario ou une propriété d’un
objet est identifiée avec un point (.) suivi du nom de la variable ou de la propriété en question.
Par exemple, l’instruction suivante donne à la variable nom de l’occurrence formulaire la valeur
"Gilbert" :
_root.formulaire.nom = "Gilbert";
Rédaction des chemins cibles
Pour contrôler un clip, une animation chargée ou un bouton, vous devez spécifier un chemin
cible. Avant de pouvoir définir le chemin cible d’un clip ou d’un bouton, vous devez lui affecter
un nom d’occurrence. Une animation chargée n’a pas besoin de nom d’occurrence, car vous
utilisez son numéro de niveau comme nom d’occurrence (par exemple _level5).
Vous pouvez spécifier un chemin cible de différentes façons :
• Utilisez le bouton (et la boîte de dialogue) Insérer un chemin cible dans le panneau Actions.
• Entrez le chemin manuellement.
• Créez une expression évaluée comme un chemin cible. Vous pouvez utiliser les fonctions
intégrées targetPath et eval.
Pour affecter un nom d’occurrence :
1
Sélectionnez un clip ou bouton sur la scène.
2
Entrez un nom d’occurrence dans l’inspecteur des propriétés.
Utilisation des clips et boutons 283
Pour insérer un chemin cible en utilisant la boîte de dialogue Insérer un chemin cible :
1
Sélectionnez l’occurrence de clip, d’image ou de bouton à laquelle vous souhaitez affecter
l’action.
Il s’agira du scénario contrôlant.
2
Choisissez Fenêtre > Actions pour afficher le panneau Actions si ce dernier n’est pas déjà
ouvert.
3
Dans la boîte à outils Actions (du côté gauche du panneau), choisissez une action ou méthode
demandant un chemin cible.
4
Cliquez sur le champ de paramètre ou l’emplacement du script auquel vous souhaitez insérer le
chemin cible.
5
Cliquez sur le bouton Insérer un chemin cible, au-dessus du volet Script.
6
Dans la boîte de dialogue Insérer un chemin cible, choisissez une syntaxe : Points (par défaut)
ou Barres obliques.
7
Choisissez Absolu ou Relatif comme type de chemin cible.
Pour plus d’informations, consultez A propos des chemins cibles absolus et relatifs, page 280.
8
Sélectionnez un clip dans la liste hiérarchique Insérer un chemin cible.
9
Cliquez sur OK.
Pour insérer un chemin cible manuellement :
Suivez les étapes 1 à 4 ci-dessus et entrez un chemin absolu ou relatif dans le panneau Actions.
284 Chapitre 13
Pour utiliser une expression comme chemin cible :
1
Suivez les étapes 1 à 3 ci-dessus.
2
Effectuez l’une des opérations suivantes :
• Entrez une expression évaluée comme chemin cible dans un champ de paramètre.
• Cliquez pour placer le point d’insertion dans le script. Dans la catégorie Fonctions de la boîte à
outils Actions, double-cliquez sur la fonction targetPath.
La fonction targetPath convertit une référence à un clip en chaîne.
• Cliquez pour placer le point d’insertion dans le script. Dans la catégorie Fonctions de la boîte à
outils Actions, choisissez la fonction eval.
La fonction eval convertit une chaîne en une référence à un clip pouvant être utilisée pour
appeler des méthodes telles que play.
L’exemple suivant affecte la valeur 1 à la variable i. Il utilise ensuite la fonction eval pour créer
une référence à une occurrence de clip et l’affecte à la variable x. La variable x est à présent une
référence d’une occurrence de clip et peut appeler les méthodes de l’objet MovieClip, comme
dans l’exemple suivant :
i = 1;
x = eval("mc"+i);
x.play();
// équivalent à mc1.play();
Vous pouvez aussi utiliser la fonction eval pour appeler des méthodes directement, comme
dans l’exemple suivant :
eval("mc" + i).play();
Utilisation d’actions et de méthodes pour contrôler les clips
Vous pouvez utiliser des actions ActionScript ou les méthodes de l’objet MovieClip pour
accomplir des tâches de manipulation de clips. Certaines méthodes de MovieClip accomplissent
les mêmes opérations que les actions du même nom, alors que d’autres méthodes, comme
hitTest et swapDepths, ne possèdent pas d’actions correspondantes.
Lorsqu’une action et une méthode offrent des comportements similaires, vous pouvez choisir
l’une ou l’autre pour contrôler des clips. Le choix dépend de vos préférences et de votre familiarité
avec la rédaction de scripts dans ActionScript. Que vous utilisiez une action ou une méthode, le
scénario cible doit être chargé dans Flash Player lorsque l’action ou la méthode est appelée.
Les actions suivantes peuvent cibler des clips : loadMovie, unloadMovie, loadVariables,
setProperty, startDrag, duplicateMovieClip et removeMovieClip. Pour utiliser ces actions,
vous devez entrer un chemin cible dans le paramètre cible de l’action pour indiquer la cible de
l’action.
Les méthodes MovieClip suivantes peuvent contrôler des clips ou des niveaux chargés et n’ont pas
d’actions équivalentes : attachMovie, createEmptyMovieClip, createTextField, getBounds,
getBytesLoaded, getBytesTotal, getDepth, globalToLocal, localToGlobal, hitTest,
setMask, swapDepths.
Pour utiliser une méthode, vous l’invoquez en utilisant le chemin cible du nom d’occurrence,
suivi d’un point, puis du nom et des paramètres de la méthode, comme dans l’exemple suivant :
monClip.play();
clipParent.clipEnfant.gotoAndPlay(3);
Utilisation des clips et boutons 285
Dans la première instruction, la méthode play place la tête de lecture dans l’occurrence monClip.
Dans la deuxième instruction, la méthode gotoAndPlay envoie la tête de lecture dans
clipEnfant (qui est un enfant de l’occurrence clipParent) à l’image 3 et continue à déplacer la
tête de lecture.
Les actions qui contrôlent un scénario possèdent un paramètre cible qui permet de définir le
chemin cible de l’occurrence que vous voulez contrôler. Par exemple, dans le script suivant,
l’action startDrag cible l’occurrence curseurPerso et le rend déplaçable :
on (press) {
startDrag("curseurPerso");
}
L’exemple suivant illustre la différence entre l’emploi d’une méthode et d’une action. Les deux
instructions dupliquent l’occurrence monClip, nomment le nouveau clip nouveauClip, et le
placent à une profondeur de 5.
monClip.duplicateMovieClip("nouveauClip", 5);
duplicateMovieClip("monClip", "nouveauClip", 5);
Pour plus d’informations sur ces actions et méthodes, consultez le dictionnaire ActionScript (via
le menu Aide).
Appel de plusieurs méthodes sur un clip
Vous pouvez utiliser l’action with pour appeler un clip une seule fois, puis exécuter une série
d’actions sur ce clip. L’action with fonctionne sur tous les objets ActionScript (tels que Array,
Color et Sound), pas seulement sur les clips.
L’action with prend un objet comme paramètre. L’objet que vous spécifiez est ajouté à la fin du
chemin cible courant. Toutes les actions imbriquées dans une action with sont exécutées à
l’intérieur du nouveau chemin cible. Par exemple, dans le script suivant, l’action with est
transmise à l’objet beignet.confiture pour changer les propriétés de confiture :
with (beignet.confiture){
_alpha = 20;
_xscale = 150;
_yscale = 150;
}
Cela revient au même que d’appeler les instructions situées à l’intérieur de l’action with depuis le
scénario de l’occurrence confiture. Le code ci-dessus est équivalent au code suivant :
beignet.confiture._alpha = 20;
beignet.confiture._xscale = 150;
beignet.confiture._yscale = 150;
Le code ci-dessus est également équivalent au code suivant :
with (beignet){
confiture._alpha = 20;
confiture._xscale = 150;
confiture._yscale = 150;
}
286 Chapitre 13
Chargement et purge d’animations supplémentaires
Pour lire d’autres animations sans fermer Flash Player, ou pour passer d’une animation à une
autre sans charger une autre page HTML, vous pouvez utiliser l’action ou la méthode loadMovie.
Vous pouvez également utiliser loadMovie pour envoyer des variables à un script CGI, qui génère
un fichier SWF en tant que fichier CGI. Lorsque vous chargez une animation, vous pouvez
spécifier comme cible un niveau ou un clip, dans lequel sera chargée l’animation. Si vous chargez
une animation dans une cible, l’animation chargée hérite des propriétés du clip ciblé. Une fois
l’animation chargée, vous pouvez modifier les propriétés.
L’action et la méthode unloadMovie retirent une animation chargée précédemment par
loadMovie. En purgeant explicitement les animations avec unloadMovie, vous assurez une
transition fluide entre les animations et pouvez alléger le volume de mémoire requis par Flash
Player.
Utilisez l’action loadMovie pour effectuer les opérations suivantes :
• Lire une séquence de bandeaux publicitaires sous forme de fichiers SWF, en plaçant une action
loadMovie
à la fin de chaque fichier SWF pour charger l’animation suivante.
• Développer une interface arborescente permettant à l’utilisateur de choisir parmi différents
fichiers SWF.
• Construire une interface de navigation avec des contrôles de navigation dans le niveau 0
chargeant d’autres niveaux. Le chargement de niveaux produit une transition plus douce que le
chargement de nouvelles pages HTML dans un navigateur.
Chargement dynamique d’images et de sons
Vous pouvez utiliser l’action ou la méthode loadMovie pour charger des fichiers JPEG dans une
animation Flash en cours de lecture. La méthode loadSound de l’objet Sound permet pour sa part
de charger des fichiers audio MP3 dans une animation Flash en cours de lecture.
Lorsque vous chargez une image, son coin supérieur gauche est placé au point d’alignement du
clip. Ce point se trouvant souvent au centre du clip, il se peut que l’image chargée ne soit pas
centrée. De même, lorsque vous chargez une image dans un scénario principal, son coin supérieur
gauche est placé dans le coin supérieur gauche de la scène. L’image chargée hérite de la rotation et
de l’échelle du clip, mais le contenu initial du clip est supprimé.
Pour plus d’informations, consultez les entrées loadMovie et loadSound dans le dictionnaire
ActionScript (via le menu Aide).
Utilisation des clips et boutons 287
Modification de la position et de l’apparence d’un clip
Pour modifier les propriétés d’un clip pendant sa lecture, vous pouvez rédiger une instruction
affectant une valeur à la propriété ou utiliser l’action setProperty. Par exemple, le code suivant
fixe la rotation de l’occurrence mc à 45 :
mc._rotation = 45;
Cela est équivalent au code suivant, qui utilise l’action setProperty :
setProperty("mc", _rotation, 45);
Certaines propriétés, appelées propriétés en lecture seule, ont des valeurs que vous pouvez lire mais
pas définir. Ces propriétés sont identifiées comme telles dans le dictionnaire ActionScript. Les
propriétés suivantes sont en lecture seule : _currentframe, _droptarget, _framesloaded,
_parent, _target, _totalframes, _url, _xmouse et _ymouse.
Vous pouvez rédiger des instructions pour définir des propriétés qui ne sont pas en lecture seule.
L’instruction suivante définit la propriété _alpha de l’occurrence de clip roue, qui est un enfant
de l’occurrence voiture :
voiture.roue._alpha = 50;
En outre, vous pouvez rédiger des instructions qui récupèrent la valeur d’une propriété de clip.
Par exemple, l’instruction suivante récupère la valeur de la propriété _xmouse dans le scénario du
niveau actuel et donne cette valeur à la propriété x de l’occurrence curseurPerso :
onClipEvent(enterFrame) {
curseurPerso._x = _root._xmouse;
}
Cela est équivalent au code suivant, qui utilise la fonction getProperty :
onClipEvent(enterFrame) {
curseurPerso._x = getProperty(_root, _xmouse);
}
Les propriétés _x, _y, _rotation, _xscale, _yscale, _height, _width, _alpha et _visible
sont affectées par les transformations effectuées sur le parent du clip et transforment le clip et tous
ses enfants. Les propriétés _focusrect, _highquality, _quality et _soundbuftime sont
globales et appartiennent uniquement au scénario de niveau 0. Toutes les autres propriétés
appartiennent à chaque clip ou niveau chargé.
Une liste des propriétés utilisées avec les clips apparaît sous l’entrée MovieClip (objet) dans le
dictionnaire ActionScript (via le menu Aide).
Déplacement des clips
Vous pouvez utiliser l’action ou la méthode startDrag pour permettre le déplacement d’un clip
pendant la lecture d’une animation. Par exemple, vous pouvez créer un clip pouvant être déplacé
pour les jeux, les fonctions glisser-déposer, les interfaces personnalisables, les barres de défilement
et les curseurs de défilement.
Un clip reste déplaçable jusqu’à sont arrêt explicite par stopDrag ou jusqu’à ce qu’un autre clip
soit ciblé avec startDrag. Vous ne pouvez déplacer qu’un seul clip à la fois.
288 Chapitre 13
Pour créer des comportements plus complexes avec les opérations glisser-déposer, vous pouvez
évaluer la propriété _droptarget du clip en cours de déplacement. Par exemple, vous pouvez
examiner la propriété _droptarget pour voir si l’animation a été déplacée vers un clip spécifique
(tel qu’un clip « poubelle »), puis déclencher une autre action. Pour plus d’informations sur
startDrag, consultez l’entrée correspondante dans le dictionnaire ActionScript (via le menu
Aide).
Duplication et suppression des clips
Pour dupliquer ou supprimer des occurrences de clip pendant la lecture de votre animation,
utilisez duplicateMovieClip ou removeMovieClip, respectivement. L’action et la méthode
duplicateMovieClip créent dynamiquement une nouvelle occurrence du clip, lui affectent un
nom d’occurrence et lui donnent une profondeur. Un clip dupliqué commence toujours à l’image
1 même si le clip initial se trouvait dans une autre image lors de la duplication, et il se situe
toujours à la tête de tous les clips prédéfinis placés dans le scénario.
Pour supprimer un clip que vous avez créé avec duplicateMovieClip, vous utiliserez
Un clip dupliqué est également supprimé si le clip parent est supprimé.
removeMovieClip.
Pour plus d’informations, consultez duplicateMovieClip et removeMovieClip dans le
dictionnaire ActionScript (via le menu Aide).
Ajout dynamique d’un clip ou son sur la scène
Pour charger une copie d’un clip ou d’un son à partir de la bibliothèque et le lire dans le cadre de
votre animation, vous utiliserez la méthode attachMovie de l’objet MovieClip ou la méthode
attachSound de l’objet Sound. La méthode attachMovie charge un clip en tant qu’enfant du
clip qui l’a chargé, et le lit pendant l’exécution de l’animation. La méthode attachSound joint un
son à une occurrence de l’objet Sound.
Pour joindre un clip ou un son de la bibliothèque au moyen d’ActionScript, vous devez affecter
un identifiant de liaison unique au clip ou au son en question. Vous pouvez affecter ce nom dans
la boîte de dialogue Propriétés de liaison.
Lors de la lecture d’une animation, Flash charge tous les clips et les sons ajoutés avec
ou attachSound avant la première image de l’animation. Ce chargement peut
entraîner un retard avant la lecture de la première image. Lorsque vous affectez un identifiant de
liaison à un élément, vous pouvez également spécifier si cet élément doit être ajouté avant la
première image. S’il ne l’est pas, vous devez en inclure une occurrence sur une autre image de
l’animation, faute de quoi l’élément ne sera pas exporté dans le fichier SWF.
attachMovie
Pour nommer un clip :
1
Choisissez Fenêtre > Bibliothèque pour ouvrir le panneau Bibliothèque.
2
Sélectionnez un clip dans le panneau Bibliothèque.
3
Dans le panneau Bibliothèque, choisissez Liaison dans le menu Options.
La boîte de dialogue Propriétés de liaison apparaît.
4
Pour Liaison, activez l’option Exporter pour ActionScript.
5
Pour Identifiant, entrez l’identifiant du clip.
6
Si vous ne voulez pas que le clip ou le son soit chargé avant la première image, désactivez
l’option Exporter dans la première image.
7
Cliquez sur OK.
Utilisation des clips et boutons 289
Pour associer un clip à un autre clip :
1
Le panneau Actions étant ouvert, sélectionnez une image dans le scénario.
2
Dans la boîte à outils Actions (du côté gauche du panneau Actions), cliquez sur la catégorie
Objets, puis sur Animation, puis sur MovieClip, puis sur Méthodes et double-cliquez sur la
méthode attachMovie.
3
Pour le paramètre Objet, entrez le nom d’occurrence d’un clip présent sur la scène.
4
Entrez des valeurs pour les paramètres suivants :
• Pour nomID, spécifiez l’identifiant que vous avez saisi dans la boîte de dialogue Propriétés de
liaison.
• Pour nouveauNom, entrez un nom d’occurrence pour le clip associé afin de pouvoir le cibler.
• Pour profondeur, entrez le niveau dans lequel l’animation dupliquée sera associée au clip.
Chaque animation associée a un ordre d’empilement qui lui est propre, le niveau 0 étant le
niveau de l’animation d’origine. Les clips associés sont toujours au-dessus du clip d’origine.
Voici un exemple :
monClip.attachMovie("calif", "california", 10);
Création dynamique d’un clip vide
Pour créer un clip vide sur la scène pendant la lecture d’une animation, utilisez la méthode
de l’objet MovieClip. Cette méthode crée un clip en tant qu’enfant du
clip qui l’a appelée. Le point d’alignement d’un clip vide nouvellement créé se situe dans le coin
supérieur gauche. Bien que la méthode createEmptyMovieClip se comporte de manière
similaire à attachMovie, il n’est pas nécessaire de fournir un identifiant de liaison, puisque vous
n’ajoutez pas de symbole depuis la bibliothèque.
createEmptyMovieClip
Pour créer un clip vide :
1
Sélectionnez une image, un bouton ou un clip auquel vous souhaitez affecter l’action.
2
Choisissez Fenêtre > Actions pour ouvrir le panneau Actions si ce dernier n’est pas déjà ouvert.
3
Dans la boîte à outils Actions (du côté gauche du panneau Actions), cliquez sur la catégorie
Objets, puis sur Animation, puis sur MovieClip, puis sur Méthodes et double-cliquez sur la
méthode createEmptyMovieClip.
4
Pour le paramètre Objet, entrez le nom d’occurrence d’un clip présent sur la scène ou cliquez
sur le bouton Insérer un chemin cible pour insérer une occurrence.
5
Entrez des valeurs pour les paramètres suivants :
• Définissez un identifiant pour nomDoccurrence.
• Pour profondeur, entrez le niveau dans lequel l’animation dupliquée sera associée au clip.
Chaque animation créée a un ordre d’empilement qui lui est propre, le niveau 0 étant le niveau
de l’animation d’origine. Les clips nouvellement créés sont toujours placés au-dessus du clip
d’origine. Voici un exemple :
monClip.createEmptyMovieClip("nouveauMC", 10);
290 Chapitre 13
Dessin de formes avec ActionScript
Vous pouvez utiliser les méthodes de l’objet MovieClip pour dessiner des formes et des
remplissages sur la scène en cours de lecture. Vous pouvez ainsi créer des outils de dessin pour les
utilisateurs et tracer des formes dans l’animation en réponse à des événements. Les méthodes de
dessin sont beginFill, beginGradientFill, clear, curveTo, endFill, lineTo, lineStyle et
moveTo.
Vous pouvez utiliser les méthodes de dessin avec n’importe quel clip. Toutefois, si vous les utilisez
dans un clip créé en mode auteur, les méthodes de dessin sont exécutées avant que le clip ne soit
dessiné. En d’autres termes, le contenu créé en mode auteur est dessiné au-dessus du contenu
dessiné à l’aide des méthodes de dessin.
Vous pouvez utiliser des clips comportant des méthodes de dessin en tant que masques.
Toutefois, comme pour tous les masques de clips, les traits seront ignorés.
Pour dessiner une forme :
1
Utilisez la méthode createEmptyMovieClip pour créer un clip vide sur la scène.
Le nouveau clip est l’enfant d’un clip existant ou du scénario principal, comme dans l’exemple
suivant :
_root.createEmptyMovieClip ("triangle", 1);
2
Utilisez le clip vide pour appeler les méthodes de dessin.
L’exemple suivant trace un triangle comportant des lignes magenta d’une épaisseur de 5 points
et aucun remplissage :
with (_root.triangle) {
lineStyle (5, 0xff00ff, 100);
moveTo (200, 200);
lineTo (300, 300);
lineTo (100, 300);
lineTo (200, 200);
}
Pour plus d’informations sur ces méthodes, consultez les entrées correspondantes dans le
dictionnaire ActionScript (via le menu Aide).
Utilisation de clips comme masques
Vous pouvez utiliser un clip comme masque pour créer un trou qui laisse apparaître le contenu
d’un autre clip. Le clip utilisé comme masque lit toutes les images de son scénario, comme un clip
ordinaire. Vous pouvez rendre le clip déplaçable, l’animer le long d’un guide de mouvement,
utiliser des formes distinctes dans un même masque, ou redimensionner un masque de façon
dynamique. Vous pouvez également utiliser ActionScript pour activer et désactiver un masque
pendant la lecture d’une animation.
Il est impossible d’utiliser un masque pour en masquer un autre. Il est impossible de définir la
propriété _alpha d’un clip utilisé comme masque. Seuls les remplissages sont utilisés dans un clip
utilisé comme masque, les traits étant ignorés.
Pour créer un masque :
1
Sur la scène, sélectionnez un clip à masquer.
2
Dans l’inspecteur des propriétés, entrez un nom d’occurrence pour le clip, tel que image.
Utilisation des clips et boutons 291
3
Créez un clip devant être un masque. Donnez-lui un nom d’occurrence dans l’inspecteur des
propriétés, tel que masque.
4
Sélectionnez l’image 1 dans le scénario.
5
Choisissez Fenêtre > Actions pour ouvrir le panneau Actions si ce dernier n’est pas déjà ouvert.
6
Dans la boîte à outils Actions (du côté gauche du panneau Actions), cliquez sur la catégorie
Objets, puis sur Animation, puis sur MovieClip, puis sur Méthodes et double-cliquez sur la
méthode setMask.
7
Dans le champ des paramètres, entrez le nom d’occurrence du clip de masque.
Le code doit avoir cette forme :
image.setMask(masque);
Pour plus d’informations sur la méthode setMask, consultez le dictionnaire ActionScript (via le
menu Aide).
Gestion d’événements avec ActionScript
Certains événements se produisent pendant la lecture d’une animation. Certains événements se
produisent toujours dans le même ordre (par exemple, load, enterFrame, unload), alors que
d’autres se produisent en réponse à l’interaction avec l’utilisateur (par exemple, mouseDown,
mouseUp, mouseMove, keyDown et keyUp). Un événement, data, se produit lorsque des données
sont reçues par l’animation à partir d’une source externe. Vous pouvez utiliser ces événements
pour provoquer l’exécution de scripts, ce qui est appelé déclenchement d’un script. La réponse à
l’événement est nommée gestion d’événement. Par exemple, vous pouvez rédiger un script qui
ordonne la lecture d’un clip. Si vous voulez que le clip soit lu lorsqu’il reçoit des informations
depuis un fichier texte externe, vous pouvez utiliser l’événement data pour déclencher le script. Il
existe deux façons de gérer les événements avec ActionScript : vous pouvez utiliser les actions de
gestionnaire d’événement onClipEvent et on, ou utiliser les méthodes de gestionnaire
d’événement des objets MovieClip et Button.
Dans la boîte à outils Actions, les actions de gestionnaire d’événement onClipEvent et on se
trouvent dans la catégorie Contrôle de l’animation du dossier Actions. Lorsque vous utilisez l’une
de ces actions, vous lui transmettez un événement comme paramètre (par exemple on(press)).
Dans la boîte à outils Actions, les objets MovieClip et Button sont associés à des catégories
d’événement correspondant à chaque événement de clip et de bouton, telles que onLoad,
onEnterFrame, onUnload, onMouseDown, onMouseUp, onMouseMove, onKeyDown, onKeyUp et
onData. Vous pouvez utiliser ces méthodes pour définir une fonction exécutée lorsque
l’événement se produit. Ces méthodes de gestionnaire d’événement ne sont pas en conflit avec les
actions correspondantes, les deux événements provoquant l’exécution de leurs scripts.
Vous ne pouvez associer des actions onClipEvent et on qu’à des occurrences de clips qui ont été
placées sur la scène en mode auteur. Il est impossible d’associer des actions onClipEvent ou on à
des occurrences de clips créées en cours d’exécution avec la méthode attachMovie. Par exemple,
le code suivant est associé à une occurrence de clip sur la scène :
onClipEvent(onLoad){
trace("chargé");
}
292 Chapitre 13
Lorsque vous utilisez les méthodes de gestionnaire d’événement MovieClip ou Button, il n’est pas
nécessaire d’affecter le script à l’occurrence dont vous traitez l’événement : vous pouvez, par
exemple, affecter le script à une image. Cela vous permet ainsi de contrôler les clips et les boutons
placés sur la scène en mode auteur, ainsi que les clips créés par ActionScript pendant la lecture
d’une animation. Pour utiliser les méthodes de gestionnaire d’événement, vous devez affecter
directement une fonction à une occurrence. Cette fonction est exécutée lorsque l’événement
défini par la méthode se produit. Par exemple, le code suivant déclenche l’action trace lorsque
l’occurrence mc est chargée :
mc.onLoad = function (){
trace("chargé");
};
Pour plus d’informations sur l’utilisation des actions de gestionnaire d’événement onClipEvent
et on, consultez Affectation d’actions à un clip, page 227 et Affectation d’actions à un bouton,
page 225. Pour plus d’informations sur chaque méthode de gestionnaire d’événement MovieClip,
consultez l’entrée MovieClip (objet) dans le dictionnaire ActionScript (via le menu Aide).
Utilisation de méthodes de gestionnaire d’événement de clip pour déclencher
des scripts
Vous pouvez utiliser les méthodes de la catégorie Evénements de l’objet MovieClip pour gérer les
événements de clip. Vous devez définir une fonction et l’affecter à la méthode de gestionnaire
d’événement. Si aucune fonction n’est affectée à la méthode de gestionnaire d’événement, cette
dernière n’a aucune influence sur l’animation.
Vous pouvez appeler une méthode de gestionnaire d’événement depuis l’occurrence du clip dont
vous voulez gérer l’événement, ou créer une nouvelle classe ActionScript et définir les méthodes
dans l’objet prototype de cette classe. Pour plus d’informations, consultez Définition de méthodes
de gestionnaire d’événement dans l’objet prototype, page 296.
Pour utiliser une méthode de gestionnaire d’événement de clip pour déclencher un script :
1
Sur la scène, sélectionnez le clip dont vous voulez gérer l’événement.
2
Entrez un nom d’occurrence dans l’inspecteur des propriétés.
3
Sélectionnez une image, un bouton ou un clip auquel vous souhaitez associer la méthode.
4
Choisissez Fenêtre > Actions pour ouvrir le panneau Actions si ce dernier n’est pas déjà ouvert.
5
Dans la boîte à outils Actions (du côté gauche du panneau Actions), cliquez sur la catégorie
Objets, puis sur Animation, puis sur MovieClip, puis sur Evénements et double-cliquez sur
une des méthodes de gestionnaire d’événement MovieClip.
6
Entrez des valeurs pour les paramètres suivants :
• Pour le paramètre Objet, entrez le chemin cible du clip dont vous souhaitez gérer l’événement.
• Transmettez les paramètres requis par la fonction que vous allez définir. En mode Normal,
entrez ces paramètres dans le champ Paramètres.
Utilisation des clips et boutons 293
7
Ajoutez des actions dans la fonction pour la définir.
Le code suivant définit une fonction pour la méthode onPress de l’occurrence mc qui définit la
propriété _alpha de mc au chargement de mc :
mc.onPress = function() {
this._alpha = 50;
};
Remarque Le mot-clé this fait référence à l’occurrence qui appelle la méthode de gestionnaire d’événement.
Dans cet exemple, l’occurrence est mc.
Utilisation de méthodes de gestionnaire d’événement de bouton pour
déclencher des scripts
Tout comme un ensemble d’événements est associé aux symboles de clips, un ensemble
d’événements est associé aux symboles de boutons. Vous pouvez utiliser les méthodes de
gestionnaire d’événement de bouton avec les occurrences de boutons. Vous pouvez également
utiliser les événements de bouton avec des clips. Consultez Utilisation d’événements de bouton avec
des clips pour déclencher des scripts, page 295.
Vous pouvez appeler une méthode de gestionnaire d’événement depuis l’occurrence du bouton
dont vous voulez gérer l’événement, ou créer une nouvelle classe ActionScript et définir les
méthodes dans l’objet prototype de cette classe. Pour plus d’informations sur la définition d’une
méthode dans l’objet prototype, consultez Définition de méthodes de gestionnaire d’événement dans
l’objet prototype, page 296.
Lorsque vous utilisez une méthode de gestionnaire d’événement avec un bouton, le mot-clé this
fait référence à l’occurrence de bouton qui appelle la méthode. Par exemple, le code suivant
envoie _level0.monBouton à la fenêtre Sortie :
monBouton.onPress = function () {
trace(this);
}
Pour utiliser une méthode de gestionnaire d’événement de bouton pour déclencher un script :
1
Sur la scène, sélectionnez l’occurrence de bouton dont vous voulez gérer l’événement.
2
Entrez un nom d’occurrence dans l’inspecteur des propriétés.
3
Sélectionnez une image, un bouton ou un clip auquel vous souhaitez associer la méthode.
4
Choisissez Fenêtre > Actions pour ouvrir le panneau Actions si ce dernier n’est pas déjà ouvert.
5
Dans la boîte à outils Actions (du côté gauche du panneau Actions), cliquez sur la catégorie
Objets, puis sur Animation, puis sur MovieClip, puis sur Evénements et double-cliquez sur
une des méthodes de gestionnaire d’événement MovieClip.
6
Entrez des valeurs pour les paramètres suivants :
• Pour le paramètre Objet, entrez le chemin cible du bouton dont vous souhaitez gérer
l’événement.
• Transmettez les paramètres requis par la fonction que vous allez définir. En mode Normal,
entrez ces paramètres dans le champ Paramètres.
294 Chapitre 13
7
Ajoutez des actions dans la fonction pour la définir.
L’exemple suivant définit une fonction pour la méthode onPress de l’occurrence monBouton
qui déclenche une action trace :
monBouton.onPress = function () {
trace("onPress appelé !");
};
Utilisation d’événements de bouton avec des clips pour déclencher
des scripts
Vous pouvez utiliser des événements de bouton avec des occurrences de boutons, mais aussi avec
des occurrences de clips afin de créer des clips de boutons. Les clips de boutons allient la puissance
des clips au contrôle des événements de boutons. Vous pouvez transformer un clip en clip de
bouton en affectant un gestionnaire on à l’occurrence du clip, ou en définissant des méthodes de
gestionnaire d’événement de bouton pour une occurrence. Vous pouvez également créer une
nouvelle classe et définir des méthodes de gestionnaire d’événement dans l’objet prototype de
cette classe. Pour plus d’informations sur la définition de méthodes dans l’objet prototype,
consultez Définition de méthodes de gestionnaire d’événement dans l’objet prototype, page 296.
Tous les événements de bouton sont déclenchés par une interaction avec l’utilisateur : press,
release, releaseOutside, rollOver, rollOut, dragOver, dragOut et keyPress. Dans la boîte
à outils Actions, l’objet MovieClip est associé à une catégorie d’événements contenant des
méthodes correspondant à chaque événement de bouton, telles que onPress, onRelease,
onReleaseOutside, onRollOver, onRollOut, onDragOver, onDragOut et onKeyPress.
Un clip de bouton possède un scénario de clip complet, et non le scénario à quatre images d’un
bouton. Vous pouvez utiliser les étiquettes d’image _up, _over et _down pour créer les états Haut,
Dessus et Abaissé d’un clip de bouton. Lorsque l’utilisateur déplace la souris au-dessus d’un clip
de bouton ou clique dessus, l’action gotoAndStop déplace la tête de lecture sur l’étiquette d’image
appropriée et affiche l’image correspondante sur la scène. Pour que la tête de lecture commence la
lecture à l’étiquette d’image, vous pouvez y placer une action play.
Pour définir un clip comme zone cliquée d’un clip de bouton, vous utiliserez la propriété
de l’objet MovieClip.
hitArea
Pour plus d’informations sur l’utilisation d’événements pour les boutons, consultez Utilisation de
méthodes de gestionnaire d’événement de bouton pour déclencher des scripts, page 294.
Pour utiliser l’action on afin de créer un clip de bouton :
1
Sélectionnez un clip sur la scène.
2
Choisissez Fenêtre > Actions pour ouvrir le panneau Actions si ce dernier n’est pas déjà ouvert.
3
Dans la boîte à outils Actions (du côté gauche du panneau Actions), cliquez sur la catégorie
Actions, puis sur Contrôle de l’animation et double-cliquez sur l’action on.
4
En mode Expert, entrez les événements que vous souhaitez inclure. En mode Normal,
choisissez ces événements au-dessus du volet Script.
5
Dans l’action on, ajoutez les actions à exécuter lorsque les événements sélectionnés se
produisent.
Utilisation des clips et boutons 295
Pour définir une méthode de gestionnaire d’événement de clip pour créer un clip de bouton :
1
Sur la scène, sélectionnez le clip que vous voulez transformer en clip de bouton.
2
Entrez un nom d’occurrence dans l’inspecteur des propriétés.
3
Sélectionnez une image, un bouton ou un clip auquel vous souhaitez associer l’action.
4
Choisissez Fenêtre > Actions pour ouvrir le panneau Actions si ce dernier n’est pas déjà ouvert.
5
Dans la boîte à outils Actions (du côté gauche du panneau Actions), cliquez sur la catégorie
Objets, puis sur Animation, puis sur MovieClip, puis sur Evénements et double-cliquez sur
une des méthodes de gestionnaire d’événement de bouton.
6
Entrez des valeurs pour les paramètres suivants :
• Pour le paramètre Objet, entrez le chemin cible du clip dont vous souhaitez gérer l’événement.
• Transmettez les paramètres requis par la fonction que vous allez définir. En mode Normal,
entrez ces paramètres dans le champ Paramètres.
7
Ajoutez des actions dans la fonction pour la définir.
L’exemple suivant définit une fonction pour la méthode onPress de l’occurrence mc qui
déplace la tête de lecture de mc :
mc.onPress = function() {
play();
};
Pour créer les états du clip de bouton :
1
Sélectionnez l’image du scénario à utiliser comme état du bouton (Haut, Dessus ou Abaissé).
2
Entrez une étiquette d’image dans l’inspecteur des propriétés(_up, _over ou _down).
3
Pour ajouter d’autres états de bouton, répétez les étapes 1 et 2.
Définition de méthodes de gestionnaire d’événement dans l’objet prototype
Vous pouvez créer une nouvelle classe ActionScript pour les clips et définir les méthodes de
gestionnaire d’événement dans l’objet prototype de cette nouvelle classe. La définition des
méthodes dans l’objet prototype permet à toutes les occurrences de ce symbole de répondre de la
même manière à ces événements.
Vous pouvez également ajouter une action de gestionnaire d’événement onClipEvent ou on à
une occurrence précise afin de fournir des instructions uniques qui ne seront exécutées que
lorsque l’événement de cette occurrence se produit. Les actions onClipEvent et on ne
supplantent pas la méthode du gestionnaire d’événement, les deux événements provoquant
l’exécution de leurs scripts. Toutefois, si vous définissez les méthodes de gestionnaire d’événement
dans l’objet prototype et que vous définissez également une méthode de gestionnaire d’événement
pour une occurrence précise, la définition de l’occurrence supplante celle du prototype.
Pour définir une méthode de gestionnaire d’événement dans l’objet prototype d’un objet :
1
Placez un symbole de clip avec l’identifiant de liaison Lidentifiant dans la bibliothèque.
2
Sélectionnez une image dans le scénario de l’objet.
3
Choisissez Fenêtre > Actions pour ouvrir le panneau Actions si ce dernier n’est pas déjà ouvert.
296 Chapitre 13
4
Si le panneau Actions est en mode Normal, choisissez Mode Expert dans le menu déroulant
Options d’affichage au-dessus du volet Script.
5
Utilisez l’action function pour définir une nouvelle classe dans le volet Script, comme cidessous :
// définir une classe
function maClasseDeClip() {}
Cette nouvelle classe sera affectée à toutes les occurrences du clip ajoutées à l’animation par le
scénario, ou qui y seront ajoutées via les méthodes attachMovie ou duplicateMovieClip. Si
vous voulez que ces clips aient accès aux méthodes et aux propriétés de l’objet MovieClip
intégré, vous devrez rendre la nouvelle classe héritière de la classe MovieClip.
6
Entrez du code tel que le suivant dans le volet Script :
// hériter de la classe MovieClip
maClasseDeClip.prototype = new MovieClip();
La classe maClasseDeClip héritera désormais de toutes les propriétés et méthodes de la classe
MovieClip.
7
Entrez un code semblable au suivant pour définir les méthodes de gestionnaire d’événement de
la nouvelle classe :
// définir des méthodes de gestionnaire d’événement pour la classe
maClasseDeClip
maClasseDeClip.prototype.onLoad = function() {trace ("clip chargé");}
maClasseDeClip.prototype.onEnterFrame = function() {trace ("clip entré dans
l’image");}
8
Choisissez Fenêtre > Bibliothèque pour ouvrir le panneau Bibliothèque si ce dernier n’est pas
déjà ouvert.
9
Sélectionnez les symboles que vous voulez associer à votre nouvelle classe et choisissez Liaison
dans le menu déroulant en haut à droite du panneau Bibliothèque.
10
Dans la boîte de dialogue Propriétés de liaison, activez l’option Exporter pour ActionScript.
11
Entrez un identifiant dans le champ Identifiant.
L’identifiant doit être identique pour tous les symboles que vous voulez associer à la nouvelle
classe. Dans l’exemple maClasseDeClip, l’identifiant est Lidentifiant.
12
Entrez du code tel que le suivant dans le volet Script :
// enregistrer la classe
Object.registerClass("Lidentifiant", maClasseDeClip);
_root.attachMovie("Lidentifiant","monNom",1);
Utilisation des clips et boutons 297
Tout symbole dont l’identifiant de liaison est Lidentifiant est ainsi enregistré dans la classe
maClasseDeClip. Toutes les occurrences de maClasseDeClip possèdent des méthodes de
gestionnaire d’événement qui se comportent comme vous les avez définies à l’étape 6. Elles se
comportent également comme toutes les occurrences de la classe MovieClip, puisque vous avez
ordonné à la nouvelle classe d’hériter de cette dernière à l’étape 5.
function maClasseDeClip(){}
maClasseDeClip.prototype = new MovieClip();
maClasseDeClip.prototype.onLoad = function(){
trace("clip chargé");
}
maClasseDeClip.prototype.onPress = function(){
trace("enfoncé");
}
maClasseDeClip.prototype.onEnterFrame = function(){
trace("clip entré dans l’image");
}
maClasseDeClip.prototype.maFonction = function(){
trace("maFonction appelée");
}
Object.registerClass("monIDdeClip",maClasseDeClip);
_root.attachMovie("monIDdeClip","ablue2",3);
Manipulation des boutons avec ActionScript
Chaque bouton d’une animation Flash est un objet ActionScript de la classe Button, qui possède
ses propres propriétés et méthodes. Les boutons possèdent les mêmes propriétés que les clips, mais
certaines propriétés (_currentframe, _droptarget, _framesloaded et _totalframes) ne sont
pas supportées et renvoient la valeur undefined. La classe Button a deux propriétés
supplémentaires : useHandCursor, qui permet de décider si le curseur prend l’apparence d’une
main lorsqu’il passe au-dessus d’un bouton, et enabled, qui permet de définir si un bouton est
actif ou non.
Vous pouvez donner un nom d’occurrence à un bouton dans l’inspecteur des propriétés et utiliser
un chemin cible pour le manipuler avec ActionScript. Pour rédiger un chemin cible pour une
occurrence de bouton, rédigez-le dans le clip où se trouve le bouton, puis ajoutez un point (.) et
le nom d’occurrence du bouton. L’exemple suivant désactive l’occurrence du bouton monBouton
dans le scénario du clip clipEnfant, qui se trouve dans le scénario du clip clipParent :
clipParent.clipEnfant.monBouton.enabled = false;
Une liste complète des méthodes et propriétés de l’objet Button apparaît sous l’entrée Button
(objet) du dictionnaire ActionScript (via le menu Aide).
298 Chapitre 13
CHAPITRE 14
Création d’interactivité avec ActionScript
Dans une animation simple, Macromedia Flash MX lit les séquences et les images de l’animation
de façon séquentielle. Dans une animation interactive, votre public utilise le clavier et la souris
pour atteindre les différentes parties d’une animation, pour déplacer des objets, entrer des
informations dans des formulaires et effectuer bien d’autres opérations interactives
Vous utiliserez ActionScript pour créer des scripts qui indiquent à Flash l’action à exécuter
lorsqu’un événement survient. Certains événements pouvant déclencher un script se produisent
lorsque la tête de lecture arrive sur une image, lorsqu’un clip est chargé ou purgé, ou lorsque
l’utilisateur clique sur un bouton ou appuie sur des touches du clavier.
Les scripts peuvent prendre la forme d’une seule action (par exemple, indiquer à une animation
de cesser la lecture) ou d’une série d’actions (par exemple, évaluer une condition avant d’effectuer
une action). De nombreuses actions sont simples et permettent de créer des contrôles de base
pour une animation. D’autres actions exigent une certaine connaissance des langages de
programmation et sont destinées à un développement avancé.
Contrôle de la lecture de clips
Les actions de base suivantes permettent de contrôler la tête de lecture dans le scénario et de
charger une nouvelle page web dans une fenêtre de navigateur :
• L’action goto permet d’atteindre une image ou séquence.
• Les actions play et stop entraînent la lecture et l’arrêt des animations.
• L’action getURL permet d’atteindre une URL différente.
Cette section contient les instructions nécessaires à l’utilisation du panneau Actions en mode
Normal pour affecter ces actions aux images, boutons et clips de votre document.
299
Déplacement vers une image ou une séquence
Pour atteindre une image ou séquence spécifique de l’animation, vous utiliserez l’action goto.
Lorsque l’animation se place sur une image, vous pouvez choisir des paramètres qui permettent de
lire l’animation depuis la nouvelle image (par défaut) ou d’arrêter la lecture à cette image. En
mode Expert, l’action goto est indiquée sous la forme de deux actions dans la boîte à outils
Actions : gotoAndPlay et gotoAndStop. L’animation peut également passer à une séquence et
lire une image spécifiée ou la première image de la séquence suivante ou précédente.
Pour passer à une image ou séquence :
1
Sélectionnez l’image, l’occurrence de bouton ou l’occurrence de clip à laquelle vous souhaitez
affecter l’action.
2
Choisissez Fenêtre > Actions pour afficher le panneau Actions si ce dernier n’est pas déjà
visible. Si le panneau Actions n’est pas en mode Normal, choisissez Mode Normal dans le
menu déroulant Options d’affichage.
3
Dans la boîte à outils Actions, cliquez sur la catégorie Actions, puis sur Contrôle de
l’animation et double-cliquez sur l’action goto.
Flash insère l’action gotoAndPlay dans le volet Script.
4
Pour que la lecture de l’animation continue après le déplacement, laissez l’option Atteindre et
lire (la valeur par défaut) activée dans les paramètres. Pour arrêter l’animation après le
déplacement, activez l’option Atteindre et arrêter.
5
Dans le menu déroulant Séquence du panneau Paramètres, spécifiez la séquence de
destination :
Si vous sélectionnez Séquence précédente ou Séquence suivante, la tête de lecture passe à la
première image de la séquence suivante ou précédente. Si vous sélectionnez Séquence actuelle
ou une séquence à laquelle vous avez donné un nom, vous devez indiquer une image à laquelle
la tête de lecture pourra passer.
6
Dans le menu déroulant Type du panneau Paramètres, choisissez une image de destination :
• Les options Image suivante ou Image précédente fixent l’image suivante ou précédente comme
destination.
• Les options Numéro d’image, Etiquette d’image ou Expression vous permettent de spécifier
une image. Une expression faisant partie d’une instruction produisant une valeur, telle
que 1 + 1.
7
Si vous avez choisi Numéro d’image, Etiquette d’image ou Expression à l’étape 6, entrez
l’image par son numéro, son étiquette ou une expression produisant un numéro ou une
étiquette d’image.
L’action suivante envoie la tête de lecture à l’image 50, où la lecture continue :
gotoAndPlay(50);
300 Chapitre 14
L’action suivante envoie la tête de lecture sur une image qui se trouve cinq images devant celle
contenant l’action :
gotoAndStop(_currentframe + 5);
Pour plus d’informations sur la rédaction d’expressions, consultez Utilisation d’opérateurs pour
manipuler les valeurs des expressions, page 251.
Pour plus d’informations sur l’utilisation du panneau Actions en mode Normal et Expert,
consultez Chapitre 14, Création d’interactivité avec ActionScript, page 299.
Lecture et arrêt des animations
Sauf instruction contraire, une fois qu’elle a démarrée, l’animation lit toutes les images contenues
dans le scénario. Vous pouvez démarrer ou arrêter une animation avec les actions play et stop.
Par exemple, vous pouvez utiliser l’action stop pour arrêter une animation à la fin d’une séquence
avant de passer à la séquence suivante. Une fois arrêtée, l’animation doit être explicitement
redémarrée, avec l’action play.
Vous pouvez utiliser les actions play et stop pour contrôler le scénario principal ou celui de tout
clip ou animation chargé. Le clip que vous souhaitez contrôler doit posséder un nom d’occurrence
et doit être présent dans le scénario. Pour plus d’informations, consultez Utilisation des clips et
boutons, sous Aide > Utilisation de Flash.
Pour arrêter une animation :
1
Sélectionnez l’image, l’occurrence de bouton ou l’occurrence de clip à laquelle vous souhaitez
affecter l’action.
2
Choisissez Fenêtre > Actions pour afficher le panneau Actions si ce dernier n’est pas déjà
visible. Si le panneau Actions n’est pas en mode Normal, choisissez Mode Normal dans le
menu déroulant Options d’affichage.
3
Dans la boîte à outils Actions, cliquez sur la catégorie Actions, puis sur Contrôle de
l’animation et sélectionnez l’action stop.
Si l’action est associée à une image, le code suivant apparaît dans le volet Script :
stop();
Si l’action est associée à un bouton, elle est automatiquement incluse dans un gestionnaire on
(mouse event), comme illustré ci-dessous :
on (release) {
stop();
}
Si l’action est associée à un clip, elle est automatiquement incluse dans un gestionnaire
onClipEvent, comme illustré ci-dessous :
onClipEvent(load) {
stop();
}
Remarque La présence de parenthèses vides derrière une action indique qu’elle ne possède aucun paramètre.
Création d’interactivité avec ActionScript 301
Pour lire une animation :
1
Sélectionnez l’image, le bouton ou le clip auquel vous affecterez l’action.
2
Choisissez Fenêtre > Actions pour afficher le panneau Actions si ce dernier n’est pas déjà
visible. Si le panneau Actions n’est pas en mode Normal, choisissez Mode Normal dans le
menu déroulant Options d’affichage.
3
Dans la boîte à outils Actions, cliquez sur la catégorie Actions, puis sur Contrôle de
l’animation et double-cliquez sur l’action play.
Si l’action est associée à une image, le code suivant apparaît dans le volet Script :
play();
Si l’action est associée à un bouton, elle est automatiquement incluse dans un gestionnaire on
(mouse event), comme illustré ci-dessous :
on (release) {
play();
}
Si l’action est associée à un clip, elle est automatiquement incluse dans un gestionnaire
onClipEvent, comme illustré ci-dessous :
onClipEvent(load) {
play();
}
Déplacement vers une URL différente
Pour ouvrir une page web dans une fenêtre de navigateur ou pour transmettre des données à une
autre application à une URL définie, vous pouvez utiliser l’action getURL. Par exemple, vous
pouvez lier un bouton à un nouveau site web ou pouvez envoyer des données à un script CGI
pour traitement de la même manière que vous le feriez pour un formulaire HTML.
Dans la procédure suivante, le fichier demandé doit se trouver à l’emplacement spécifié et les
URL absolues doivent avoir une connexion réseau (par exemple, http://www.monServeur.fr/).
Pour plus d’informations sur la transmission de variables, consultez Connexion à des sources
externes, sous Aide > Utilisation de Flash.
Pour atteindre une URL :
1
Sélectionnez l’image, l’occurrence de bouton ou l’occurrence de clip à laquelle vous souhaitez
affecter l’action.
2
Choisissez Fenêtre > Actions pour afficher le panneau Actions si ce dernier n’est pas déjà
visible. Si le panneau Actions n’est pas en mode Normal, choisissez Mode Normal dans le
menu déroulant Options d’affichage.
3
Dans la boîte à outils Actions, cliquez sur la catégorie Actions, puis sur Navigateur/réseau et
double-cliquez sur l’action getURL.
4
Dans le panneau Paramètres, entrez l’URL à partir de laquelle récupérer le document ou à
laquelle envoyer des données :
302 Chapitre 14
• Utilisez soit un chemin relatif, tel que maPage.html, soit un chemin absolu, tel que
http://www.monDomaine.fr/maPage.html.
Un chemin relatif vous permet de décrire l’emplacement d’un fichier par rapport à un autre et
indique à Flash de monter ou de descendre dans la hiérarchie de fichiers et dossiers, en
commençant par le fichier d’où est issue l’instruction getURL. Un chemin absolu est une
adresse complète spécifiant le nom du serveur sur lequel se trouve le fichier, son chemin (la
hiérarchie imbriquée des répertoires, volumes, dossiers, etc.) et son nom. Pour plus
d’informations sur la rédaction des chemins, consultez A propos des chemins cibles absolus et
relatifs, sous Aide > Utilisation de Flash.
• Pour obtenir une URL basée sur la valeur d’une expression, activez l’option Expression et
entrez une expression qui évalue l’emplacement de l’URL.
Par exemple, l’instruction suivante indique que l’URL est la valeur de la variable
URLdynamique :
getURL(URLdynamique);
Pour plus d’informations sur la rédaction d’expressions, consultez Chapitre 12, Le langage
ActionScript, page 229.
5
Pour Fenêtre, spécifiez la fenêtre ou le cadre HTML dans lequel le document sera chargé,
comme suit :
• Choisissez parmi la liste des noms de cibles réservés suivante :
_self
spécifie l’image courante dans la fenêtre courante.
_blank
spécifie une nouvelle fenêtre.
_parent
_top
spécifie le parent de l’image courante.
spécifie l’image de premier niveau dans la fenêtre courante.
• Entrez le nom d’une fenêtre ou d’un cadre spécifique tel qu’il apparaît dans le fichier HTML.
• Activez l’option Expression et entrez l’expression qui évalue l’emplacement de la fenêtre.
6
Pour Variable, choisissez une méthode d’envoi des variables pour l’animation chargée à
l’emplacement répertorié dans le champ URL :
• Choisissez Envoyer à l’aide de la méthode Get pour ajouter un petit nombre de variables à la
fin de l’URL. Par exemple, utilisez cette option pour envoyer les valeurs des variables d’une
animation Flash à un script côté serveur.
• Choisissez Envoyer à l’aide de la méthode Post pour envoyer les variables et l’URL séparément,
sous forme de chaînes plus longues dans un en-tête séparé, ce qui vous permet d’envoyer plus
de variables mais aussi d’envoyer les informations issues d’un formulaire à un script CGI sur le
serveur.
• Choisissez Ne pas envoyer pour empêcher la transmission de variables.
Votre code devrait ressembler à l’exemple suivant :
getUrl ("page2.html", "blank");
L’action getURL charge le fichier HTML page2.html dans une nouvelle fenêtre de navigateur.
Pour plus d’informations sur l’action getURL, consultez l’entrée correspondante dans le
dictionnaire ActionScript (via le menu Aide).
Création d’interactivité avec ActionScript 303
Création d’interactivité complexe
Pour créer une interactivité plus complexe, vous devez comprendre les techniques suivantes :
•
•
•
•
•
•
Création d’un curseur personnalisé
Obtention de la position de la souris
Capture des pressions sur les touches
Définition des valeurs des couleurs
Création de commandes audio
Détection des collisions
Création d’un curseur personnalisé
Un curseur standard est la représentation à l’écran, par le système d’exploitation, du pointeur de
souris de l’utilisateur. Si vous remplacez le curseur standard par un curseur réalisé dans Flash, vous
pouvez intégrer plus étroitement les mouvements de la souris de l’utilisateur dans
l’environnement de l’animation. L’exemple de cette section utilise un curseur personnalisé qui
ressemble à une grande flèche. La puissance de cette fonctionnalité réside toutefois dans la
possibilité qu’elle offre de donner au curseur n’importe quelle apparence (par exemple un ballon
de football qui doit franchir la ligne de but, ou un rouleau de tissu que l’utilisateur tire au-dessus
d’un canapé afin de modifier sa couleur).
Pour créer un curseur personnalisé, vous devez créer son clip sur la scène. Ensuite, dans
ActionScript, vous masquez le curseur standard et associez le clip aux mouvements du curseur.
Pour masquer le curseur standard, vous utiliserez la méthode hide de l’objet intégré Mouse. Pour
utiliser un clip comme curseur personnalisé, vous utiliserez l’action startDrag.
Des actions associées à un clip pour créer un curseur personnalisé (voir customCursor.fla)
304 Chapitre 14
Pour créer un curseur personnalisé :
1
Créez un clip qui sera utilisé comme curseur personnalisé.
2
Sélectionnez l’occurrence de clip sur la scène.
3
Choisissez Fenêtre > Actions pour ouvrir le panneau Actions si ce dernier n’est pas déjà visible.
4
Pour masquer le curseur standard, dans la boîte à outils Actions, cliquez sur la catégorie Objets,
puis sur Animation, puis sur Mouse, puis sur Méthodes et double-cliquez sur hide.
Le code doit avoir cette forme :
onClipEvent(load) {
Mouse.hide();
}
5
Pour appliquer le nouveau curseur, dans la boîte à outils Actions, cliquez sur la catégorie
Actions, puis sur Contrôle sur les clips et double-cliquez sur startDrag.
6
Pour limiter le déplacement de la souris, activez l’option Expression et indiquez this comme
cible. Activez ensuite les options Verrouiller la souris au centre et Contraindre en rectangle,
puis entrez des valeurs. Par exemple, vous pourriez entrer les informations suivantes :
G:0
H : 46
D : 400
B : 280
Le code devrait avoir cette forme :
onClipEvent(load) {
Mouse.hide();
startDrag(this, true, 0, 46, 400, 280);
}
7
Choisissez Contrôle > Tester l’animation pour tester votre curseur personnalisé.
Les boutons fonctionnent encore lorsque vous utilisez un curseur personnalisé. Il est conseillé de
placer le curseur personnalisé sur le calque supérieur du scénario de sorte qu’il passe à l’avant des
boutons et des autres objets lorsque vous déplacez la souris dans l’animation.
Pour plus d’informations sur les méthodes de l’objet Mouse, consultez le dictionnaire
ActionScript (à partir du menu Aide).
Création d’interactivité avec ActionScript 305
Obtention de la position de la souris
Le suivi de l’emplacement de la souris permet d’obtenir des informations sur les mouvements
effectués par l’utilisateur dans votre animation. Ces informations vous permettent de lier le
comportement de l’utilisateur aux événements de l’animation. Vous pouvez utiliser les propriétés
_xmouse et _ymouse pour déterminer la position du pointeur de la souris (curseur) dans une
animation. Chaque scénario possède une propriété _xmouse et _ymouse qui renvoie
l’emplacement de la souris dans son système de coordonnées. La position est toujours donnée par
rapport au point d’alignement. Pour le scénario principal, (_level0), le point d’alignement se
trouve dans le coin supérieur gauche.
Les propriétés _xmouse et _ymouse dans le scénario principal et dans le scénario d’un clip, (voir
mouse_position.fla)
Les procédures suivantes représentent deux manières d’obtenir la position de la souris.
Pour obtenir la position actuelle de la souris dans le scénario principal :
1
Créez deux champs de texte dynamique et nommez-les x_pos et y_pos.
2
Choisissez Fenêtre > Actions pour ouvrir le panneau Actions si ce dernier n’est pas déjà visible.
3
Pour renvoyer la position de la souris dans le scénario principal, ajoutez le code suivant à
n’importe quelle image de l’animation _level0 :
x_pos = _root._xmouse;
y_pos = _root._ymouse;
Les variables x_pos et y_pos sont utilisées en tant que conteneurs pour stocker les valeurs des
positions de la souris. Vous pouvez utiliser ces variables dans n’importe quel script de votre
document. Dans le code suivant, les valeurs de x_pos et y_pos sont mises à jour à chaque fois que
l’utilisateur déplace la souris.
onClipEvent(mouseMove){
x_pos = _root._xmouse;
y_pos = _root._ymouse;
}
306 Chapitre 14
Pour obtenir la position actuelle de la souris dans un clip :
1
Créez un clip.
2
Sélectionnez l’occurrence de clip sur la scène. Utilisez l’inspecteur des propriétés pour le
nommer monClip.
3
Choisissez Fenêtre > Actions pour ouvrir le panneau Actions si ce dernier n’est pas déjà visible.
4
Utilisez le nom de l’occurrence de clip pour renvoyer la position de la souris dans le scénario
principal.
Par exemple, vous pouvez placer l’instruction suivante dans n’importe quel scénario de
l’animation _level0 pour renvoyer la position _ymouse de l’occurrence monClip :
x_pos = _root.monClip._xmouse
y_pos = _root.monClip._ymouse
Le code renvoie les positions _xpos et _ypos de la souris par rapport au point d’alignement.
5
Choisissez Contrôle > Tester l’animation pour tester l’animation.
Vous pouvez également déterminer la position de la souris à l’intérieur d’un clip en utilisant les
propriétés _xmouse et _ymouse dans un événement de clip, comme dans le code suivant :
onClipEvent(enterFrame) {
xmousePosition = _xmouse;
ymousePosition = _ymouse;
}
Pour plus d’informations sur les propriétés _xmouse et _ymouse, consultez le dictionnaire
ActionScript (via le menu Aide).
Capture des pressions sur les touches
Vous pouvez utiliser les méthodes de l’objet intégré Key pour détecter la dernière touche enfoncée
par l’utilisateur. L’objet Key ne requiert pas de fonction constructeur ; pour utiliser ses méthodes,
vous appellerez simplement l’objet même, comme dans l’exemple suivant :
Key.getCode();
Vous pouvez obtenir les codes des touches ou les valeurs ASCII des touches enfoncées :
• Pour obtenir le code de la dernière touche enfoncée par l’utilisateur, utilisez la méthode
getCode.
• Pour obtenir la valeur ASCII de la dernière touche enfoncée par l’utilisateur, utilisez la
méthode getAscii.
Un code est affecté à chaque touche physique du clavier. Par exemple, la touche Flèche gauche
possède le code virtuel de touche 37. L’utilisation d’un code de touche vous permet de vous
assurer que les commandes de votre animation sont les mêmes sur chaque clavier, quelle que soit
la langue ou la plate-forme utilisée.
Les valeurs ASCII sont affectées aux 127 premiers caractères de chaque jeu de caractères. Les
valeurs ASCII fournissent des informations sur un caractère affiché à l’écran. Par exemple, la lettre
« A » et la lettre « a » ont des valeurs ASCII différentes.
Création d’interactivité avec ActionScript 307
Pour décider des touches que vous allez utiliser et déterminer leurs codes, utilisez l’une des
approches suivantes :
• La liste des codes de touches est publiée dans Touches du clavier et valeurs de code
correspondantes, sous Aide > Utilisation de Flash.
• Utilisez une constante d’objet Key. Dans la boîte à outils Actions, cliquez sur la catégorie
Objets, puis sur Animation, puis sur Key, puis sur Constantes.
• Affectez l’action de clip suivante, puis choisissez Contrôle > Tester l’animation et appuyez sur
la touche choisie :
onClipEvent(keyDown) {
trace(Key.getCode());
}
Le code de la touche souhaitée apparaît dans la fenêtre Sortie.
Les méthodes de l’objet Key sont fréquemment placées dans un gestionnaire d’événement. Dans
l’exemple suivant, l’utilisateur déplace la voiture à l’aide des touches fléchées. La méthode
Key.isDown indique si la touche enfoncée est la flèche vers la droite, la gauche, le haut ou le bas.
Le gestionnaire d’événement, onEnterFrame, détermine la valeur de
Key.isDown(codeDeTouche) à partir des instructions if. En fonction de la valeur, le
gestionnaire indique à Flash Player de mettre à jour la position de la voiture et d’afficher sa
direction.
La saisie avec les touches du clavier entraîne le déplacement de la voiture (voir keyCode.fla)
La procédure suivante indique comment capturer les pressions sur les touches, en utilisant une
voiture comme exemple.
308 Chapitre 14
Pour créer un clip activé via le clavier :
1
Sur la scène, créez un clip qui se déplacera en réponse aux touches fléchées du clavier.
Dans cet exemple, le nom de l’occurrence de clip est car.
2
Sur la scène, créez un champ de texte dynamique qui sera mis à jour en fonction de la direction
de la voiture. Utilisez l’inspecteur des propriétés pour lui donner un nom de variable de
display.
Remarque Ne confondez pas le nom des variables avec celui des occurrences.
3
Sélectionnez l’image 1 dans le scénario, puis choisissez Fenêtre > Actions pour ouvrir le
panneau Actions si ce dernier n’est pas déjà visible.
4
Pour définir la vitesse à laquelle la voiture se déplace à l’écran après chaque pression sur une
touche, cliquez sur la catégorie Actions dans la boîte à outils du panneau Actions, puis sur
Variables et double-cliquez sur set variable, et nommez enfin la variable speed. Activez
ensuite l’option Expression pour Valeur et entrez une valeur de 10.
5
Pour créer le gestionnaire d’événement qui traite l’événement et le comportement qui en
résulte, dans la boîte à outils Actions, cliquez sur la catégorie Objets, puis sur Animation, puis
sur MovieClip, puis sur Evénements et double-cliquez sur onEnterFrame. Entrez car comme
nom d’objet.
6
Cliquez dans le champ Paramètres afin d’y placer le point d’insertion. Cliquez ensuite sur la
catégorie Actions, puis sur Variables et double-cliquez sur with. Entrez car comme nom
d’objet.
Le code devrait avoir cette forme :
speed = 10;
car.onEnterFrame = function() {
with (car) {
}
};
7
Pour ajouter les conditions au gestionnaire d’événement, dans la boîte à outils Actions, cliquez
sur la catégorie Actions, puis sur Conditions/boucles et double-cliquez sur if.
8
Cliquez dans le champ Condition afin d’y placer le point d’insertion. Cliquez sur la catégorie
Objets, puis sur Animation, puis sur Key, puis sur Méthodes, et double-cliquez sur isDown.
Cliquez ensuite sur la catégorie Objets, puis sur Animation, puis sur Key, puis sur Constantes
et double-cliquez sur RIGHT pour le code de touche.
speed = 10;
car.onEnterFrame = function() {
with (car) {
if (Key.isDown(Key.RIGHT)) {
}
}
};
Ensuite, l’instruction if doit recevoir des paramètres au cas où Key.isDown(Key.RIGHT) est
true. En d’autres termes, si la touche portant une flèche vers la droite est enfoncée, la voiture
doit tourner à droite et la valeur de la propriété _x doit augmenter. En outre, les mots Flèche
droite doivent être affichés dans l’animation, ce qui exige la mise à jour du champ de texte
dynamique.
Création d’interactivité avec ActionScript 309
9
Pour entrer les instructions conditionnelles, dans la boîte à outils Actions, cliquez sur la
catégorie Opérateurs, puis sur Affectation, et faites glisser += sur la ligne 5 du volet Script
(entre les parenthèses de l’instruction if ). Entrez le code suivant dans le champ Expression :
_x += speed
10
Pour empêcher la voiture de sortir du bord droit de l’animation, ajoutez une instruction if
imbriquée. Dans la boîte à outils Actions, cliquez sur la catégorie Actions, puis sur Conditions/
boucles, et faites glisser if sur la ligne 6 du volet Script. Entrez le code suivant dans le champ
Condition :
_x > 339
11
Cliquez sur la catégorie Actions, puis sur Variables et double-cliquez sur set variable.
Entrez _x = 339 dans le champ Expression.
12
Pour mettre à jour le champ de texte dynamique, dans la boîte à outils Actions, cliquez sur la
catégorie Actions, puis sur Variables et faites glisser set variable sur la ligne 9 du volet
Script. Entrez _root.display dans le champ Variable et Flèche droite dans le champ
Valeur.
Le code devrait avoir cette forme :
speed = 10;
car.onEnterFrame = function() {
with (car) {
if (Key.isDown(Key.RIGHT)) {
_x += speed;
if (_x >= 339) {
_x = 339;
}
_root.display = "Flèche droite";
}
}
};
Vous pouvez à présent tester l’animation (Contrôle > Tester l’animation), mais la voiture ne se
déplacera que vers la droite.
310 Chapitre 14
13
Pour ajouter le mouvement vers la gauche, le haut et le bas, dans la boîte à outils Actions,
cliquez sur la catégorie Actions, puis sur Conditions/boucles et faites glisser else if sur la
ligne 10 du volet Script. Répétez ensuite les étapes 8 à 11 en modifiant les détails des
paramètres comme dans le code suivant:
} else if (Key.isDown(Key.LEFT)) {
_x -= speed;
if (_x < 60) {
_x = 60;
}
_root.display = "Flèche gauche";
} else if (Key.isDown(Key.UP)) {
_y -= speed;
if (_y < 114) {
_y = 114;
}
_root.display = "Flèche haut";
} else if (Key.isDown(Key.DOWN)) {
_y += speed;
if (_y > 244) {
_y = 244;
}
_root.display = "Flèche bas";
}
Veillez à placer le code sur les lignes appropriées (10 à 28). La parenthèse qui ferme
l’instruction if extérieure et celle qui ferme le gestionnaire d’événement doivent suivre sur les
lignes 29 et 30.
14
Choisissez Contrôle > Tester l’animation pour tester l’animation.
Pour plus d’informations sur les méthodes de l’objet Key, consultez le dictionnaire ActionScript
(via le menu Aide).
Création d’interactivité avec ActionScript
311
Définition des valeurs des couleurs
Vous pouvez utiliser les méthodes de l’objet intégré Color pour définir la couleur d’un clip. La
méthode setRGB affecte des valeurs RVB (rouge, vert, bleu) hexadécimales à l’objet. L’exemple
suivant utilise setRGB pour changer la couleur d’un objet en réponse aux actions de l’utilisateur.
L’action de bouton crée un objet Color et change la couleur de la voiture en réponse aux actions de
l’utilisateur (voir setRGB.fla)
Pour définir la valeur de couleur d’un clip :
1
Sélectionnez un clip sur la scène.
2
Dans l’inspecteur des propriétés, entrez carColor comme nom d’occurrence.
3
Créez un bouton nommé color chip, placez quatre occurrences de ce bouton sur la scène et
nommez-les red, green, blue et black.
4
Sélectionnez l’image 1 dans le scénario principal, puis choisissez Fenêtre > Actions.
5
Pour créer un objet Color, dans la boîte à outils Actions, cliquez sur la catégorie Objets, puis
sur Animation, puis sur Color et double-cliquez sur new Color, puis choisissez
_root.carColor comme cible. Entrez myColor = dans le champ Expression.
Le code devrait avoir cette forme :
myColor = new Color(_root.carColor);
312 Chapitre 14
6
Pour associer un événement à un objet, dans la boîte à outils Actions, cliquez sur la catégorie
Objets, puis sur Animation, puis sur MovieClip, puis sur Evénements et double-cliquez sur
onRelease. Enter le nom d’occurrence de bouton – soit _root.red, _root.green,
_root.blue, ou _root.black – dans le champ Objet.
7
Dans la boîte à outils Actions, cliquez sur la catégorie Objets, puis sur Animation, puis sur
Color, puis sur Méthodes et double-cliquez sur setRGB. Entrez le nom d’objet maCouleur
dans le champ Objet. Entrez la représentation hexadécimale de la couleur dans le champ
Paramètres :
8
Couleur
Valeur hexadécimale
Rouge
0xff0000
Vert
0x00ff00
Bleu
0x0000ff
Noir
0x000000
Répétez les étapes 6 et 7 pour les quatre couleurs, de façon à obtenir le code suivant :
myColor = new Color(_root.carColor)
_root.blue.onRelease = function(){
myColor.setRGB(0x0000ff)
}
_root.red.onRelease = function(){
myColor.setRGB(0xff0000)
}
_root.green.onRelease = function(){
myColor.setRGB(0x00ff00)
}
_root.black.onRelease = function(){
myColor.setRGB(0x000000)
}
9
Choisissez Contrôle > Tester l’animation pour changer la couleur du clip.
Pour plus d’informations sur les méthodes de l’objet Color, consultez le dictionnaire ActionScript
(à partir du menu Aide).
Création d’interactivité avec ActionScript 313
Création de commandes audio
L’objet intégré Sound permet de contrôler les sons d’une animation. Pour utiliser les méthodes de
l’objet Sound, vous devez tout d’abord en créer un nouveau. Vous pouvez ensuite utiliser la
méthode attachSound pour insérer un son de la bibliothèque dans une animation pendant sa
lecture.
Une chanson est lue lorsque l’utilisateur relâche le bouton de lecture (voir sound.fla)
314 Chapitre 14
La méthode setVolume de l’objet Sound contrôle le volume et la méthode setPan règle la
balance gauche et droite d’un son.
La méthode setVolume est appelée lorsque l’utilisateur fait glisser le potentiomètre de volume (voir
sound.fla)
Les procédures suivantes expliquent comment créer des contrôles audio semblables à ceux qui
sont présentés ci-dessus.
Pour associer un son à un scénario :
1
Choisissez Fichier > Importer pour importer un son.
2
Sélectionnez le son dans la bibliothèque, cliquez du bouton droit et choisissez Options >
Liaison.
3
Activez les options Exporter pour ActionScript et Exporter dans la première image, puis
affectez-lui l’identifiant a_thousand_ways.
4
Ajoutez un bouton sur la scène et appelez-le playButtton.
5
Ajoutez un bouton sur la scène et appelez-le stopButton.
6
Ajoutez un clip sur la scène et appelez-le speaker.
7
Sélectionnez l’image 1 dans le scénario principal, puis choisissez Fenêtre > Actions.
Création d’interactivité avec ActionScript 315
8
Pour mettre l’animation en pause jusqu’à ce que l’utilisateur clique sur le bouton de lecture,
dans la boîte à outils Actions, cliquez sur la catégorie Objets, puis sur Animation, puis sur
Sound, puis sur Méthodes et double-cliquez sur stop. Entrez _root.speaker dans le champ
Objet.
9
Pour créer un objet Sound, dans la boîte à outils Actions, cliquez sur la catégorie Objets, puis
sur Animation, puis sur Sound et double-cliquez sur new Sound. Entrez song = dans le
champ Expression.
10
Dans la boîte à outils Actions, cliquez sur la catégorie Objets, puis sur Animation, puis sur
Sound, puis sur Méthodes et double-cliquez sur attachSound. Entrez chanson dans le champ
Objet et "a_thousand_ways" (y compris les guillemets) dans le champ Paramètres.
11
Pour démarrer la lecture, dans la boîte à outils Actions, cliquez sur la catégorie Objets, puis sur
Animation, puis sur Sound, puis sur Méthodes et double-cliquez sur start.
12
Pour activer le haut-parleur, dans la boîte à outils Actions, cliquez sur la catégorie Objets, puis
sur Animation, puis sur MovieClip, puis sur Méthodes et double-cliquez sur play. Entrez
_root.speaker dans le champ Objet.
Le code devrait avoir cette forme :
_root.speaker.stop();
song = new Sound();
song.attachSound("a_thousand_ways");
_root.playButton.onRelease = function() {
song.start();
_root.speaker.play();
};
13
Pour arrêter le haut-parleur à la fin de la chanson, dans la boîte à outils Actions, cliquez sur la
catégorie Objets, puis sur Animation, puis sur Sound, puis sur Méthodes et double-cliquez sur
onSoundComplete. Entrez song dans le champ Objet. Entrez onSoundComplete dans le
champ Méthode.
14
Dans la boîte à outils Actions, cliquez sur la catégorie Objets, puis sur Animation, puis sur
Sound, puis sur Méthodes et double-cliquez sur stop. Entrez _root.speaker dans le champ
Objet.
Le code devrait avoir cette forme :
_root.speaker.stop();
song = new Sound();
song.attachSound("a_thousand_ways");
_root.playButton.onRelease = function() {
song.start();
_root.speaker.play();
song.onSoundComplete = function() {
_root.speaker.stop();
};
};
15
Choisissez Contrôle > Tester l’animation pour écouter le son.
316 Chapitre 14
Pour créer une commande de volume réglable :
1
Faites glisser un bouton sur la scène.
2
Sélectionnez le bouton et choisissez Insertion > Convertir en symbole. Faites attention à bien
choisir le comportement de clip.
Cela crée un clip avec le bouton sur sa première image.
3
Sélectionnez le clip et choisissez Edition > Modifier le symbole.
4
Sélectionnez le bouton et choisissez Fenêtre > Actions.
5
Entrez les actions suivantes :
on (press) {
startDrag("", false, left, top, right, bottom);
}
on (release) {
stopDrag();
}
Les paramètres de startDrag, left, top, right et bottom, sont des variables définies dans
une action de clip.
6
Choisissez Edition > Modifier le document pour revenir au scénario principal.
7
Sélectionnez le clip sur la scène.
8
Entrez les actions suivantes :
onClipEvent(load) {
top = _y;
bottom = _y;
left = _x;
right = _x+100;
_x += 100;
}
onClipEvent (enterFrame) {
_root.song.setVolume(_x-left);
}
9
Choisissez Contrôle > Tester l’animation pour utiliser la commande de volume.
Pour créer une commande de balance réglable :
1
Faites glisser un bouton sur la scène.
2
Sélectionnez le bouton et choisissez Insertion > Convertir en symbole. Choisissez la propriété
du clip.
3
Sélectionnez le clip et choisissez Edition > Modifier le symbole.
4
Sélectionnez le bouton et choisissez Fenêtre > Actions.
Création d’interactivité avec ActionScript 317
5
Entrez les actions suivantes :
on (press) {
startDrag ("", false, left, top, right, bottom);
dragging = true;
}
on (release, releaseOutside) {
stopDrag ();
dragging = false;
}
Les paramètres de startDrag, left, top, right et bottom, sont des variables définies dans
une action de clip.
6
Choisissez Edition > Modifier le document pour revenir au scénario principal.
7
Sélectionnez le clip sur la scène.
8
Entrez les actions suivantes :
onClipEvent(load) {
top=_y;
bottom=_y;
left=_x-50;
right=_x+50;
center=_x;
}
onClipEvent(enterFrame){
if (dragging==true){
_root.s.setPan((_x-center)*2);
}
}
9
Choisissez Contrôle > Tester l’animation pour utiliser la commande de balance.
Pour plus d’informations sur les méthodes de l’objet Sound, consultez le dictionnaire
ActionScript (via le menu Aide).
318 Chapitre 14
Détection des collisions
La méthode hitTest de l’objet MovieClip détecte les collisions dans une animation. Elle vérifie si
un objet est entré en collision avec un clip et renvoie une valeur booléenne (true ou false).
Il existe deux situations où il peut être utile de savoir si une collision s’est produite : pour tester si
l’utilisateur a atteint une zone statique précise de la scène, et pour déterminer si un clip en a
atteint un autre. La méthode hitTest permet de déterminer ces résultats.
Vous pouvez utiliser les paramètres de la méthode hitTest pour définir les coordonnées x et y
d’une zone de collision sur la scène ou utiliser le chemin cible d’un autre clip comme zone de
collision. Lorsque vous définissez x et y, hitTest renvoie true si le point identifié par (x,y) n’est
pas transparent. Si une cible est transmise à hitTest, les cadres de délimitation des deux clips
sont comparés. S’ils se chevauchent, hitTest renvoie true. Si les deux ne se coupent pas,
hitTest renvoie false.
« True » apparaît dans le champ de texte lorsque le pointeur de la souris se trouve au-dessus de la
carrosserie de la voiture (voir shape_flag.fla)
Création d’interactivité avec ActionScript 319
Vous pouvez également utiliser la méthode hitTest pour tester une collision entre deux clips.
« True » apparaît dans le champ de texte lorsqu’un clip en touche un autre (voir hit_test.fla)
Les procédures suivantes indiquent comment détecter les collisions, en utilisant une voiture
comme exemple.
Pour détecter la collision entre un clip et un point de la scène (voir shape_flag.fla) :
1
Sélectionnez un clip sur la scène.
2
Créez un champ de texte dynamique sur la scène et entrez état comme nom d’occurrence
dans l’inspecteur des propriétés.
3
Choisissez Fenêtre > Actions pour ouvrir le panneau Actions si ce dernier n’est pas déjà visible.
4
Dans la boîte à outils du panneau Actions, cliquez sur la catégorie Actions, puis sur Variables et
double-cliquez sur set variable, puis nommez la variable _root.état. Activez l’option
Expression pour Valeur et entrez le code suivant dans le champ Valeur :
hitTest(_root._xmouse, _root._ymouse, true)
Flash ajoute automatiquement le gestionnaire onClipEvent.
5
Sélectionnez l’action onClipEvent et l’événement enterFrame.
6
Choisissez Contrôle > Tester l’animation et passez la souris sur le clip pour tester la collision.
La valeur true est affichée lorsque la souris se trouve au-dessus d’un pixel non transparent.
320 Chapitre 14
Pour détecter la collision entre deux clips (voir hit_test.fla) :
1
Faites glisser deux clips jusqu’à la scène et affectez-leur les noms d’occurrence voiture et zone.
2
Créez un champ de texte dynamique sur la scène et entrez état comme nom d’occurrence
dans l’inspecteur des propriétés.
3
Sélectionnez zone et choisissez Fenêtre > Actions pour ouvrir le panneau Actions si ce dernier
n’est pas déjà visible.
4
Pour appliquer le test hitTest, dans la boîte à outils Actions, cliquez sur la catégorie Actions,
puis sur Actions diverses et double-cliquez sur evaluate. Entrez le code suivant dans le champ
Expression :
_root.status=this.hitTest(_root.car);
Flash ajoute automatiquement le gestionnaire onClipEvent.
5
Sélectionnez l’action onClipEvent et l’événement enterFrame.
6
Sélectionnez car dans le menu déroulant en haut du panneau Actions.
7
Pour appliquer le mouvement à la voiture, dans la boîte à outils Actions, cliquez sur la
catégorie Actions, puis sur Contrôle sur les clips et double-cliquez sur startDrag.
8
Pour limiter le mouvement de la voiture, activez les options Verrouiller la souris au centre et
Contraindre en rectangle, puis entrez 4 pour la gauche, 70 pour le haut, 396 pour la droite et
273 pour le bas.
Flash ajoute automatiquement le gestionnaire onClipEvent.
9
Sélectionnez l’action onClipEvent dans le volet Script et sélectionnez l’événement
Mouse down.
Le code devrait avoir cette forme :
onClipEvent (mouseDown) {
startDrag("", true, 4, 70, 396, 273);
}
10
Pour arrêter la voiture, dans la boîte à outils Actions, cliquez sur la catégorie Actions, puis sur
Contrôle sur les clips et double-cliquez sur stopDrag.
Flash ajoute automatiquement le gestionnaire onClipEvent.
11
Sélectionnez l’action onClipEvent dans le volet Script et sélectionnez l’événement Mouse up.
Le code devrait avoir cette forme :
onClipEvent (mouseDown) {
startDrag("", true, 4, 70, 396, 273);
}
onClipEvent (mouseUp) {
stopDrag();
}
12
Choisissez Contrôle > Tester l’animation et faites glisser le clip pour tester la détection de
collisions.
Lorsque le cadre de délimitation de la voiture touche celui de la zone, l’état devient true.
Pour plus d’informations sur la méthode hitTest, consultez le dictionnaire ActionScript (via le
menu Aide).
Création d’interactivité avec ActionScript 321
322 Chapitre 14
CHAPITRE 15
Utilisation des composants
Les composants sont des clips complexes possédant des paramètres, définis pendant la création du
document, et un ensemble unique de méthodes ActionScript qui permettent de définir des
paramètres et des options complémentaires en cours d’exécution. Les composants remplacent et
améliorent les Smart Clips des versions précédentes de Macromedia Flash.
Macromedia Flash MX contient sept composants d’interface Flash : CheckBox, ComboBox,
ListBox, PushButton, RadioButton, ScrollBar et ScrollPane. Vous pouvez utiliser ces composants
séparément pour ajouter une interaction simple avec l’utilisateur dans une animation Flash, ou les
utiliser ensemble afin de créer une interface utilisateur complète pour les formulaires ou les
applications web.
Vous pouvez personnaliser l’apparence des composants de plusieurs façons :
• en modifiant les propriétés de couleur et de mise en forme du texte définies pour tous les
composants d’interface utilisateur de Flash dans le format de style global ;
• en modifiant les enveloppes des composants ;
• en créant de nouveaux formats de style personnalisés avec l’objet ActionScript FstyleFormat ;
• en remplaçant les éléments constitutifs de l’enveloppe d’un composant par de nouveaux
éléments personnalisés.
Nous vous recommandons de suivre le didacticiel des composants (Aide > Didacticiels >
Introduction aux composants) avant de commencer à utiliser les composants.
Vous pouvez aussi créer des composants personnalisés avec ActionScript. Pour plus
d’informations, consultez le centre de support de Flash, à http://www.macromedia.com/flash/
support.
Utilisation de composants dans Flash MX
La visualisation des composants et leur ajout à un document en cours de création s’effectuent
dans le panneau Composants. Vous pouvez consulter les propriétés des composants ajoutés à un
document dans l’inspecteur des propriétés ou le panneau Paramètres de composant.
Lorsque vous ajoutez un composant à un document, plusieurs éléments sont ajoutés à la
bibliothèque pour ce composant, tels que son clip, ses enveloppes (éléments graphiques) qui
contrôlent son apparence, et des éléments essentiels destinés aux développeurs qui veulent le
modifier.
323
Le panneau Composants
Tous les composants sont stockés dans le panneau Composants. Lorsque vous installez le
programme Flash et que vous le lancez pour la première fois, les composants d’interface utilisateur
sont les seuls à figurer dans le panneau Composants. Vous pouvez afficher des clips au moyen de
paramètres définis ou de composants personnalisés que vous importez ou créez dans le panneau
Composants, en plaçant le fichier FLA contenant les clips du composant dans le dossier
Flash MX/First Run/Components.
Pour afficher le panneau Composants :
Choisissez Fenêtre > Composants.
Le panneau Composants avec les composants d’interface Flash
Composants dans le panneau Bibliothèque
Lorsque vous ajoutez un ou plusieurs composants à un document Flash, un dossier Flash UI
Components est ajouté au panneau Bibliothèque. Ce dossier contient les éléments suivants :
• le clip du composant, représenté par une icône correspondant au type de composant ;
• un dossier Component Skins, contenant à son tour un dossier Global Skins où se trouvent les
éléments graphiques appliqués à tous les composants, ainsi qu’un dossier Skins destiné au type
de composant individuel ;
324 Chapitre 15
• un dossier Core Assets contenant les éléments destinés aux développeurs avancés, dont une API
Data Provider et la hiérarchie de classes utilisée par les composants.
Le dossier Flash UI Components de la bibliothèque, avec les clips des composants,
ainsi que les dossiers Component Skins et Core Assets
La structure du dossier de bibliothèque des composants personnalisés que vous créez ou importez
dépend de la manière dont les composants ont été développés. Vous pouvez ajouter plusieurs
occurrences d’un composant en faisant glisser son icône de la bibliothèque sur la scène.
Les dossiers Skins contiennent les symboles graphiques, appelés « enveloppes », qui servent à
afficher un type de composant dans un document Flash. Tous les composants utilisent les
enveloppes du dossier Global Skins. Par ailleurs, les composants possèdent des dossiers Skins
spécifiques à leur type. Les composants qui utilisent des barres de défilement partagent les
enveloppes du dossier FScrollBar Skins et le composant ListBox utilise les enveloppes du dossier
ComboBox Skins. Vous pouvez modifier les enveloppes contenues dans les dossiers afin de
modifier l’apparence des composants. Il est par contre impossible de modifier les composants en
double-cliquant sur leur occurrence.
Utilisation des composants 325
Composants dans l’inspecteur des propriétés et dans le panneau Paramètres
de composant
Après avoir ajouté une occurrence d’un composant dans un document Flash, utilisez l’inspecteur
des propriétés pour définir et consulter des informations à son sujet. Les occurrences de
composant sont créées par glisser-déposer sur la scène à partir du panneau Composants, puis en
nommant l’occurrence dans l’inspecteur des propriétés et en définissant ses paramètres au moyen
des champs de l’onglet Paramètres. Vous pouvez également définir les paramètres d’une
occurrence de composant à l’aide du panneau Paramètres de composant.
Pour consulter des informations au sujet d’une occurrence de composant dans l’inspecteur des
propriétés :
1
Choisissez Fenêtre > Propriétés.
2
Sélectionnez une occurrence de composant sur la scène.
3
Pour consulter les paramètres, cliquez sur l’onglet Paramètres.
Les paramètres d’un composant affichés dans l’inspecteur des propriétés
Pour consulter les paramètres d’une occurrence de composant dans le panneau Paramètres de
composant :
1
Choisissez Fenêtre > Paramètres de composant.
2
Sélectionnez une occurrence de composant sur la scène.
Le panneau Paramètres de composant
326 Chapitre 15
Utilisation de composants avec l’aperçu en direct
La fonction d’aperçu en direct permet de visualiser les composants sur la scène de la manière dont
ils apparaîtront dans l’animation publiée. L’aperçu en direct, activé par défaut, vous permet de
déterminer la taille et l’apparence approximatives du composant dans l’animation publiée. Cette
fonction ne répercute pas les modifications apportées aux paramètres des propriétés du
composant ou à ses enveloppes. Les composants de l’aperçu en direct ne fonctionnent pas. Pour
tester la fonctionnalité d’un composant, vous pouvez utiliser la commande Contrôle > Tester
l’animation.
Composant bouton-poussoir avec fonction d’aperçu en direct activée et désactivée
Pour activer ou désactiver l’aperçu en direct:
Choisissez Contrôle > Activer l’aperçu en direct. Une coche en regard de l’option indique qu’elle
est activée.
Ajout de composants aux documents Flash
Vous pouvez ajouter des composants à un document Flash via le panneau Composants ou au
moyen de la méthode ActionScript MovieClip.attachMovie.
• Les utilisateurs novices de Flash peuvent utiliser le panneau Composants pour ajouter des
composants à un document Flash, définir des paramètres de base au moyen de l’inspecteur des
propriétés ou du panneau Paramètres de composant, puis utiliser le panneau Actions pour
rédiger du code ActionScript qui contrôlera le composant.
• Les utilisateurs intermédiaires peuvent utiliser le panneau Composants pour ajouter des
composants à un document Flash, puis utiliser l’inspecteur des propriétés, les méthodes
ActionScript ou une combinaison des deux pour définir les paramètres.
• Les programmeurs expérimentés peuvent utiliser une combinaison du panneau Composants et
d’ActionScript pour ajouter des composants et définir des propriétés, ou décider de définir
totalement les occurrences de composants en cours d’exécution, au moyen d’ActionScript.
Si vous modifiez les enveloppes d’un composant, puis que vous ajoutez une autre version de celuici ou d’un composant qui partage ces enveloppes, vous pouvez choisir d’utiliser les enveloppes
modifiées, ou de les remplacer par un nouveau jeu d’enveloppes par défaut. Si vous remplacez les
enveloppes modifiées, tous les composants qui les utilisent sont mis à jour afin d’utiliser leurs
versions par défaut. Pour plus d’informations sur la manipulation des enveloppes, consultez
Personnalisation des enveloppes de composant, page 346.
Utilisation des composants 327
La section suivante décrit les étapes générales permettant d’ajouter des composants d’interface
Flash à votre document Flash. Ces instructions peuvent également s’appliquer aux composants
personnalisés que vous créez ou acquérez, selon la manière dont ils ont été créés. Pour plus
d’instructions sur l’ajout de composants dans l’environnement auteur, consultez les sections
correspondantes de ce chapitre. Pour plus d’informations sur l’utilisation des méthodes
ActionScript pour les composants, consultez les entrées correspondantes dans le dictionnaire
ActionScript (via le menu Aide).
Ajout d’un composant avec le panneau Composants
Lorsque vous ajoutez un composant à un document via le panneau Composants, plusieurs
éléments relatifs à ce composant sont ajoutés au panneau Bibliothèque, dans un dossier Flash
Components UI. Pour plus d’informations, consultez Composants dans le panneau Bibliothèque,
page 324.
Après avoir ajouté un composant à un document au moyen du panneau Composants, vous
pouvez ajouter d’autres occurrences de ce composant au document en les faisant glisser du
panneau Bibliothèque sur la scène. Vous pouvez définir les propriétés d’occurrences
supplémentaires dans l’onglet Paramètres de l’inspecteur des propriétés ou dans le panneau
Paramètres de composant, comme l’expliquent les sections de ce chapitre relatives aux différents
composants.
Pour ajouter un composant à un document Flash avec le panneau Composants :
1
Choisissez Fenêtre > Composants.
2
Effectuez l’une des opérations suivantes :
• Faites glisser un composant du panneau Composants jusqu’à la scène.
• Double-cliquez sur un composant du panneau Composants.
3
Si vous avez modifié des enveloppes pour une autre occurrence du même composant ou d’un
composant qui partage des enveloppes avec celui que vous ajoutez, effectuez l’une des
opérations suivantes :
• Choisissez Ne pas remplacer les éléments existants pour conserver les enveloppes modifiées et
les appliquer au nouveau composant.
• Choisissez Remplacer les éléments existants pour remplacer toutes les enveloppes par les
enveloppes par défaut (vous ne pouvez pas annuler cette opération). Le nouveau composant et
toutes ses versions précédentes, ou les versions précédentes des composants qui partagent ses
enveloppes, utiliseront les enveloppes par défaut.
4
Sélectionnez le composant sur la scène.
5
Choisissez Fenêtre > Propriétés.
6
Dans l’inspecteur des propriétés, entrez un nom pour l’occurrence de composant.
7
Cliquez sur l’onglet Paramètres et définissez les paramètres de l’occurrence, comme
l’expliquent les sections de ce chapitre relatives aux différents composants.
8
Modifiez éventuellement la taille et l’échelle du composant. Pour plus d’informations sur les
dimensions des différents types de composants, consultez les sections correspondantes.
328 Chapitre 15
9
Modifiez éventuellement la couleur et la mise en forme du texte du composant, en effectuant
une ou plusieurs des opérations suivantes :
• Définissez ou modifiez une valeur de propriété spécifique pour une occurrence de composant
au moyen de la méthode setStyleProperty disponible pour tous les composants. Pour plus
d’informations sur la méthode setStyleProperty, consultez l’entrée correspondante dans le
dictionnaire ActionScript (via le menu Aide).
• Modifiez plusieurs propriétés dans le format de style global affecté à tous les composants
d’interface utilisateur de Flash.
• Si nécessaire, créez un format de style personnalisé pour des occurrences spécifiques de
composant. Pour plus d’informations, consultez Personnalisation de la couleur et du texte des
composants, page 342.
10
Personnalisez éventuellement l’apparence du composant en effectuant l’une des opérations
suivantes :
• Modifiez les enveloppes dans le dossier Component Skins d’un type de composant.
• Enregistrez les nouveaux éléments d’enveloppes que vous créez dans les enveloppes de
composants. Pour plus d’informations, consultez Personnalisation des enveloppes de composant,
page 346.
Pour ajouter un composant à votre document Flash avec ActionScript :
Remarque Les instructions figurant dans cette section supposent que vous possédez une connaissance
intermédiaire ou avancée d’ActionScript et du panneau Actions.
1
Sélectionnez l’image, dans le scénario, où vous souhaitez placer le composant.
2
Ouvrez le panneau Actions en mode Expert.
3
Rédigez une fonction qui crée l’occurrence du composant, en vous inspirant du code suivant :
_root.attachMovie("FCheckBoxSymbol", "checkBox1", Z);
_root.checkBox1.setValue(false);
_root.checkBox1.setLabel("maCaseACocher");
4
Utilisez les méthodes ActionScript du composant pour définir d’autres options ou supplanter
les paramètres définis pendant sa création.
Pour plus d’informations sur la rédaction d’instructions ActionScript pour les composants,
consultez Rédaction de fonctions de gestionnaire de changement pour les composants, page 340, et
Création de formulaires avec les composants, page 348. Pour plus d’informations sur les
méthodes ActionScript disponibles pour chaque type de composants, consultez les entrées
correspondantes dans le dictionnaire ActionScript (via le menu Aide). Les références aux
entrées du dictionnaire emploient le format FCheckBox (composant), FRadioButton
(composant), etc.
Utilisation des composants 329
Suppression de composants des documents Flash
Pour supprimer les occurrences d’un composant d’un document Flash, supprimez ce composant
de la bibliothèque en supprimant l’icône de type de composant et le dossier Component Skins
correspondant.
Si le composant que vous voulez supprimer partage un dossier Skins avec d’autres composants
(par exemple, les composants ScrollBar, ScrollPane, ListBox et ComboBox, qui partagent les
enveloppes du dossier FScrollBar Skins), n’effacez pas le dossier Component Skins, sauf si vous
voulez remplacer les éléments d’enveloppe par un nouvel ensemble d’enveloppes par défaut. Ne
supprimez pas les enveloppes du dossier Global Skins.
Pour supprimer un composant d’un document :
1
Dans le panneau Bibliothèque, ouvrez le dossier Flash Components UI.
2
Dans le dossier Flash UI Components, sélectionnez le clip de composant que vous voulez
supprimer.
3
Cliquez sur le bouton Supprimer, en bas du panneau Bibliothèque, ou choisissez Supprimer
dans le menu Options de la bibliothèque.
4
Dans la boîte de dialogue Supprimer, cliquez sur Supprimer pour confirmer la suppression.
5
Ouvrez le dossier Component Skins qui se trouve dans le dossier Flash Components UI.
6
Sélectionnez le dossier d’enveloppes pour le composant que vous souhaitez supprimer. Pour
plus d’informations sur les enveloppes utilisées par un composant, consultez les sections de ce
chapitre relatives aux différents types de composants.
Remarque Si le dossier Skins est utilisé par d’autres composants du document, ne le supprimez pas.
7
Cliquez sur le bouton Supprimer, en bas du panneau Bibliothèque, ou choisissez Supprimer
dans le menu Options de la bibliothèque.
8
Dans la boîte de dialogue Supprimer, cliquez sur Supprimer.
A propos de la taille des étiquettes, de la largeur et de la hauteur
des composants
Si une occurrence d’un composant n’est pas assez grande pour afficher toute l’étiquette, son texte
sera tronqué. Si l’occurrence d’un composant est plus grande que le texte, la zone de cible
dépassera les limites de l’étiquette.
Si vous utilisez les propriétés ActionScript _width et _height pour régler la largeur et la hauteur
d’un composant, le redimensionnement est effectué mais la disposition du contenu reste la même.
Le composant risque alors d’être déformé pendant la lecture de l’animation. Utilisez l’outil
Transformation libre ou les méthodes setSize ou setWidth des différents objets de composant.
Pour plus d’informations sur le redimensionnement des composants, consultez les sections des
différents types de composants dans ce chapitre.
330 Chapitre 15
Le composant CheckBox
Le composant CheckBox permet d’ajouter des cases à cocher à une animation Flash avec un
minimum d’efforts de programmation et de rédaction de scripts.
Paramètres des composants CheckBox
Vous pouvez définir les paramètres suivants pour chaque occurrence de composant CheckBox de
votre document Flash dans le volet Paramètres de l’inspecteur des propriétés ou dans le panneau
Paramètres de composant.
est une chaîne de texte spécifiant le nom d’une fonction à appeler lorsque la
valeur de la case à cocher change. La fonction doit être définie dans le même scénario que
l’occurrence de case à cocher. Ce paramètre est facultatif et ne doit être spécifié que si vous
souhaitez qu’une action survienne lorsqu’un utilisateur sélectionne ou désélectionne une case à
cocher. Pour plus d’informations, consultez Rédaction de fonctions de gestionnaire de changement
pour les composants, page 340, et l’entrée FComboBox.setChangeHandler dans le dictionnaire
ActionScript (via le menu Aide).
Change Handler
Initial Value
spécifie si la case à cocher est initialement sélectionnée (true) ou désélectionnée
(false).
Label
est le nom qui apparaît en regard de la case à cocher.
spécifie si l’étiquette apparaît à gauche ou à droite de la case à cocher. Par défaut,
l’étiquette apparaît à droite de la case à cocher.
Label Placement
Vous pouvez définir des options et fonctionnalités supplémentaires pour les occurrences de
composant CheckBox à l’aide des méthodes de FCheckBox (composant).
Pour plus d’informations, consultez l’entrée FCheckBox (composant) dans le dictionnaire
ActionScript (via le menu Aide).
Dimensions des composants CheckBox
Vous pouvez définir la largeur, mais pas la hauteur, d’un composant CheckBox en cours de
programmation avec l’outil Transformation libre ou à l’exécution à l’aide de la méthode
FCheckBox.setSize. La zone de cible de la case à cocher (la zone qui répondra au clic de souris)
consiste en la combinaison de la taille de la case à cocher et de celle de son étiquette.
Enveloppes des composants CheckBox
Le composant CheckBox utilise les enveloppes du dossier FCheckBox Skins et l’enveloppe FLabel
du dossier Global Skins qui se trouve dans le dossier Component Skins de la bibliothèque. La
personnalisation des enveloppes de composant CheckBox affecte toutes les occurrences de case à
cocher du document Flash. Pour plus d’informations sur les enveloppes de composants, consultez
Personnalisation des enveloppes de composant, page 346.
Utilisation des composants 331
Le composant ComboBox
Le composant ComboBox permet d’ajouter des listes déroulantes à sélection unique à une
animation Flash avec un minimum d’efforts de programmation et de rédaction de scripts. Le
composant ComboBox crée des listes statiques et modifiables. Une liste statique est une liste
déroulante dans laquelle l’utilisateur peut sélectionner des éléments. Une liste modifiable est une
liste comportant un champ de saisie de texte (semblable à un champ de recherche) où l’utilisateur
peut entrer du texte afin d’accéder à l’élément correspondant de la liste.
Le composant ComboBox utilise un index basé sur zéro, où l’élément possédant l’index 0 est le
premier affiché. Lorsque vous ajoutez, supprimez ou remplacez les éléments d’une liste au moyen
des méthodes FComboBox, il peut s’avérer nécessaire de définir l’index de ces éléments. Pour plus
d’informations, consultez les entrées suivantes dans le dictionnaire ActionScript (via le menu
Aide) : FComboBox.addItemAt, FComboBox.removeItemAt et FComboBox.replaceItemAt.
Le composant ComboBox possède les contrôles de souris et de clavier intégrés suivants :
• La touche Flèche vers le haut remonte la sélection d’une ligne dans la liste.
• La touche Flèche vers le bas descend la sélection d’une ligne dans la liste.
• La touche Page précédente déplace la sélection d’une page vers le haut. La taille de la page est
déterminée par le paramètre Row Count.
• La touche Page suivante déplace la sélection d’une page vers le bas.
• La touche Origine sélectionne l’élément en haut de la liste.
• La touche Fin sélectionne l’élément en bas de la liste.
Pour plus d’informations, consultez l’entrée FComboBox (composant) dans le dictionnaire
ActionScript (via le menu Aide).
Paramètres des composants ComboBox
Vous pouvez définir les paramètres suivants pour chaque occurrence de composant ComboBox
de votre document Flash dans le volet Paramètres de l’inspecteur des propriétés ou dans le
panneau Paramètres de composant.
est une chaîne de texte spécifiant une fonction à appeler lorsqu’un utilisateur
sélectionne un élément ou entre du texte dans le champ de saisie. La fonction doit être définie
dans le même scénario que l’occurrence de liste et peut accepter le nom d’occurrence de la liste
comme paramètre. Ce paramètre est facultatif et ne doit être spécifié que si vous souhaitez qu’une
action survienne lorsqu’un utilisateur sélectionne un élément ou entre du texte dans la liste et
utilise la touche Entrée. Pour plus d’informations, consultez Rédaction de fonctions de gestionnaire
de changement pour les composants, page 340, et l’entrée FComboBox.setChangeHandler dans le
dictionnaire ActionScript (via le menu Aide).
Change Handler
Data est un tableau de chaînes de texte spécifiant les valeurs associées aux éléments (étiquettes) de
la liste. Vous devrez entrer les chaînes de texte pour le tableau dans la boîte de dialogue Valeurs.
Editable détermine si la liste est modifiable ou statique. Une liste modifiable permet à l’utilisateur
d’entrer du texte dans un champ afin de rechercher l’élément correspondant de la liste, ainsi que
de faire défiler la liste et d’y sélectionner des éléments. Une liste statique ne permet à l’utilisateur
que de faire défiler la liste et d’y sélectionner des éléments.
Labels est un tableau de chaînes de texte spécifiant les éléments affichés dans la liste. Vous devrez
entrer les chaînes de texte pour le tableau dans la boîte de dialogue Valeurs.
332 Chapitre 15
est le nombre d’éléments affichés dans la liste avant l’affichage de la barre de
défilement. Le valeur par défaut de ce paramètre est 8.
rowCount
Vous pouvez définir des options et fonctionnalités supplémentaires pour les occurrences de
composant ComboBox à l’aide des méthodes de FComboBox (composant). Pour plus
d’informations, consultez l’entrée du composant FComboBox dans le dictionnaire ActionScript
(via le menu Aide)
Dimensions des composants ComboBox
FComboBox.setSize.Vous pouvez définir la largeur, mais pas la hauteur, d’un composant
ComboBox en cours de programmation avec l’outil Transformation libre ou à l’exécution à l’aide
de la méthode FComboBox.setSize. Si le texte d’un élément de liste possède une taille supérieure
à la largeur de la liste, le texte sera tronqué de manière à tenir dans la zone. La hauteur d’un
composant ComboBox est déterminée par la taille de la police dans laquelle les éléments de la liste
sont affichés, ainsi que par le paramètre Row Count, qui détermine le nombre d’éléments visibles
en même temps dans la liste déroulante.
Enveloppes des composants ComboBox
Le composant ComboBox partage les enveloppes des dossiers FScrollBar Skins et Global Skins
(dans le dossier Component Skin de la bibliothèque) avec tous les autres composants qui utilisent
des barres de défilement et des cadres de délimitation. La personnalisation des enveloppes du
dossier FScrollBar ou Global affecte toutes les occurrences de composant ComboBox, ListBox,
ScrollBar et ScrollPane du document Flash. Pour plus d’informations, consultez Personnalisation
des enveloppes de composant, page 346.
Le composant ListBox
Le composant ListBox permet d’ajouter des zones de liste à sélection unique ou multiple dans une
animation Flash. L’ajout des éléments affichés dans la zone de liste s’effectue via la boîte de
dialogue Valeurs qui s’affiche lorsque vous cliquez dans les champs de paramètres des étiquettes
ou des données. Vous pouvez également utiliser les méthodes FListBox.addItem et
FListBox.addItemAt pour ajouter des éléments.
Le composant ListBox utilise un index basé sur zéro, où l’élément possédant l’index 0 est le
premier affiché. Lorsque vous ajoutez, supprimez ou remplacez les éléments d’une liste au moyen
des méthodes FListBox, il peut s’avérer nécessaire de définir l’index de ces éléments. Pour plus
d’informations, consultez les entrées suivantes dans le dictionnaire ActionScript (via le menu
Aide) : FListBox.addItemAt, FListBox.removeItemAt, FListBox.replaceItemAt.
Le composant ListBox possède les contrôles de souris et de clavier standard intégrés suivants :
• La touche Flèche vers le haut remonte la sélection d’une position.
• La touche Flèche vers le bas descend la sélection d’une position.
• La touche Page précédente déplace la sélection d’une page vers le haut. La taille de la page est
déterminée par la hauteur de l’occurrence de la liste.
• La touche Page suivante déplace la sélection d’une page vers le bas.
• La touche Origine sélectionne l’élément en haut de la liste.
• La touche Fin sélectionne l’élément en bas de la liste.
Utilisation des composants 333
Paramètres des composants ListBox
Vous pouvez définir les paramètres suivants pour chaque occurrence de composant ListBox de
votre document Flash dans le volet Paramètres de l’inspecteur des propriétés ou dans le panneau
Paramètres de composant.
est le nom de la fonction à appeler lorsque l’utilisateur sélectionne un élément de
la zone de liste. Cette fonction doit être définie dans le même scénario que l’occurrence de la zone
de liste. Ce paramètre est facultatif et ne doit être spécifié que si vous souhaitez qu’une action
survienne lorsqu’un utilisateur sélectionne un élément de la liste. Pour plus d’informations,
consultez Rédaction de fonctions de gestionnaire de changement pour les composants, page 340, et
l’entrée FListBox.setChangeHandler dans le dictionnaire ActionScript (via le menu Aide).
Change Handler
Data est un tableau de chaînes de texte spécifiant les valeurs associées aux éléments (étiquettes) de
la zone de liste. Vous devez entrer les chaînes de texte pour le tableau avec la boîte de dialogue
Valeurs ou en utilisant les méthodes FListBox.addItem ou FListBox.addItemAt pour ajouter
des éléments à l’exécution.
est un tableau de chaînes de texte spécifiant les éléments affichés dans la zone de liste.
Vous devez entrer les chaînes de texte pour le tableau avec la boîte de dialogue Valeurs ou en
utilisant les méthodes FListBox.addItem ou FListBox.addItemAt pour ajouter des éléments à
l’exécution.
Labels
spécifie si l’utilisateur peut sélectionner plus d’un élément dans la zone de liste
(true) ou non (false). Le paramètre par défaut est false.
Select Multiple
Vous pouvez définir des options et fonctionnalités supplémentaires pour les occurrences de
composant ListBox à l’aide des méthodes de FListBox (composant) dans le dictionnaire
ActionScript (via le menu Aide).
Dimensions des composants ListBox
Vous pouvez changer la largeur et la hauteur des occurrences de composant ListBox en cours de
programmation avec l’outil Transformation libre ou à l’exécution à l’aide des méthodes
FListBox.setSize ou FListBox.setWidth. La largeur de l’occurrence de zone de liste est
déterminée par celle de son cadre de délimitation. Si le texte des éléments de la liste est trop long
pour tenir dans ce cadre, le texte sera tronqué. La hauteur de l’occurrence de zone de liste est
automatiquement adaptée de manière à afficher des lignes de texte entières sans augmenter la
taille de la liste, qui peut par conséquent être légèrement plus petite que la taille indiquée, mais ne
sera jamais plus grande.
Enveloppes des composants ListBox
Le composant ListBox partage les enveloppes des dossiers FScrollBar Skins et Global Skins (dans
le dossier Component Skin de la bibliothèque) avec tous les autres composants qui utilisent des
barres de défilement et des cadres de délimitation. La personnalisation des enveloppes du dossier
FScrollBar ou Global affecte toutes les occurrences de composant ComboBox, ListBox, ScrollBar
et ScrollPane du document Flash. Pour plus d’informations, consultez Personnalisation des
enveloppes de composant, page 346.
334 Chapitre 15
Le composant PushButton
Le composant PushButton permet d’ajouter des boutons-poussoirs simples à une animation
Flash. Ce composant accepte toutes les interactions standard au clavier et à la souris, et comporte
un paramètre onClick qui permet de définir aisément un gestionnaire qui exécutera des actions
lorsque le bouton est relâché. Vous pouvez utiliser les méthodes du composant FPushButton pour
activer ou désactiver le bouton, ou pour le redimensionner sans qu’il subisse de déformation en
cours d’exécution. Pour plus d’informations, consultez l’entrée FPushButton (composant) dans le
dictionnaire ActionScript (via le menu Aide).
Paramètres des composants PushButton
Vous pouvez définir les paramètres suivants pour chaque occurrence de composant PushButton
de votre document Flash dans le volet Paramètres de l’inspecteur des propriétés ou dans le
panneau Paramètres de composant.
est une chaîne de texte spécifiant la fonction à appeler lorsqu’un utilisateur
enfonce et relâche le bouton-poussoir. La fonction doit être définie dans le même scénario que
l’occurrence de bouton-poussoir et peut accepter le nom d’occurrence du bouton-poussoir
comme paramètre. Pour plus d’informations, consultez Rédaction de fonctions de gestionnaire de
changement pour les composants, page 340, et l’entrée FPushButton.setClickHandler dans le
dictionnaire ActionScript (via le menu Aide).
Change Handler
Label
est le texte qui apparaît sur le bouton-poussoir.
Vous pouvez définir des options et fonctionnalités supplémentaires pour les occurrences de
composant PushButton à l’aide des méthodes de FPushButton (composant). Pour plus
d’informations, consultez l’entrée FPushButton (composant) dans le dictionnaire ActionScript
(via le menu Aide).
Dimensions des composants PushButton
Vous pouvez définir la largeur et la hauteur des occurrences de composant PushButton avec
l’outil Transformation libre. Si le bouton-poussoir n’est pas assez grand pour afficher toute
l’étiquette, son texte sera tronqué. Vous pouvez définir la taille des occurrences PushButton en
cours de programmation à l’aide de la méthode FPushButton.setSize.
Si vous utilisez les propriétés ActionScript _width et _height pour régler la largeur et la hauteur
et la largeur des composants, le redimensionnement est effectué mais la disposition de l’étiquette
reste la même, ce qui peut entraîner une distorsion.
Enveloppes des composants PushButton
Le composant PushButton utilise les enveloppes du dossier FPushButton Skins et l’enveloppe
FLabel du dossier Global Skins qui se trouve dans le dossier Component Skins de la bibliothèque.
La personnalisation des enveloppes de composant PushButton affecte toutes les occurrences de
bouton-poussoir du document Flash. Pour plus d’informations, consultez Personnalisation des
enveloppes de composant, page 346.
Utilisation des composants 335
Le composant RadioButton
Le composant RadioButton permet d’ajouter des groupes de boutons radio à un document Flash.
Le paramètre Group Name regroupe logiquement les occurrences de boutons radio et interdit la
sélection simultanée de plusieurs boutons radio dans un même groupe.
Paramètres des composants RadioButton
Vous pouvez définir les paramètres suivants pour chaque occurrence de composant RadioButton
de votre document Flash dans le volet Paramètres de l’inspecteur des propriétés ou dans le
panneau Paramètres de composant.
est le nom de la fonction à exécuter lorsque l’utilisateur sélectionne un des
boutons radio d’un groupe. Cette fonction doit être définie dans le même scénario que les
occurrences de bouton radio du groupe. Ce paramètre est facultatif et ne doit être spécifié que si
vous souhaitez qu’une action survienne lorsqu’un utilisateur sélectionne un bouton radio. Pour
plus d’informations, consultez Rédaction de fonctions de gestionnaire de changement pour les
composants, page 340, et l’entrée FRadioButton.setChangeHandler dans le dictionnaire
ActionScript (via le menu Aide).
Change Handler
est les données associées à l’étiquette du bouton radio. Ce paramètre n’a aucune valeur par
défaut.
Data
Group Name
spécifie le bouton radio comme faisant partie d’un groupe de boutons radio.
spécifie si le bouton radio est initialement sélectionné (true) ou désélectionné
(false). Un seul bouton radio d’un groupe (dont tous les éléments possèdent le même paramètre
Group Name) peut posséder un état initial true (sélectionné). Si plusieurs occurrences d’un
bouton radio possèdent la valeur true pour ce paramètre, la dernière occurrence de bouton radio
qui possède un paramètre d’état initial de true est sélectionnée. Le valeur par défaut de ce
paramètre est false.
Initial State
Label
est le nom du bouton radio. Par défaut, l’étiquette est placée à droite.
spécifie si l’étiquette apparaît à gauche ou à droite du bouton radio. Par défaut,
l’étiquette apparaît à droite du bouton radio.
Label Placement
Vous pouvez définir des options et fonctionnalités supplémentaires pour les occurrences de
composant RadioButton à l’aide des méthodes de FRadioButton (composant) présentées dans le
dictionnaire ActionScript.
Dimensions des composants RadioButton
Vous pouvez définir la largeur, mais pas la hauteur, d’un composant RadioButton en cours de
programmation avec l’outil Transformation libre ou à l’exécution à l’aide de la méthode
FRadioButton.setSize. La zone de cible de l’occurrence du bouton radio consiste en la taille du
bouton radio et celle de son étiquette. Si l’occurrence du bouton radio n’est pas assez grande pour
afficher l’étiquette, son texte sera tronqué. Si elle est plus grande que le texte, la zone de cible
s’étend au-delà de l’étiquette.
336 Chapitre 15
Enveloppes des composants RadioButton
Le composant RadioButton utilise les enveloppes du dossier FRadioButton Skins et l’enveloppe
FLabel du dossier Global Skins qui se trouve dans le dossier Component Skins. La
personnalisation des enveloppes de composant RadioButton affecte toutes les occurrences de
bouton radio du document Flash. Pour plus d’informations, consultez Personnalisation des
enveloppes de composant, page 346.
Le composant ScrollBar
Le composant ScrollBar permet d’ajouter, par glisser-déposer, des barres de défilement verticales
et horizontales aux champs de texte dynamique et de saisie. L’ajout de barres de défilement à de
tels champs leur permet d’accepter une grande quantité de texte sans exiger que le texte soit
entièrement affiché.
Le composant ScrollBar est utilisé par les composants ComboBox, ListBox et ScrollPane. L’ajout
d’un de ces composants à un document Flash entraîne automatiquement l’ajout du composant
ScrollBar à la bibliothèque. Si la bibliothèque contient déjà une occurrence du composant
ScrollBar, vous pouvez en ajouter des occurrences au document en les faisant glisser depuis la
bibliothèque.
Remarque N’ajoutez pas une autre copie du composant ScrollBar au document en la faisant glisser à partir du
panneau Composants.
Les utilisateurs expérimentés et les programmeurs peuvent utiliser le composant ScrollBar avec
des éléments d’animation autres que des champs de texte lors de la création d’applications ou de
composants personnalisés dans Flash. Les composants ComboBox, ListBox et ScrollPane sont des
exemples d’emploi du composant ScrollBar pour créer d’autres composants.
Ajout de barres de défilement dans des champs de texte de saisie et
dynamique
Lorsque vous faites glisser une barre de défilement sur un champ de texte dynamique ou de saisie
sur la scène, elle s’attache automatiquement au côté le plus proche de l’endroit où vous la placez,
dans le sens horizontal ou vertical. La barre de défilement et le champ de texte doivent se trouver
dans le même scénario.
Remarque Le composant ScrollBar ne peut pas être utilisé avec les champs de texte statique.
Lorsque la barre de défilement est accrochée au champ de texte, Flash entre le nom de
l’occurrence du champ de texte dans le paramètre targetTextField de l’occurrence de la barre
de défilement dans l’inspecteur des propriétés. Bien que la barre s’accroche automatiquement au
champ de texte, elle n’est pas regroupée avec ce dernier. Par conséquent, si vous déplacez ou
supprimez le champ de texte, vous devez également déplacer ou supprimer la barre de défilement.
Pour créer un champ de texte défilant :
1
Utilisez l’outil Texte pour créer un champ de texte sur la scène.
2
Choisissez Fenêtre > Propriétés pour ouvrir l’inspecteur des propriétés.
3
Choisissez Texte dynamique ou Texte de saisie dans le menu Type de texte de l’inspecteur des
propriétés.
4
Entrez un nom dans le champ Nom de l’occurrence.
Utilisation des composants 337
5
Choisissez Fenêtre > Composants pour ouvrir le panneau Composants.
Remarque Si vous avez déjà utilisé un composant ScrollBar ou un composant qui utilise des barres de
défilement dans votre document Flash, et si vous avez modifié les propriétés ou l’enveloppe de la barre de
défilement, faites glisser le composant ScrollBar depuis la bibliothèque, et non depuis le panneau Composants.
6
Faites glisser un composant ScrollBar sur le cadre de délimitation du champ de texte, près du
côté où vous voulez placer une barre de défilement.
7
Répétez l’étape 6 pour ajouter des composants ScrollBar supplémentaires au champ de texte.
8
Si vous redimensionnez le champ de texte, éloignez le composant ScrollBar du champ, puis
attachez-le de nouveau afin de redimensionner la barre de défilement.
Paramètres des composants ScrollBar
Vous pouvez définir les paramètres suivants pour chaque occurrence de barre de défilement de
votre document Flash dans le volet Paramètres de l’inspecteur des propriétés ou dans le panneau
Paramètres de composant.
Horizontal
spécifie si la barre de défilement est horizontale (true) ou verticale (false).
Target TextField est une chaîne spécifiant le nom d’occurrence du champ de texte pour la barre de
défilement. Ce paramètre contient automatiquement le nom d’occurrence du champ de texte
lorsque la barre de défilement s’y attache sur la scène. La modification ou la suppression de ce
paramètre dissocie la barre de défilement du champ de texte sur la scène. Utilisez la méthode
FScrollBar.setScrollTarget pour définir ce paramètre en cours d’exécution.
Vous pouvez définir des options et fonctionnalités supplémentaires pour les occurrences de
composant ScrollBar à l’aide des méthodes de FScrollBar (composant). Certaines méthodes du
composant FScrollBar sont déconseillées pour les barres de défilement jointes à des champs de
texte.
Dimensions des composants ScrollBar
Les barres de défilement associées à un champ de texte sont automatiquement redimensionnées
afin de s’adapter au champ en question. Si vous redimensionnez le champ de texte, la manière la
plus aisée de redimensionner l’occurrence de barre de défilement consiste à l’éloigner du champ
puis de l’en rapprocher. N’utilisez pas la méthode FScrollBar.setSize pour redimensionner
une barre de défilement associée à un champ de texte.
Les utilisateurs expérimentés et les programmeurs qui utilisent le composant ScollBar pour
ajouter des barres de défilement à des éléments d’animation autres que des champs de texte
peuvent redimensionner les occurrences de barre de défilement au moyen de l’outil
Transformation libre en cours de création, ou de la méthode FScrollBar.setSize à l’exécution.
Enveloppes des composants ScrollBar
Le composant ScollBar partage les enveloppes du dossier FScrollBar Skins (dans le dossier
Component Skin de la bibliothèque) avec tous les autres composants qui utilisent des barres de
défilement. La personnalisation des enveloppes du dossier FScrollBar Skins affecte toutes les
occurrences de composant ComboBox, ListBox, ScrollBar et ScrollPane du document Flash.
Pour plus d’informations, consultez Personnalisation des enveloppes de composant, page 346.
338 Chapitre 15
Le composant ScrollPane
Le composant ScollPane permet d’ajouter des fenêtres dotées de barres de défilement horizontales
et verticales afin d’afficher des clips dans un document Flash. Le composant ScrollPane est
particulièrement utile pour afficher du contenu occupant une grande surface sans prendre trop de
place sur la scène. Le composant ScrollPane n’affiche que les clips. Pour ajouter une barre de
défilement à un champ de texte, vous utiliserez le composant ScrollBar.
Pour afficher des clips (ou des fichiers JPEG convertis en clips) dans le composant ScollPane, vous
définissez l’identifiant de liaison de symbole du clip pour le paramètre scrollContent. Le clip
doit se trouver dans la bibliothèque pour permettre la définition du paramètre scrollContent,
mais il n’est pas nécessaire qu’il soit sur la scène. De plus, l’option Exporter pour ActionScript
doit être activée pour le clip dans la boîte de dialogue Propriétés de liaison. Pour plus
d’informations, consultez Utilisation de méthodes de gestionnaire d’événement de clip pour déclencher
des scripts, sous Aide > Utilisation de Flash.
Vous pouvez afficher des fichiers JPEG et SWF chargés depuis un serveur dans le panneau
défilant en utilisant la méthode FScrollPane.loadScrollContent() pour en définir le
contenu.
Remarque Le texte d’un panneau défilant doit être affiché au moyen de polices incorporées. Il est impossible
d’utiliser des polices de périphérique pour afficher du texte dans un panneau défilant. Pour plus d’informations,
consultez A propos des polices intégrées et des polices de périphérique, page 152.
Paramètres des composants ScrollPane
Vous pouvez définir les paramètres suivants pour chaque occurrence de composant ScrollPane de
votre document Flash dans le volet Paramètres de l’inspecteur des propriétés ou dans le panneau
Paramètres de composant.
spécifie si l’utilisateur peut déplacer le contenu du panneau défilant pour changer
l’affichage (true) ou utilise les barres de défilement (false). Le paramètre par défaut est false.
drag Content
Horizontal Scroll détermine si une barre de défilement horizontale est affichée (true), pas affichée
(false), ou seulement lorsque nécessaire (auto). Le paramètre par défaut est auto.
Scroll Content est une chaîne de texte spécifiant l’identifiant de liaison de symbole de clip à
afficher dans le panneau défilant.
détermine si une barre de défilement verticale est affichée (true), pas affichée
(false), ou seulement lorsque nécessaire (auto). Le paramètre par défaut est auto.
Vertical Scroll
Dimensions des composants ScrollPane
Vous pouvez changer la largeur et la hauteur des occurrences de composant ScrollPane en cours
de programmation avec l’outil Transformation libre ou à l’exécution à l'aide de la méthode
FScrollPane.setSize.
Enveloppes des composants ScrollPane
Le composant ScrollPane partage les enveloppes du dossier FScrollBar Skins (dans le dossier
Component Skin de la bibliothèque) avec tous les autres composants qui utilisent des barres de
défilement. La personnalisation des enveloppes du dossier FScrollBar affecte toutes les
occurrences de composant ComboBox, ListBox, ScrollBar et ScrollPane du document Flash.
Pour plus d’informations sur la manipulation des enveloppes, consultez Personnalisation des
enveloppes de composant, page 346.
Utilisation des composants 339
Rédaction de fonctions de gestionnaire de changement pour les
composants
Tous les composants possèdent un paramètre de gestionnaire de changement qui permet de
définir une fonction de gestionnaire de changement appelée lorsque l’utilisateur sélectionne une
commande de menu, un bouton radio ou une case à cocher. Le paramètre de gestionnaire de clic
du composant PushButton est équivalent au paramètre de gestionnaire de changement. Il n’est
pas obligatoire de définir une fonction pour le paramètre de gestionnaire de changement.
L’utilisation de cette fonction dépend des exigences et de la structure de votre formulaire ou de
votre interface utilisateur, ainsi que du rôle du composant.
Vous pouvez rédiger des fonctions de gestionnaire de changement et de gestionnaire de clic de
différentes manières. Il est conseillé de créer une fonction de gestionnaire unique qui définit les
actions des composants de votre document, puis d’utiliser le nom de cette fonction de
gestionnaire comme paramètre de gestionnaire de changement pour les composants. De la sorte,
vous évitez d’affecter des actions en conflit, et il est plus facile de mettre à jour le code ou de le
modifier. Une fonction de gestionnaire de changement ou de gestionnaire de clic accepte toujours
au moins un paramètre, qui est l’occurrence du composant qui a changé.
Formulaires à sélection unique
Dans l’exemple suivant, onChange est une fonction de gestionnaire définie pour deux composants
CheckBox. La fonction de gestionnaire accepte une occurrence d’un composant modifié comme
paramètre, utilise une série d’instructions if/else if pour déterminer l’occurrence de case à
cocher activée, et active listBox1 ou listBox2 en fonction de la valeur de l’occurrence de case à
cocher.
function onChange(component)
{
if (component._name=="check1") {
listBox1_mc.setEnabled(component.getValue());
} else if (component._name=="check2") {
listBox2_mc.setEnabled(component.getValue());
}
}
Une autre manière d’atteindre le même résultat consiste à définir une fonction Change Handler
différente pour chaque composant CheckBox, comme le montre l’exemple suivant.
Pour l’occurrence check1, spécifiez onCheck1 comme gestionnaire de changement dans le volet
Paramètres de l’inspecteur des propriétés. Vous devez définir la fonction onCheck1 dans le même
scénario que l’occurrence du composant check1. Si l’utilisateur sélectionne l’occurrence check1
de la case à cocher, l’occurrence de zone de liste listBox1 est activée.
function onCheck1(component)
{
listBox1_mc.setEnabled(component.getValue());
}
340 Chapitre 15
Pour l’occurrence check2, spécifiez onCheck2 comme gestionnaire de changement dans le volet
Paramètres de l’inspecteur des propriétés et définissez la fonction onCheck2 dans le même
scénario que le composant check2. Si l’utilisateur sélectionne l’occurrence check2 de la case à
cocher, l’occurrence de zone de liste listBox2 est activée.
function onCheck2(component)
{
listBox2_mc.setEnabled(component.getValue());
}
Formulaires à sélection multiple
Dans un formulaire où l’utilisateur effectue plusieurs entrées ou sélections au moyen de divers
composants, après quoi il envoie le formulaire complété, vous ne devez définir une fonction, pour
le paramètre de gestionnaire de changement, que pour le composant responsable de l’envoi des
données du formulaire et de la fermeture de ce dernier. La fonction doit accepter une occurrence
du composant comme paramètre, créer un objet possédant des propriétés pour le stockage des
données, définir les actions de collecte des données depuis tous les composants du formulaire,
puis effectuer une action de résultat, d’envoi ou de sortie.
L’exemple suivant présente une fonction onClick définie pour un bouton d’envoi d’un
formulaire comportant une case à cocher, un groupe de boutons radio et une zone de liste.
L’utilisateur effectue des sélections avant de cliquer sur le bouton d’envoi pour envoyer le
formulaire. Les étiquettes des composants sélectionnés sont affichées dans la fenêtre Sortie.
function onClick( component ) {
if ( component._name == "remplacer"){
// créer l’objet pour enregistrer les valeurs
donnéesDeFormulaire = new Object();
donnéesDeFormulaire.valeurDeCase = "";
donnéesDeFormulaire.valeurDeBouton = "";
donnéesDeFormulaire.valeurDeListe = "";
// récupérer les données
donnéesDeFormulaire.valeurDeCase = checkBox_mc.getValue();
donnéesDeFormulaire.valeurDeBouton = radioGroup.getValue();
donnéesDeFormulaire.valeurDeListe = listBox_mc.getValue();
// afficher les résultats
trace(donnéesDeFormulaire.valeurDeListe);
trace(donnéesDeFormulaire.valeurDeBouton);
trace(donnéesDeFormulaire.valeurDeCase);
}
}
Utilisation des composants 341
Personnalisation de la couleur et du texte des composants
Vous pouvez modifier les propriétés de couleur et de texte d’une occurrence de composant
d’interface utilisateur de Flash au moyen de la méthode setStyleProperty. Vous pouvez
modifier globalement l’apparence de tous les composants d’un document à l’aide de l’objet
globalStyleFormat. Vous pouvez également créer de nouveaux formats de styles personnalisés
pour des composants, au moyen de l’objet FStyleFormat.
Les modifications apportées aux propriétés de format de style ne sont pas affichées lors de la
visualisation des composants sur la scène au moyen de la fonction d’aperçu en direct. Pour plus
d’informations, consultez Utilisation de composants avec l’aperçu en direct, page 327.
Changement des propriétés d’une occurrence de composant
Vous pouvez spécifier une propriété FStyleFormat pour une occurrence précise d’un composant
d’interface utilisateur de Flash à l’aide de la méthode setStyleProperty, disponible pour tous
ces composants. L’appel de la méthode setStyleProperty pour définir une propriété supplante
le paramètre défini pour cette seule propriété. Toutes les autres propriétés définies restent
inchangées. Il est recommandé d’utiliser un calque distinct dans le scénario du document pour la
définition des propriétés.
Il est déconseillé d’appeler la méthode setStyleProperty à plusieurs reprises pour définir plus
d’une propriété. Si vous voulez modifier plusieurs propriétés, ou modifier les propriétés de
plusieurs occurrences d’un composant, créez un format de style personnalisé. Pour plus
d’informations, consultez Modification des propriétés de composants spécifiques, page 343.
Pour définir ou changer une propriété pour une occurrence de composant :
1
Sélectionnez l’occurrence de composant sur la scène.
2
Créez et nommez un calque dans le scénario.
3
Sélectionnez une image du nouveau calque.
4
Ouvrez le panneau Actions en mode Expert.
5
Utilisez la syntaxe suivante pour définir une propriété et une valeur pour l’occurrence :
occurrenceDeComposant.setStyleProperty("propriété", valeur);
Par exemple, pour donner la couleur mauve à la flèche de l’occurrence grapeComboBox :
grapeComboBox.setStyleProperty("arrow", 0x800080);
6
Choisissez Contrôle > Tester l’animation pour constater les changements.
Modification des propriétés de tous les composants d’interface utilisateur
de Flash
L’objet globalStyleFormat est affecté à tous les composants d’interface utilisateur de Flash.
Si vous modifiez une propriété de l’objet globalStyleFormat, la modification est appliquée à
tous les composants de votre document Flash. Le format de style global est accessible si vous
avez placé au moins une occurrence de composant sur la scène. Il est recommandé d’utiliser un
calque distinct dans le scénario du document pour la définition des propriétés.
Pour modifier une ou plusieurs propriétés du format de style global :
1
Assurez-vous que le document contient au moins une occurrence de composant. Pour plus
d’informations, consultez Ajout de composants aux documents Flash, page 327.
342 Chapitre 15
2
Créez et nommez un calque dans le scénario.
3
Sélectionnez une image du nouveau calque.
4
Ouvrez le panneau Actions en mode Expert.
5
Utilisez la syntaxe suivante pour modifier les propriétés figurant dans le tableau des propriétés
de format du style. Vous ne devez afficher que les propriétés dont vous souhaitez modifier les
valeurs.
globalStyleFormat.darkshadow = 0x333300;
globalStyleFormat.shadow = 0x99cc00;
globalStyleFormat.highlight3D = 0x333300;
globalStyleFormat.highlight = 0x99cc00;
globalStyleFormat.face = 0x99cc99;
globalStyleFormat.background = 0xffffff;
globalStyleFormat.text = 0x000000;
globalStyleFormat.radioDot = 0x333300;
globalStyleFormat.check = 0x333300;
globalStyleFormat.arrow = 0x333300;
6
Après la liste de propriétés de l’objet, utilisez la syntaxe suivante pour insérer la méthode de
l’objet globalStyleFormat :
• Pour mettre à jour toutes les propriétés de l’objet globalStyleFormat (y compris celles que
vous n’êtes pas en train de changer), entrez globalStyleFormat.applyChanges();. Les
propriétés dont vous ne modifiez pas les valeurs seront mises à jour en conservant leurs valeurs.
• Pour ne mettre à jour que les propriétés de l’objet globalStyleFormat que vous êtes en train
de changer, entrez globalStyleFormat.applyChanges(“nomDePropriété1”,
“nomDePropriété2”);, où nomDePropriété1, nomDePropriété2, etc. font référence au nom
des propriétés mises à jour. Par exemple, si vous avez modifié les propriétés check et arrow à
l’étape 5, tapez globalStyleFormat.applyChanges(“check”, “arrow”);.
7
Choisissez Contrôle > Tester l’animation pour constater les changements.
Modification des propriétés de composants spécifiques
Vous pouvez créer des formats de style personnalisés pour définir un ensemble unique de
propriétés pour des composants spécifiques de votre document Flash. Le constructeur d’objet
FStyleFormat sert à créer une nouvelle occurrence de l’objet FStyleFormat, à définir votre format
de style personnalisé et à définir les propriétés et les valeurs de ce format. L’objet FStyleFormat est
accessible si vous avez placé au moins une occurrence de composant sur la scène. Il est
recommandé d’utiliser un calque distinct dans le scénario du document pour la définition des
propriétés.
Pour apporter des modifications à un format de style personnalisé, procédez de la même manière
que pour modifier les propriétés du format de style global. Au lieu du nom d’objet
globalStyleFormat, utilisez le nom d’objet FStyleFormat. Pour plus d’informations, consultez
Modification des propriétés de tous les composants d’interface utilisateur de Flash, page 342.
L’objet FStyleFormat possède trois méthodes en plus de la méthode constructeur :
•
FStyleFormat.applyChanges
•
•
FStyleFormat.addListener
applique les changements aux propriétés du format de style
personnalisé que vous avez créé.
affecte les composants au format de style.
FStyleFormat.removeListener
retire les composants du format de style.
Utilisation des composants 343
Pour plus d’informations sur l’utilisation de méthodes et la définition des propriétés de l’objet
FStyleFormat, consultez l’entrée correspondante dans le dictionnaire ActionScript (via le menu
Aide).
Le tableau suivant résume les propriétés de l’objet FStyleFormat. Pour plus d’informations et une
description de chaque propriété, consultez les entrées correspondantes dans le dictionnaire
ActionScript. Vous pouvez définir ou modifier n’importe quelle propriété de l’objet FStyleFormat
dans le format de style global, ou dans des formats de style personnalisés que vous créez.
Récapitulatif des propriétés de l’objet FStyleFormat
Propriété
Description
FStyleFormat.arrow
La couleur de la flèche utilisée dans les barres de défilement et les listes
déroulantes.
FStyleFormat.background
La couleur de la portion d’arrière-plan des composants.
FStyleFormat.backgroundDisabled
La couleur de la portion d’arrière-plan des composants désactivés.
FStyleFormat.check
La couleur de la coche d’une case à cocher sélectionnée.
FStyleFormat.darkshadow
La couleur de la bordure intérieure ou de la portion ombrée d’un
composant.
FStyleFormat.face
La couleur principale d’un composant.
FStyleFormat.foregroundDisabled
La couleur de premier plan d’un composant désactivé.
FStyleFormat.highlight
La couleur de la bordure intérieure ou de la portion ombrée sombre
d’un composant sélectionné.
FStyleFormat.highlight3D
La couleur de la bordure extérieure ou de la portion ombrée claire d’un
composant sélectionné.
FStyleFormat.radioDot
La couleur du point d’un bouton radio sélectionné.
FStyleFormat.scrollTrack
La couleur du rail d’une barre de défilement.
FStyleFormat.selection
La couleur de la barre de sélection utilisée pour sélectionner un élément
de liste dans un composant.
FStyleFormat.selectionDisabled
La couleur de la barre de sélection utilisée pour sélectionner un élément
de liste dans un composant désactivé.
FStyleFormat.selectionUnfocused
La couleur de la barre de sélection (mise en surbrillance) lorsque le
composant n’a pas le focus clavier.
FStyleFormat.shadow
La couleur de la bordure extérieure ou de la portion ombrée claire d’un
composant.
FStyleFormat.textAlign
Spécifie l’alignement à gauche, à droite ou au centre pour le texte
affiché dans, ou sur, un composant.
FStyleFormat.textBold
Spécifie si le texte apparaît en gras (true) ou non (false).
FStyleFormat.textColor
La couleur des éléments non sélectionnés d’un composant.
FStyleFormat.textDisabled
La couleur du texte d’un composant désactivé.
FStyleFormat.textFont
Le nom de la police utilisée pour afficher le texte.
FStyleFormat.textIndent
L’indentation du texte, de la marge gauche au premier caractère du
texte, en pixels.
FStyleFormat.textItalic
Spécifie si le texte apparaît en italique (true) ou non (false).
FStyleFormat.textLeftMargin
La marge gauche du paragraphe, en pixels.
344 Chapitre 15
Propriété
Description
FStyleFormat.textRightMargin
La marge droite du paragraphe, en pixels.
FStyleFormat.textSelected
La couleur d’un élément sélectionné dans un composant.
FStyleFormat.textSize
La taille du texte, en points.
FStyleFormat.textUnderline
Spécifie si le texte apparaît en souligné (true) ou non (false).
Pour créer un format de style personnalisé pour des composant spécifiques :
1
Assurez-vous que le document contient au moins une occurrence de composant. Pour plus
d’informations, consultez Ajout de composants aux documents Flash, page 327.
2
Créez et nommez un calque dans le scénario.
3
Sélectionnez une image du nouveau calque.
4
Ouvrez le panneau Actions en mode Expert.
5
Utilisez la syntaxe suivante pour créer une occurrence de l’objet FStyleFormat et définir le
nouveau format de style personnalisé :
var monFormatDeStyle = new FStyleFormat();
6
Dans le même volet Script que ci-dessus, utilisez la syntaxe suivante pour définir les propriétés
que vous voulez définir pour l’objet monFormatDeStyle :
monFormatDeStyle.arrow = 0x333300;
monFormatDeStyle.background = 0xffffff;
monFormatDeStyle.backgroundDisabled = 0xccffcc;
monFormatDeStyle.darkshadow = 0x333300;
monFormatDeStyle.foregroundDisabled = 0x999999;
monFormatDeStyle.face = 0x99cc99;
monFormatDeStyle.textSize = 12
monFormatDeStyle.highlight = 0x99cc00;
monFormatDeStyle.highlight3D = 0x333300;
monFormatDeStyle.radioDot = 0x333300;
monFormatDeStyle.scrollTrack = 0x99cc99;
monFormatDeStyle.selection = 0x333300;
monFormatDeStyle.selectionDisabled = 0x999999;
monFormatDeStyle.selectionUnfocused = 0x999999;
monFormatDeStyle.shadow = 0x99cc00;
monFormatDeStyle.textColor = 0x000000;
monFormatDeStyle.textDisabled = 0x999999;
monFormatDeStyle.textSelected = 0x000000;
7
Dans le même volet Script, utilisez la syntaxe suivante pour affecter le style de format à des
composants spécifiques.
monFormatDeStyle.addListener(maListe, maZoneDeListe);
8
Utilisez la syntaxe suivante pour supprimer un composant d’un format de style :
monFormatDeStyle.removeListener(maListe);
Utilisation des composants 345
Personnalisation des enveloppes de composant
Le dossier Component Skins de la bibliothèque comprend un dossier Skins qui contient les
enveloppes utilisées par tous les types de composants de votre document Flash. Certains
composants partagent des enveloppes. Les composants qui utilisent des barres de défilement – tels
que ComboBox, ListBox, ScrollBar et ScrollPane – partagent les enveloppes du dossier FScrollBar
Skins et le composant ListBox utilise les enveloppes du dossier ComboBox Skins.
Vous pouvez personnaliser les enveloppes de composant de deux façons :
• Modifiez les enveloppes sur la scène.
• Créez de nouveaux graphiques et séparez-les en éléments d’enveloppe. Enregistrez ensuite ces
éléments pour un composant en modifiant le code de la première image du calque Lisez-moi
de chaque enveloppe de la bibliothèque.
Ces deux méthodes de personnalisation des graphiques des composants entraînent la mise à jour
de toutes les occurrences des composants qui utilisent ces enveloppes. Il est impossible de
personnaliser les enveloppes pour une seule occurrence d’un composant.
La méthode à utiliser pour personnaliser les graphiques des composants (modification des
symboles dans la bibliothèque ou enregistrement de nouveaux éléments d’enveloppe pour le
composant) dépend de la manière dont vous voulez utiliser ces composants. Si vous n’envisagez
pas de modifier la couleur ou les propriétés du texte du composant à l’avenir, il est plus simple de
modifier les symboles dans la bibliothèque. Si vous voulez utiliser des formats de style
personnalisés pour modifier la couleur et les propriétés du texte d’un composant personnalisé, la
méthode la plus efficace consiste à créer de nouveaux graphiques et à enregistrer les éléments
d’enveloppe.
Les modifications apportées aux enveloppes des composants ne sont pas affichées lors de la
visualisation des composants sur la scène au moyen de la fonction d’aperçu en direct.
A propos de la création et de l’enregistrement des éléments d’enveloppe
La meilleure façon de comprendre le processus de création de graphiques et d’enregistrement
d’éléments d’enveloppe consiste à disséquer l’un des symboles graphiques de la bibliothèque et de
consulter le fichier Lisez-moi du premier calque du scénario. Double-cliquez sur le symbole dans
la bibliothèque, ouvrez le fichier Lisez-moi sur le premier calque du scénario, puis démontez le
symbole sur la scène.
L’image suivante montre le symbole fcb_downArrow entier et sous la forme d’éléments
d’enveloppe séparés.
Dans la version disséquée, vous pouvez constater que le symbole fcb_downArrow est constitué de
plusieurs éléments d’enveloppe. Vous pouvez visualiser les noms des éléments d’enveloppe
sélectionnés dans l’inspecteur des propriétés. Le symbole fcb_downArrow comprend six éléments
d’enveloppe : arrow_mc, shadow_mc, darkshadow_mc, highlight_mc et highlight3D_mc.
346 Chapitre 15
Chaque symbole d’enveloppe est un clip enregistré pour le composant et associé à des propriétés
de l’objet FStyleFormat dans le fichier Lisez-moi du clip. Pour enregistrer un élément d’enveloppe
pour un composant, vous entrez le nom de cet élément dans la première image du calque Lisezmoi pour le symbole d’enveloppe qui le contient.
Le code suivant du fichier Lisez-moi du symbole fcb_downArrow montre comment les éléments
d’enveloppe du clip sont enregistrés avec des propriétés de l’objet FStyleFormat.
component.registerSkinElement(arrow_mc, "arrow");
component.registerSkinElement(face_mc, "face");
component.registerSkinElement(shadow_mc, "shadow");
component.registerSkinElement(darkshadow_mc, "darkshadow");
component.registerSkinElement(highlight_mc, "highlight");
component.registerSkinElement(highlight3D_mc, "highlight3D");
Manipulation des enveloppes de composant dans la bibliothèque
Lorsque vous modifiez une enveloppe, vous devez conserver son point d’alignement initial pour
qu’elle puisse s’afficher correctement. Le coin supérieur gauche de tous les symboles modifiés doit
se trouver à (0,0).
Pour modifier un symbole graphique dans le dossier Component Skins :
1
Ouvrez le dossier Component Skins dans la bibliothèque.
2
Ouvrez le dossier Skins du composant que vous souhaitez manipuler.
3
Double-cliquez sur le clip de l’enveloppe que vous souhaitez manipuler
4
Modifiez le clip ou supprimez-le avant d’en créer un nouveau.
5
Lorsque vous avez terminé de modifier le clip d’enveloppe, cliquez sur le bouton de retour, du
côté gauche de la barre d’information en haut de la scène pour revenir en mode d’édition de
document.
6
Placez une occurrence du composant qui utilise l’enveloppe modifiée sur la scène.
7
Choisissez Contrôle > Tester l’animation pour afficher le composant avec l’enveloppe
modifiée.
Création et enregistrement des éléments d’enveloppe pour un composant
Pour créer des enveloppes de composant personnalisées que vous pourrez mettre à jour à l’aide de
formats de style, vous devez mettre à jour le code de la première image du calque Lisez-moi selon
les occurrences des éléments d’enveloppe que vous créez, ainsi que la propriété FStyleFormat à
affecter à l’élément.
L’enregistrement d’un élément d’enveloppe pour une propriété applique la valeur affectée à cette
dernière dans le format de style à l’élément d’enveloppe. Si la propriété est une nouvelle propriété,
vous devez la définir, ainsi qu’une valeur, dans le format de style du composant. La méthode
registerSkinElement est disponible pour tous les composants d’interface utilisateur de Flash.
Pour plus d’informations, consultez l’entrée registerSkinElement pour chaque composant
dans le dictionnaire ActionScript (via le menu Aide).
Utilisation des composants 347
Pour créer et enregistrer des éléments d’enveloppe pour un composant :
1
Ouvrez le dossier Skins pour un composant de la bibliothèque.
2
Double-cliquez sur le clip de l’enveloppe pour laquelle vous souhaitez créer des éléments
d’enveloppe.
3
Modifiez le clip ou supprimez-le avant d’en créer un nouveau.
4
Séparez le graphique en éléments d’enveloppe distincts, puis enregistrez chaque élément sous la
forme d’un symbole de clip. Donnez à chaque élément d’enveloppe un nom unique. Pour plus
d’informations, consultez A propos de la création et de l’enregistrement des éléments d’enveloppe,
page 346.
5
Cliquez sur la première image du calque Lisez-moi du clip d’enveloppe sélectionné à l’étape 2.
6
Ouvrez le panneau Actions en mode Expert.
7
Remplacez le nom des éléments d’enveloppe d’origine du clip par les noms des nouveaux
éléments créés à l’étape 4.
Rétablissement des enveloppes de composant par défaut
Si vous voulez restaurer les enveloppes par défaut utilisées par un composant d’interface
utilisateur de Flash, utilisez le panneau Composants pour ajouter un nouveau composant du
même type dans le document Flash. Choisissez ensuite Remplacer les éléments existants dans la
boîte de dialogue qui apparaît. Les graphiques modifiés sont remplacés par un nouveau jeu de
symboles graphiques par défaut du composant. Si vous voulez conserver les symboles modifiés,
veillez à choisir l’option Ne pas remplacer les éléments existants lorsque vous ajoutez de nouveaux
composants au moyen du panneau Composants.
1
Choisissez Fenêtre > Composants.
2
Effectuez l’une des opérations suivantes :
• Faites glisser un composant du panneau Composants jusqu’à la scène.
• Double-cliquez sur un composant du panneau Composants.
3
Choisissez Remplacer les éléments existants pour remplacer toutes les enveloppes par les
enveloppes par défaut (vous ne pouvez pas annuler cette opération). Le nouveau composant et
toutes ses versions précédentes, ou les versions précédentes des composants qui partagent ses
enveloppes, utiliseront les enveloppes par défaut.
Création de formulaires avec les composants
Les formulaires de Flash fournissent un type d’interactivité avancé – une combinaison d’éléments
d’interface utilisateur, d’animations et de champs de texte qui vous permettent de transmettre des
informations à une autre application sur un serveur local ou distant. L’emploi des composants
d’interface utilisateur de Flash en combinaison avec d’autres fonctions de Flash vous permet de
créer des formulaires web ou des interfaces pour un intranet ou une application.
Vous trouverez des informations de base sur l’emploi de composants pour créer un formulaire
dans le didacticiel des composants (Aide > Didacticiels > Introduction aux composants). Il est
conseillé d’avoir suivi tout le didacticiel avant d’utiliser les informations figurant dans ce chapitre.
348 Chapitre 15
A propos de l’exemple FormExample.fla
Les informations de cette section concernent le fichier FormExample.fla situé dans le dossier
Flash MX/Tutorials/Components/. Elles supposent que vous avez terminé le didacticiel
d’introduction aux composants et que vous comprenez les notions de base de création d’un
formulaire au moyen des composants d’interface utilisateur de Flash.
L’exemple FormExample.fla est un formulaire constitué de trois pages :
• Sur la page 1, l’utilisateur entre des informations personnelles à l’aide d’une combinaison de
composants d’interface utilisateur de Flash et de champs de texte. La page comprend un
champ de saisie de texte destiné à la saisie du nom, des occurrences de composant RadioButton
permettant de définir le sexe, un composant ComboBox permettant de sélectionner une ville,
et un composant PushButton qui permet de passer à la page 2.
• Sur la page 2, un composant CheckBox permet à l’utilisateur de demander à recevoir de plus
amples informations. Un composant ListBox permet à l’utilisateur de choisir ses centres
d’intérêt. Des composants PushButton permettent de revenir à la page 1 ou de passer à la
page 3.
• Sur la page 3, les informations saisies pas l’utilisateur sur les pages précédentes sont affichées
dans une série de champs de texte dynamique.
Planification du formulaire
Déterminez les critères suivants avant de commencer à créer un formulaire :
•
•
•
•
Quels sont les éléments requis par le formulaire ?
Quelles données seront affichées et récoltées par chaque élément du formulaire ?
Quel est l’emplacement de chaque élément d’interface utilisateur sur le formulaire ?
Comment l’utilisateur va-t-il naviguer dans le formulaire ?
Lorsque vous avez déterminé les éléments du formulaire, vous pouvez mettre au point un modèle
de données destiné à la récolte et au stockage des données. Ces données sont affichées sur le
formulaire et activent des éléments du formulaire au fur et à mesure que l’utilisateur le parcourt.
Les données sont transmises à une base de données lorsque l’utilisateur envoie le formulaire.
Le tableau suivant présente tous les éléments de code utilisés dans le fichier FormExample.fla, y
compris les fonctions qu’ils effectuent et les éléments d’ActionScript auxquels ils font référence
dans le code. Ce tableau vous aidera à examiner le code dans les sections suivantes et fournit un
exemple de la manière de planifier et d’organiser les formulaires que vous allez créer.
Elément de formulaire
Fonction de l’élément
Référence ActionScript
Page 1
Collecte des informations sur
l’utilisateur.
pg1
updateUIFromDataPg1
Champ de saisie du nom
Collecte le nom de l’utilisateur
name_txt.text - field
nameField – propriété d’objet
Boutons radio Sexe
Collectent les informations sur le
sexe
genderGroup – composant
gender – propriété d’objet
Liste déroulante Ville
Collecte les informations sur la ville
city_mc – composant ;
cityIndex – propriété d’objet ;
cityTable – tableau pour
composant
Utilisation des composants 349
Elément de formulaire
Fonction de l’élément
Référence ActionScript
Bouton Page suivante
Amène l’utilisateur à la page 2
pg1next
Page 2
Collecte des informations sur les
centres d’intérêt
pg2
updateUIFromDataPg2
Case à cocher de demande
d’informations
Active le menu de la liste des intérêts junkCheck_mc – composant
junkMail – propriété d’objet
et consigne la demande
d’information de la part de l’utilisateur
Menu de liste des intérêts
Collecte les données sur les centres
d’intérêt
interest_mc – composant
interestIndex – propriété d’objet ;
interestTable – tableau pour
composant
Page suivante
Amène l’utilisateur à la page 3
pg2next
Bouton Page précédente
Ramène l’utilisateur à la page 1
pg2prev
Page 3
Affiche les informations sur
l’utilisateur et ses centres d’intérêt
pg3
updateUIFromDataPg3
Titre – texte statique
Affiche le message de fin
Sans objet
Nom – texte dynamique
Affiche le nom de l’utilisateur
resultsName_txt.txt – nom de
champ d’affichage
Sexe – texte dynamique
Affiche la sélection effectuée au
moyen du bouton radio Sexe
resultsGender_txt.txt – nom de
champ d’affichage
Ville – texte dynamique
Affiche la sélection effectuée dans la resultsCity_txt.txt – nom de
liste Ville
champ d’affichage
Intérêts – texte dynamique
Affiche la sélection effectuée dans le resultsInterest_txt.txt – nom
menu de la liste des centres d’intérêt de champ d’affichage
Bouton Page précédente
Ramène l’utilisateur à la page 2
pg3prev
Stockage des données de formulaire
Une partie essentielle de tout formulaire consiste à stocker et à mettre à jour les données entrées
par l’utilisateur. Les données du formulaire doivent être tenues à jour et disponibles pour toutes
les pages du formulaire à tout moment, ce qui signifie que le code ActionScript d’initialisation du
formulaire et de stockage des données doit précéder toutes les pages du formulaire dans le
scénario.
Dans le fichier FormExample.fla, tout le code est défini dans un calque Actions de l’image 1 du
scénario.
Le scénario, avec la structure des calques du formulaire
350 Chapitre 15
Le code suivant initialise le formulaire, crée l’objet qui définit les propriétés permettant de stocker
les données et de fixer les valeurs initiales de chaque élément du formulaire, puis crée des tableaux
afin de compléter la liste et les listes modifiables utilisées dans le formulaire :
function initData()
{
// cette fonction est appelée dans l’image 1 du calque des actions sur image
// le code suivant assure une seule initialisation du formulaire
if ( inited )
return;
inited = true;
// créer un objet avec des propriétés pour stocker les données
// et définir les valeurs initiales de chaque élément d’interface
loginData = new Object();
loginData.nameField ="";
loginData.gender = "Female";
loginData.cityIndex = 1;
loginData.junkMail = true;
loginData.interestIndex = undefined;
// définir les tableaux pour remplir les listes du formulaire
cityTable = new Array("Berkeley", "San Francisco", "San Jose", "Oakland",
"El Cerrito", "Walnut Creek");
interestTable = new Array("Golf", "Ski", "Flash Programming", "Hiking");
}
La fonction initData est appelée depuis l’image 1 dans un calque d’actions d’image avec le code
suivant :
initData();
Après avoir initialisé votre formulaire et avoir défini une manière de stocker les données entrées
par l’utilisateur, vous utiliserez les données pour la navigation et l’affichage des pages du
formulaire.
Utilisation des composants 351
Gestion et contrôle des données
Les données entrées sur chaque page d’un formulaire qui en comprend plusieurs peuvent influer
sur les éléments ou les pages affichés, ainsi que sur le mode d’affichage des pages. Pour afficher les
données entrées par l’utilisateur sur les pages du formulaire, vous devez créer des fonctions pour
chaque page afin de charger ces données et d’actualiser l’affichage des pages.
Exemple de code de FormExample.fla
Dans le fichier FormExample.fla, les données stockées dans les propriétés de l’objet loginData
sont gérées par les fonctions getDataFromUI et updateUI définies pour chaque page du
formulaire dans l’image 1 du calque Actions. Les fonctions getDataFromUI et updateUI pour
chaque page du formulaire sont définies dans la première image du calque Actions, ainsi qu’avec
l’objet loginData, afin de conserver toutes les actions du formulaire ensemble. Le fichier
FormExample.fla répartit l’obtention et la définition des données en deux fonctions
(getDataFromUI et updateUI) afin de mettre clairement en évidence le code requis. Toutefois,
sur un véritable formulaire, ces deux fonctions peuvent être combinées afin de disposer d’une
fonction pour chaque page.
La fonction updateUI pour chaque page du formulaire est appelée depuis la première image de la
page de formulaire dans le calque Frame Actions, comme le montre le code suivant.
Dans le calque Frame Actions, sur la première image de la page 1 du formulaire :
stop();
updateUIFromDataPg1();
Dans le calque Frame Actions, sur la première image de la page 2 du formulaire :
stop();
updateUIFromDataPg2();
Dans le calque Frame Actions, sur la première image de la page 3 du formulaire :
stop();
updateUIFromDataPg3();
// récupérer les données des éléments d’interface de la page 1
function getDataFromUIPg1()
{
loginData.nameField = name_txt.text;
loginData.gender = genderGroup.getValue().getLabel();
loginData.cityIndex = city_mc.getSelectedIndex();
}
// récupérer les données des éléments d’interface de la page 2
function getDataFromUIPg2()
{
loginData.junkMail = junkCheck_mc.getValue();
loginData.interestIndex = interest_mc.getSelectedIndex();
}
352 Chapitre 15
// récupérer les données des éléments d’interface de la page 3
function getDataFromUIPg3()
{
// la page 3 n’affiche que des données et il n’y a donc rien à récupérer
}
// définir l’état des éléments d’interface de la page 1 avec les valeurs de
l’objet loginData
function updateUIFromDataPg1()
{
name_txt.text = loginData.nameField;
for (var i=0; i<cityTable.length; i++) {
city_mc.addItem(cityTable[i]);
}
city_mc.setSelectedIndex(loginData.stateIndex);
genderGroup.setValue(loginData.gender + "_mc");
}
// définir l’état des éléments d’interface de la page 2
avec les valeurs de l’objet loginData
function updateUIFromDataPg2()
{
for (var i=0; i<interestTable.length; i++) {
interest_mc.addItem(interestTable[i]);
}
interest_mc.setSelectedIndex(loginData.interestIndex);
junkCheck_mc.setValue(loginData.junkMail);
onChange();
}
// afficher les résultats de la page 3 avec les valeurs de l’objet loginData
function updateUIFromDataPg3()
{
resultsName_txt.text = loginData.nameField;
resultsGender_txt.text = loginData.gender;
resultsState_txt.text = stateTable[loginData.stateIndex];
resultsInterests_txt.text = interestTable[loginData.interestIndex];
}
Vous pouvez configurer la navigation sur le formulaire lorsque vous avez défini la façon de gérer
vos données.
Utilisation des données pour naviguer dans les pages du formulaire et
les afficher
Les boutons Page suivante et Page précédente que vous créez pour naviguer dans un formulaire à
plusieurs pages doivent contenir des actions qui emmènent l’utilisateur à la page appropriée et qui
affichent la page avec les données entrées par l’utilisateur. Le code d’un bouton Page précédente
ramène l’utilisateur à la page précédente et y affiche les informations entrées. Le code d’un bouton
Page suivante amène l’utilisateur à la page suivante.
Utilisation des composants 353
Le gestionnaire onClick de l’image 1 du calque Actions définit les actions pour les boutonspoussoirs Page suivante et Page précédente de toutes les pages du formulaire. Le gestionnaire
utilise des instructions if et else if pour déterminer le bouton-poussoir qui vient d’être relâché,
et définit l’action de navigation appropriée. Les actions de navigation appellent la fonction
getDataFromUI, présentée dans la section Gestion et contrôle des données, page 352. La fonction
onClick est spécifiée pour le paramètre de gestionnaire de clic dans le volet Paramètres de
l’inspecteur des propriétés pour chaque occurrence de bouton-poussoir.
Dans l’exemple ci-dessous, le gestionnaire onClick est utilisé pour naviguer dans les pages du
formulaire :
function onClick(btn)
{
if ( btn == pg1next ) {
// bouton de page suivante de la page 1
getDataFromUIPg1();// récupérer les données des éléments d’interface de la
page 1
gotoAndStop("pg2");// passer à la page 2
} else if ( btn == pg2prev ) {
// bouton de page précédente de la page 2
getDataFromUIPg2();// récupérer les données des éléments d’interface de la
page 2
gotoAndStop("pg1");// passer à la page 1
} else if ( btn == pg2next ) {
// bouton de page suivante de la page 2
getDataFromUIPg2();// récupérer les données des éléments d’interface de la
page 2
gotoAndStop("pg3");// passer à la page 3
} else if ( btn == pg3prev ) {
// bouton de page précédente de la page 3
getDataFromUIPg3();// récupérer les données des éléments d’interface de la
page 3
gotoAndStop("pg2");// passer à la page 2
}
}
Le gestionnaire onChange de l’image 1 du calque Actions définit les actions pour l’occurrence de
case à cocher de la page 2 du formulaire. Il s’agit d’un exemple de composant contrôlant l’état
d’activation d’un autre composant. La case à cocher est activée par défaut. Si l’utilisateur laisse la
case à cocher activée, la zone de liste lui permet d’effectuer des sélections. Si l’utilisateur désactive
la case à cocher, la zone de liste n’est pas accessible. La fonction onChange est spécifiée pour le
paramètre de gestionnaire de changement dans le volet Paramètres de l’inspecteur des propriétés
pour l’occurrence de case à cocher.
354 Chapitre 15
Dans l’exemple ci-dessous, le gestionnaire onChange est utilisé pour naviguer dans les pages du
formulaire :
function onChange(control)
{
if ( control == junkCheck_mc ) {
// activer et désactiver la liste en fonction de la valeur de la case à cocher
interest_mc.setEnabled(junkCheck_mc.getValue());
}
}
Utilisation des composants 355
356 Chapitre 15
CHAPITRE 16
Connexion à des sources externes
Les animations Macromedia Flash MX peuvent échanger des informations avec des sources
externes. Par exemple, vous pouvez utiliser des actions et des méthodes pour communiquer avec
des scripts côté serveur, des fichiers texte et des fichiers XML.
Vous pouvez charger des images JPEG et des fichiers audio MP3 dans votre animation en cours
de lecture. Il est ainsi possible de mettre à jour une image ou un son sans être contraint de
republier le fichier Flash Player (SWF) d’origine.
Pour permettre à Flash d’échanger des messages avec l’environnement hôte de l’animation (par
exemple, Flash Player ou une fonction JavaScript dans un navigateur web), vous pouvez utiliser
fscommand et les méthodes de Flash Player.
Flash comporte également des composants que vous pouvez manipuler par glisser-déposer pour
créer des applications web. Tout comme les objets intégrés, les composants possèdent des
méthodes et des propriétés prédéfinies, mais sont des clips réutilisables. Pour plus d’informations,
consultez Chapitre 15, Utilisation des composants, page 323.
Echange de variables avec une source distante
Une animation Flash est une fenêtre permettant de saisir et d’afficher des informations, un peu
comme une page HTML. Cependant, les animations peuvent rester chargées dans le navigateur et
être mises à jour en permanence avec de nouvelles informations sans qu’il soit nécessaire
d’actualiser la page. L’utilisation des actions et des méthodes d’objets de Flash permet d’échanger
des informations de fichiers texte, de fichiers XML ou de scripts côté serveur. Vous pouvez
également charger des fichiers JPEG et MP3 depuis une source distante dans une animation Flash
en cours de lecture.
En outre, les scripts côté serveur peuvent demander des informations précises à une base de
données et les transmettre à une animation Flash. Les scripts côté serveur peuvent être rédigés en
plusieurs langages, les plus communs étant Perl, ASP et PHP. Le stockage et l’extraction des
informations par le biais d’une base de données vous permet de créer un contenu dynamique et
personnalisé pour votre animation. Par exemple, vous pourriez créer un tableau de messages, des
profils personnels pour les utilisateurs ou un panier suivant ce qu’un utilisateur a acheté afin de
déterminer ses préférences.
357
Plusieurs actions et méthodes d’objets ActionScript peuvent être utilisées pour échanger des
informations avec une animation. Chaque action et méthode utilise un protocole pour transférer
les informations, qui doivent posséder un format précis.
• Les méthodes de l’objet MovieClip qui utilisent le protocole HTTP ou HTTPS pour envoyer
des informations dans un format URL sont getURL, loadVariables, loadVariablesNum,
loadMovie et loadMovieNum.
• Les méthodes de l’objet LoadVars qui utilisent le protocole HTTP ou HTTPS pour envoyer
des informations dans un format URL sont load, send et sendAndLoad.
• La méthode de l’objet Sound qui utilise le protocole HTTP ou HTTPS pour charger des sons
est loadSound.
• Les éléments ActionScript qui utilisent le protocole HTTP ou HTTPS pour charger des
images JPEG dans une animation Flash sont loadMovie et loadMovieNum.
• Les méthodes qui utilisent le protocole HTTP ou HTTPS pour envoyer des informations au
format XML sont XML.send, XML.load et XML.sendAndLoad.
• Les méthodes qui créent et utilisent une connexion socket TCP/IP pour envoyer les
informations au format XML sont XMLSocket.connect et XMLSocket.send.
Chargement sécurisé de données
Lorsque vous exécutez un document Flash dans un navigateur web, vous ne pouvez charger les
données dans le document que depuis un fichier situé sur un serveur du même sous-domaine.
Cette méthode empêche les documents Flash de télécharger des informations des serveurs d’autres
personnes.
Pour déterminer le sous-domaine d’une URL constituée d’un ou de deux composants, utilisez le
domaine entier :
Domaine
Sous-domaine
http://macromedia
macromedia
http://macromedia.com
macromedia.com
Pour déterminer le sous-domaine d’une URL constituée de plus de deux composants, supprimez
le dernier niveau :
Domaine
Sous-domaine
http://x.y.macromedia.com
y.macromedia.com
http://www.macromedia.com
macromedia.com
Le graphique suivant montre comment Flash Player détermine s’il faut ou non autoriser une
requête HTTP :
Lorsque vous utilisez l’objet XMLSocket pour créer une connexion socket avec un serveur, vous
devez utiliser un port de numéro 1024 ou plus. Les ports avec un numéro inférieur sont
généralement utilisés par Telnet, FTP, le World Wide Web ou Finger.
358 Chapitre 16
Flash s’appuie sur les caractéristiques standard de sécurité des navigateurs, ainsi que sur les
protocoles HTTP et HTTPS. D’une manière générale, Flash offre la même sécurité que celle
disponible avec le standard HTML. Vous devriez suivre les mêmes règles que celles que vous
appliquez lorsque vous développez un site web HTML sécurisé. Par exemple, pour supporter des
mots de passe sécurisés dans Flash, vous devez définir l’authentification de votre mot de passe avec
une requête à un serveur web.
Pour créer un mot de passe, utilisez un champ de texte pour demander un mot de passe à
l’utilisateur. Soumettez-le à un serveur dans une action loadVariables ou dans une méthode
XML.sendAndLoad en utilisant une URL HTTPS avec la méthode POST. Le serveur web peut
alors vérifier si le mot de passe est valide. De cette manière, le mot de passe ne sera jamais
disponible dans le fichier SWF.
Vérification des données chargées
Chaque action ou méthode qui charge des données dans une animation (sauf XMLSocket.send)
est asynchrone : les résultats de l’action sont renvoyés à un moment indéterminé.
Avant de pouvoir utiliser les données chargées dans une animation, vous devez d’abord vérifier si
elles ont bien été chargées. Par exemple, vous ne pouvez pas charger des variables et en manipuler
les valeurs dans le même script. Dans le script suivant, vous ne pouvez pas utiliser la variable
dernièreImageConsultée tant que vous n’êtes pas certain que la variable a été chargée depuis le
fichier mesDonnées.txt :
loadVariables("mesDonnées.txt", 0);
gotoAndPlay(dernièreImageConsultée);
Chaque action et méthode possède une technique spécifique que vous pouvez utiliser pour
vérifier les données qui ont été chargées. Si vous utilisez l’action loadVariables ou loadMovie,
vous pouvez charger les informations dans un clip cible et utiliser l’événement data de l’action
onClipEvent pour exécuter un script. Si vous utilisez l’action loadVariables pour charger les
données, l’action onClipEvent(data) est exécutée une fois la dernière variable chargée. Si vous
utilisez l’action loadMovie pour charger les données, l’action onClipEvent(data) est exécutée
chaque fois qu’une partie de l’animation est transmise à Flash Player.
Par exemple, l’action de bouton suivante charge les variables depuis le fichier mesDonnées.txt
dans le clip cibleChargeMC :
on (release) {
loadVariables("mesDonnées.txt", _root.cibleChargeMC);
}
Une action affectée à l’occurrence cibleChargeMC utilise la variable dernièreImageConsultée,
qui est chargée depuis le fichier mesDonnées.txt. L’action suivante n’est exécutée qu’une fois
toutes les variables, y compris dernièreImageConsultée, chargées :
onClipEvent(data) {
goToAndPlay(dernièreImageConsultée);
}
Si vous utilisez les méthodes XML.load et XMLSocket.connect, vous pouvez définir un
gestionnaire qui traitera les données à leur arrivée. Ce gestionnaire est une propriété de l’objet
XML ou XMLSocket auquel vous affectez une fonction que vous avez définie. Les gestionnaires
sont appelés automatiquement lorsque les données sont reçues. Pour l’objet XML, utilisez
XML.onLoad. Pour l’objet XMLSocket, utilisez XMLSocket.onConnect.
Pour plus d’informations, consultez Utilisation de l’objet XML, page 364, et Utilisation de l’objet
XMLSocket, page 367.
Connexion à des sources externes 359
Utilisation du protocole HTTP pour les connexions aux scripts côté serveur
Les actions loadVariables, loadVariablesNum, getURL, loadMovie et loadMovieNum
communiquent toutes avec des scripts côté serveur en utilisant le protocole HTTP. Ces actions
envoient toutes les variables depuis le scénario auquel elles sont reliées. Lorsqu’elles sont utilisées
comme méthodes de l’objet MovieClip, les actions loadVariables, getURL et loadMovie
envoient toutes les variables du clip indiqué et chaque action (ou méthode) traite sa réponse de la
manière suivante :
•
•
•
getURL
renvoie les informations dans une fenêtre de navigateur et non à Flash Player.
loadVariables
loadMovie
charge les variables dans un scénario ou niveau spécifié dans Flash Player.
charge une animation dans un niveau ou clip spécifié dans Flash Player.
Lorsque vous utilisez les actions loadVariables, getURL ou loadMovie, vous pouvez spécifier
plusieurs paramètres :
•
•
URL
est le fichier dans lequel se trouvent les variables distantes.
Emplacement est le niveau ou la cible dans l’animation qui reçoit les variables. L’action getURL
ne prend pas ce paramètre.
Pour plus d’informations sur les niveaux et cibles, consultez A propos des scénarios, page 276.
•
Variables définit la méthode HTTP, GET ou POST, avec laquelle les variables seront
envoyées. Lorsqu’elles sont omises, le lecteur utilise par défaut la méthode GET, mais aucune
variable n’est envoyée.
Par exemple, pour suivre les meilleurs scores d’un jeu, vous pourriez stocker les scores sur un
serveur et utiliser une action loadVariables pour les charger dans l’animation chaque fois que
quelqu’un joue à ce jeu. L’action pourrait avoir l’aspect suivant :
loadVariables("http://www.monSite.com/scripts/meilleur_score.php",
_root.clipDeScore, GET);
Cet exemple charge les variables du script PHP meilleur_score.php dans l’occurrence de clip
clipDeScore en utilisant la méthode HTTP GET.
Les variables chargées avec l’action loadVariables doivent être au format MIME standard
application/x-www-urlformencoded (un format standard utilisé par les scripts CGI). Le fichier que
vous spécifiez dans le paramètre URL de l’action loadVariables doit écrire les paires de variables
et valeurs dans ce format pour que Flash puisse les lire. Ce fichier peut spécifier n’importe quel
nombre de variables, les paires variable et valeur devant être séparées par l’éperluette (&) et les
mots à l’intérieur d’une valeur devant être séparés par le signe plus (+). Par exemple, cette
séquence définit plusieurs variables :
Pour plus d’informations sur loadVariables, getURL, loadMovie et l’objet LoadVars, consultez
les entrées correspondantes dans le dictionnaire ActionScript (via le menu Aide).
Utilisation de l’objet LoadVars
Vous pouvez utiliser l’objet LoadVars au lieu de loadVariables pour transférer des variables
entre une animation Flash et un serveur. L’objet LoadVars permet d’envoyer toutes les variables
d’un objet à une adresse URL déterminée et de charger toutes les variables d’une adresse URL
déterminée dans un objet. La réponse du serveur déclenche la méthode LoadVars.onLoad et
définit les variables de la cible. Vous pouvez utiliser l’objet LoadVars pour obtenir des
informations sur les erreurs et des indicateurs d’avancement, ainsi que pour diffuser les données
pendant leur téléchargement.
360 Chapitre 16
L’objet LoadVars est similaire à l’objet XML et utilise les méthodes load, send et sendAndLoad
pour entamer la communication avec le serveur. La principale différence entre les objets LoadVars
et XML réside dans le fait que les données LoadVars sont une propriété de l’objet LoadVars, et
non une arborescence DOM (Document Object Model) XML stockée dans l’objet XML.
Vous devez créer une nouvelle occurrence de l’objet LoadVars pour appeler ses méthodes. Cette
occurrence est un conteneur qui stocke les données chargées.
Pour charger des données avec l’objet LoadVars :
1
Sélectionnez une image, un bouton ou un clip auquel vous souhaitez affecter l’action.
2
Choisissez Fenêtre > Actions pour ouvrir le panneau Actions si ce dernier n’est pas déjà ouvert.
3
Dans la boîte à outils Actions, cliquez sur la catégorie Actions, puis sur Variables et doublecliquez sur l’action set variable pour l’ajouter au volet Script.
4
Dans le champ de paramètre Variable, entrez un nom d’occurrence pour le nouvel objet, par
exemple monObjetLoadVars.
5
Avec le point d’insertion dans le champ Valeur, dans la boîte à outils Actions, cliquez sur la
catégorie Objets, puis sur Client/serveur, puis sur LoadVars et double-cliquez sur
new LoadVars pour l’ajouter au volet Script. Activez l’option Expression.
Le code doit avoir cette forme :
monObjetLoadVars = new LoadVars();
6
Dans la boîte à outils Actions, cliquez sur la catégorie Objets, puis sur Client/serveur, puis sur
LoadVars, puis sur Méthodes et double-cliquez sur la méthode load pour l’ajouter au volet
Script.
7
Dans le champ de paramètre Objet, entrez le nom d’occurrence de l’objet LoadVars dans
lequel les données seront chargées – monObjetLoadVars, dans cet exemple.
8
Dans le champ Paramètres, entrez l’URL à partir de laquelle récupérer les données.
L’URL doit être encadrée de guillemets, tel que "http://www.monServeur.fr/
données.txt". Le code aurait cette forme :
monObjetLoadVars = new LoadVars();
monObjetLoadVars.load("http://www.monServeur.fr/données.txt");
Pour plus d’informations, consultez l’entrée LoadVars (objet) dans le dictionnaire ActionScript
(via le menu Aide).
Chargement d’une image ou d’un son dynamiquement
Si vous importez une image ou un son pendant la création d’un document Flash, cette image ou
ce son est placé dans le fichier SWF lorsque vous publiez l’animation. Pour charger des images
JPEG en cours d’exécution, vous utiliserez la méthode loadMovie ou loadMovieNum de l’objet
MovieClip. Pour charger des sons MP3 en cours d’exécution, vous utiliserez la méthode
loadSound de l’objet Sound. Pour renvoyer le nombre d’octets téléchargés et le nombre d’octets
prévus pour le fichier d’image ou de son téléchargé, vous utiliserez les méthodes getBytesLoaded
et getBytesTotal des objets MovieClip et Sound.
Pour charger une image dans un niveau de Flash Player, vous devez utiliser la méthode ou l’action
loadMovieNum. Pour charger une image dans un clip cible dans Flash Player, vous devez utiliser la
méthode ou l’action loadMovie. L’image chargée remplace le contenu du clip cible.
Connexion à des sources externes 361
Pour charger un son, vous devez créer une nouvelle occurrence de l’objet Sound. Vous pouvez
utiliser la nouvelle occurrence pour appeler la méthode loadSound et charger un événement ou
un son lu en flux continu. Alors que les sons d’événement sont entièrement chargés avant leur
lecture, les sons lus en flux continu sont lus pendant leur téléchargement. Vous pouvez définir le
paramètre isStreaming de la méthode loadSound de manière à définir un son comme étant un
son d’événement ou un son lu en flux continu. Après avoir chargé un son d’événement, vous
devez appeler la méthode start de l’objet Sound pour lancer sa lecture. La lecture des sons lus en
flux continu débute dès qu’une quantité suffisante de données a été chargée dans l’animation et il
n’est pas nécessaire d’utiliser la méthode start.
Note: En ce qui concerne les fichiers d’image, Flash ne supporte que le type de fichier d’image JPEG standard, et
non les fichiers JPEG progressifs. Pour ce qui est des fichiers son, Flash ne supporte que le type de fichier MP3.
Pour charger une image dynamiquement :
1
Sélectionnez une image, un bouton ou un clip auquel vous souhaitez affecter l’action.
2
Choisissez Fenêtre > Actions pour ouvrir le panneau Actions si ce dernier n’est pas déjà ouvert.
3
Dans la boîte à outils Actions, cliquez sur la catégorie Objets, puis sur Animation, puis sur
MovieClip, puis sur Méthodes et double-cliquez sur la méthode loadMovie pour l’ajouter au
volet Script.
4
Dans le champ de paramètre Objet, entrez le nom d’occurrence du clip dans lequel l’image sera
chargée – monMC, dans cet exemple.
Si le clip n’est pas un enfant du même parent que le scénario qui appelle l’action, vous devez
utiliser un chemin cible, qui peut être absolu ou relatif.
5
Dans le champ Paramètres, entrez l’URL à laquelle l’image se trouve. Entrez une virgule (,)
après l’URL.
6
Après la virgule du champ Paramètres, entrez la méthode HTTP "GET" ou "POST" (entre
guillemets) ou laissez ce paramètre vide.
Par exemple, le code suivant permet de charger une image dans un clip du scénario à l’endroit
où se trouve l’animation qui appelle l’action.
monMC.loadMovie("http://www.iciEtlà.fr/ImagesAcharger/image1.jpg")
Pour charger un son dynamiquement :
1
Sélectionnez une image, un bouton ou un clip auquel vous souhaitez affecter l’action.
2
Choisissez Fenêtre > Actions pour ouvrir le panneau Actions si ce dernier n’est pas déjà ouvert.
3
Dans la boîte à outils Actions, cliquez sur la catégorie Actions, puis sur Variables et doublecliquez sur l’action set variable pour l’ajouter au volet Script.
4
Dans le champ de paramètre Variable, entrez un nom d’occurrence pour le nouvel objet, par
exemple monSon.
5
Avec le point d’insertion dans le champ Valeur, dans la boîte à outils Actions, cliquez sur la
catégorie Objets, puis sur Animation, puis sur Sound et double-cliquez sur new Sound pour
l’ajouter au volet Script. Activez l’option Expression.
Le code doit avoir cette forme :
monSon = new Sound();
362 Chapitre 16
6
Dans la boîte à outils Actions, cliquez sur la catégorie Objets, puis sur Animation, puis sur
Sound, puis sur Méthodes et double-cliquez sur la méthode loadSound pour l’ajouter au volet
Script.
7
Dans le champ de paramètre Objet, entrez le nom d’occurrence du clip dans lequel le son sera
chargé – monSon, dans cet exemple.
8
Dans le champ Paramètres, entrez l’URL à laquelle le son se trouve. Entrez une virgule (,) après
l’URL.
L’URL doit être encadrée de guillemets, tel que "http://www.iciEtlà.fr/SonsAcharger/
son14.mp3".
9
Après la virgule du champ Paramètres, donnez la valeur false au paramètre isStreaming afin
d’indiquer que le son est un événement.
Par exemple, le code suivant charge un son d’événement :
this.loadSound("http://www.iciEtlà.fr/SonsAcharger/son14.mp3", false)
10
Dans la boîte à outils Actions, cliquez sur la catégorie Objets, puis sur Animation, puis sur
Sound, puis sur Méthodes et double-cliquez sur la méthode start pour l’ajouter au volet
Script.
11
Dans le champ de paramètre Objet, entrez le nom d’occurrence du son à démarrer – monSon,
dans cet exemple.
Le code doit avoir cette forme :
monSon = new Sound();
monSon.loadSound("http://www.iciEtlà.fr/SonsAcharger/son14.mp3", true);
monSon.start();
Pour plus d’informations, consultez les entrées des objets MovieClip et Sound dans le
dictionnaire ActionScript (via le menu Aide).
A propos du format XML
Le format XML (Extensible Markup Language) est en passe de s’imposer en tant que standard pour
l’échange de données structurées dans les applications Internet. Vous pouvez intégrer les données
de Flash avec des serveurs qui utilisent la technologie XML pour construire des applications
sophistiquées telles que des services de dialogue en ligne ou un service de courtage, par exemple.
En XML, tout comme en HTML, vous utilisez des balises pour marquer, ou définir, une chaîne
de texte. Dans le langage HTML, vous utilisez des balises prédéfinies pour indiquer la façon dont
le texte doit apparaître dans un navigateur web (par exemple, la balise <b> indique que le texte
doit être en gras). Dans le langage XML, vous définissez des balises qui identifient le type d’une
partie de données (par exemple, <motDePasse>monSecret</motDePasse>). Le langage XML
sépare la structure des informations de leur mode d’affichage, ce qui permet de réutiliser un même
document XML dans des environnements différents.
Chaque balise XML est appelée nœud, ou élément. Chaque nœud possède un type (1, qui indique
un élément XML ou 3, qui indique un nœud texte) et les éléments peuvent également posséder
des attributs. Un nœud imbriqué dans un autre est appelé nœud enfant. Cette structure
hiérarchique de nœuds est appelée DOM (Document Object Model) XML, un peu comme le
DOM JavaScript, qui correspond à la structure des éléments dans un navigateur web.
Connexion à des sources externes 363
Dans l’exemple suivant, <PORTEFEUILLE> est le nœud parent ; il ne possède pas d’attributs et
contient le nœud enfant <EFFET> qui possède les attributs SYMBOL, QTÉ, PRIX et VALEUR :
<PORTEFEUILLE>
<EFFET SYMBOLE ="RICHE"
QTÉ="75"
PRIX="245.50"
VALEUR="18412.50" />
</PORTEFEUILLE>
Utilisation de l’objet XML
Les méthodes de l’objet XML ActionScript (par exemple, appendChild, removeNode et
insertBefore) permettent de structurer les données XML dans Flash qui doivent être envoyées à
un serveur et pour manipuler et interpréter les données XML téléchargées.
Les méthodes de l’objet XML suivantes permettent d’échanger des données XML avec un serveur
avec la méthode HTTP POST :
• La méthode load télécharge le code XML depuis une URL et le place dans un objet XML
ActionScript.
• La méthode send transmet un objet XML à une URL. Toutes les informations renvoyées sont
affichées dans une fenêtre de navigateur.
• La méthode sendAndLoad envoie un objet XML à une URL. Toutes les informations
renvoyées sont placées dans un objet XML ActionScript.
Par exemple, vous pourriez créer un système de courtage qui stockerait toutes ses informations
(noms d’utilisateur, mots de passe, identifiants de session, contenu des portefeuilles et
informations de transaction) dans une base de données.
Le script côté serveur qui transmet les informations entre Flash et la base de données lit et écrit les
données au format XML. Vous pouvez utiliser ActionScript pour convertir les informations
récupérées dans l’animation Flash (par exemple, un nom d’utilisateur et un mot de passe) en un
objet XML et envoyer ensuite les données au script côté serveur sous forme de document XML.
Vous pouvez également utiliser ActionScript pour charger le document XML que le serveur
renvoie dans un objet XML devant être utilisé dans l’animation.
Flux et conversion des données entre une animation Flash, un script côté serveur et une base de données
364 Chapitre 16
La validation du mot de passe pour le système de courtage nécessite deux scripts : une fonction
définie sur l’image 1 et un script qui crée et envoie les objets XML associés au bouton Envoyer du
formulaire.
Lorsqu’un utilisateur entre des informations dans les champs de texte de l’animation Flash avec
les variables nomDutilisateur et motDePasse, les variables doivent être converties en XML
avant d’être transmises au serveur. La première section du script charge les variables dans un objet
XML nouvellement créé et appelé XMLDouvertureDeSession. Lorsqu’un utilisateur clique sur le
bouton Envoyer, l’objet XMLDouvertureDeSession est converti en une chaîne XML et envoyé au
serveur.
Le script suivant est associé au bouton Envoyer. Pour comprendre le script, vous pourrez vous
aider des commentaires (indiqués par les caractères //) :
on (release) {
// A. Construire un document XML avec un élément d’ouverture de session
XMLDouvertureDeSession = new XML();
élémentDouvertureDeSession = XMLDouvertureDeSession.createElement("LOGIN");
élémentDouvertureDeSession.attributes.nomDutilisateur = nomDutilisateur;
élémentDouvertureDeSession.attributes.motDePasse = motDePasse;
XMLDouvertureDeSession.appendChild(élémentDouvertureDeSession);
// B. Construire un objet XML contenant la réponse du serveur
XMLréponseDouv = new XML();
XMLréponseDouv.onLoad = pourRéponseDouv;
// C. Envoyer l’élément LOGIN au serveur,
//
placer la réponse dans XMLréponseDouv
XMLDouvertureDeSession.sendAndLoad("https://www.imexstocks.com/main.cgi",
XMLréponseDouv);
}
La première section du script génère le code XML suivant lorsque l’utilisateur clique sur le bouton
Envoyer :
<LOGIN NOMDUTILISATEUR="JeanSmith" MOTDEPASSE="monSecret" />
Le serveur reçoit le code XML, génère une réponse XML et la renvoie à l’animation Flash. Si le
mot de passe est accepté, le serveur envoie la réponse suivante :
<REPONSELOGIN ETAT="OK" SESSION="rnr6f7vkj2oe14m7jkkycilb" />
Ce code XML comprend un attribut SESSION qui contient une ID de session aléatoire unique et
qui sera utilisée dans toutes les communications entre le client et le serveur pour le reste de la
session. Si le mot de passe est rejeté, le serveur répond par le message suivant :
<REPONSELOGIN ETAT="ECHEC" />
Le nœud XML REPONSELOGIN doit être chargé dans un objet XML vide de l’animation Flash.
L’instruction suivante crée l’objet XML XMLréponseDouv pour recevoir le nœud XML :
// B. Construire un objet XML contenant la réponse du serveur
XMLréponseDouv = new XML();
XMLréponseDouv.onLoad = pourRéponseDouv;
La seconde instruction affecte la fonction pourRéponseDouv au gestionnaire
XMLréponseDouv.onLoad.
Connexion à des sources externes 365
L’élément XML REPONSELOGIN arrive de manière asynchrone, un peu comme les données d’une
action loadVariables et est chargé dans l’objet XMLréponseDouv. Lorsque les données arrivent,
la méthode onLoad de l’objet XMLréponseDouv est appelée. Vous devez définir la fonction
pourRéponseDouv et l’affecter au gestionnaire XMLréponseDouv.onLoad pour qu’il puisse traiter
l’élément REPONSELOGIN. Vous devez également affecter la fonction pourRéponseDouv à l’image
contenant le bouton d’envoi.
La fonction pourRéponseDouv est définie dans la première image de l’animation. Pour
comprendre le script, vous pourrez vous aider des commentaires (indiqués par les caractères //).
function pourRéponseDouv() {
// Récupérer le premier élément XML
var e = this.premierEnfant;
// Si le premier élément XML est un élément REPONSELOGIN avec
// OK pour état, ouvrir l’écran de portefeuille. Sinon,
// ouvrir l’écran d’échec et laisser l’utilisateur réessayer.
if (e.nomDeNoeud == "REPONSELOGIN" && e.attributes.état == "OK") {
// Enregistrer l’identifiant de session pour les futures communications avec le
serveur
idSession = e.attributes.session;
// Ouvrir l’écran de portefeuille
gotoAndStop("écranPortefeuille");
} else {
// Le login a échoué ! Ouvrir l’écran d’échec.
gotoAndStop("échecOuvSession");
}
}
366 Chapitre 16
La première ligne de cette fonction, var e = this.premierEnfant, utilise le mot-clé this pour
faire référence à l’objet XML XMLréponseDouv qui vient d’être chargé avec XML depuis le
serveur. Vous pouvez utiliser this car pourRéponseDouv a été invoquée sous la forme
XMLréponseDouv.onLoad, et donc, même si pourRéponseDouv se révèle être une fonction
normale, elle se comporte en fait comme une méthode de XMLréponseDouv.
Pour envoyer le nom d’utilisateur et le mot de passe au format XML au serveur et pour charger
une réponse XML dans l’animation Flash, vous pouvez utiliser la méthode sendAndLoad, comme
dans l’exemple suivant :
// C. Envoyer l’élément LOGIN au serveur,
//
placer la réponse dans XMLréponseDouv
XMLDouvertureDeSession.sendAndLoad("https://www.imexstocks.com/main.cgi",
XMLréponseDouv);
Note: Cette démonstration n’est qu’un exemple et Macromedia ne garantit pas le niveau de sécurité fourni. Si vous
implémentez un système sécurisé protégé par mot de passe, assurez-vous de bien comprendre la sécurité réseau.
Pour plus d’informations sur l’utilisation du langage XML pour développer des applications web,
consultez Intégration du langage XML et Flash dans une application web à
www.macromedia.com/support/flash/interactivity/xml/. Pour plus d’informations sur l’objet
XML, consultez l’entrée correspondante dans le dictionnaire ActionScript (via le menu Aide).
Utilisation de l’objet XMLSocket
ActionScript fournit un objet XMLSocket intégré qui vous permet d’ouvrir une connexion
continue avec un serveur. Une connexion socket permet au serveur de publier l’information au
client dès qu’elle est disponible. Sans connexion continue, le serveur devra attendre une requête
HTTP. Cette connexion ouverte supprime les périodes d’attente et est souvent utilisée dans des
applications en temps réel telles que les dialogues en ligne. Les données sont envoyées sur la
connexion socket sous forme d’une chaîne et doivent être au format XML. Vous pouvez utiliser
l’objet XML pour structurer les données.
Pour créer une connexion socket, vous devez créer une application côté serveur qui attendra la
requête de connexion socket et enverra une réponse à l’animation Flash. Ce type d’applications
côté serveur peut être écrit dans un langage tel que Java.
Vous pouvez utiliser les méthodes connect et send de l’objet XMLSocket ActionScript pour
échanger du code XML avec un serveur sur une connexion socket. La méthode connect établit
une connexion socket avec le port d’un serveur web. La méthode send transmet un objet XML au
serveur spécifié dans la connexion socket.
Lorsque vous invoquez la méthode connect de l’objet XMLSocket, Flash Player ouvre une
connexion TCP/IP avec le serveur et garde cette connexion ouverte jusqu’à ce qu’un des
événements suivants se produise :
•
•
•
•
La méthode close de l’objet XMLSocket est appelée.
Il n’existe plus aucune référence à l’objet XMLSocket.
Flash Player est fermé.
La connexion est rompue (le modem est déconnecté, par exemple).
Connexion à des sources externes 367
L’exemple suivant crée une connexion socket XML et envoie les données de l’objet XML
monCodeXML. Pour comprendre le script, vous pourrez vous aider des commentaires (indiqués par
les caractères //) :
// Créer un objet XMLSocket
sock = new XMLSocket();
// Appeler sa méthode de connexion pour établir une connexion au port 1024
// du serveur à l’URL
sock.connect("http://www.monServeur.fr", 1024);
// Définir une fonction à affecter à l’objet socket gérant
// la réponse du serveur. Si la connexion réussit, envoyer
// l’objet monCodeXML. Sinon, afficher un message d’erreur dans un
// champ de texte.
function onSockConnect(succès){
if (succès){
sock.send(monCodeXML);
} else {
msg="Une erreur de connexion a eu lieu avec "+serverName;
}
}
// Affecter la fonction onSockConnect à la propriété onConnect
sock.onConnect = onSockConnect;
Pour plus d’informations, consultez l’entrée XMLSocket (objet) dans le dictionnaire ActionScript
(via le menu Aide).
Echange de messages avec Flash Player
Pour envoyer des messages depuis une animation Flash vers son environnement hôte (par
exemple, un navigateur web, une animation Macromedia Director ou Flash Player autonome),
vous pouvez utiliser l’action fscommand. Cette action vous permet d’améliorer votre animation en
utilisant les capacités de l’hôte. Par exemple, vous pouvez transmettre une action fscommand à
une fonction JavaScript dans une page HTML qui ouvre une nouvelle fenêtre de navigateur avec
des propriétés spécifiques.
Pour contrôler une animation dans Flash Player avec des langages tels que JavaScript, VBScript et
Microsoft JScript, vous pouvez utiliser les méthodes Flash Player (fonctions qui envoient des
messages depuis un environnement hôte vers l’animation Flash). Par exemple, vous pouvez avoir
un lien avec une page HTML qui envoie votre animation Flash vers un cadre spécifique.
Utilisation de fscommand
Utilisez l’action fscommand pour envoyer un message au programme, quel qu’il soit, hébergeant
Flash Player. L’action fscommand possède deux paramètres : commande et arguments. Pour
envoyer un message à la version autonome de Flash Player, vous devez utiliser des commandes et
des arguments (paramètres) prédéfinis. Par exemple, l’action suivante définit le lecteur autonome
pour qu’il affiche l’animation en taille plein écran lorsque le bouton est relâché :
on (release) {
fscommand("fullscreen", "true");
}
368 Chapitre 16
Le tableau suivant indique les valeurs que vous pouvez spécifier pour les paramètres commande et
arguments de l’action fscommand pour contrôler une animation lue dans le lecteur autonome (y
compris les projections) :
Commande
Arguments
Objectif
quit
Aucun
Ferme la projection.
fullscreen
true ou false
La spécification de true définit Flash Player en mode plein écran. La
spécification de false renvoie le lecteur en affichage normal du menu.
allowscale
true ou false
La spécification de false définit le lecteur de sorte qu’il soit toujours
affiché dans sa taille originale et que son échelle ne soit jamais modifiée.
La spécification de true oblige l’animation à adopter l’échelle 100 % du
lecteur.
showmenu
true ou false
La spécification de true active le jeu complet des éléments de menu
contextuel. La spécification de false masque tous les éléments de menu
contextuel, à l’exception de A propos de Flash Player.
exec
Chemin de
l’application
Exécute une application depuis la projection.
Pour utiliser fscommand pour envoyer un message à un langage de programmation tel que
JavaScript dans un navigateur web, vous pouvez transmettre deux arguments quelconques dans
les paramètres commande et arguments. Ces paramètres peuvent être des chaînes ou des
expressions et seront utilisés dans une fonction JavaScript qui traite l’action fscommand.
Une action fscommand invoque la fonction JavaScript nomDeLanimation_DoFSCommand dans la
page HTML qui contient l’animation Flash, où nomDeLanimation est le nom de Flash Player tel
qu’il est affecté par l’attribut NAME de la balise EMBED ou par l’attribut ID de la balise OBJECT. Si le
nom monAnimation a été affecté à Flash Player, la fonction JavaScript invoquée est
monAnimation_DoFSCommand.
Connexion à des sources externes 369
Pour utiliser l’action fscommand pour ouvrir une boîte de message depuis une animation Flash
dans la page HTML avec JavaScript :
1
Dans la page HTML qui contient l’animation Flash, ajoutez le code JavaScript suivant :
function Lanimation_DoFSCommand(commande, args) {
if (commande == "fenêtreMessage") {
alert(args);
}
}
Si vous publiez votre animation en utilisant Flash avec le modèle FSCommand dans les
paramètres de publication HTML, ce code est inséré automatiquement. Les attributs NAME et
ID de l’animation seront le nom du fichier. Par exemple, pour le fichier monAnimation.fla,
les attributs seront définis avec monAnimation. Pour plus d’informations sur la publication,
consultez Chapitre 20, Publication, page 411.
Alternativement, pour les applications Internet Explorer, vous pouvez associer un gestionnaire
d’événement directement dans la balise <SCRIPT>, comme le montre cet exemple :
<Script Language = "JavaScript" event="FSCommand (commande, args)" for=
"Lanimation">
...
</Script>
2
Dans le document Flash, ajoutez l’action fscommand à un bouton, comme dans l’exemple
suivant :
fscommand("fenêtreMessage", "Ceci est une fenêtre de message invoquée depuis
Flash.")
Vous pouvez également utiliser des expressions pour l’action et les paramètres fscommand,
comme dans l’exemple suivant :
fscommand("fenêtreMessage", "Bonjour, " + name + ", bienvenue sur notre
site web!")
3
Choisissez Fichier > Aperçu avant publication > HTML pour tester le document.
L’action fscommand peut envoyer des messages à Macromedia Director qui sont interprétés par
Lingo comme des chaînes, des événements ou un code exécutable Lingo. Si le message est une
chaîne ou un événement, vous devez écrire le code Lingo pour le recevoir depuis l’action
fscommand et entraîner une action dans Director. Pour plus d’informations, consultez le centre de
support de Director à www.macromedia.com/support/director.
En Visual Basic, Visual C++, et dans d’autres programmes pouvant héberger les contrôles
ActiveX, fscommand envoie un événement VB avec deux chaînes qui peut être traité dans
l’environnement du langage de programmation. Pour plus d’informations, utilisez les mots-clés
Flash method pour effectuer une recherche sur le centre de support de Flash, à
www.macromedia.com/support/flash.
370 Chapitre 16
A propos des méthodes Flash Player
Vous pouvez utiliser les méthodes Flash Player pour contrôler les animations dans Flash Player
avec des langages tels que JavaScript et VBScript. Comme avec les autres langages, vous pouvez
utiliser les méthodes Flash Player pour envoyer des appels à des animations Flash depuis un
environnement de programmation autre que ActionScript. Chaque méthode possède un nom et
la plupart prennent des paramètres. Un paramètre spécifie une valeur sur laquelle opère la
méthode. Le calcul effectué par certaines méthodes renvoie une valeur qui peut être utilisée par
l’environnement de programmation.
Deux technologies différentes permettent la communication entre le navigateur et Flash Player :
LiveConnect (Netscape Navigator 3.0 et versions suivantes sous Windows 95/98/2000/NT ou
Power Macintosh) et ActiveX (Microsoft Internet Explorer 3.0 et versions suivantes sous
Windows 95/98/2000/NT). En outre, dans Microsoft Internet Explorer 5.5 et les versions
ultérieures, Flash Player peut être hébergé sous la forme de comportement binaire ou d’une balise
d’élément personnalisée. Bien que les techniques de programmation soient équivalentes pour tous
les navigateurs et les langages, des propriétés et événements supplémentaires sont disponibles pour
l’utilisation des contrôles ActiveX.
Pour plus d’informations, y compris une liste complète des méthodes de programmation de Flash
Player, utilisez les mots-clés Flash method pour effectuer une recherche sur le centre de support
de Flash à www.macromedia.com/support/flash.
Connexion à des sources externes 371
372 Chapitre 16
CHAPITRE 17
Création d’animations imprimables
Votre animation Macromedia Flash MX est maintenant terminée et il ne vous reste plus qu’à
spécifier les images que vous souhaitez rendre imprimables dans Flash Player. Vous pouvez utiliser
la fonction d’impression de Flash Player pour permettre aux utilisateurs d’imprimer des
catalogues, des formulaires, des feuilles d’information, des accusés de réception, des factures ou
tout autre document de votre animation Flash.
Flash Player permet d’imprimer le contenu Flash sous forme de graphiques vectoriels avec les
résolutions élevées des imprimantes et autres périphériques de sortie. L’impression sous forme de
graphiques vectoriels redimensionne le contenu Flash de façon à produire un résultat impeccable,
quelle que soit sa taille, sans l’effet de pixelisation qui apparaît lors de l’impression d’images
bitmap de faible résolution.
L’impression des animations depuis Flash Player, plutôt que depuis le navigateur, procure aux
utilisateurs de Flash plusieurs avantages. Vous pouvez effectuer les opérations suivantes :
• Spécifier les images de l’animation Flash à imprimer. Cela vous permet de concevoir des pages
avec une mise en page appropriée pour l’impression et de protéger le contenu contre
l’impression.
• Déterminer la zone d’impression des images. Par exemple, si les matériaux imprimables ne sont
contenus que dans une portion de l’image, vous pouvez désigner cette portion uniquement
comme imprimable.
• Spécifier si les images sont imprimées sous forme vectorielle (pour profiter des résolutions les
plus élevées) ou sous forme de bitmaps (pour préserver la transparence et les effets de couleur).
• Affecter les actions print pour imprimer les images depuis des clips, même si ces derniers sont
invisibles. Cela vous permet de fournir du contenu imprimable sans utiliser le précieux espace
du navigateur.
373
Impression depuis Flash Player
Les utilisateurs peuvent imprimer les animations directement depuis Flash Player dans un
navigateur, de deux manières : soit en utilisant le menu contextuel de Flash Player et sa
commande Imprimer, soit en utilisant l’action print pour créer un bouton ou un autre type de
déclenchement de l’impression. Une action print procure plus de contrôle sur la façon dont est
imprimée une animation Flash et élimine le besoin d’utiliser le menu contextuel de Flash Player.
L’action print peut imprimer les images de n’importe quel scénario, y compris le scénario
principal ou le scénario d’un clip ou d’un niveau d’animation chargé. L’action print vous permet
également de spécifier une zone d’impression, ainsi que d’imprimer les effets de couleur, y
compris la transparence.
Le menu contextuel de Flash Player est plus limité dans l’impression : il n’imprime que les images
du scénario principal et ne vous permet pas d’imprimer les effets de couleur et de transparence.
Remarque Les versions de Flash Player inférieures à 4.0.25 (Windows) ou 4.0.20 (Macintosh) ne supportent pas
l’impression directe des images.
Préparation des animations pour l’impression
Pour préparer l’impression depuis Flash Player, vous pouvez définir les images à imprimer et leur
zone d’impression. Afin de mieux contrôler ce que les utilisateurs peuvent imprimer, gardez ces
informations à l’esprit lorsque vous préparez les animations et les clips pour l’impression :
• Ajustez la mise en page de chaque image que vous désignez comme imprimable de sorte à
obtenir le résultat souhaité à l’impression. Flash Player permet d’imprimer toutes les formes et
tous les symboles, bitmaps, blocs de texte et champs de texte. Les niveaux d’une animation
Flash ne sont pas combinés à l’impression.
• Le pilote d’impression de Flash Player utilise les paramètres HTML de dimension, échelle et
alignement spécifiés dans la boîte de dialogue Paramètres de publication. Utilisez ces
paramètres pour contrôler la disposition d’impression.
• Les images sélectionnées sont imprimées telles qu’elles apparaissent dans le symbole de clip.
Vous pouvez laisser les utilisateurs imprimer un clip invisible dans un navigateur en définissant
la propriété _visible du clip sur false dans le panneau Actions. La modification de la
propriété d’un clip avec l’action Set Property, l’interpolation ou tout autre outil de
transformation n’affecte pas l’impression du clip.
• Pour qu’un clip soit imprimable, il doit se trouver sur la scène ou dans l’espace de travail et doit
avoir un nom d’occurrence.
• Tous les éléments à imprimer doivent être entièrement chargés. Vous pouvez utiliser la
propriété _framesloaded pour vérifier si le contenu imprimable est chargé. Pour plus
d’informations, consultez ce terme dans le dictionnaire ActionScript (via le menu Aide).
Imprimantes supportées
Flash Player permet d’imprimer sur les imprimantes PostScript comme sur les imprimantes nonPostScript. Une liste des plates-formes supportées pour l’impression avec Flash Player est publiée
dans le document Impression avec Flash pour eBusiness sur le site web de
Macromedia(www.macromedia.com/software/flash/open/webprinting/faq.html).
374 Chapitre 17
Sélection des images imprimables
Par défaut, toutes les images du scénario spécifié sont imprimées. Vous pouvez limiter le nombre
d’images à imprimer (par exemple, si votre animation est longue et comporte des dizaines
d’images). Vous pouvez désigner des images spécifiques d’une animation comme imprimables
afin de n’imprimer que ces images, les images non spécifiées n’étant pas imprimées.
Pour spécifier des images comme imprimables, vous devez les étiqueter.
Pour désigner les images imprimables :
1
Ouvrez ou activez l’animation que vous souhaitez publier.
2
Dans le scénario, sélectionnez l’image que vous souhaitez rendre imprimable.
3
Choisissez Fenêtre > Propriétés pour afficher l’inspecteur des propriétés.
4
Dans l’inspecteur des propriétés, pour Etiquette d’image, entrez #p pour spécifier l’image
comme imprimable.
5
Répétez les étapes 3 et 4 pour chaque image que vous souhaitez désigner comme imprimable.
Spécification d’une zone imprimable
Par défaut, c’est la scène de l’animation qui détermine la zone d’impression. Tout objet qui
s’étend au-delà de la scène est rogné et n’est pas imprimé. Les animations chargées utilisent leur
propre taille de scène comme zone d’impression et non la taille de scène de l’animation principale.
Plutôt que d’utiliser la taille de scène de l’animation, vous pouvez aussi définir trois zones
d’impression différentes :
• Pour le menu contextuel de Flash Player ou l’action print, vous pouvez désigner le cadre de
sélection de l’animation comme zone d’impression de toutes les images, en sélectionnant un
objet dans une image comme cadre de sélection. Cette option est utile, par exemple, si vous
souhaitez imprimer une feuille de données pleine page d’un bandeau web.
• Avec l’action print, vous pouvez utiliser le cadre de sélection composite de toutes les images
imprimables d’un scénario comme zone d’impression (par exemple, pour imprimer plusieurs
images partageant un point d’alignement). Pour utiliser le cadre de délimitation composite,
sélectionnez le paramètre Maximum dans les paramètres d’action print. Pour plus
d’informations, consultez Ajout d’une action print, page 377.
• L’action print vous permet de modifier la zone d’impression de chaque image, en
redimensionnant les objets pour qu’ils correspondent à la zone d’impression (par exemple,
pour que les objets de tailles différentes dans chaque image remplissent la page imprimée).
Pour modifier le cadre de délimitation par image, utilisez le paramètre Image dans les
paramètres d’action print. Pour plus d’informations, consultez Ajout d’une action print,
page 377.
Pour spécifier une zone d’impression :
1
Ouvrez le document Flash (FLA) contenant les images à imprimer.
2
Choisissez une image que vous n’avez pas spécifiée pour l’impression avec l’étiquette
d’image #p.
Pour organiser votre travail, vous pouvez sélectionner l’image qui suit une image étiquetée #p.
Création d’animations imprimables 375
3
Créez une forme sur la scène ayant la taille de la zone d’impression souhaitée.
Vous pouvez également choisir une image contenant un objet ayant la taille d’impression
appropriée pour utiliser le cadre de sélection de cette image.
4
Sélectionnez l’image du scénario qui contient la forme que vous utiliserez comme cadre de
sélection.
5
Si l’inspecteur des propriétés n’est pas visible, choisissez Fenêtre > Propriétés.
6
Dans l’inspecteur des propriétés, entrez #b pour Etiquette d’image et spécifier la forme
sélectionnée comme cadre de délimitation de la zone d’impression.
Vous ne pouvez entrer qu’une seule étiquette #b par scénario. Cette option est identique à la
sélection de l’option Cadre de délimitation : Animation avec l’action print.
Changement de la couleur d’impression de l’arrière-plan
Flash Player permet d’imprimer la couleur d’arrière-plan définie dans la boîte de dialogue
Propriétés du document. Vous pouvez changer la couleur d’arrière-plan des seules images à
imprimer en plaçant un objet coloré dans le calque le plus bas du scénario à imprimer.
Pour changer la couleur d’impression de l’arrière-plan :
1
Placez une forme remplie couvrant la scène sur le calque le plus bas du scénario à imprimer.
2
Sélectionnez la forme et choisissez Modification > Document. Sélectionnez la couleur pour
l’impression de l’arrière-plan.
Cela change la couleur d’arrière-plan de l’animation tout entière, y compris celle des clips et
des animations chargées.
3
Choisissez parmi les options suivantes :
• Pour imprimer cette couleur comme arrière-plan de l’animation, assurez-vous que l’image dans
laquelle vous avez placé la forme est désignée pour l’impression. Pour plus d’informations,
consultez Sélection des images imprimables, page 375.
• Pour conserver une couleur d’arrière-plan différente pour les images non imprimées, répétez les
étapes 2 et 3. Placez ensuite la forme dans le calque le plus bas du scénario, dans toutes les
images qui ne sont pas désignées pour l’impression. Pour plus d’informations, consultez la
section suivante.
Désactivation de l’impression
Si vous ne souhaitez pas imprimer certaines images du scénario principal, vous étiquetez
l’image !#p pour la rendre non imprimable. Le fait d’étiqueter une image !#p estompe la
commande Imprimer du menu contextuel de Flash Player. Vous pouvez également désactiver le
menu contextuel tout entier de Flash Player.
Si vous désactivez l’impression à partir de Flash Player, l’utilisateur peut toujours imprimer des
images en utilisant la commande Imprimer du navigateur. Cette commande étant une fonction
du navigateur, vous ne pouvez pas la contrôler, ni la désactiver avec Flash.
376 Chapitre 17
Pour désactiver l’impression à partir du menu contextuel de Flash Player en estompant la
commande Imprimer :
1
Ouvrez ou activez le document Flash (FLA) que vous souhaitez publier.
2
Sélectionnez la première image-clé dans le scénario principal.
3
Choisissez Fenêtre > Propriétés pour afficher l’inspecteur des propriétés.
4
Dans l’inspecteur des propriétés, pour Etiquette d’image, entrez !#p pour spécifier l’image
comme non imprimable.
Vous n’avez besoin de spécifier qu’une seule étiquette !#p pour estomper la commande
Imprimer du menu contextuel.
Remarque Vous pouvez également sélectionner une image vide et l’étiqueter #p pour empêcher l’impression
depuis le menu contextuel de Flash Player.
Pour désactiver l’impression en supprimant le menu contextuel de Flash Player :
1
Ouvrez ou activez le document Flash (FLA) que vous souhaitez publier.
2
Choisissez Fichier > Paramètres de publication.
3
Cliquez sur l’onglet HTML et désactivez l’option Afficher le menu.
4
Cliquez sur OK.
Pour plus d’informations sur les options de publication, consultez Publication des documents Flash,
page 414.
Ajout d’une action print
Vous pouvez ajouter une action print à un bouton ou à un autre élément de votre animation
pour permettre aux utilisateurs d’imprimer l’animation. Vous affectez l’action print à un
bouton, à une image ou à un clip. Si vous affectez une action print à une image, l’action est
exécutée lorsque la tête de lecture atteint l’image désignée.
L’action print vous permet d’imprimer des images d’autres clips en plus du scénario principal.
Chaque action print définit un seul scénario pour l’impression, mais l’action vous permet de
spécifier n’importe quel nombre d’images à imprimer au sein du scénario. Si vous associez
plusieurs actions print à un même bouton ou à une même image, la boîte de dialogue Imprimer
apparaît pour chaque action exécutée.
Pour affecter une action print à un bouton, à une image ou à un clip :
1
Ouvrez le document Flash (FLA) contenant les images à imprimer.
2
Sélectionnez dans le scénario l’image-clé que vous souhaitez pouvoir imprimer et assurez-vous
qu’elle est étiquetée #p. Pour plus d’informations, consultez les instructions dans Sélection des
images imprimables, page 375.
Si vous ne spécifiez pas les images à imprimer, toutes les images de l’animation seront
imprimées par défaut.
3
Sélectionnez l’image, l’occurrence de bouton ou l’occurrence de clip à laquelle vous affecterez
une action print.
Chaque action print ne définit qu’un seul scénario pour l’impression.
4
Choisissez Fenêtre > Actions pour afficher le panneau Actions.
Création d’animations imprimables 377
5
Dans la boîte à outils Actions, cliquez sur la catégorie Actions pour afficher les actions et
double-cliquez sur l’action print pour la sélectionner. Flash insère l’action print dans la liste
Actions.
6
Pour Imprimer, choisissez d’imprimer l’image sous forme vectorielle ou sous forme de bitmap :
• L’option Comme vecteurs imprime l’image avec une qualité plus élevée, mais sans
transparence.
Les objets contenant des effets de couleur ou de transparence ne peuvent pas être imprimés
sous forme de données vectorielles. L’imprimante ne peut pas interpréter le canal alpha qui
définit l’effet comme données vectorielles.
• L’option Comme bitmap imprime la transparence dans un canal alpha ou un effet de couleur.
Cette option imprime avec la résolution la plus élevée disponible sur l’imprimante.
7
Pour spécifier le scénario d’animation à imprimer, choisissez une option d’emplacement :
• Pour Niveau, spécifiez le numéro de niveau du scénario principal ou de l’animation chargée.
Pour utiliser une expression évaluant le niveau, activez l’option Expression et entrez une
expression. Pour plus d’informations sur les niveaux, consultez Chargement et purge
d’animations supplémentaires, page 287.
• Pour Cible, entrez le chemin de l’animation cible ou cliquez sur le bouton Insérer un chemin
cible dans le coin inférieur droit et utilisez la boîte de dialogue Insérer un chemin cible pour
localiser et sélectionner l’animation cible. Pour utiliser une expression pour évaluer la cible,
activez l’option Expression et entrez une expression.
8
Pour définir les limites d’impression, sélectionnez une option dans Cadre de délimitation :
• L’option Animation utilise le cadre de délimitation d’un objet dans l’image étiquetée #b
comme zone d’impression pour toutes les images, tel que défini dans Spécification d’une zone
imprimable, page 375. Par exemple, choisissez cette option pour imprimer
378 Chapitre 17
• une feuille de données pleine page d’un bandeau web.
Haut : l’image étiquetée #p (à gauche) imprime uniquement la région de la scène (à droite).
Bas : l’image étiquetée #p (1) et l’image étiquetée #b (2), avec affichage papier pelure (3),
impriment le cadre de délimitation de l’objet (à droite).
• L’option Maximum utilise le cadre de délimitation composite de toutes les images imprimables
d’un scénario.
Création d’animations imprimables 379
• L’option Image utilise le cadre de délimitation des objets de chaque image imprimable d’un
scénario comme zone d’impression, modifiant la zone d’impression pour chaque image et les
objets en fonction de la zone. Par exemple, utilisez l’option Image si des objets de différentes
tailles se trouvent dans chaque image et si vous souhaitez que chaque objet remplisse la page
imprimée.
L’option Image définit le cadre de délimitation de chaque image comme zone d’impression (en haut),
redimensionnant l’illustration pour qu’elle corresponde à cette zone (en bas).
Remarque Le fait de choisir les options de cadre de délimitation Maximum ou Image de l’action print neutralise les
images étiquetées #b pour le cadre de délimitation de l’animation.
Impression depuis le menu contextuel de Flash Player
Vous pouvez utiliser la commande Imprimer du menu contextuel de Flash Player pour permettre
l’impression des images d’une animation Flash.
La commande Imprimer du menu contextuel ne peut pas imprimer la transparence ou les effets
de couleur ni les images d’autres clips ; pour ces capacités d’impression, utilisez plutôt l’action
print. Pour plus d’informations, consultez Ajout d’une action print, page 377.
Pour imprimer les images d’une animation avec la commande Imprimer du menu contextuel
de Flash Player :
1
Ouvrez l’animation dont vous souhaitez imprimer les images.
La commande imprime les images étiquetées #b en utilisant la scène ou le cadre de délimitation
spécifié comme zone d’impression. Pour plus d’informations, consultez Sélection des images
imprimables, page 375, et Spécification d’une zone imprimable, page 375.
Si vous n’avez pas désigné d’images spécifiques à imprimer, toutes les images du scénario
principal de l’animation sont imprimées.
2
Choisissez Fichier > Aperçu avant publication > Par défaut ou appuyez sur F12 pour afficher
votre animation Flash dans un navigateur.
3
Cliquez du bouton droit (Windows) ou en appuyant sur la touche Contrôle (Macintosh) dans
l’animation Flash affichée dans le navigateur pour afficher le menu contextuel de Flash Player.
380 Chapitre 17
4
Choisissez Imprimer dans le menu contextuel de Flash Player pour afficher la boîte de dialogue
Imprimer.
5
Sous Windows, choisissez la plage des images à imprimer :
• Activez l’option Tout pour imprimer toutes les images de l’animation si aucune image n’est
étiquetée.
• Activez l’option Pages et entrez une plage pour imprimer les images étiquetées dans cette plage.
• Activez l’option Sélection pour imprimer l’image courante.
6
Sur le Macintosh, dans la boîte de dialogue Imprimer, sélectionnez les pages à imprimer :
• Activez l’option Tout pour imprimer l’image courante si aucune image n’est étiquetée ou pour
imprimer toutes les images étiquetées.
• Activez l’option De et entrez une plage d’images étiquetées à imprimer.
7
Activez les autres options d’impression en fonction des propriétés de votre imprimante.
8
Cliquez sur OK (Windows) ou sur Imprimer (Macintosh).
A propos de la publication d’une animation contenant des
images imprimables
Vous pouvez publier une animation Flash contenant des images imprimables sur le web en
utilisant la commande Publier pour générer les modèles HTML Flash nécessaires. Pour plus
d’informations, consultez Publication des documents Flash, page 414.
Les utilisateurs doivent posséder Flash Player 4.0.25 (Windows) ou 4.0.20 (Macintosh) ou une
version ultérieure pour profiter des fonctionnalités d’impression que vous avez ajoutées et pour
pouvoir imprimer les images désignées dans Flash. Vous pouvez implémenter un système de
détection pour vérifier la compatibilité de la version de Flash Player. Pour plus d’informations,
consultez Contrôle du trafic vers votre site web, page 444.
Création d’animations imprimables 381
382 Chapitre 17
CHAPITRE 18
Création de contenu accessible
Le contenu publié sur le web est accessible à partir des quatre coins de la planète – il devrait donc
l’être également pour les personnes souffrant de divers handicaps. Le contenu visuel des
animations Macromedia Flash MX peut être rendu accessible aux personnes souffrant de
handicaps visuels à l’aide d’un logiciel adapté pour la lecture de description audio du contenu de
l’écran.
Le contenu « accessible » des animations Flash est supporté par Flash Player 6. Les utilisateurs de
la fonction d’accessibilité devront posséder un système d’exploitation Windows supportant cette
fonction et les logiciels de lecture appropriés (tels que Flash Player 6). Pour plus d’informations,
consultez la page web Accessibilité de Flash, à www.macromedia.com/software/Flash/
productinfo/accessibility/.
La technologie de lecture d’écran est conçue principalement pour interpréter les informations
d’interfaces utilisateur statiques. La création d’animations accessibles est facilitée par l’inclusion
d’une plus grande quantité de texte et de fonctions d’interface utilisateur, mais aussi par une
utilisation réduite au minimum de contenu dynamique. Vous pouvez sélectionner les objets d’une
animation à exposer aux logiciels spécialisés et pouvez omettre des effets d’animations ou des clips
plus « visuels » afin d’améliorer l’accessibilité.
A propos de la page web Accessibilité de Macromedia Flash
La page web Accessibilité de Flash de Macromedia se trouve à www.macromedia.com/software/
Flash/productinfo/accessibility/.
Consultez cette page pour obtenir les informations les plus récentes sur la création et la
visualisation de contenu Flash accessible, y compris les plates-formes supportées, la compatibilité
avec les logiciels de lecture d’écran, des exemples d’accessibilité, etc.
383
A propos de la technologie de lecture d’écran
Flash Player communique avec les logiciels de lecture d’écran afin de fournir des informations
liées au contenu visuel d’une animation Flash. Le logiciel de lecture d’écran génère alors une
description audio du contenu de l’écran.
Différentes applications de lecture d’écran utilisant différentes méthodes de traduction des
informations en contenu audio, il est impossible de prévoir de façon exacte la façon dont
l’animation sera présentée à chaque utilisateur. Pour l’animation Flash ci-dessous, le texte
d’accompagnement est une des versions audio possibles de l’animation qu’un logiciel de lecture
d’écran pourrait présenter :
Version possible d’un logiciel de lecture d’écran :
« Carte d’inscription électronique. Champ de texte Nom. Champ de texte adresse. Bouton
Envoyer. »
Cette version permettra à l’utilisateur de comprendre ce que l’animation contient. Le logiciel de
lecture d’écran devrait fournir une option accessible au clavier (par exemple, la touche Tab pour
passer des différents objets de l’animation aux autres pour obtenir leur description, et la touche
Entrée pour appuyer sur le bouton).
Remarque Dans cet exemple, le logiciel de lecture d’écran active l’accès clavier pour le bouton. Aucune
programmation spécifique n’est requise dans l’animation Flash pour le support de ce type d’interaction.
Les lecteurs d’écran sont des applications relativement compliquées. Cet exemple ne présente
qu’une introduction de base aux fonctions d’un tel logiciel. Ces notions de base sont cependant
tout ce dont vous avez besoin pour créer des animations Flash fonctionnant correctement avec les
lecteurs d’écran.
A propos des objets accessibles dans les animations Flash
Par défaut, les objets suivants sont définis comme étant accessibles dans toutes les animations
Flash et sont inclus dans l’information que Flash Player fournit aux logiciels de lecture d’écran :
•
•
•
•
•
Texte
Champs de saisie de texte
Boutons
Clips
Animations complètes
384 Chapitre 18
Les logiciels de lecture d’écran sont principalement destinés à aider les utilisateurs à naviguer dans
les interfaces utilisateur d’applications traditionnelles (menus, barres d’outils, boîtes de
dialogue, etc.). Dès lors, le texte, les boutons et les champs de saisie de texte sont des types
d’objets que les logiciels de lecture d’écran comprennent aisément et qui sont facilement traduits
en représentation parlée.
Les images n’étant pas aisément converties en mots, Flash Player ne contient pas d’objets
graphiques distincts dans les informations fournies, ou accessibles, au logiciel de lecture d’écran.
Flash Player n’inclut pas certains clips, notamment ceux qui comportent des descriptions fournies
par vos soins. En outre, Flash Player joint l’animation Flash aux informations fournies au logiciel
de lecture d’écran (même si cette animation ne contient aucun objet accessible).
Remarque Pour l’accessibilité, les clips de bouton sont considérés comme des boutons, et non comme des clips,
par Flash Player. Pour plus d’informations, consultez Utilisation d’événements de bouton avec des clips pour
déclencher des scripts, page 295.
Flash MX vous permet de personnaliser quelque peu vos objets accessibles, ce qui peut améliorer
considérablement l’accessibilité de vos animations Flash pour les utilisateurs de logiciels de lecture
d’écran. Vous pouvez définir, pour chacun des cinq types d’objets accessibles, des propriétés
descriptives qui seront fournies aux logiciels de lecture d’écran. La plus importante est la propriété
Nom, que les logiciels de lecture d’écran énonceront presque toujours lors de la lecture d’un
objet. Vous pouvez également déterminer la manière dont Flash Player décide des objets à
présenter aux logiciels de lecture d’écran. Ainsi, vous pouvez déterminer que certains objets
accessibles ne seront pas du tout présentés à ces logiciels.
Les objets d’une animation Flash doivent posséder des noms d’occurrence pour vous permettre de
leur appliquer des options d’accessibilité. Flash fournit des noms d’occurrence par défaut lorsque
ces occurrences sont créées. Vous pouvez également appliquer des noms personnalisés aux
occurrences. Pour plus d’informations, consultez Création d’occurrences, page 172, ou Définition
des options de texte dynamique et de saisie, page 160.
Les blocs de texte statiques ne possèdent pas de noms d’occurrence. Par défaut, leur contenu est
fourni aux logiciels de lecture d’écran. Pour appliquer d’autres options d’accessibilité au texte
statique, vous devez convertir le bloc de texte en champ de texte dynamique.
Configurations supportées
Flash Player utilise une technologie appelée MSAA (Microsoft Active Accessibility) pour
communiquer avec les lecteurs d’écran. MSAA fournit un mode très descriptif et normalisé de
communication entre les applications et les logiciels de lecture d’écran. MSAA n’est disponible
que sous Windows uniquement. Consultez la page Accessibilité de Flash du site web de
Macromedia pour plus d’informations sur les systèmes d’exploitation Windows supportant
MSAA.
La version ActiveX (module Internet Explorer) de Flash Player 6 supporte la technologie MSAA,
au contraire du lecteur Windows pour Netscape et du lecteur Windows autonome.
MSAA n’est actuellement pas supporté dans les modes opaque sans fenêtre et transparent sans
fenêtre. Ces modes sont des options du volet HTML des paramètres de publication, disponible
avec la version Windows d’Internet Explorer 4.0 ou ultérieure, avec le contrôle ActiveX Flash.
Pour plus d’informations sur ces modes, consultez Définition des paramètres de publication pour les
documents HTML accompagnant les animations Flash, page 418. Si vos animations Flash doivent
être accessibles aux lecteurs d’écran, vous devrez éviter ces modes.
Création de contenu accessible 385
Définition de l’accessibilité de base
L’étape la plus importante que vous puissiez accomplir pour rendre une animation Flash
accessible aux logiciels de lecture d’écran consiste à faire en sorte que chaque objet accessible de
l’animation possède un nom. En effet, les logiciels de lecture d’écran identifient les objets en
énonçant leur nom. Lorsqu’un bouton accessible ne possède pas de nom, ces logiciels prononcent
une appellation générique, telle que « Bouton ». Cette situation peut provoquer une certaine
confusion auprès des utilisateurs de logiciels de lecture d’écran.
Flash Player affecte automatiquement des noms aux objets de texte statique et dynamique. Le
nom de ces objets est simplement le contenu du texte. Il n’est donc pas nécessaire de nommer les
objets de texte – ils s’en chargent automatiquement. L’opération la plus importante lors de la
création d’accessibilité dans Flash consiste à fournir le nom des boutons et des champs de saisie de
texte.
A propos des noms des boutons et champs de texte
Vous pouvez affecter des étiquettes aux boutons et aux champs de saisie, ce qui permet aux
logiciels de lecture d’écran de les identifier de manière appropriée. Les boutons et champs de saisie
de texte d’une animation possèdent souvent déjà des noms appropriés, sous la forme d’étiquettes
placées au-dessus, à l’intérieur ou à proximité de l’élément. Lorsque Flash Player découvre un tel
élément, il suppose que l’objet de texte est l’étiquette du bouton ou du champ de texte.
Vous pouvez désactiver l’affectation automatique d’étiquettes si cette fonction ne vous convient
pas. Pour plus d’informations, consultez Définition d’options d’accessibilité avancées, page 387.
Si vous définissez le nom d’un objet, tout texte qui servirait normalement d’étiquette est fourni
aux logiciels de lecture d’écran sous la forme d’un objet de texte. Cette situation peut provoquer
une certaine confusion chez l’utilisateur, car ces logiciels lisent à la fois l’objet de texte et le nom
que vous avez défini. Dans un tel cas, vous pouvez masquer l’objet de texte vis-à-vis du logiciel de
lecture d’écran.
Choix du nom des boutons, champs de texte ou animations entières
Si un bouton ou un champ de saisie de texte ne possède pas d’étiquette, ou si l’étiquette se trouve
à un endroit que les règles d’affectation d’étiquette de Flash Player sont incapables de détecter, il
est conseillé de définir un nom pour le bouton ou le champ de texte. Vous pouvez également
définir un nom si du texte se trouve à un emplacement d’étiquette près d’un bouton ou d’un
champ de texte, mais que ce texte ne doit pas faire office de nom pour cet objet.
Il peut être utile de définir un nom pour l’animation Flash entière. Il est alors probable qu’un
logiciel de lecture d’écran lise ce nom. Toutefois, il suffit souvent de nommer simplement tous les
objets accessibles de l’animation.
Remarque Le nom d’accessibilité d’un objet n’a aucun rapport avec le nom d’occurrence ou de variable
ActionScript qui lui est affecté. Pour plus d’informations sur les noms d’occurrences et de variables, consultez
Chapitre 12, Le langage ActionScript, page 229.
Pour définir le nom d’un bouton, d’un champ de texte ou d’une animation entière :
1
Effectuez l’une des opérations suivantes :
• Pour définir le nom d’un bouton ou d’un champ de texte, sélectionnez l’objet souhaité sur la
scène.
• Pour définir le nom d’une animation entière, désélectionnez tous les objets de la scène.
386 Chapitre 18
2
Effectuez l’une des opérations suivantes :
• Choisissez Fenêtre > Propriétés si l’inspecteur des propriétés n’est pas visible. Dans l’inspecteur
des propriétés, cliquez sur l’icône Modifier les paramètres d’accessibilité.
• Choisissez Fenêtre > Accessibilité.
3
Dans le panneau Accessibilité, veillez à ce que l’option Rendre l’objet accessible (pour un
bouton ou un champ de texte) ou Rendre l’animation accessible (pour une animation entière)
soit activée (elle l’est par défaut).
4
Entrez le nom du bouton, du champ de texte ou de l’animation dans le champ de texte Nom.
Définition d’options d’accessibilité avancées
Flash comporte plusieurs fonctions de création d’accessibilité qui vont au-delà de la simple
affectation de noms aux objets. Vous pouvez fournir une description pour du texte ou un champ
de texte, des boutons ou des animations, ainsi que des raccourcis clavier pour les champs de saisie
de texte ou les boutons. Vous pouvez également désactiver le comportement d’affectation
automatique d’étiquettes pour une animation.
Vous pouvez choisir de ne pas exposer un objet aux logiciels de lecture d’écran. Par exemple, vous
pouvez décider de masquer des clips animés si vous estimez que la description verbale n’améliore
pas la version accessible de l’animation. Vous pouvez également masquer des objets accessibles
figurant dans un clip ou une animation, et n’exposer que le clip ou l’animation proprement dit
aux logiciels de lecture d’écran.
Pour les raccourcis clavier, utilisez les conventions suivantes :
• Ecrivez le nom des touches en toutes lettres (Ctrl ou Alt).
• Utilisez des majuscules pour les caractères alphabétiques.
• Utilisez un signe plus (+) entre les noms des touches, sans espace (par exemple, Ctrl+A).
Remarque Si vous fournissez un raccourci clavier pour un champ de saisie de texte ou un bouton, vous devez
utiliser l’objet ActionScript Key pour détecter la touche sur laquelle l’utilisateur appuie en cours de lecture. Pour plus
d’informations, consultez Capture des pressions sur les touches, page 307. La fonctionnalité des raccourcis clavier
dépend également du logiciel de lecture d’écran utilisé.
Pour définir l’accessibilité d’un objet sélectionné dans une animation :
1
Sélectionnez l’objet sur la scène.
2
Effectuez l’une des opérations suivantes :
• Choisissez Fenêtre > Propriétés si l’inspecteur des propriétés n’est pas visible. Dans l’inspecteur
des propriétés, cliquez sur l’icône Modifier les paramètres d’accessibilité.
• Choisissez Fenêtre > Accessibilité.
3
Dans le panneau Accessibilité, procédez de l’une des façons suivantes :
• Activez l’option Rendre l’objet accessible (la valeur par défaut) pour exposer l’objet aux
logiciels de lecture d’écran et pour activer les autres options du panneau.
• Désactivez cette option pour ne pas exposer l’objet aux logiciels de lecture d’écran.
Création de contenu accessible 387
4
Si vous avez activé l’option Rendre l’objet accessible à l’étape 3, entrez les informations
concernant l’objet sélectionné :
• Pour le texte dynamique, entrez un nom pour l’objet texte. Entrez une description du texte
dans le champ Description. Pour fournir la description d’un texte statique, vous devez le
convertir en texte dynamique.
• Dans le cas de champs de saisie de texte ou de boutons, entrez le nom de l’objet. Entrez une
description de l’objet dans le champ Description. Entrez un raccourci clavier dans le champ de
texte Raccourci.
• Pour les clips, entrez un nom pour l’objet. Entrez une description dans le champ Description.
Activez l’option Rendre les objets enfants accessibles pour exposer les objets figurant dans le
clip aux logiciels de lecture d’écran. Désactivez cette option pour ne pas rendre les objets
contenus dans le clip détectables par les logiciels de lecture d’écran.
5
Cliquez sur OK.
Pour désactiver l’affectation automatique d’étiquette à un objet :
1
Sur la scène, sélectionnez le bouton ou le champ de saisie de texte dont vous voulez contrôler
l’affectation d’étiquettes.
2
Effectuez l’une des opérations suivantes :
• Choisissez Fenêtre > Propriétés si l’inspecteur des propriétés n’est pas visible. Dans l’inspecteur
des propriétés, cliquez sur l’icône Modifier les paramètres d’accessibilité.
• Choisissez Fenêtre > Accessibilité.
3
Dans le panneau Accessibilité, activez l’option Rendre l’objet accessible (valeur par défaut).
4
Entrez un nom dans le champ Nom.
Le nom sera lu en tant qu’étiquette du bouton ou du champ de texte. La chaîne de texte qui
servait d’étiquette automatique est lue comme un objet de texte ordinaire, sauf si vous
désactivez son accessibilité.
5
Pour désactiver l’accessibilité automatique (et masquer l’étiquette vis-à-vis des logiciels de
lecture d’écran), sélectionnez l’objet de texte sur la scène.
6
Si l’objet de texte est un texte statique, convertissez-le en texte dynamique : dans l’inspecteur
des propriétés, choisissez Texte dynamique dans le menu déroulant.
7
Dans le panneau Accessibilité, désactivez l’option Rendre l’objet accessible.
Pour définir l’accessibilité d’une animation entière :
1
Lorsque le document Flash est terminé et prêt à être publié ou exporté, désélectionnez tous les
éléments de l’animation.
2
Effectuez l’une des opérations suivantes :
• Choisissez Fenêtre > Propriétés si l’inspecteur des propriétés n’est pas visible. Dans l’inspecteur
des propriétés, cliquez sur l’icône Modifier les paramètres d’accessibilité.
• Choisissez Fenêtre > Accessibilité.
3
Dans le panneau Accessibilité, procédez de l’une des façons suivantes :
• Activez l’option Rendre l’animation accessible (la valeur par défaut) pour exposer l’animation
aux logiciels de lecture d’écran.
388 Chapitre 18
• Désactivez cette option pour ne pas exposer l’animation aux logiciels de lecture d’écran.
4
Activez l’option Rendre les objets enfants accessibles pour exposer les objets accessibles aux
logiciels de lecture d’écran. Désactivez cette option pour ne pas rendre les objets contenus dans
le clip détectables par les logiciels de lecture d’écran.
5
Si vous avez activé l’option Rendre l’animation accessible à l’étape 3, entrez les informations
concernant l’animation :
• Entrez le titre de l’animation dans le champ Nom.
• Entrez une description de l’animation dans le champ Description.
6
Activez l’option Etiquetage auto (valeur par défaut) afin d’utiliser les objets de texte comme des
étiquettes automatiques pour les boutons ou les champs de saisie de texte accessibles figurant
dans l’animation. Désactivez cette option pour annuler l’affectation automatique d’étiquettes
et exposer les objets de texte aux logiciels de lecture d’écran en tant qu’objets de texte. Pour
plus d’informations, consultez A propos de l’animation et de l’accessibilité, page 389.
7
Cliquez sur OK.
A propos de l’animation et de l’accessibilité
Il peut parfois être nécessaire de modifier la propriété d’un objet accessible pendant la lecture
d’une animation. Par exemple, vous pouvez souhaiter mettre en évidence les modifications subies
par une image-clé de l’animation.
Pour mettre à jour les propriétés d’un objet accessible, affichez l’image dans laquelle vous
souhaitez les modifier, puis apportez les modifications requises à l’objet.
Les nouveaux objets sont traités différemment selon le logiciel de lecture d’écran utilisé. Certains
logiciels de lecture d’écran peuvent ne lire que le nouvel objet. Certains logiciels de lecture d’écran
peuvent relire toute l’animation.
Tabulation personnalisée pour les objets accessibles
Vous pouvez contrôler l’ordre de tabulation d’une animation Flash au moyen de propriétés
ActionScript. Si vous créez un ordre de tabulation personnalisé pour une animation, les objets
accessibles suivent cet ordre. Incluez tous les objets accessibles dans l’ordre de tabulation, même
ceux qui ne représentent pas un arrêt de tabulation. Par exemple, le texte dynamique et les clips
doivent être inclus dans l’ordre de tabulation, de manière à indiquer aux logiciels de lecture
d’écran quand ils doivent lire ces objets.
L’ordre de tabulation peut être affecté à des objets de texte dynamique, des boutons, des clips et
des champs de saisie de texte. Pour affecter un ordre de tabulation à un objet de texte statique,
vous devez tout d’abord le convertir en objet de texte dynamique. Pour affecter un ordre de
tabulation personnalisé, vous pouvez utiliser les méthodes ActionScript tabIndex, tabChildren
ou tabEnabled. Pour plus d’informations sur ces méthodes, consultez le dictionnaire
ActionScript (via le menu Aide).
Si vous souhaitez fournir un ordre de tabulation personnalisé à une image de votre animation et
que vous ne définissez pas de position de tabulation pour un ou plusieurs objets accessibles de
cette image, Flash Player ignorera l’ordre de tabulation personnalisé lorsque les utilisateurs
utiliseront un logiciel de lecture d’écran.
Création de contenu accessible 389
A propos de la méthode Accessibility.isActive
Si vous voulez que votre animation adopte un comportement personnalisé lorsqu’un logiciel de
lecture d’écran est utilisé, utilisez la méthode ActionScript Accessibility.isActive, qui
renvoie une valeur true si un tel logiciel est actif pendant l’exécution de l’animation, et une
valeur false dans le cas contraire. Pour plus d’informations sur la méthode
Accessibility.isActive, consultez l’entrée correspondante dans le dictionnaire ActionScript
(via le menu Aide).
A propos des composants
Les composants Flash qui représentent des éléments d’interface utilisateur possèdent des exigences
spéciales pour pouvoir fonctionner avec des logiciels de lecture d’écran. Les composants doivent
contenir du code ActionScript qui définit leur comportement accessible. Pour plus
d’informations sur les composants intégrés compatibles avec les logiciels de lecture d’écran,
consultez la page web Accessibilité de Macromedia Flash. Pour plus d’informations sur les
composants, consultez Chapitre 15, Utilisation des composants, page 323.
Suggestions pour la création d’une accessibilité efficace
Pour créer du contenu accessible aussi efficace que possible, vous devez respecter certaines règles
et avoir connaissance de points à éviter. Ces considérations peuvent exiger quelques compromis
en matière de création. Flash est essentiellement un média visuel et il vous faudra parfois sacrifier
quelque peu la complexité de votre présentation visuelle afin de tenir compte des utilisateurs de
systèmes d’accessibilité.
Veillez à tenir compte des suggestions suivantes :
• Les utilisateurs de logiciels de lecture d’écran ne perçoivent pas les graphiques de votre contenu
Flash. Si vous utilisez des graphiques pour véhiculer de l’information, elle ne sera pas
disponible pour ces utilisateurs. N’oubliez pas que le texte graphique est un exemple fréquent
de ce problème – si vous utilisez une fonction telle que la séparation du texte, Flash Player ne
pourra plus déterminer le contenu textuel de l’animation. On pourra également citer les icônes
et les animations gestuelles comme autres exemples de graphiques véhiculant de l’information.
Vous pouvez résoudre de tels problèmes en fournissant des noms ou des descriptions pour
certains objets accessibles de l’animation, ou pour l’animation tout entière. Vous pouvez
également ajouter du texte complémentaire à l’animation, ou transférer le contenu informatif
important des images au texte.
• Demandez-vous si un utilisateur de logiciel de lecture d’écran préférera entendre une
description des différents objets ou de l’animation entière. Si vous estimez que vous pouvez
faire passer le message de votre animation via une seule phrase, désactivez l’option Rendre les
objets enfants accessibles dans l’animation, et tapez une description appropriée. Ce faisant,
vous pouvez souvent simplifier et clarifier l’expérience d’un utilisateur de logiciels de lecture
d’écran.
• Tentez d’éviter d’animer le texte, les boutons et les champs de saisie de texte de l’animation. Si
de tels objets restent stables, vous réduisez les risques qu’un logiciel de lecture d’écran provoque
un « bavardage » superflu qui pourrait gêner l’utilisateur. En outre, évitez de définir des boucles
dans vos animations.
390 Chapitre 18
• N’oubliez pas que le son est le support le plus important pour la plupart des utilisateurs de
logiciels de lecture d’écran. Demandez-vous comment les éventuels sons de votre animation
interagiront avec le texte énoncé par ces logiciels. Si l’animation contient beaucoup de sons, il
peut être difficile aux utilisateurs d’entendre ce que dit leur logiciel de lecture d’écran. Par
ailleurs, une animation moins bruyante ou utilisant du son à bon escient peut
considérablement améliorer l’expérience d’un utilisateur malvoyant. Vous pouvez également
intégrer des enregistrements vocaux dans votre animation, afin d’augmenter la quantité
d’informations énoncée par un logiciel de lecture d’écran.
• Si vous créez une animation interactive, faites en sorte que les utilisateurs puissent naviguer
efficacement dans l’animation en n’utilisant que le clavier. Cette exigence peut s’avérer
particulièrement difficile à satisfaire, chaque logiciel de lecture d’écran pouvant influer de
manière différente sur le traitement des données envoyées par le clavier, et votre animation
Flash risque alors de ne pas recevoir les séquences de touches prévues. La meilleure solution
consiste à effectuer des tests à l’aide de différents logiciels de lecture d’écran.
• Ne présentez pas d’informations éphémères dans votre animation. Ainsi, si vous avez créé une
série de séquences qui présentent différentes chaînes de texte en se succédant rapidement (une
séquence toutes les trois secondes environ, par exemple), un logiciel de lecture d’écran peut
éprouver de grandes difficultés à soutenir le rythme, une partie du texte risquant alors d’être
ignorée. Vous pouvez résoudre de tels problèmes en ajoutant des boutons Page suivante qui
contrôlent le passage d’une séquence à l’autre, ou en incluant la chaîne de texte entière dans la
description de l’animation.
N’oubliez pas de consulter la page web Accessibilité de Flash, à www.macromedia.com/software/
Flash/productinfo/accessibility/, qui contient des informations sur Flash Player, les logiciels de
lecture d’écran, les utilitaires, les éléments téléchargeables, et des liens aux articles et sites de la
communauté.
Test du contenu accessible
La technologie de logiciels de lecture d’écran n’est pas incluse dans le lecteur de test d’animation
(dans l’outil de création Flash). Il est par conséquent impossible de tester le fonctionnement du
contenu accessible de l’animation en mode de test.
Si vous disposez d’un logiciel de lecture d’écran, vous pouvez tester l’accessibilité de votre
animation en la jouant dans ce logiciel. Plusieurs applications de lecture d’écran sont disponibles
en version de démonstration gratuite. Vous pouvez installer ces logiciels de démonstration sur un
système Windows (Windows 95 ou Windows NT 4.0, ou plus récent) pour tester votre
animation Flash.
Création de contenu accessible 391
392 Chapitre 18
CHAPITRE 19
Test des animations
Lorsque vous travaillez dans un document Macromedia Flash MX, nous ne pouvons que vous
recommander de le tester assez fréquemment afin de vous assurer que sa lecture s’effectue aussi
correctement que possible, et de la manière prévue. Le test d’une animation s’effectue à l’aide
d’une version spéciale de Flash Player, qui comprend des outils permettant d’accéder à des
informations grâce auxquelles vous pourrez optimiser vos animations et résoudre les problèmes de
code ActionScript. Si vous utilisez de bonnes techniques de programmation dans votre code
ActionScript, vos scripts seront plus faciles à dépanner si un problème imprévu est rencontré.
Flash fournit plusieurs outils qui permettent de tester le code ActionScript de vos animations :
• Le débogueur affiche une liste hiérarchique des clips actuellement chargés dans Flash Player. Il
permet d’afficher et de modifier les valeurs de variables et de propriétés pendant la lecture de
l’animation, et d’insérer des points d’arrêt grâce auxquels vous pouvez arrêter l’animation et
consulter le code ActionScript ligne par ligne.
• La fenêtre Sortie affiche des messages d’erreur et la liste des variables et des objets.
• L’action trace envoie les notes de programmation et la valeur des expressions à la fenêtre
Sortie.
Optimisation des animations
La vitesse de téléchargement et de lecture du fichier de votre animation est proportionnelle à sa
taille. Vous pouvez prendre un certain nombre de mesures pour préparer votre animation à la
meilleure lecture possible. Au cours du processus de publication, Flash effectue automatiquement
quelques opération d’optimisation sur les animations : par exemple, il détecte les formes exportées
en double et en ne les insère qu’en un seul exemplaire dans le fichier, et convertit les groupes
imbriqués en groupes uniques.
Avant d’exporter une animation, vous pouvez l’optimiser un peu plus en utilisant diverses
stratégies pour réduire sa taille. Vous pouvez également compresser un fichier SWF lorsque vous
le publiez. Pour plus d’informations, consultez Chapitre 20, Publication, page 411. Exécutez votre
animation sur différents ordinateurs, systèmes d’exploitation et connexions Internet en cours de
programmation.
Pour optimiser les animations en général :
• Utilisez des symboles, animés ou non, pour tout élément apparaissant plus d’une fois.
• Chaque fois que cela est possible, utilisez des animations interpolées, qui prennent moins
d’espace qu’une série d’images-clés.
• Pour les séquences animées, utilisez des clips plutôt que des symboles graphiques.
393
• Limitez la zone de modification de chaque image-clé ; faites en sorte que l’action prenne place
dans une zone aussi réduite que possible.
• Evitez d’animer les éléments bitmap ; utilisez les bitmaps comme éléments statiques ou
d’arrière-plan.
• Pour le son, utilisez le format MP3, le format audio le plus compact, à chaque fois que cela est
possible.
Pour optimiser les éléments et les lignes :
• Groupez les éléments autant que possible.
• Utilisez des calques pour séparer les éléments qui évoluent au cours de l’animation de ceux qui
ne subissent aucune modification.
• Utilisez Modification > Optimiser pour réduire le nombre de lignes distinctes utilisées pour
décrire les formes.
• Limitez le nombre de types particuliers de lignes (par exemple, lignes en tirets ou pointillées).
Les lignes pleines utilisent moins de mémoire. Les lignes créées avec l’outil Crayon nécessitent
moins de mémoire que les coups de pinceau.
Pour optimiser le texte et les polices :
• Limitez le nombre de polices et de styles de police. Utilisez les polices intégrées avec
parcimonie car elles augmentent la taille du fichier.
• Pour les options d’intégration des polices, sélectionnez seulement les caractères nécessaires au
lieu d’inclure la police entière.
Pour optimiser les couleurs :
• Utilisez le menu Couleur de l’inspecteur des propriétés du symbole pour créer de nombreuses
occurrences d’un même symbole dans des couleurs différentes.
• Utilisez le mélangeur de couleurs (Fenêtre > Mélangeur de couleurs) pour faire correspondre la
palette de couleurs de l’animation et celle spécifique aux navigateurs.
• Utilisez les dégradés avec parcimonie. Le remplissage d’une zone à l’aide de dégradés nécessite
50 octets de plus que le remplissage à l’aide d’une couleur unie.
• Utilisez la transparence alpha avec parcimonie car elle peut ralentir la lecture.
Pour optimiser ActionScript :
• Activez l’option Omettre les actions Trace de l’onglet Flash des paramètres de publication pour
ne pas inclure les actions trace dans les animations publiées.
• Définissez des fonctions pour le code fréquemment répété. Pour plus d’informations, consultez
Création de fonctions, page 261.
• Utilisez des variables locales lorsque possible. Pour plus d’informations, consultez A propos des
variables, page 247.
394 Chapitre 19
Test des performances de téléchargement des animations
Flash Player tente de respecter la cadence que vous définissez, la cadence réelle en cours de lecture
pouvant varier d’un ordinateur à l’autre. Si une animation en cours de téléchargement atteint une
image avant que les données requises aient été téléchargées, elle s’interrompt jusqu’à ce que ces
données soient reçues.
Pour visualiser graphiquement les performances de téléchargement, vous pouvez afficher le testeur
de bande passante dans Flash Player pour voir la quantité de données envoyées pour chaque
image de l’animation selon la vitesse définie. Flash se base sur une estimation des performances
traditionnelles sur Internet, et non sur la vitesse exacte du modem, pour simuler la vitesse de
téléchargement. Par exemple, si vous simulez une vitesse de modem de 28,8 Kbps, Flash fixe la
vitesse réelle à 2,3 Kbps afin de refléter les performances typiques d’Internet. Il peut être utile de
tester votre animation à chaque vitesse sur chaque ordinateur que vous comptez supporter. Vous
serez ainsi assuré(e) que l’animation ne surcharge pas la connexion et/ou l’ordinateur les plus lents
pour lesquels elle est conçue.
Vous pouvez également générer un rapport pour trouver les images qui ralentissent la lecture et
ainsi optimiser ou supprimer une partie du contenu de ces images. Pour plus d’informations,
consultez Optimisation des animations, page 393.
Pour changer les paramètres du fichier SWF créé par les commandes Tester l’animation et Tester
la séquence, choisissez Fichier > Paramètres de publication. Pour plus d’informations, consultez
Aperçu et test des animations, page 44.
Pour tester les performances de téléchargement :
1
Effectuez l’une des opérations suivantes :
• Choisissez Contrôle > Tester la séquence ou Contrôle > Tester l’animation.
Si vous testez une séquence ou une animation, Flash publie la sélection courante sous la forme
d’un fichier SWF en utilisant les paramètres de la boîte de dialogue Paramètres de publication.
Pour plus d’informations, consultez Publication des documents Flash, page 414. Le fichier SWF
s’ouvre dans une nouvelle fenêtre et démarre immédiatement.
• Choisissez Fichier > Ouvrir et sélectionnez un fichier SWF.
2
Choisissez Déboguer et sélectionnez une vitesse de modem afin de déterminer la vitesse de
téléchargement que Flash doit simuler : 14,4 Kbps, 28,8 Kbps ou 56 Kbps. Pour entrer vos
propres paramètres, choisissez Personnaliser.
3
Le fichier SWF étant affiché, choisissez Affichage > Testeur de bande passante pour afficher un
graphique des performances de téléchargement :
• Le côté gauche du testeur affiche les informations sur l’animation, ses paramètres et son état.
• La section de droite du testeur affiche l’en-tête du scénario et le graphique. Chaque barre du
graphique représente une image de l’animation. La taille de la barre correspond à celle de
l’image, exprimée en octets. La ligne rouge sous l’en-tête du scénario indique si une image
donnée est lue en temps réel avec le débit du modem défini dans le menu Contrôle. Si une
barre dépasse la ligne rouge, l’animation doit attendre le chargement de cette image.
4
Choisissez Affichage > Afficher le train de lecture pour activer ou désactiver la lecture en flux
continu.
Si vous désactivez la lecture en flux continu, l’animation démarre sans simulation d’une
connexion web.
Test des animations 395
5
Cliquez sur une barre du graphique pour afficher les paramètres de l’image correspondante
dans la fenêtre de gauche et arrêter l’animation.
6
Si vous le souhaitez, ajustez l’affichage du graphique :
• Choisissez Affichage > Graphique de train de lecture pour afficher les images qui provoqueront
des pauses.
Cette vue par défaut affiche des blocs représentant chaque image en gris clair et foncé. Le côté
de chaque bloc indique sa taille relative en octets. La première image stocke le contenu d’un
symbole et est donc souvent plus volumineuse que les autres images.
• Choisissez Affichage > Graphique image par image pour afficher la taille de chaque image.
Cette vue vous aide à voir les images qui contribuent aux retards de lecture en flux continu. Si
un bloc d’image dépasse la ligne rouge dans le graphique, Flash Player stoppe la lecture jusqu’à
ce que l’image soit entièrement téléchargée.
7
Fermez la fenêtre de test pour revenir à l’environnement auteur normal.
Une fois que vous avez paramétré un environnement de test incorporant le testeur de bande
passante, vous pouvez ouvrir un fichier SWF directement en mode de test. Le fichier s’ouvre dans
une fenêtre de lecteur, avec le testeur de bande passante et les autres options d’affichage
sélectionnées.
Pour plus d’informations sur le débogage de vos animations, consultez Utilisation du débogueur,
page 398.
Pour générer un rapport répertoriant le volume des données dans le fichier Flash Player final :
1
Choisissez Fichier > Paramètres de publication.
2
Activez l’option Générer un rapport de taille.
3
Cliquez sur Publier.
Flash génère un fichier texte avec l’extension .txt. Si le fichier d’animation est
monAnimation.fla, le fichier texte est monAnimation Report.txt. Le rapport répertorie le
volume des données dans le fichier Flash Player final, par image.
396 Chapitre 19
Conseils de programmation
Vos animations contiendront moins d’erreurs de programmation si vous utilisez de bonnes
techniques de programmation lorsque vous concevez vos animations ou rédigez vos scripts. Vous
pouvez respecter les règles suivantes pour éviter les problèmes et pour les corriger s’ils se
produisent.
Utilisation de bonnes techniques de programmation
Il est toujours judicieux d’enregistrer plusieurs versions du document au cours de votre travail.
Choisissez Fichier > Enregistrer sous pour enregistrer une version sous un nom différent toutes les
demi-heures. Vous pourrez alors déterminer l’origine d’un problème en suivant l’historique des
versions pour rechercher le fichier le plus récent ne contenant pas le problème. Avec cette
approche, vous disposerez toujours d’une version fonctionnelle, même si un fichier est altéré.
Une autre technique importante de programmation consiste à effectuer des tests tôt,
fréquemment et sur toutes les plates-formes ciblées afin de détecter les problèmes dès leur
apparition. Choisissez Contrôle > Tester l’animation pour exécuter votre animation en mode de
test lorsque vous effectuez une modification importante ou avant d’enregistrer une version. En
mode de test, l’animation est exécutée dans la version auteur de Flash Player.
Si le public ciblé doit visualiser l’animation sur le web, il est également important d’effectuer des
tests sur un navigateur. Dans certaines situations (par exemple, si vous développez un site
intranet), vous pouvez connaître le navigateur et la plate-forme utilisés par le public ciblé.
Cependant, si vous développez votre animation pour un site web, testez votre animation dans
tous les navigateurs et sur toutes les plates-formes possibles.
Utilisation de bonnes techniques de programmation
Nous vous recommandons ces quelques techniques de programmation :
• Utilisez l’action trace pour envoyer des informations à la fenêtre Sortie. Pour plus
d’informations, consultez Utilisation de l’action trace, page 410.
• Utilisez l’action comment pour consigner le fonctionnement prévu de votre code ActionScript.
• Suivez une convention d’affectation des noms cohérente pour identifier les éléments d’un
script. Les noms de fonctions et de variables doivent commencer par une minuscule et chaque
nouveau mot par une majuscule (nomDeMaVariable, nomDeMaFonction). Les fonctions
constructeur commencent par une majuscule (MaFonctionConstructeur). Le plus important
est de choisir un style explicite et de le conserver par la suite.
• Utilisez des noms de variables explicites qui reflètent le type des informations qu’elles
contiennent. Par exemple, une variable contenant des informations sur le dernier bouton
utilisé peut être nommée dernierBoutonEnfoncé. Un nom tel que truc permet difficilement
de se souvenir du contenu de la variable.
• Utilisez l’explorateur d’animations pour afficher la liste de tous les scripts ActionScript d’une
animation. Pour plus d’informations, consultez Utilisation de l’explorateur d’animations,
page 46.
Test des animations 397
Utilisation d’une liste de points à contrôler pour le dépannage des instructions
ActionScript
Dans ActionScript, comme dans tout environnement de rédaction de scripts, les programmeurs
effectuent généralement plusieurs types d’erreurs. La liste suivante indique les premiers points à
vérifier pour déboguer une animation :
• Assurez-vous que tous les chemins cibles sont corrects.
• Assurez-vous qu’il n’existe aucune action d’image sur plusieurs calques en conflit.
• Si vous travaillez avec le panneau Actions en mode Normal, assurez-vous que l’option
Expression est activée et que l’instruction n’est pas encadrée de guillemets.
Si vous transmettez une expression dans une action et n’avez pas activez l’option Expression, la
valeur est transmise en tant que chaîne. Pour plus d’informations, consultez Opérateurs de
chaîne, page 253.
• Assurez-vous que des éléments ActionScript ne portent pas le même nom.
Il est conseillé de donner un nom unique à chaque variable, fonction, objet et propriété. Les
variables locales sont des exceptions : elles doivent seulement être uniques dans leur domaine et
sont souvent réutilisées en tant que compteurs. Pour plus d’informations, consultez Domaine
d’une variable, page 248.
• Utilisez l’action for..in pour effectuer une boucle sur les propriétés des clips, y compris les
clips enfants. Vous pouvez utiliser l’action for..in avec l’action trace pour envoyer une liste
de propriétés à la fenêtre Sortie. Pour plus d’informations, consultez Répétition d’une action,
page 258.
En outre, si certaines actions ne fonctionnent pas correctement, assurez-vous d’être en mode de
test (Contrôle > Tester l’animation). Seuls les boutons et actions d’image simples (par exemple,
gotoAndPlay et stop) fonctionneront en mode auteur.
Pour plus de conseils sur le dépannage d’une animation Flash, consultez le centre de support
de Flash à www.macromedia.com/support/flash.
Utilisation du débogueur
Le débogueur de Flash vous permet de rechercher des erreurs dans une animation en cours
d’exécution dans Flash Player. Vous pouvez utiliser le débogueur en mode de test sur des fichiers
locaux, ou l’utiliser pour tester des fichiers sur un serveur web à un emplacement distant. Le
débogueur permet d’insérer des points d’arrêt dans le code ActionScript, grâce auxquels vous
pouvez arrêter l’animation et consulter le code ligne par ligne. Vous pouvez alors revenir aux
scripts et les modifier afin d’obtenir les résultats souhaités.
Lorsque le débogueur est activé, sa barre d’état affiche l’adresse URL ou le chemin d’accès local du
fichier de l’animation, indique si le débogueur tourne en mode de test ou depuis un site distant, et
présente une vue en direct de la liste hiérarchique de clips. Lorsque des clips sont ajoutés à
l’animation, ou supprimés, la liste est immédiatement mise à jour. Vous pouvez redimensionner
la liste hiérarchique en tirant la barre de séparation horizontale.
398 Chapitre 19
Pour activer le débogueur :
Choisissez Contrôle > Déboguer l’animation.
Cette commande entraîne l’ouverture du débogueur. Elle ouvre aussi l’animation en mode
de test.
Barre d’état
Liste hiérarchique
Code
Liste d’observation
Débogage d’une animation à distance
Vous pouvez déboguer une animation Flash à distance au moyen de versions autonomes, ActiveX
ou module de Flash Player. Lors de l’exportation d’une animation Flash, vous pouvez choisir
d’activer le débogage de l’animation et de créer un mot de passe de débogage. Le débogueur n’est
pas activé si vous n’activez pas le débogage.
Pour vous assurer que seuls certains utilisateurs puissent exécuter vos animations avec le
débogueur de Flash, vous pouvez publier vos animations avec un mot de passe spécifique au
débogage. Tout comme dans JavaScript ou HTML, les utilisateurs peuvent consulter les variables
côté client dans ActionScript. Pour stocker les variables de façon sûre, vous devez les envoyer à
une application côté serveur au lieu de les stocker dans une animation. Cependant, en tant que
développeur Flash, vous disposez peut-être d’autres secrets professionnels, tels que les structures
de clips, que vous ne voulez pas révéler. Vous pouvez donc utiliser un mot de passe de débogage
pour protéger votre travail.
Lorsque vous exportez, publiez ou testez une animation, Flash crée un fichier SWD contenant des
informations de débogage. Pour effectuer le débogage à distance, vous devez placer le fichier
SWD dans le dossier du serveur qui contient le fichier SWF.
Remarque Vous ne pouvez pas déboguer une animation à partir de Flash Player 5 dans Flash MX. Vous ne
pouvez pas déboguer une animation à partir de Flash Player 6 dans Flash 5.
Test des animations 399
Pour permettre le débogage à distance d’une animation Flash :
1
Choisissez Fichier > Paramètres de publication.
2
Sous l’onglet Flash de la boîte de dialogue Paramètres de publication, désactivez l’option
Débogage autorisé.
3
Pour définir un mot de passe, entrez-le dans le champ Mot de passe.
Lorsque vous avez fixé ce mot de passe, plus personne ne peut télécharger d’informations au
débogueur sans entrer ce sésame. Cependant, aucun mot de passe n’est requis si vous
n’indiquez pas de mot de passe dans le champ correspondant.
4
Choisissez l’une des commandes suivantes :
• Contrôle > Déboguer l’animation.
• Fichier > Exporter l’animation
• Fichier > Paramètres de publication > Publier
Flash crée un fichier de débogage portant l’extension .swd et l’enregistre avec le fichier SWF.
Le fichier SWD contient des informations qui vous permettent d’utiliser des points d’arrêt et
de faire défiler le code pas à pas.
5
Placez le fichier SWD de l’animation dans le répertoire du serveur qui contient le fichier SWF.
Si le fichier SWD ne se trouve pas dans ce répertoire, vous pouvez toujours effectuer le
débogage à distance, mais le débogueur ignorera les points d’arrêt et il vous sera impossible de
faire défiler le code pas à pas.
6
Dans Flash, choisissez Fenêtre > Débogueur.
7
Dans le débogueur, choisissez Activer le débogage à distance dans le menu Options.
400 Chapitre 19
Pour activer le débogueur à distance :
1
Ouvrez l’application auteur Flash.
2
Dans un navigateur ou dans le lecteur autonome, ouvrez l’animation publiée (le fichier SWF)
depuis son emplacement distant.
La boîte de dialogue Débogage à distance apparaît.
Si cette boîte de dialogue ne s’affiche pas, c’est que Flash n’a pas trouvé le fichier SWD. Le cas
échéant, cliquez du bouton droit (Windows) ou avec la touche Contrôle enfoncée (Macintosh)
sur l’animation pour afficher le menu contextuel et choisissez Débogueur.
3
Dans la boîte de dialogue Débogage à distance, sélectionnez Hôte local ou Autre machine :
• L’option Hôte local est utilisée si le lecteur de débogage et l’application auteur Flash se
trouvent sur le même ordinateur.
• Optez pour Autre machine si le lecteur de débogage et l’application auteur Flash ne se trouvent
pas sur le même ordinateur. Entrez l’adresse IP de l’ordinateur qui exécute l’application auteur
Flash.
4
Lorsqu’une connexion est établie, une boîte de dialogue s’affiche et vous invite à entrer un mot
de passe. Entrez le mot de passe de débogage si vous en avez défini un.
La liste hiérarchique de l’animation s’affiche dans le débogueur.
Test des animations 401
Affichage et modification de variables
L’onglet Variables du débogueur affiche les noms et valeurs des variables globales et de scénario de
l’animation. Si vous modifiez la valeur d’une variable dans l’onglet Variables, vous pouvez
constater la modification dans l’animation en cours d’exécution. Par exemple, pour tester la
détection de collision dans un jeu, vous pouvez entrer la valeur de la variable afin de positionner
une balle à l’emplacement correct près d’un mur.
L’onglet Locales du débogueur affiche les noms et les valeurs des variables locales disponibles
lorsque l’animation s’est arrêtée à un point d’arrêt, ou n’importe où ailleurs dans une fonction
définie par l’utilisateur.
Pour afficher une variable :
1
Sélectionnez le clip contenant la variable de la liste.
Pour afficher les variables globales, sélectionnez le clip _global dans la liste.
2
Cliquez sur l’onglet Variables.
La liste est automatiquement mise à jour au cours de la lecture de l’animation. Un clip supprimé
de l’animation au niveau d’une image spécifique est également supprimé (avec sa variable et son
nom) de la liste du débogueur. Toutefois, si vous marquez une variable pour la liste d’observation,
elle n’est pas supprimée.
Pour modifier la valeur d’une variable :
Double-cliquez sur la valeur et entrez-en une nouvelle.
La valeur ne peut pas être une expression. Par exemple, vous pouvez utiliser "Bonjour", 3523 ou
"http://www.macromedia.com", et ne pouvez pas utiliser x + 2 ou eval("nom:" +i). La
valeur peut être une chaîne (n’importe quelle valeur comprise entre guillemets, un nombre ou une
valeur booléenne (true ou false).
Remarque Pour afficher la valeur d’une expression dans la fenêtre Sortie en mode de test d’animation, utilisez
l’action trace. Pour plus d’informations, consultez Utilisation de l’action trace, page 410.
402 Chapitre 19
Utilisation de la liste d’observation
Pour facilement contrôler un ensemble de variables critiques, vous pouvez marquer celles qui
doivent apparaître dans la liste d’observation. Cette liste affiche le chemin d’accès absolu de la
variable et de la valeur. Vous pouvez également entrer une nouvelle valeur de variable dans la liste
d’observation, comme dans le volet Variables.
Si vous ajoutez une variable locale à la liste d’observation, sa valeur ne s’affiche que lorsque le
lecteur est arrêté sur une ligne de code ActionScript au niveau de laquelle cette variable est
utilisée. Toutes les autres variables s’affichent pendant la lecture de l’animation. Si le débogueur
ne trouve pas la valeur de la variable, elle est indiquée comme « non définie ».
La liste d’observation ne peut afficher que les variables, et non les propriétés ou les fonctions.
Variables marquées pour la liste d’observation et variables dans la liste d’observation
Pour ajouter des variables à la liste d’observation, effectuez l’une des opérations suivantes :
• Sous l’onglet Variables ou Locales, cliquez du bouton droit de la souris (Windows) ou avec la
touche Ctrl (Macintosh) enfoncée sur une variable sélectionnée, puis choisissez Observateur
dans le menu contextuel. Un point bleu apparaît en regard de la variable.
• Sous l’onglet Observateur, cliquez du bouton droit de la souris (Windows) ou avec la touche
Ctrl (Macintosh) enfoncée sur une variable sélectionnée, puis choisissez Ajouter dans le menu
contextuel. Entrez le chemin cible du nom de variable et sa valeur dans les champs.
Pour retirer des variables de la liste d’observation :
Sous l’onglet Observateur, cliquez du bouton droit de la souris (Windows) ou avec la touche Ctrl
(Macintosh) enfoncée sur une variable sélectionnée, puis choisissez Supprimer dans le menu
contextuel.
Test des animations 403
Affichage et modification des propriétés d’animation
L’onglet Propriétés du débogueur affiche toutes les valeurs de propriétés des clips sur la scène.
Vous pouvez modifier une valeur et visualiser son effet dans l’animation en cours d’exécution.
Certaines propriétés de clip sont en lecture seule et ne peuvent pas être modifiées.
Pour afficher les propriétés d’un clip dans le débogueur :
1
Sélectionnez un clip dans la liste.
2
Cliquez sur l’onglet Propriétés du débogueur.
Pour modifier la valeur d’une propriété :
Double-cliquez sur la valeur et entrez-en une nouvelle.
La valeur ne peut pas être une expression. Par exemple, vous pouvez entrer 50 ou "goutteDeau"
mais ne pouvez pas entrer x + 50. La valeur peut être une chaîne (n’importe quelle valeur
comprise entre guillemets, un nombre ou une valeur booléenne (true ou false). Vous ne pouvez
pas entrer de valeurs d’objets ou tableaux (par exemple, {id: "rogue"} ou [1, 2, 3]) dans le
débogueur.
Pour plus d’informations, consultez Opérateurs de chaîne, page 253, et Utilisation d’opérateurs pour
manipuler les valeurs des expressions, page 251.
Remarque Pour afficher la valeur d’une expression dans la fenêtre Sortie en mode de test d’animation, utilisez
l’action trace. Pour plus d’informations, consultez Utilisation de l’action trace, page 410.
404 Chapitre 19
Définition et suppression de points d’arrêt
Un point d’arrêt vous permet d’interrompre une animation en cours de lecture dans Flash Player
sur une ligne précise de code ActionScript. Vous pouvez utiliser les points d’arrêt pour tester
d’éventuels endroits problématiques du code. Par exemple, si vous avez rédigé un jeu
d’instructions if..else if et que vous ne pouvez pas déterminer laquelle est en cours
d’exécution, vous pouvez ajouter un point d’arrêt avant ces instructions et les faire défiler une par
une dans le débogueur.
Vous pouvez définir des points d’arrêt dans le panneau Actions ou dans le débogueur. Les points
d’arrêt définis dans le panneau Actions sont enregistrés dans le document Flash (FLA). Les points
d’arrêt définis dans le débogueur ne sont pas enregistrés dans le fichier FLA et ne sont valides que
pour la session de débogage en cours.
Pour définir ou supprimer des points d’arrêt dans le panneau Actions :
1
Dans le volet Script, sélectionnez la ligne de code au niveau de laquelle vous voulez placer ou
retirer un point d’arrêt.
2
Effectuez l’une des opérations suivantes :
• Cliquez sur le bouton Options de débogage dans le volet Script.
• Cliquez du bouton droit (Windows) ou en appuyant sur la touche Contrôle (Macintosh) pour
afficher le menu contextuel.
• Appuyez sur Ctrl+Maj+B (Windows) ou sur Commande+Maj+B (Macintosh).
3
Choisissez Définir un point d’arrêt, Supprimer le point d’arrêt ou Supprimer tous les points
d’arrêt.
Pour définir ou supprimer des points d’arrêt dans le débogueur :
1
Dans le volet Script du panneau Actions, sélectionnez la ligne de code au niveau de laquelle
vous voulez placer ou retirer un point d’arrêt.
2
Effectuez l’une des opérations suivantes :
• Dans le débogueur, cliquez sur le bouton Basculer le point d’arrêt ou Supprimer tous les points
d’arrêt, au-dessus de l’affichage du code.
• Dans le débogueur, cliquez du bouton droit (Windows) ou en appuyant sur la touche Contrôle
(Macintosh) pour afficher le menu contextuel et choisissez Définir un point d’arrêt, Supprimer
le point d’arrêt ou Supprimer tous les points d’arrêt.
• Cliquez dans la fenêtre Débogueur et appuyez sur Ctrl+Maj+B (Windows) ou
Commande+Maj+B (Macintosh).
Lorsque Flash Player est interrompu à un point d’arrêt, vous pouvez entrer dans une ligne de
code, l’ignorer ou en sortir. Un point d’arrêt fixé dans un commentaire ou sur une ligne vide
du panneau Actions est ignoré.
Test des animations 405
Défilement de lignes de code
Flash Player est mis en pause lorsque vous entamez une session de débogage. Si vous définissez des
points d’arrêt dans le panneau Actions, vous pouvez simplement cliquer sur le bouton Continuer
pour lire l’animation jusqu’à ce qu’elle en rencontre un. Par exemple, dans le code suivant,
supposons qu’un point d’arrêt a été défini dans un bouton sur la ligne maFonction() :
on (press) {
maFonction();
}
Lorsque vous cliquez sur le bouton, le point d’arrêt est atteint et Flash Player s’interrompt. Vous
pouvez ensuite intervenir afin d’amener le débogueur à la première ligne de la fonction
maFonction, là où elle a été définie dans le document. Vous pouvez également faire défiler toute
la fonction ou la quitter.
Si vous n’avez pas défini de points d’arrêt dans le panneau Actions, vous pouvez utiliser le menu
de passage aux autres éléments du débogueur pour sélectionner n’importe quel script de
l’animation. Vous pouvez ensuite y ajouter des points d’arrêt. Après avoir ajouté des points
d’arrêt, vous devez cliquer sur le bouton Continuer pour lancer l’animation. Le débogueur s’arrête
lorsqu’il atteint le point d’arrêt.
Lorsque vous faites défiler les lignes de code, les valeurs des variables et des propriétés changent
dans la liste d’observation ainsi que dans les onglets Variables, Locales et Propriétés. Une flèche
jaune sur le côté gauche de la fenêtre de code du débogueur indique la ligne sur laquelle le
débogueur s’est arrêté. Utilisez les boutons suivants, placés en haut de la fenêtre de code :
Continuer
Arrêter le débogage
Basculer le point d’arrêt
Supprimer tous les points d’arrêt
Sortir du pas à pas
Pas à pas détaillé
Pas à pas principal
Le bouton Pas à pas détaillé fait avancer le débogeur (indiqué par la flèche jaune) dans une
fonction. Le bouton Pas à pas détaillé ne peut être utilisé qu’avec les fonctions définies par
l’utilisateur.
406 Chapitre 19
Dans l’exemple suivant, si vous placez un point d’arrêt à la ligne 7 et que vous cliquez sur Pas à
pas détaillé, le débogueur passe à la ligne 2, et un nouveau clic sur ce bouton passe à la ligne 3. Un
clic sur Pas à pas détaillé pour des lignes ne comportant pas de fonction définie par l’utilisateur
fait avancer le débogueur sur une ligne de code. Par exemple, si vous arrêtez à la ligne 2 et que
vous cliquez sur Pas à pas détaillé, le débogueur passe à la ligne 3, comme dans l’exemple suivant :
1
2
3
4
5
6
7
8
function maFonction() {
x = 0;
y = 0;
}
mover = 1;
maFonction();
mover = 0;
Le bouton Sortir du pas à pas fait sortir le débogueur d’une fonction. Le bouton Sortir du pas à
pas ne fonctionne que si vous êtes actuellement arrêté(e) sur une fonction définie par l’utilisateur.
Il déplace la flèche jaune sur la ligne suivant celle au niveau de laquelle cette fonction a été
appelée. Dans l’exemple ci-dessus, si vous placez un point d’arrêt à la ligne 3 et que vous cliquez
sur Sortir du pas à pas, le débogueur passe à la ligne 8. Un clic sur Sortir du pas à pas sur une ligne
qui ne se trouve pas dans une fonction définie par l’utilisateur équivaut à cliquer sur Continuer.
Par exemple, si vous vous arrêtez à la ligne 6 et que vous cliquez sur Sortir du pas à pas, le lecteur
continue à exécuter le script jusqu’à ce qu’il rencontre un point d’arrêt.
Le bouton Pas à pas principal fait avancer le débogueur sur une ligne de code. Le bouton Pas à
pas principal déplace la flèche jaune sur la ligne suivante du script et ignore les fonctions définies
par l’utilisateur. Dans l’exemple ci-dessus, si vous êtes arrêté(e) à la ligne 7 et que vous cliquez sur
Pas à pas principal, vous passez directement à la ligne 8 et la fonction maFonction est appelée.
Le bouton Continuer quitte la ligne au niveau de laquelle le lecteur est arrêté et continue la lecture
jusqu’à ce qu’un point d’arrêt soit atteint.
Le bouton Interrompre le débogage rend le débogueur inactif, sans arrêter la lecture de
l’animation dans Flash Player.
Utilisation de la fenêtre Sortie
En mode de test d’animation, la fenêtre Sortie affiche des informations facilitant le dépannage de
votre animation. Certaines informations, telles que les erreurs de syntaxe, sont automatiquement
affichées. Vous pouvez afficher d’autres informations à l’aide des commandes Lister les objets et
Lister les variables. Pour plus d’informations, consultez Liste des objets d’une animation, page 408,
et Liste des variables d’une animation, page 408.
Si vous utilisez l’action trace dans vos scripts, vous pouvez envoyer des informations spécifiques
à la fenêtre Sortie au cours de l’exécution de l’animation. Il peut s’agir de notes relatives à l’état de
l’animation ou à la valeur d’une expression. Pour plus d’informations, consultez Utilisation de
l’action trace, page 410.
Pour afficher la fenêtre Sortie :
1
Si l’animation n’est pas en cours d’exécution en mode de test d’animation, choisissez
Contrôle > Tester l’animation.
2
Choisissez Fenêtre > Sortie.
La fenêtre Sortie apparaît.
Remarque
La fenêtre Sortie apparaît automatiquement si un script contient des erreurs de syntaxe.
Test des animations 407
3
Pour utiliser le contenu de la fenêtre Sortie, utilisez le menu Options (dans le coin supérieur
droit) :
• Choisissez Options > Copier pour copier le contenu de la fenêtre Sortie dans le presse-papiers.
• Choisissez Options > Effacer pour effacer le contenu de la fenêtre Sortie.
• Choisissez Options > Enregistrer dans un fichier pour enregistrer le contenu de la fenêtre dans
un fichier texte.
• Choisissez Options > Imprimer pour imprimer le contenu de la fenêtre.
• Choisissez Options > Rechercher pour rechercher une chaîne de texte.
• Choisissez Options > Rechercher à nouveau pour rechercher la même chaîne de texte.
Liste des objets d’une animation
En mode de test d’animation, la commande Lister les objets affiche le niveau, l’image, le type
d’objet (forme, clip ou bouton), les chemins cible et les noms d’occurrences de clips, boutons et
champs de texte dans une liste hiérarchique. Cela est particulièrement utile pour rechercher le
chemin cible et le nom de l’occurrence corrects. Contrairement au débogueur, la liste n’est pas
automatiquement mise à jour au cours de la lecture de l’animation ; vous devez sélectionner la
commande Lister les objets chaque fois que vous voulez envoyer les informations à la fenêtre
Sortie.
La commande Lister les objets ne dresse pas la liste de tous les objets de données ActionScript.
Dans ce contexte, un objet est considéré comme une forme ou un symbole sur la scène.
Pour afficher une liste d’objets d’une animation :
1
Si l’animation n’est pas en cours d’exécution en mode de test d’animation, choisissez
Contrôle > Tester l’animation.
2
Choisissez Déboguer > Lister les objets.
La liste des objets actuellement sur la scène est affichée dans la fenêtre Sortie, comme dans
l’exemple suivant :
Niveau #0: Image=1 Etiquette="Séquence_1"
Bouton: Cible="_level0.monBouton"
Forme:
Clip: Image=1 Cible="_level0.monClip"
Forme:
Modifier le texte: Cible="_level0.monChampDeTexte" Texte="Ceci est un
exemple."
Liste des variables d’une animation
En mode de test d’animation, la commande Lister les variables affiche une liste de toutes les
variables actuelles de l’animation. Cela est particulièrement utile pour rechercher la variable cible
et le nom de la variable corrects. Contrairement au débogueur, la liste n’est pas automatiquement
mise à jour au cours de la lecture de l’animation ; vous devez sélectionner la commande Lister les
variables chaque fois que vous voulez envoyer les informations à la fenêtre Sortie.
La commande Lister les variables affiche également les variables globales déclarées au moyen de
l’identifiant _global. Les variables globales sont affichées dans le haut de la liste produite par
Lister les variables, dans une section nommée « Variables globales ». Chacune d’entre elles est
précédée de la mention _global.
408 Chapitre 19
En outre, la commande Lister les variables affiche des propriétés de type lecture/définition, des
propriétés créées par la méthode Objet.addProperty et qui appellent des méthodes de lecture ou
d’écriture. Une propriété lecture/définition est affichée à côté des autres propriétés de l’objet
auquel elle appartient. Pour distinguer aisément ces propriétés des variables ordinaires, la valeur
d’une propriété lecture/définition porte le préfixe [obtenir/placer]. La valeur affichée pour
une propriété lecture/définition est déterminée par l’évaluation de la fonction de lecture de la
propriété.
Pour afficher une liste des variables d’une animation :
1
Si l’animation n’est pas en cours d’exécution en mode de test d’animation, choisissez
Contrôle > Tester l’animation.
2
Choisissez Déboguer > Lister les variables.
La liste de toutes les variables actuellement dans l’animation est affichée dans la fenêtre Sortie,
comme dans l’exemple suivant :
Variables globales :
Variable _global.MonTableauDeGlobales = [objet 1] [
0:1,
1:2,
2:3
]
Level #0:
Variable _level0.$version = "WIN 6,0,0,101"
Variable _level0.VariableNormale = "Gary"
Variable _level0.UnObjet = [objet 1] {
maPropriété: [obtenir/placer] 3.14159
}
Test des animations 409
Utilisation de l’action trace
L’utilisation de l’action trace dans un script vous permet d’envoyer des informations à la fenêtre
Sortie. Par exemple, lors du test d’une animation ou séquence, vous pouvez envoyer des notes de
programmation spécifiques à la fenêtre ou afficher des résultats spécifiques lorsque vous cliquez
sur un bouton ou en lisez une image. L’action trace est similaire à l’instruction JavaScript alert.
Lorsque vous utilisez l’action trace dans un script, vous pouvez utiliser des expressions en tant
que paramètres. La valeur d’une expression est affichée dans la fenêtre Sortie en mode de test
d’animation, comme dans l’exemple suivant :
onClipEvent(enterFrame){
trace("onClipEvent enterFrame " + enterFrame++)
}
L’action trace renvoie des valeurs qui sont affichées dans la fenêtre Sortie
Mise à jour de Flash Player pour le test
Vous pouvez télécharger la version la plus récente de Flash Player depuis le site web de
Macromedia afin de l’utiliser pour tester vos animations dans Flash MX.
410 Chapitre 19
CHAPITRE 20
Publication
Une fois que vous êtes prêt(e) à partager votre animation avec votre public, vous devez publier le
document Macromedia Flash MX (fichier FLA). Par défaut, la commande Publier crée le fichier
d’animation Flash (SWF) et un document HTML qui insère votre animation Flash dans une
fenêtre de navigateur.
Lorsque vous exportez un fichier d’animation Flash au format Flash MX, le texte est converti au
format Unicode de façon à permettre le support de jeux de caractères étendus, tels que les polices
à deux octets. De même, Flash Player 6 supporte Unicode. Pour plus d’informations, consultez
L’encodage du texte au format Unicode dans les animations Flash, page 412.
Vous pouvez également publier le fichier FLA dans d’autres formats, tels que GIF, JPEG, PNG et
QuickTime, avec le document HTML nécessaire pour les afficher dans la fenêtre du navigateur.
Ces formats alternatifs permettent à un navigateur d’afficher les effets animés de votre animation
et son interactivité pour des utilisateurs ne disposant pas de Flash Player 6. Lorsque vous publiez
un fichier FLA dans un format différent, les paramètres correspondants sont enregistrés dans le
fichier FLA.
Vous pouvez également exporter le fichier FLA dans différents formats. L’exportation de fichiers
FLA est un processus similaire à la publication de fichiers FLA dans différents formats, à
l’exception du fait que les paramètres de chaque format de fichier ne sont pas enregistrés avec le
fichier FLA. Pour plus d’informations, consultez Chapitre 21, Exportation, page 445.
Une alternative à l’utilisation de la commande Publier, si vous maîtrisez le langage HTML,
consiste à créer votre propre document HTML avec un éditeur HTML et à inclure les balises
nécessaires à l’affichage d’une animation Flash. Pour plus d’informations, consultez Configuration
d’un serveur web pour Flash, page 443.
Avant de publier votre animation, il est important d’en tester le fonctionnement avec les
commandes Tester l’animation et Tester la séquence. Pour plus d’informations, consultez Test des
performances de téléchargement, sous Aide > Utilisation de Flash.
411
Lecture des animations Flash
Le format de fichier Macromedia Flash (SWF) est le format utilisé pour le déploiement de
contenu Flash.
Une animation Flash peut être lue de différentes manières :
• Dans les navigateurs Internet, tels que Netscape Navigator et Internet Explorer, équipés
de Flash Player 6.
•
•
•
•
Avec l’Xtra Flash dans Director et Authorware.
Avec le contrôle ActiveX Flash dans Microsoft Office et autres hôtes ActiveX.
Dans une animation QuickTime.
Comme animation autonome, appelée projection.
Le format d’animation Flash, SWF, est un standard ouvert supporté par d’autres applications.
Pour plus d’informations sur les formats de fichier Flash, consultez le site web de Macromedia à
www.macromedia.com/software/flashplayer/.
L’encodage du texte au format Unicode dans
les animations Flash
Le format de fichier Macromedia Flash (SWF) publié dans Flash MX utilise Unicode pour les
chaînes de texte et d’interface utilisateur. Flash Player 6 supporte le contenu au format Unicode
dans les animations Flash.
A propos du format Unicode
Unicode est une norme d’encodage universel des caractères pour la représentation de texte en
informatique. Unicode permet de représenter le texte de différentes langues de façon plus
cohérente, en affectant à chaque caractère une valeur numérique et un nom uniques. Unicode
définit des codes pour les caractères des principales langues écrites du monde entier. Des scripts
existent pour les alphabets européens, le texte écrit de droite à gauche et les alphabets asiatiques.
Unicode permet également de représenter les marques de ponctuation, les éléments diacritiques,
les symboles mathématiques, les symboles techniques, etc.
Les deux formes d’encodage Unicode les plus communes sont UTF-16 (Unicode Transformation
Format) et UTF-8. L’encodage UTF-16 est un encodage sur 16 bits représentant chaque point de
code (chaque caractère, accent ou autre représentation de caractère) comme une séquence de deux
octets. L’encodage UTF-8 permet de représenter le point de code 16 bits sous la forme d’une
séquence de quatre octets qui peut être enregistré, récupérée et transmise sur un réseau.
A propos du support du format Unicode dans les animations Flash
Les chaînes de texte et d’interface utilisateur des documents Flash MX (fichiers FLA) sont créées à
l’aide d’un encodage sur deux octets (DBCS). Lorsque les animations Flash sont publiées ou
exportées au format Flash MX (ou ultérieur), les chaînes de texte et d’interface utilisateur sont
encodées au format Unicode UTF-8, un format 8 bits. Flash Player enregistre les caractères dans
les deux formats, UTF-8 et UTF-16.
Les animations Flash au format Flash 5 (ou antérieur) utilisent un codage multioctets mixte (le
jeu de caractères Latin-1 pour les langues européennes et le jeu de caractères Shift-JIS pour les
langues asiatiques). L’encodage du texte de ces fichiers est supporté par Flash Player 6, comme
dans toutes les versions précédentes du lecteur.
412 Chapitre 20
Les versions de Flash Player antérieures à Flash Player 6 ne supportent pas Unicode. Les versions
de ces lecteurs ne pourront pas forcément lire les chaînes de texte et d’interface utilisateur des
fichiers SWF au format Flash MX.
Les chaînes de texte et d’interface utilisateur sont converties au format DBCS lors de
l’importation de fichiers SWF au format Flash MX dans Flash MX. Ces fichiers peuvent être
manipulés dans l’environnement auteur de Flash.
Sélection d’un mode d’encodage
Le mode d’encodage utilisé pour l’exportation ou l’importation est basé sur la langue sélectionnée
dans le panneau de configuration Options régionales (Windows 2000 ou plus récent) ou le volet
Polices du tableau de bord Apparence (Macintosh).
Pour choisir un langage d’encodage (Windows) :
1
Dans le panneau de configuration, sélectionnez Options régionales.
2
Dans le volet Général, sous Paramètres de l’utilisateur actuel, sélectionnez une langue dans le
menu déroulant Vos paramètres régionaux (emplacement).
3
Dans le même volet Général, sous Paramètres de langue pour le système, cliquez sur le bouton
Valeurs par défaut.
4
Dans la boîte de dialogue Sélection des paramètres régionaux système, sélectionnez une langue
comme langue par défaut.
5
Cliquez sur OK.
Pour choisir un langage d’encodage (Macintosh OS 9.x) :
Le mode d’encodage est automatiquement choisi lorsque vous installez le kit linguistique du
Macintosh.
Pour choisir un langage d’encodage (Macintosh OS X.x) :
1
Dans les préférences système, sélectionnez International.
2
Sélectionnez votre langue principale.
3
Cliquez sur OK.
A propos des procédures supportées avec Unicode
Le support d’Unicode de Flash MX permet de supporter différentes procédures liées au texte :
• Les utilisateurs peuvent afficher des animations Flash dans une langue différente de celle
utilisée par leur système d’exploitation. Par exemple, un utilisateur équipé d’un système
d’exploitation en français peut afficher une animation Flash contenant du coréen. Bien
entendu, pour profiter du support multilingue, vous devez disposer des polices permettant
d’afficher le texte sur votre système. Par exemple, supposons que vous affichez une animation
Flash contenant du coréen sur un système en français. Les polices coréennes devront soit être
présentes sur votre ordinateur ou soient intégrées à l’animation Flash.
• Les ruptures de ligne sont interprétées pour chaque langue supportée par Flash.
Publication 413
• Flash Player peut interpréter les fichiers ActionScript externes (par exemple, des fichiers
chargés avec l’action #include), quelle que soit la langue utilisée pour créer ces fichiers. Par
exemple, Flash Player 6 installé sur un système d’exploitation français est capable d’interpréter
un fichier ActionScript externe créé sur un système d’exploitation en japonais.
• Flash Player 6 peut interpréter le contenu XML comme texte encodé UTF-16, UTF-8, Latin1 ou Shift-JIS.
Publication des documents Flash
La publication d’une animation Flash est un processus en deux étapes. Vous devez d’abord
sélectionner des formats de publication et les paramètres correspondants dans la boîte de dialogue
Paramètres de publication. Vous publiez ensuite document Flash à l’aide de la commande
Publier.
La commande Publier crée, en fonction des options spécifiées dans la boîte de dialogue
Paramètres de publication, les fichiers suivants :
• L’animation Flash.
• Des images alternatives dans divers formats qui apparaissent automatiquement si Flash Player
n’est pas disponible (GIF, JPEG, PNG et QuickTime).
• Le document HTML nécessaire à l’affichage d’une animation (ou d’une image de
remplacement) dans un navigateur et les paramètres de contrôle du navigateur.
• Les fichiers de projections autonomes pour les systèmes Windows et Macintosh et les vidéos
QuickTime des animations Flash (fichiers *.exe, *.hqx ou *.mov, respectivement).
Remarque Pour modifier ou mettre à jour une animation Flash Player créée avec la commande Publier, vous
devez modifier le document Flash original puis de nouveau utiliser la commande Publier pour conserver les
informations de création. L’importation d’une animation Flash Player dans Flash élimine certaines informations de
création.
Vous pouvez également publier un document Flash avec des paramètres par défaut ou
précédemment sélectionnés.
Pour définir les paramètres de publication généraux pour un document Flash :
1
Effectuez l’une des opérations suivantes pour spécifier l’emplacement d’enregistrement des
fichiers publiés :
• Créez le fichier à l’endroit où vous souhaitez enregistrer les fichiers publiés et enregistrez votre
document Flash.
• Ouvrez un dossier existant, puis enregistrez votre document Flash.
2
Choisissez Fichier > Paramètres de publication.
414 Chapitre 20
3
Dans la boîte de dialogue Paramètres de publication, activez l’option correspondant à chaque
format de fichier que vous souhaitez créer.
Le format SWF Flash est sélectionné par défaut. Le format HTML est également sélectionné
par défaut, un fichier HTML étant nécessaire pour afficher votre fichier SWF dans un
navigateur. Les onglets correspondant à chaque format de fichier sélectionné apparaissent audessus du volet actuel (sauf pour les formats de projection Windows ou Macintosh, qui n’ont
aucun paramètre). Pour plus d’informations sur les paramètres de publication pour les
différents formats de fichier, consultez les sections suivantes.
Boîte de dialogue Paramètres de publication avec Flash et HTML sélectionnés
4
Pour Nom du fichier, choisissez l’une des options suivantes :
• Activez l’option Utiliser les noms par défaut (le paramètre par défaut).
• Désactivez l’option Utiliser les noms par défaut et entrez un nouveau nom de fichier pour
chaque format sélectionné.
Vous pouvez entrer un chemin avec le nom du fichier pour spécifier l’emplacement auquel le
publier. Vous pouvez définir un chemin différent pour chaque format de fichier (par exemple,
si vous souhaitez publier le fichier Flash SWF à un emplacement différent de celui du fichier
HTML). Sous Windows, utilisez les barres obliques inverses (\) pour spécifier la hiérarchie
répertoire/dossier/fichier et utilisez les deux-points (:) sur le Macintosh. Spécifiez le nom du
lecteur pour un chemin absolu. Sous Windows uniquement : pour un chemin relatif, utilisez
..\ pour indiquer le chemin du disque dur. Par exemple :
Sous Windows, spécifiez un chemin absolu comme C:\dossier\nomDeFichier.swf, où C:
est le nom du lecteur, \dossier est le nom du dossier et nomDeFichier.swf est le nom du
fichier. Spécifiez un chemin relatif comme ..\dossier\nomDeFichier.swf.
Sur le Macintosh, spécifiez un chemin absolu comme
NomDuDisqueDur:Dossier:nomDeFichier.swf.
Publication 415
5
Pour créer un fichier de projection autonome, activez l’option Projection Windows ou
Projection Macintosh.
Remarque La version Windows de Flash affecte l’extension .hqx au fichier d’une projection Macintosh. Bien
que vous puissiez créer une projection Macintosh avec la version Windows de Flash, vous devez également
utiliser un convertisseur de fichier tel que BinHex pour que le fichier résultant apparaisse comme un fichier
d’application dans le Finder du Macintosh.
6
Cliquez sur l’onglet correspondant aux options de format que vous souhaitez modifier.
Spécifiez les paramètres de publication pour chaque format, conformément aux sections
suivantes.
7
Une fois la définition des options terminées, effectuez l’une des opérations suivantes :
• Cliquez sur Publier pour générer tous les fichiers spécifiés et fermer la boîte de dialogue.
• Pour enregistrer les paramètres avec le fichier FLA et fermer la boîte de dialogue sans publier,
cliquez sur OK.
Pour publier un document Flash sans choisir de nouveaux paramètres de publication :
Choisissez Fichier > Publier pour créer les fichiers selon les formats et les emplacements spécifiés
dans la boîte de dialogue Paramètres de publication.
Choix des paramètres de publication pour une animation Flash
Lorsque vous publiez une animation Flash, vous pouvez définir les options de compression des
images et du son et une option permettant de protéger votre animation contre l’importation.
Utilisez les commandes du volet Flash de la boîte de dialogue Paramètres de publication pour
changer les paramètres suivants.
Paramètres de publication pour une animation Flash
416 Chapitre 20
Pour choisir les paramètres de publication pour une animation Flash :
1
Choisissez Fichier > Paramètres de publication et cliquez sur l’onglet Flash.
2
Choisissez une version de lecteur dans le menu déroulant.
3
Choisissez un ordre de chargement pour définir l’ordre dans lequel Flash charge les calques
d’une animation pour l’affichage de la première image de votre animation : De bas en haut ou
De haut en bas.
Cette option contrôle les éléments que Flash affiche en premier sur une connexion modem ou
réseau lente.
4
Activez l’option Générer un rapport de taille pour générer un rapport indiquant le volume de
données du fichier final Flash. Pour plus d’informations, consultez Test des performances de
téléchargement, sous Aide > Utilisation de Flash.
5
Pour activer le débogage du fichier Flash publié, activez une des options suivantes :
• L’option Omettre les actions Trace oblige Flash à ignorer les actions trace de l’animation
actuelle. Les informations des actions trace ne sont pas affichées dans la fenêtre Sortie lorsque
vous activez cette option.
Pour plus d’informations, consultez Utilisation de la fenêtre Sortie, sous Aide > Utilisation
de Flash.
• L’option Protéger contre l’importation empêche d’autres personnes d’importer l’animation
Flash et de la reconvertir en un document Flash (FLA).
• L’option Débogage autorisé active le débogueur et permet de déboguer une animation Flash à
distance. Si vous activez cette option, vous pouvez choisir de protéger votre animation Flash à
l’aide d’un mot de passe.
• Flash Player 6 uniquement – L’option Compresser l’animation compresse l’animation Flash
afin de réduire la taille du fichier et le temps nécessaire au téléchargement. Cette option est
activée par défaut et est tout particulièrement utile pour les fichiers contenant une grande
quantité de texte ou d’instructions ActionScript. Un fichier compressé ne peut être lu que dans
Flash Player 6.
6
Si vous avez activé l’option Débogage autorisé à l’étape 5, entrez un mot de passe dans le
champ correspondant pour empêcher le débogage de votre animation Flash sans autorisation.
Si vous ajoutez un mot de passe, les autres utilisateurs devront entrer ce mot de passe avant de
pouvoir déboguer l’animation. Pour supprimer le mot de passe, effacez le contenu du champ
Mot de passe.
Pour plus d’informations sur le débogueur, consultez Utilisation du débogueur, sous Aide >
Utilisation de Flash.
7
Pour contrôler la compression bitmap, réglez le curseur Qualité JPEG ou entrez une valeur.
Une qualité d’image faible produit des fichiers plus réduits, tandis qu’une qualité d’image
supérieure génère des fichiers plus volumineux. Essayez différents réglages afin de déterminer le
meilleur compromis entre la taille et la qualité, 100 fournissant la meilleure qualité et la plus
faible compression.
Publication 417
8
Pour définir le taux d’échantillonnage et la compression des sons d’événement et des sons lus
en flux continu, cliquez sur le bouton Définir en regard de Flux continu ou Son d’événement
audio et choisissez des options de compression, de taux et de qualité dans la boîte de dialogue
Paramètres audio. Cliquez sur OK une fois ces opérations terminées.
Remarque La lecture d’un son en flux continu commence dès qu’une quantité suffisante de données
correspondant aux toutes premières images a été téléchargée, le son en flux continu étant synchronisé avec le
scénario. Un son d’événement doit être intégralement téléchargé avant de pouvoir être lu et se poursuit tant qu’il
n’a pas été explicitement arrêté.
Pour plus d’informations sur le son, consultez Ajout de sons, sous Aide > Utilisation de Flash.
9
Activez l’option Neutraliser les paramètres audio pour utiliser les paramètres sélectionnés à
l’étape 8 à la place de ceux sélectionnés dans la section Sons de l’inspecteur des propriétés pour
les différents sons. Vous pouvez également activer cette option pour créer une version de plus
petite taille d’une animation incluant un son de moindre qualité.
Remarque Si l’option Neutraliser les paramètres audio est désactivée, Flash scanne tous les sons en flux
continu de l’animation (y compris les sons de vidéos importées) et les publie tous avec le paramètre le plus élevé.
Cela peut augmenter la taille du fichier lorsqu’un ou plusieurs sons lus en flux continu sont associés à un
paramètre élevé.
10
Choisissez une version de Flash Player. Toutes les fonctionnalités de Flash MX ne
fonctionnent pas dans les animations publiées au format des versions antérieures à Flash
Player 6.
11
Pour enregistrer les paramètres avec le fichier courant, cliquez sur OK.
Définition des paramètres de publication pour les documents HTML
accompagnant les animations Flash
La lecture d’une animation Flash dans un navigateur web requiert un document HTML activant
l’animation et spécifiant les paramètres du navigateur. Ce document est généré automatiquement
par la commande Publier, avec les paramètres HTML d’un document modèle.
Le document modèle peut être un fichier texte contenant les variables de modèles appropriées (y
compris un fichier HTML standard), un fichier incluant le code nécessaire pour les interprètes
spéciaux tels que ColdFusion ou Active Server Pages (ASP), ou un modèle inclus dans Flash (pour
plus d’informations, consultez Configuration d’un serveur web pour Flash, page 443).
Vous pouvez personnaliser un modèle (consultez Personnalisation des modèles de publication
HTML, page 431) ou manuellement entrer vos paramètres HTML pour Flash dans n’importe
quel éditeur HTML (consultez Modification des paramètres HTML de Flash, page 435).
418 Chapitre 20
Les paramètres HTML déterminent l’emplacement auquel l’animation Flash apparaîtra dans la
fenêtre, la couleur d’arrière-plan, la taille de l’animation, et ainsi de suite, et définissent les
attributs des balises OBJECT et EMBED. Vous pouvez changer ces paramètres, ainsi que d’autres,
dans le volet HTML de la boîte de dialogue Paramètres de publication. La modification de ces
paramètres neutralise les options définies dans votre animation.
Paramètres de publication pour le format HTML
Pour publier un document HTML pour afficher un fichier Flash :
1
Choisissez Fichier > Paramètres de publication.
Le type de fichier HTML est sélectionné par défaut.
2
Entrez un nom unique dans Nom du fichier HTML ou activez l’option Utiliser les noms par
défaut pour créer un fichier portant le nom du fichier Flash suivi de l’extension .html.
3
Cliquez sur l’onglet HTML pour afficher les paramètres HTML.
4
Choisissez un modèle installé à utiliser dans le menu déroulant Modèle (cliquez sur le bouton
Info de droite pour afficher la description du modèle sélectionné). Flash utilise le modèle
Default.html si vous ne choisissez pas de modèle. Si ce modèle est absent, Flash utilise le
premier modèle de la liste.
5
Choisissez une option Dimensions pour définir les valeurs des attributs WIDTH et HEIGHT des
balises OBJECT et EMBED :
• Sélectionnez Identique à l’animation (par défaut) pour utiliser la taille de l’animation.
• Sélectionnez Pixels pour saisir le nombre de pixels dans les champs Largeur et Hauteur.
• Sélectionnez Pourcentage pour utiliser un pourcentage relatif à la fenêtre du navigateur.
Publication 419
6
Activez les options Lecture pour contrôler la lecture et les fonctionnalités de l’animation,
comme suit :
• L’option En pause au démarrage pause l’animation jusqu’à ce que l’utilisateur clique sur un
bouton dans l’animation ou choisisse Lire dans le menu contextuel. Par défaut, cette option est
désactivée et l’animation démarre dès qu’elle est chargée (le paramètre PLAY est true).
• L’option Boucle répète l’animation après la dernière image. Désactivez cette option pour
arrêter l’animation après la dernière image. Le paramètre LOOP est activé par défaut.
• L’option Afficher le menu affiche un menu contextuel lorsque l’utilisateur clique sur
l’animation du bouton droit (Windows) ou en appuyant sur la touche Contrôle (Macintosh).
Désactivez cette option pour n’afficher que A propos de Flash dans le menu contextuel. Par
défaut, cette option est activée (le paramètre MENU est true).
• Pour Windows seulement, activez l’option Police de périphérique pour substituer les polices
système anti-aliasées (bords lissés) aux polices qui ne sont pas installées sur le système de
l’utilisateur. L’utilisation des polices de périphérique augmente la lisibilité des caractères de
petite taille et peut diminuer la taille du fichier de l’animation. Cette option n’affecte que les
animations contenant du texte statique (le texte que vous créez en même temps que
l’animation et qui ne change pas lorsque l’animation est affichée) défini pour un affichage avec
des polices de périphérique. Pour plus d’informations, consultez Utilisation des polices de
périphérique (texte horizontal uniquement), page 159.
7
Sélectionnez une option de qualité pour déterminer le compromis entre le temps de traitement
et l’application de l’anti-alias pour lisser chaque image avant qu’elle ne soit affichée à l’écran,
comme suit. Cette option définit la valeur du paramètre QUALITY des balises OBJECT et EMBED.
• L’option Inférieure favorise la vitesse de lecture par rapport à l’aspect et n’utilise pas l’anti-alias.
• L’option Basse automatiquement privilégie d’abord la vitesse, mais améliore l’aspect chaque
fois que cela est possible. L’anti-aliasing est désactivé au début de la lecture. Si Flash Player
détecte que le processeur est à même de supporter l’anti-aliasing, ce dernier est activé.
• L’option Haute auto met d’abord l’accent de façon égale sur la vitesse et l’aspect, mais sacrifie
le second au profit de la première en cas de nécessité. L’anti-aliasing est activé au début de la
lecture. Si le débit réel des images devient inférieur au débit spécifié, l’anti-aliasing est désactivé
afin d’améliorer la vitesse de lecture. Utilisez ce paramètre pour émuler le paramètre
Affichage > Antialias de Flash.
• L’option Moyenne applique un certain degré d’anti-aliasing mais ne lisse pas les bitmaps. La
qualité obtenue est meilleure que celle du paramètre low mais plus faible qu’avec le paramètre
high.
• L’option Supérieure (par défaut) favorise l’aspect par rapport à la vitesse de lecture et utilise
toujours l’anti-aliasing. Si l’animation ne contient aucune image animée, les bitmaps sont
lissés ; dans le cas contraire, ils ne le sont pas.
• L’option Optimale fournit la meilleure qualité d’affichage et ignore la vitesse de lecture. Les
images sont antialiasées et les bitmaps sont toujours lissés.
8
Pour la version Windows d’Internet Explorer 4.0 avec le contrôle ActiveX de Flash,
sélectionnez une option de mode de fenêtre pour la transparence, la position et les calques.
Cette option spécifie l’attribut ALIGN des balises OBJECT, EMBED et IMG.
420 Chapitre 20
• L’option Fenêtre lit une animation Flash dans sa propre fenêtre rectangulaire sur une page
web, pour l’animation la plus rapide. Cette option définit le paramètre WMODE de la balise
OBJECT sur WINDOW.
• L’option Sans fenêtre opaque place les éléments derrière les animations Flash (par exemple avec
HTML dynamique) pour les empêcher de passer au travers, définissant le paramètre WMODE sur
OPAQUE.
• L’option Sans fenêtre transparent affiche l’arrière-plan de la page HTML de l’animation à
travers toutes les zones transparentes de l’animation, mais peut ralentir les effets animés. Cette
option définit WMODE sur TRANSPARENT.
9
Sélectionnez une option d’alignement HTML pour placer la fenêtre de l’animation Flash dans
la fenêtre du navigateur :
• L’option Par défaut centre l’animation dans la fenêtre du navigateur et rogne les bords si cette
dernière est plus petite que l’animation.
• Les options Gauche, Droite, Haut ou Bas alignent les animations le long du bord
correspondant dans la fenêtre de navigation et rognent les trois autres bords selon les besoins.
10
Sélectionnez une option d’échelle pour placer l’animation au sein des limites spécifiées, si vous
avez modifié la largeur et la hauteur originales de l’animation. L’option Echelle définit le
paramètre SCALE des balises OBJECT et EMBED.
• L’option Par défaut (tout afficher) rend la totalité de l’animation visible dans la zone spécifiée
tout en conservant les proportions originales. Des bordures peuvent apparaître de part et
d’autre de l’animation.
• L’option Sans bordure redimensionne l’animation afin qu’elle remplisse la zone spécifiée et
conserve les proportions originales de l’animation sans distorsion, en rognant les bords si cela
est nécessaire.
• L’option Ajusté exactement affiche l’animation entière sans préserver les proportions
originales, ce qui peut entraîner une distorsion.
• L’option Pas de redimensionnement empêche le redimensionnement de l’animation avec la
fenêtre de Flash Player.
11
Sélectionnez une option d’alignement Flash pour définir la position de l’animation dans la
fenêtre d’animation, ainsi que le rognage des bords si cela est nécessaire. Cette option définit le
paramètre SALIGN des balises OBJECT et EMBED.
• Pour Alignement horizontal, choisissez Gauche, Centré ou Droite.
• Pour Alignement vertical, choisissez Haut, Centré ou Bas.
12
Activez l’option Afficher les messages d’avertissement pour afficher les messages d’erreur en cas
de conflit entre les paramètres des balises (par exemple, si un modèle contient un code faisant
référence à une image de remplacement qui n’a pas été spécifiée).
13
Pour enregistrer les paramètres avec le fichier courant, cliquez sur OK.
Publication 421
Choix des paramètres de publication pour les fichiers GIF
Les fichiers GIF constituent un bon moyen d’exporter des dessins et des animations simples à
afficher dans des pages web. Les fichiers GIF standard sont simplement des bitmaps compressés.
Un fichier GIF animé (parfois désigné sous le terme de GIF89a) offre un moyen simple
d’exporter de brèves séquences animées. Flash optimise un GIF animé en ne stockant que les
modifications d’une image à l’autre.
Flash exporte la première image de l’animation comme fichier GIF, sauf si vous définissez une
autre image-clé à exporter en entrant l’étiquette d’image #Static. Flash exporte toutes les images
de l’animation courante dans un fichier GIF animé, sauf si vous spécifiez la plage d’images à
exporter en entrant les étiquettes d’image #First et #Last dans les images-clés appropriées.
Flash peut générer une carte image avec un fichier GIF contenant des liens URL pour les
différents boutons d’une animation. Placez l’étiquette d’image #Map dans l’image-clé où vous
souhaitez créer la carte image. Si vous ne créez pas d’étiquette d’image, Flash crée une carte image
avec les boutons de la dernière image de l’animation. Vous ne pouvez créer une carte image que si
la variable de modèle $IM se trouve dans le modèle que vous sélectionnez. Pour plus
d’informations, consultez Création d’une carte image, page 433.
Paramètres de publication pour le format GIF
Pour publier un fichier GIF avec le fichier Flash :
1
Choisissez Fichier > Paramètres de publication.
2
Sélectionnez le type Image GIF. Entrez un nom unique dans Nom du fichier ou activez
l’option Utiliser les noms par défaut pour créer un fichier portant le nom du fichier Flash suivi
de l’extension .gif.
3
Cliquez sur le volet GIF pour afficher ses paramètres.
422 Chapitre 20
4
Pour Dimensions, entrez une largeur et une hauteur en pixels pour le bitmap exporté ou
activez l’option Identique à l’animation pour que l’image GIF ait la même taille que
l’animation Flash et conserve les proportions de l’image originale.
5
Sélectionnez une option de lecture pour déterminer si Flash crée une image statique ou une
animation GIF. Si vous activez l’option Animée, activez également l’option Boucle continue
ou entrez le nombre de répétitions.
6
Sélectionnez une option d’apparence du GIF exporté :
• L’option Optimiser les couleurs supprime toutes les couleurs non utilisées de la table des
couleurs du fichier GIF. Cette option réduit la taille du fichier de 1000 à 1500 octets sans
affecter la qualité de l’image, mais augmente légèrement les besoins en mémoire. Cette option
n’a aucun effet sur une palette adaptative. Une palette adaptative analyse les couleurs de
l’image et crée une table de couleurs unique pour l’image GIF sélectionnée.
• L’option Entrelacer permet d’afficher progressivement, dans un navigateur, l’image GIF
exportée au fur et à mesure de son téléchargement. Une image GIF entrelacée fournit à
l’utilisateur un contenu graphique succinct avant que le fichier ait été intégralement chargé et
peut être téléchargée plus rapidement en cas de connexion réseau lente. N’entrelacez pas un
fichier GIF animé.
• L’option Lisser applique l’anti-aliasing pour produire une image bitmap de qualité supérieure
et améliorer la qualité d’affichage du texte. Cependant, le lissage peut provoquer un halo de
pixels gris autour d’une image antialiasée placée sur un arrière-plan coloré et augmente la taille
du fichier GIF. Exportez une image sans la lisser si un halo apparaît ou si vous placez une
transparence GIF sur un arrière-plan multicolore.
• L’option Tramer les couleurs unies applique le tramage aux couleurs unies, ainsi qu’aux
dégradés et aux images. Pour plus d’informations, consultez les options de tramage à l’étape 8.
• L’option Supprimer les dégradés (désactivée par défaut) convertit tous les remplissages de
dégradés de l’animation en couleurs unies, à l’aide de la première couleur du dégradé. Les
dégradés augmentent la taille du fichier GIF et sont souvent d’une qualité médiocre. Si vous
utilisez cette option, choisissez la première couleur du dégradé avec soin pour éviter des
résultats inattendus.
7
Sélectionnez une option de transparence pour déterminer la transparence de l’arrière-plan de
l’animation et la conversion des paramètres alpha en GIF :
• L’option Opaque rend l’arrière-plan uni.
• L’option Transparent rend l’arrière-plan transparent.
• L’option Alpha définit une transparence partielle. Entrez une valeur de seuil comprise entre 0
et 255, une valeur réduite résultant en une plus grande transparence. Une valeur de 128
correspond à une transparence de 50 %.
8
Sélectionnez une option de tramage pour spécifier la combinaison des pixels des couleurs
disponibles afin de simuler les couleurs absentes de la palette courante. Le tramage peut
améliorer la qualité de l’image si une image transparente contient des éléments, mais il
augmente la taille du fichier. Choisissez parmi les options suivantes :
• L’option Aucune désactive le tramage et remplace les couleurs absentes de la table de couleurs
de base par des couleurs unies présentes dans la table correspondant le plus à la couleur
spécifiée. L’absence de tramage peut produire des fichiers de taille réduite mais rendre les
couleurs insatisfaisantes.
Publication 423
• L’option Dans l’ordre fournit un tramage de bonne qualité sans grande augmentation de la
taille du fichier.
• L’option Diffusion offre un tramage d’excellente qualité, mais augmente bien plus la taille de
fichier et le temps de traitement qu’avec le tramage ordonné. De plus, cette option ne
fonctionne qu’avec la palette de couleurs Web 216.
9
Sélectionnez un type de palette pour définir la palette de couleurs de l’image :
• L’option Web 216 utilise la palette standard de 216 couleurs adaptée aux navigateurs pour
créer l’image GIF, afin d’obtenir une image de bonne qualité et d’utiliser le traitement le plus
rapide sur le serveur.
• L’option Adaptative analyse les couleurs de l’image et crée une table de couleurs unique pour
l’image GIF sélectionnée. Cette option est la meilleure pour les systèmes affichant des milliers,
voire des millions, de couleurs et crée la couleur la plus précise possible pour l’image mais avec
une taille de fichier plus importante qu’avec l’option de palette Web 216. Pour réduire la taille
d’un fichier GIF avec une palette adaptative, activez l’option Optimisation des couleurs de
l’étape 10 pour réduire le nombre de couleurs de la palette.
• L’option Adaptative ajustée pour le web est identique à l’option de palette Adaptative si ce
n’est qu’elle convertit les couleurs très proches en palette de couleurs Web 216. La palette de
couleurs obtenue est optimisée pour l’image, mais Flash utilise les couleurs de la palette
Web 216 chaque fois que cela est possible. Les couleurs ainsi obtenues pour l’image sont
meilleures lorsque la palette Web 216 est activée sur un système utilisant 256 couleurs.
• L’option Personnalisé spécifie une palette optimisée par vos soins pour l’image sélectionnée.
Cette option offre la même vitesse de traitement que la palette Web 216. Pour utiliser cette
option, vous devez savoir comment créer et utiliser des palettes personnalisées. Pour choisir
une palette personnalisée, cliquez sur le bouton (...), à droite du champ Palette en bas de la
boîte de dialogue, et sélectionnez un fichier de palette. Flash supporte les palettes enregistrées
au format ACT, exportées par Macromedia Fireworks et d’autres applications graphiques.
Pour plus d’informations, consultez Importation et exportation de palettes de couleurs, page 99.
10
Si vous avez sélectionné la palette Adaptative ou Adaptative ajustée pour le web à l’étape 9,
entrez une valeur dans le champ Optimisation des couleurs pour définir le nombre de couleurs
utilisées dans l’image GIF. Le choix d’un nombre réduit de couleurs peut générer un fichier
réduit, mais risque de dégrader les couleurs de l’image.
11
Pour enregistrer les paramètres avec le fichier courant, cliquez sur OK.
424 Chapitre 20
Choix des paramètres de publication pour les fichiers JPEG
Le format JPEG vous permet d’enregistrer une image sous la forme d’un bitmap 24 bits
fortement compressé. D’une manière générale, le format GIF convient mieux à l’exportation du
mode trait, tandis que le format JPEG est plus approprié aux images incluant des nuances
continues comme les photographies, les dégradés ou les bitmaps intégrés.
Flash exporte la première image de l’animation comme fichier JPEG, sauf si vous définissez une
autre image-clé à exporter en entrant l’étiquette d’image #Static.
Paramètres de publication pour le format JPEG
Pour publier un fichier JPEG avec l’animation Flash :
1
Choisissez Fichier > Paramètres de publication.
2
Sélectionnez le type Image JPEG. Entrez un nom unique dans Nom du fichier ou activez
l’option Utiliser les noms par défaut pour créer un fichier portant le nom du fichier Flash suivi
de l’extension .jpg.
3
Cliquez sur le volet JPEG pour afficher ses paramètres.
4
Dans Dimensions, entrez une largeur et une hauteur en pixels pour l’image bitmap exportée ou
activez Identique à l’animation pour que l’image JPEG ait la même taille que l’animation Flash
et pour qu’elle conserve les proportions de l’image originale.
5
Dans Qualité, faites glisser le curseur ou entrez une valeur pour contrôler le taux de
compression du fichier JPEG.
Une qualité d’image inférieure produit des fichiers plus réduits, tandis qu’une qualité d’image
supérieure génère des fichiers volumineux. Faites différents essais avant de déterminer le
meilleur compromis entre la taille et la qualité.
Remarque Vous pouvez définir la qualité d’exportation bitmap par objet dans la boîte de dialogue Propriétés
du bitmap pour changer le paramètre de compression de l’objet. La sélection de l’option de compression par
défaut dans la boîte de dialogue Propriétés du bitmap applique l’option Qualité JPEG des Paramètres de
publication. Pour plus d’informations, consultez Définition des propriétés d’une image bitmap, sous Aide >
Utilisation de Flash.
6
Activez l’option Progressive pour afficher les images JPEG progressivement dans un navigateur
web afin qu’elles apparaissent plus rapidement lorsqu’elles sont chargées avec une connexion
réseau lente.
Cette option est similaire à l’entrelacement des images GIF et PNG.
7
Pour enregistrer les paramètres avec le fichier courant, cliquez sur OK.
Publication 425
Choix des paramètres de publication pour les fichiers PNG
Le format PNG est le seul format bitmap multiplate-forme qui supporte la transparence (un canal
alpha). Il s’agit également du format de fichier natif de Macromedia Fireworks.
Flash exporte la première image de l’animation comme fichier PNG, sauf si vous définissez une
autre image-clé à exporter en entrant l’étiquette d’image #Static.
Paramètres de publication pour le format PNG
Pour publier un fichier PNG avec le fichier Flash :
1
Choisissez Fichier > Paramètres de publication.
2
Sélectionnez le type Image PNG. Entrez un nom unique dans Nom du fichier ou activez
l’option Utiliser les noms par défaut pour créer un fichier portant le nom du fichier Flash suivi
de l’extension .png.
3
Cliquez sur le volet PNG pour afficher ses paramètres.
4
Dans Dimensions, entrez une largeur et une hauteur en pixels pour l’image bitmap exportée ou
activez Identique à l’animation pour que le fichier PNG ait la même taille que l’animation
Flash et conserve les proportions de l’image originale.
5
Sélectionnez un codage binaire pour définir le nombre de bits par pixel et les couleurs à utiliser
lors de la création de l’image :
• Sélectionnez 8 bits pour une image en 256 couleurs.
• Sélectionnez 24 bits pour des milliers de couleurs.
• Sélectionnez 24 bits avec alpha pour des milliers de couleurs avec transparence (32 bits).
Plus le codage binaire est élevé, plus le fichier est volumineux.
426 Chapitre 20
6
Sélectionnez une option d’apparence du PNG exporté :
• L’option Optimiser les couleurs supprime toutes les couleurs inutilisées de la table des couleurs
d’un fichier PNG. Cette option réduit la taille du fichier de 1000 à 1500 octets sans affecter la
qualité de l’image, mais augmente légèrement les besoins en mémoire. Cette option n’a aucun
effet sur une palette adaptative.
• L’option Entrelacer permet d’afficher progressivement, dans un navigateur, l’image PNG
exportée au fur et à mesure de son téléchargement. Une image PNG entrelacée fournit à
l’utilisateur un contenu graphique succinct avant que le fichier ait été intégralement chargé et
peut être téléchargée plus rapidement en cas de connexion réseau lente. N’entrelacez pas un
fichier PNG animé.
• L’option Lisser applique l’anti-aliasing pour produire une image bitmap de qualité supérieure
et améliorer la qualité d’affichage du texte. Cependant, le lissage peut provoquer un halo de
pixels gris autour d’une image antialiasée placée sur un arrière-plan coloré et augmente la taille
du fichier PNG. Exportez une image sans la lisser si un halo apparaît ou si vous placez une
transparence PNG sur un arrière-plan multicolore.
• L’option Tramer les couleurs unies applique le tramage aux couleurs unies et aux dégradés.
Pour plus d’informations, consultez les options de tramage à l’étape 7.
• L’option Supprimer les dégradés (désactivée par défaut) convertit tous les remplissages de
dégradés de l’animation en couleurs unies, à l’aide de la première couleur du dégradé. Les
dégradés augmentent la taille du fichier PNG et sont souvent d’une qualité médiocre. Si vous
utilisez cette option, choisissez la première couleur du dégradé avec soin pour éviter des
résultats inattendus.
7
Si vous avez sélectionné un codage de 8 bits à l’étape 5, activez une option de tramage pour
spécifier la combinaison des pixels des couleurs disponibles afin de simuler les couleurs
absentes de la palette courante. Le tramage peut améliorer la qualité de l’image si une image
transparente contient des éléments, mais il augmente la taille du fichier. Choisissez parmi les
options suivantes :
• L’option Aucune désactive le tramage et remplace les couleurs absentes de la table de couleurs
de base par des couleurs unies présentes dans la table correspondant le plus à la couleur
spécifiée. L’absence de tramage peut produire des fichiers de taille réduite mais rendre les
couleurs insatisfaisantes.
• L’option Dans l’ordre fournit un tramage de bonne qualité sans grande augmentation de la
taille du fichier.
• L’option Diffusion offre un tramage d’excellente qualité, mais augmente bien plus la taille de
fichier et le temps de traitement qu’avec le tramage ordonné. De plus, cette option ne
fonctionne qu’avec la palette de couleurs Web 216.
Publication 427
8
Sélectionnez un type de palette pour définir la palette de couleurs de l’image PNG :
• L’option Web 216 utilise la palette standard de 216 couleurs adaptée aux navigateurs pour
créer l’image PNG, afin d’obtenir une image de bonne qualité et d’utiliser le traitement le plus
rapide sur le serveur.
• L’option Adaptative analyse les couleurs de l’image et crée une table de couleurs unique pour
l’image PNG sélectionnée. Cette option est la meilleure pour les systèmes affichant des
milliers, voire des millions, de couleurs et crée la couleur la plus précise possible pour l’image
mais avec une taille de fichier plus importante qu’avec l’option de palette Web 216.
• L’option Adaptative ajustée pour le web est identique à l’option de palette Adaptative si ce
n’est qu’elle convertit les couleurs très proches en palette de couleurs Web 216. La palette de
couleurs obtenue est optimisée pour l’image, mais Flash utilise les couleurs de la palette
Web 216 chaque fois que cela est possible. Les couleurs ainsi obtenues pour l’image sont
meilleures lorsque la palette Web 216 est activée sur un système utilisant 256 couleurs.
Pour réduire la taille d’un fichier PNG avec une palette adaptative, activez l’option
Optimisation des couleurs pour réduire le nombre de couleurs de la palette à l’étape suivante.
• L’option Personnalisé spécifie une palette optimisée par vos soins pour l’image sélectionnée.
Cette option offre la même vitesse de traitement que la palette Web 216. Pour utiliser cette
option, vous devez savoir comment créer et utiliser des palettes personnalisées. Pour choisir
une palette personnalisée, cliquez sur le bouton (...), à droite du champ Palette en bas de la
boîte de dialogue, et sélectionnez un fichier de palette. Flash supporte les palettes enregistrées
au format ACT, exportées par Macromedia Fireworks et d’autres applications graphiques.
Pour plus d’informations, consultez Importation et exportation de palettes de couleurs, page 99.
9
Si vous avez sélectionné la palette Adaptative ou Adaptative ajustée pour le web à l’étape 8,
entrez une valeur dans le champ Optimisation des couleurs pour définir le nombre de couleurs
utilisées dans l’image PNG. Le choix d’un nombre réduit de couleurs peut générer un fichier
réduit, mais risque de dégrader les couleurs de l’image.
10
Sélectionnez une option de filtre pour sélectionner une méthode de filtre ligne par ligne afin de
rendre le fichier PNG plus compressible et essayez les différentes options pour une image
particulière :
• L’option Aucun désactive le filtre.
• L’option Différentiel horizontal transmet la différence entre chaque octet et la valeur de l’octet
correspondant du pixel précédent.
• L’option Différentiel vertical transmet la différence entre chaque octet et la valeur de l’octet
correspondant du pixel immédiatement supérieur.
• L’option Différentiel par moyenne utilise la moyenne des deux pixels environnants (pixel
gauche et pixel supérieur) pour prévoir la valeur d’un pixel.
• L’option Filtre de Paeth calcule une simple fonction linéaire des trois pixels environnants (pixel
gauche, pixel supérieur et pixel supérieur gauche), puis choisit comme prédicteur le pixel
environnant le plus proche de la valeur calculée.
428 Chapitre 20
• L’option Adaptatif analyse les couleurs de l’image et crée une table de couleurs unique pour
l’image PNG sélectionnée. Cette option est la meilleure pour les systèmes affichant des
milliers, voire des millions, de couleurs et crée la couleur la plus précise possible pour l’image
mais avec une taille de fichier plus importante qu’avec l’option de palette Web 216. Vous
pouvez réduire la taille d’un fichier PNG créé avec une palette adaptative en diminuant le
nombre de couleurs de la palette.
11
Pour enregistrer les paramètres avec le fichier courant, cliquez sur OK.
Choix des paramètres de publication pour les séquences QuickTime 4
L’option de publication QuickTime crée des animations au format QuickTime 4, en copiant
l’animation Flash sur une piste QuickTime distincte. L’animation Flash est lue dans la séquence
QuickTime de la même façon qu’elle l’est dans Flash Player, en conservant l’intégralité de ses
fonctions interactives. Si l’animation Flash contient également une séquence QuickTime, Flash la
copie sur sa propre piste dans le nouveau fichier QuickTime. Pour plus d’informations sur les
séquences QuickTime, consultez la documentation de QuickTime.
Paramètres de publication pour le format QuickTime
Pour publier une séquence QuickTime 4 avec le fichier Flash :
1
Choisissez Fichier > Paramètres de publication.
2
Sélectionnez le type QuickTime. Entrez un nom unique dans Nom du fichier ou activez
l’option Utiliser les noms par défaut pour créer un fichier portant le nom du fichier Flash suivi
de l’extension .mov.
3
Cliquez sur le volet QuickTime pour afficher ses paramètres.
Publication 429
4
Dans Dimensions, entrez une largeur et une hauteur en pixels pour la séquence QuickTime
exportée ou activez Identique à l’animation pour que l’animation QuickTime ait la même
taille que l’animation Flash et conserve les proportions d’origine.
5
Sélectionnez une option Alpha pour contrôler le mode de transparence de la piste Flash dans la
séquence QuickTime sans affecter les paramètres alpha de l’animation Flash :
• L’option Transparent alpha pour rendre la piste Flash transparente et afficher le contenu des
pistes derrière la piste Flash.
• L’option Copie pour rendre la piste Flash opaque et masquer tout le contenu des pistes derrière
la piste Flash.
• L’option Automatique pour rendre la piste Flash transparente si elle se trouve au-dessus des
autres pistes, mais pour la rendre opaque s’il s’agit de la piste du bas ou de la seule piste de
l’animation.
6
Sélectionnez une option de calque pour contrôler l’endroit où la piste Flash est lue dans l’ordre
d’empilement de la séquence QuickTime :
• L’option Au-dessus pour toujours placer la piste Flash au-dessus des autres pistes de la
séquence QuickTime.
• L’option En dessous pour toujours placer la piste Flash derrière les autres pistes.
• L’option Automatique pour placer la piste Flash devant les autres pistes si les objets Flash se
trouvent devant les objets vidéo dans l’animation Flash et derrière les autres pistes si les objets
Flash ne sont pas devant.
7
Activez l’option Lecture du son en continu pour que Flash exporte tous les sons en flux
continu de l’animation Flash vers une piste audio QuickTime, en recompressant les sons à
l’aide des paramètres audio standard de QuickTime. Pour modifier ces options, cliquez sur
Paramètres (consultez la documentation de QuickTime pour plus d’informations).
8
Sélectionnez une option de Contrôleur pour spécifier le type de contrôleur QuickTime utilisé
pour lire l’animation exportée (Aucun, Standard ou QuickTime VR).
9
Activez les options de Lecture pour contrôler la lecture d’animations de séquences
QuickTime :
• L’option Boucle répète l’animation lorsqu’elle atteint la dernière image.
• L’option En pause au démarrage pause l’animation jusqu’à ce que l’utilisateur clique sur un
bouton dans l’animation ou choisisse Lire dans le menu contextuel. Par défaut, cette option est
désactivée et l’animation démarre dès qu’elle est chargée.
• L’option Lire toutes les images affiche chaque image de l’animation sans en ignorer pour rester
synchronisé et ne lit pas les sons.
10
Activez l’option Aplatir (rendre autonome) pour combiner le contenu de Flash et la vidéo
importée en une seule séquence QuickTime. La désactivation de cette option entraîne la
séquence QuickTime à faire référence aux fichiers exportés en externe et l’animation ne
fonctionnera pas correctement si ces fichiers sont absents.
11
Pour enregistrer les paramètres avec le fichier courant, cliquez sur OK.
430 Chapitre 20
A propos des modèles de publication HTML
Les modèles HTML de Flash vous permettent de contrôler l’inclusion des animations aux pages
web, ainsi que leur aspect et leur lecture dans le navigateur web. Un modèle Flash est un fichier
texte qui contient à la fois un code HTML immuable et un code ou des variables de modèle
(différentes des variables ActionScript). Lorsque vous publiez une animation Flash, Flash
remplace les variables du modèle sélectionné dans la boîte de dialogue Paramètres de publication
par vos paramètres HTML et produit une page HTML dans laquelle votre animation est intégrée.
Flash comprend plusieurs modèles, correspondant aux besoins de la plupart des utilisateurs, qui
éliminent la nécessité de modifier une page HTML avec l’animation Flash. Par exemple, un
modèle insère simplement une animation Flash dans la page HTML générée de sorte que les
utilisateurs puissent la voir dans un navigateur web, si le module est installé. Un autre modèle
effectue la même tâche, excepté qu’il détecte d’abord la présence du module et l’installe s’il est
absent.
Vous pouvez facilement utiliser le même modèle, changer les paramètres et publier une nouvelle
page HTML. Si vous maîtrisez le langage HTML, vous pouvez également créer vos propres
modèles avec un éditeur HTML. La création d’un modèle est identique à la création d’une page
HTML standard, excepté que vous remplacez des valeurs spécifiques appartenant à une
animation Flash par des variables qui commencent par le signe dollar ($).
Les modèles HTML de Flash possèdent les caractéristiques suivantes :
• Un titre sur une ligne, apparaissant dans le menu déroulant Modèle.
• Une description plus détaillée, affichée lorsque vous cliquez sur le bouton Info.
• Des variables de modèle commençant par le signe dollar ($) et indiquant où la substitution des
valeurs de paramètres doit avoir lieu lorsque Flash génère le fichier.
Remarque
Utilisez \$ si vous avez besoin d’utiliser le signe $ pour un autre emploi dans le document.
• Les balises HTML OBJECT et EMBED qui suivent les standards de Microsoft Internet Explorer et
Netscape Communicator/Navigator, respectivement. Pour afficher correctement une
animation dans une page HTML, vous devez suivre ces standards. Internet Explorer ouvre une
animation Flash avec la balise HTML OBJECT, alors que Netscape utilise la balise EMBED. Pour
plus d’informations, consultez Utilisation des balises OBJECT et EMBED, page 436.
Personnalisation des modèles de publication HTML
Si vous maîtrisez le langage HTML, vous pouvez modifier les variables de modèle pour créer une
carte image, un rapport de texte ou d’URL, ou pour insérer vos propres valeurs dans certains des
paramètres OBJECT et EMBED les plus communs de Flash (pour Internet Explorer et Netscape
Communicator/Navigator, respectivement).
Les modèles de Flash peuvent inclure tout contenu HTML pour votre application, ou même du
code pour des interprètes spéciaux comme Cold Fusion, ASP, et d’autres.
Pour modifier un modèle de publication HTML :
1
Ouvrez, dans un éditeur HTML, le modèle HTML de Flash que vous souhaitez modifier, situé
dans le dossier Macromedia Flash MX/HTML.
Publication 431
2
Modifiez le modèle selon vos besoins. Pour utiliser les valeurs par défaut, laissez les variables
vides.
Pour plus d’informations sur les variables supportées par Flash, consultez le tableau suivant.
Pour plus d’informations sur la création d’une carte image ou d’un rapport texte ou URL, ou
sur l’insertion de vos propres valeurs dans les paramètres OBJECT et EMBED, consultez les
sections correspondantes en suivant cette procédure.
3
Lorsque vous avez terminé la modification des variables, enregistrez le modèle dans le dossier
Macromedia Flash MX/HTML.
4
Pour appliquer les paramètres du modèle à votre animation Flash, choisissez Fichier >
Paramètres de publication, cliquez sur l’onglet HTML et sélectionnez le modèle que vous avez
modifié.
Flash ne change que les variables du modèle sélectionné dans la boîte de dialogue Paramètres
de publication.
5
Choisissez les autres paramètres de publication et cliquez sur OK. Pour plus d’informations,
consultez Publication des documents Flash, page 414.
Le tableau suivant répertorie les variables reconnues dans les modèles de Flash. Une définition de
toutes les balises avec lesquelles ces variables fonctionnent est publiée dans Modification des
paramètres HTML de Flash, page 435.
Paramètre
Variable de modèle
Titre du modèle
$TT
Début de la description du modèle
$DS
Fin de la description du modèle
$DF
Titre de l’animation Flash (SWF)
$T1
Largeur
$WI
Hauteur
$HE
Animation
$MO
Alignement HTML
$HA
Boucle
$LO
Paramètres pour OBJECT
$PO
Paramètres pour EMBED
$PE
Lire
$PL
Qualité
$QU
Echelle
$SC
Salign
$SA
Wmode
$WM
Devicefont
$DE
Bgcolor
$BG
Texte de l’animation (réservé à
l’écriture du texte de l’animation)
$MT
432 Chapitre 20
Paramètre
Variable de modèle
URL de l’animation (emplacement des URL
des animations)
$MU
Largeur d’image (type d’image non
spécifié)
$IW
Hauteur d’image (type d’image non
spécifié)
$IH
Nom du fichier image (type d’image non
spécifié)
$IS
Nom de la carte image
$IU
Emplacement de la balise de carte image
$IM
Largeur QuickTime
$QW
Hauteur QuickTime
$QH
Nom de fichier QuickTime
$QN
Largeur GIF
$GW
Hauteur GIF
$GH
Nom de fichier GIF
$GN
Largeur JPEG
$JW
Hauteur JPEG
$JH
Nom de fichier JPEG
$JN
Largeur PNG
$PW
Hauteur PNG
$PH
Nom de fichier PNG
$PN
Création d’une carte image
Flash peut générer une carte image pour n’importe quelle image et conserver la fonction des
boutons liés à des URL, même si une autre image est substituée. Lorsqu’il rencontre la variable de
modèle $IM, Flash insère le code de carte image dans un modèle. La variable $IU identifie le nom
du fichier GIF, JPEG ou PNG.
Pour créer une carte image :
1
Dans le document Flash, sélectionnez l’image-clé à utiliser pour la carte image et donnez-lui
l’étiquette #Map dans l’inspecteur des propriétés (choisissez Fenêtre > Propriétés si l’inspecteur
des propriétés n’est pas visible). Vous pouvez utiliser toute image-clé possédant des boutons
auxquels sont associées des actions getURL.
Si vous ne créez pas d’étiquette d’image, Flash crée une carte image avec les boutons de la
dernière image de l’animation. Cette option génère une carte image intégrée et non une
animation Flash intégrée.
Publication 433
2
Pour sélectionner l’image à utiliser pour la carte image, effectuez l’une des opérations
suivantes :
• Pour les fichiers PNG ou GIF, donnez l’étiquette #Static à l’image.
• Pour les fichiers JPEG, placez la tête de lecture sur l’image à utiliser au cours de l’étape de
publication.
3
Dans un éditeur HTML, ouvrez le modèle HTML que vous souhaitez modifier. Flash stocke
les modèles HTML dans le dossier Macromedia Flash MX/HTML.
4
Enregistrez votre modèle.
5
Choisissez Fichier > Paramètres de publication, cliquez sur l’onglet Format et sélectionnez un
format pour la carte image (GIF, JPEG ou PNG).
6
Cliquez sur OK pour enregistrer vos paramètres.
Par exemple, l’insertion du code suivant dans un modèle :
$IM
<IMG SRC=$IS usemap=$IU WIDTH=$IW HEIGHT=$IH BORDER=0>
peut produire ce code dans le document HTML créé à l’aide de la commande Publier :
<MAP NAME="monAnimation">
<AREA COORDS="130,116,214,182" HREF="http://www.macromedia.com">
</MAP>
<IMG SRC="monAnimation.gif" usemap="#monAnimation" WIDTH=550 HEIGHT=400
BORDER=0>
Création d’un rapport de texte
La variable de modèle $MT entraîne l’insertion de tout le texte de l’animation Flash courante
comme commentaire dans le code HTML. Vous pouvez ainsi indexer le contenu d’une
animation et le rendre accessible aux moteurs de recherche.
Création d’un rapport d’URL
La variable de modèle $MU entraîne la génération par Flash de la liste des URL auxquelles les
actions de l’animation courante font référence et l’insère à l’emplacement courant comme
commentaire. Les outils de vérification de liens peuvent ainsi visualiser et contrôler les liens de
l’animation.
Utilisation des variables de modèle abrégées
Les variables de modèle $PO (pour les balises OBJECT) et $PE (pour les balises EMBED) sont des
éléments abrégés utiles. Les deux variables obligent Flash à insérer dans un modèle toutes les
valeurs (sauf celles par défaut) de certains des paramètres Flash OBJECT et EMBED les plus
communs, tels que PLAY ($PL), QUALITY ($QU), SCALE ($SC), SALIGN ($SA), WMODE ($WM),
DEVICEFONT ($DE) et BGCOLOR ($BG). Consultez l’exemple de modèle de la section suivante pour
un aperçu de ces variables.
434 Chapitre 20
Exemple de modèle
Le fichier de modèle Default.html de Flash, montré ici pour l’exemple, inclut un certain nombre
de variables parmi celles les plus souvent utilisées.
$TTFlash Only (par défaut)
$DS
Utilisez une balise OBJECT et EMBED pour afficher Flash.
$DF
<HEAD>
<TITLE>$TI</TITLE>
</HEAD>
<HTML><BODY bgcolor="$BG">
<!-- URL utilisées dans l’application -->
$MU
<!-- texte utilisé dans l’application -->
$MT
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/
swflash.cab#version=6,0,0,0"
WIDTH=$WI HEIGHT=$HE id=$TI>
$PO
<EMBED $PE WIDTH=$WI HEIGHT=$HE id=$TI
TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</EMBED>
</OBJECT>
</BODY>
</HTML>
Modification des paramètres HTML de Flash
Un document HTML est nécessaire pour lire une animation Flash dans un navigateur web et
pour spécifier les paramètres du navigateur. Si vous maîtrisez le langage HTML, vous pouvez
modifier ou saisir les paramètres HTML manuellement dans un éditeur HTML, ou créer vos
propres fichiers HTML pour contrôler une animation Flash.
Pour plus d’informations sur la création automatique, par Flash, du document HTML lorsque
vous publiez une animation, consultez Publication des documents Flash, page 414. Pour plus
d’informations sur la personnalisation des modèles HTML fournis avec Flash, consultez
Personnalisation des modèles de publication HTML, page 431.
Publication 435
Utilisation des balises OBJECT et EMBED
Pour afficher une animation Flash dans un navigateur web, un document HTML doit utiliser les
balises EMBED et OBJECT avec les paramètres appropriés.
Pour OBJECT, les quatre paramètres (HEIGHT, WIDTH, CLASSID et CODEBASE) sont des attributs qui
apparaissent au sein de la balise OBJECT, les autres paramètres apparaissant dans des balises
distinctes, intitulées PARAM. Par exemple :
<OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" WIDTH="100"
HEIGHT="100" CODEBASE="http://active.macromedia.com/flash6/cabs/
swflash.cab#version=6,0,0,0">
<PARAM NAME="MOVIE" VALUE="nomDeLanimation.swf">
<PARAM NAME="PLAY" VALUE="true">
<PARAM NAME="LOOP" VALUE="true">
<PARAM NAME="QUALITY" VALUE="high">
</OBJECT>
Pour la balise EMBED, tous les paramètres (tels que HEIGHT, WIDTH, QUALITY et LOOP) sont des
attributs qui figurent entre les chevrons de la balise d’ouverture EMBED. Par exemple :
<EMBED SRC="nomDeLanimation.swf" WIDTH="100" HEIGHT="100" PLAY="true"
LOOP="true" QUALITY="high"
PLUGINSPAGE="http://www.macromedia.com/shockwave/download/
index.cgi?P1_Prod_Version=ShockwaveFlash">
</EMBED>
Pour utiliser ces deux balises de concert, placez la balise EMBED juste avant la balise de fermeture
OBJECT, de la façon suivante :
<OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" WIDTH="100"
HEIGHT="100" CODEBASE="http://active.macromedia.com/flash6/cabs/
swflash.cab#version=6,0,0,0">
<PARAM NAME="MOVIE" VALUE="nomDeLanimation.swf">
<PARAM NAME="PLAY" VALUE="true">
<PARAM NAME="LOOP" VALUE="true">
<PARAM NAME="QUALITY" VALUE="high">
<EMBED SRC="nomDeLanimation.swf" WIDTH="100" HEIGHT="100" PLAY="true”
LOOP="true" QUALITY="high"
PLUGINSPAGE="http://www.macromedia.com/shockwave/download/
index.cgi?P1_Prod_Version=ShockwaveFlash">
</EMBED>
</OBJECT>
Remarque Si vous utilisez les deux balises OBJECT et EMBED, utilisez des valeurs identiques pour chaque attribut
ou paramètre afin de vous assurer que la lecture sera homogène dans les navigateurs. Le paramètre
swflash.cab#version=6,0,0,0 est facultatif et vous pouvez ne pas l’utiliser si vous ne souhaitez pas vérifier le
numéro de version.
Les paramètres et attributs de balises suivants décrivent le code HTML créé par la commande
Publier. Vous pouvez vous référer à cette liste lorsque vous rédigez votre propre code HTML pour
insérer les animations Flash. A moins que cela ne soit spécifié, tous les éléments s’appliquent aux
deux balises OBJECT et EMBED. Les entrées facultatives sont indiquées comme telles. Lors de la
personnalisation d’un modèle, vous pouvez remplacer la valeur par l’une des variables de modèle
répertoriées ci-après. Pour plus d’informations, consultez Personnalisation des modèles de
publication HTML, page 431.
436 Chapitre 20
SRC
Valeur
nomDeLanimation.swf
Variable de modèle : $MO
Description
Spécifie le nom de l’animation à charger. EMBED uniquement.
MOVIE
Valeur
nomDeLanimation.swf
Variable de modèle : $MO
Description
Spécifie le nom de l’animation à charger. OBJECT uniquement.
CLASSID
Valeur
clsid:D27CDB6E-AE6D-11cf-96B8-444553540000
Description
Identifie le contrôle ActiveX pour le navigateur. La valeur doit être entrée exactement telle
qu’affichée. OBJECT uniquement.
WIDTH
Valeur
n
ou n%
Variable de modèle : $WI
Description
Spécifie la largeur de l’animation, en pixels ou en pourcentage, par rapport à la fenêtre du
navigateur.
HEIGHT
Valeur
n
ou n%
Variable de modèle : $HE
Description
Spécifie la hauteur de l’animation, en pixels ou en pourcentage, par rapport à la fenêtre du
navigateur.
Les animations Flash étant redimensionnables, leur qualité ne se dégradera pas en fonction des
différentes tailles, tant que les proportions sont conservées. Par exemple, les tailles suivantes ont
toutes une proportion 4:3 : 640 x 480 pixels, 320 x 240 pixels et 240 x 180 pixels).
Publication 437
CODEBASE
Valeur
http://active.macromedia.com/flash6/cabs/swflash.cab#version=6,0,0,0"
Description
Identifie l’emplacement du contrôle ActiveX de Flash Player, de sorte que le navigateur puisse le
télécharger automatiquement s’il n’est pas déjà installé. La valeur doit être entrée exactement telle
qu’affichée. OBJECT uniquement.
PLUGINSPAGE
Valeur
http://www.macromedia.com/shockwave/download/
index.cgi?P1_Prod_Version=ShockwaveFlash
Description
Identifie l’emplacement du module de Flash Player, de sorte que l’utilisateur puisse le télécharger
automatiquement s’il n’est pas déjà installé. La valeur doit être entrée exactement telle qu’affichée.
EMBED uniquement.
SWLIVECONNECT
Valeur
true
| false
Description
(Facultatif ) Spécifie si le navigateur doit démarrer Java lors du premier chargement de Flash
Player. La valeur par défaut est false si cet attribut est omis. Si vous utilisez JavaScript et Flash
dans la même page, Java doit être exécuté pour que les actions FSCommand fonctionnent.
Cependant, si vous n’utilisez JavaScript que pour détecter le navigateur ou dans un autre but sans
lien avec les actions FSCommand, vous pouvez empêcher Java de démarrer en définissant
SWLIVECONNECT sur false. Vous pouvez aussi imposer le démarrage de Java lorsque vous
n’utilisez pas JavaScript avec Flash en définissant explicitement SWLIVECONNECT sur true. Le
lancement de Java augmentant de façon importante le temps de démarrage d’une animation, ne
définissez cette balise sur true qu’en cas de nécessité. EMBED uniquement.
Utilisez l’action FSCommand Exec pour démarrer Java depuis une projection autonome. Pour
plus d’informations, consultez Echange de messages avec Flash Player, sous Aide > Utilisation
de Flash.
438 Chapitre 20
PLAY
Valeur
true
| false
Variable de modèle : $PL
Description
(Facultatif ) Spécifie si la lecture de l’animation commence dès le chargement de cette dernière
dans le navigateur. Si votre animation Flash est interactive, vous pouvez souhaiter que ce soit
l’utilisateur qui déclenche la lecture en cliquant sur un bouton ou en exécutant une tâche
particulière. Dans ce cas, définissez l’attribut PLAY sur false pour empêcher le démarrage
automatique de l’animation. La valeur par défaut est true si l’attribut est omis.
LOOP
Valeur
true
| false
Variable de modèle : $LO
Description
(Facultatif ) Spécifie si l’animation est répétée indéfiniment ou si elle est arrêtée lorsqu’elle atteint
la dernière image. La valeur par défaut est true si l’attribut est omis.
QUALITY
Valeur
low | high | autolow | autohigh | best
Variable de modèle : $QU
Description
(Facultatif ) Spécifie le niveau d’anti-aliasing à utiliser pendant la lecture de l’animation. L’antialiasing nécessitant un processeur rapide pour lisser chaque image de l’animation avant de la
restituer sur l’écran de l’utilisateur, choisissez une valeur en fonction de la priorité donnée (soit à
la vitesse soit à l’aspect) :
•
•
low
•
autohigh met d’abord l’accent de façon égale sur la vitesse et l’aspect, mais sacrifie le second au
favorise la vitesse de lecture par rapport à l’aspect et n’utilise jamais l’anti-aliasing.
privilégie d’abord la vitesse, mais améliore l’aspect chaque fois que cela est possible.
L’anti-aliasing est désactivé au début de la lecture. Si Flash Player détecte que le processeur est
à même de supporter l’anti-aliasing, ce dernier est activé.
autolow
profit de la première en cas de nécessité. L’anti-aliasing est activé au début de la lecture. Si le
débit réel des images devient inférieur au débit spécifié, l’anti-aliasing est désactivé afin
d’améliorer la vitesse de lecture. Utilisez ce paramètre pour émuler le paramètre Affichage >
Antialias de Flash.
•
medium applique un certain degré d’anti-aliasing mais ne lisse pas les bitmaps. La qualité
obtenue est meilleure que celle du paramètre low mais plus faible qu’avec le paramètre high.
Publication 439
•
high favorise l’aspect par rapport à la vitesse de lecture et applique toujours l’anti-aliasing. Si
l’animation ne contient aucune image animée, les bitmaps sont lissés ; dans le cas contraire, ils
ne le sont pas.
•
best fournit la meilleure qualité d’affichage et ignore la vitesse de lecture. Les images sont
antialiasées et les bitmaps sont toujours lissés.
La valeur par défaut est high si l’attribut est omis.
BGCOLOR
Valeur
#RRVVBB
(valeur RVB hexadécimale)
Variable de modèle : $BG
Description
(Facultatif ) Spécifie la couleur d’arrière-plan de l’animation. Utilisez cet attribut pour redéfinir la
couleur d’arrière-plan définie dans l’animation Flash. Cet attribut n’affecte pas la couleur
d’arrière-plan de la page HTML.
SCALE
Valeur
showall | noborder | exactfit
Variable de modèle : $SC
Description
(Facultatif ) Spécifie l’emplacement de l’animation dans la fenêtre du navigateur lorsque les
valeurs WIDTH et HEIGHT sont exprimées en pourcentage.
•
showall (la valeur par défaut) rend visible la totalité de l’animation dans la zone définie, sans
distorsion, tout en conservant les proportions originales de l’animation. Des bordures peuvent
apparaître de part et d’autre de l’animation.
•
noborder
•
exactfit
redimensionne l’animation de façon à ce qu’elle remplisse la zone définie, sans
distorsion mais avec un rognage éventuel, tout en conservant les proportions originales de
l’animation.
rend toute l’animation visible dans la zone spécifiée sans essayer de préserver les
proportions originales. Une distorsion peut avoir lieu.
La valeur par défaut est showall si l’attribut est omis (et les valeurs de WIDTH et HEIGHT sont
exprimées en pourcentage).
440 Chapitre 20
ALIGN
Valeur
L|R|T|B
Variable de modèle : $HA
Description
Spécifie l’attribut ALIGN des balises OBJECT, EMBED et IMG, et définit l’emplacement de la fenêtre
de l’animation Flash au sein de la fenêtre du navigateur.
• L’option Par défaut centre l’animation dans la fenêtre du navigateur et rogne les bords si cette
dernière est plus petite que l’animation.
• Les options L (gauche), R (droite), T (haut ) ou B (bas) alignent les animations le long du bord
correspondant dans la fenêtre de navigation et rognent les trois autres bords selon les besoins.
SALIGN
Valeur
L | R | T | B | TL | TR | BL | BR
Variable de modèle : $SA
Description
(Facultatif ) Spécifie l’endroit où une animation Flash redimensionnée est placée à l’intérieur de la
zone définie par les paramètres WIDTH et HEIGHT. Consultez SCALE, page 440 pour plus
d’informations sur ces conditions.
• L, R, T et B alignent l’animation le long des bords gauche, droit, haut et bas, respectivement,
dans la fenêtre du navigateur et rognent les trois autres bords selon les besoins.
•
TL et TR alignent l’animation sur les angles supérieur gauche et supérieur droit, respectivement,
dans la fenêtre du navigateur et rognent les bords du bas, de droite ou de gauche selon les
besoins.
•
BL
et BR alignent l’animation sur les angles inférieur gauche et inférieur droit, respectivement,
dans la fenêtre du navigateur et rognent les bords du haut, de droite ou de gauche selon les
besoins.
L’animation est centrée dans la fenêtre du navigateur si cet attribut est omis. Certaines parties
peuvent être rognées ou des bordures peuvent apparaître sur les côtés, si nécessaire.
BASE
Valeur
répertoire ou URL de base
Description
(Facultatif ) Spécifie l’URL ou le répertoire de base utilisé pour résoudre toutes les instructions de
chemin relatif de l’animation Flash. Cet attribut est utile si vous conservez les fichiers SWF dans
un répertoire distinct de celui des autres fichiers.
Publication 441
MENU
Valeur
true
| false
Variable de modèle : $ME
Description
(Facultatif ) Spécifie le type de menu affiché lorsque l’utilisateur clique du bouton droit de la
souris (Windows) ou avec la touche Commande enfoncée (Macintosh) sur la zone de l’animation
dans le navigateur.
•
true
•
false affiche un menu ne contenant que la commande A propos de Macromedia Flash
Player 6 et l’option Paramètres.
affiche le menu complet, offrant à l’utilisateur diverses options pour améliorer ou
contrôler la lecture.
La valeur par défaut est true si l’attribut est omis.
WMODE
Valeur
Window | Opaque | Transparent
Variable de modèle : $WM
Description
(Facultatif ) Permet de bénéficier des fonctions d’animation transparente, de positionnement
absolu et de calques disponibles dans Internet Explorer 4.0. Cette balise fonctionne uniquement
sous Windows avec le contrôle Active X Flash Player.
•
•
•
Window
lit l’animation dans sa propre fenêtre rectangulaire sur une page web.
Opaque
masque tout élément de la page derrière l’animation.
rend l’arrière-plan de la page HTML visible sur toutes les parties transparentes
de l’animation et peut ralentir les performances des effets animés.
Transparent
La valeur par défaut est Window si l’attribut est omis. OBJECT uniquement.
Aperçu des paramètres et du format de publication
Vous pouvez utiliser la commande Aperçu avant publication pour afficher votre animation Flash
avec les paramètres et le format de publication que vous avez sélectionnés. Cette commande
exporte le fichier et ouvre l’aperçu dans le navigateur par défaut. Si vous affichez un aperçu d’une
animation QuickTime, la commande Aperçu avant publication lance QuickTime Movie Player.
Si vous affichez un aperçu d’une projection, Flash lance cette projection.
Pour afficher un aperçu d’un fichier avec la commande Aperçu avant publication :
1
Définissez les options d’exportation du fichier en utilisant la commande Paramètres de
publication. Pour plus d’informations, consultez Publication des documents Flash, page 414.
442 Chapitre 20
2
Choisissez Fichier > Aperçu avant publication et sélectionnez, dans le sous-menu, le format de
fichier que vous souhaitez afficher.
Flash crée, avec les valeurs courantes de Paramètres de publication, un fichier du type spécifié
au même emplacement que celui du document Flash (FLA). Le fichier demeure à cet
emplacement tant qu’il n’est pas remplacé ou supprimé.
Utilisation du lecteur autonome
Le lecteur autonome lit les animations Flash exactement comme elles apparaissent dans un
navigateur web ou dans une application hôte ActiveX. Le lecteur autonome est installé avec Flash
(et nommé Flash Player autonome sous Windows et Flash Player sur le Macintosh). Lorsque vous
double-cliquez sur un fichier Flash, le système d’exploitation démarre le lecteur autonome qui, à
son tour, lance l’animation. Vous pouvez utiliser le lecteur autonome pour permettre aux
utilisateurs ne disposant pas d’un navigateur web ou d’une application supportant les contrôles
ActiveX d’afficher vos animations.
Vous pouvez contrôler les animations dans le lecteur autonome à l’aide des commandes de menu
ou de l’action FScommand. Par exemple, pour que le lecteur autonome s’affiche sur la totalité de
l’écran, vous affectez l’action FScommand à une image ou à un bouton, puis sélectionnez la
commande Fullscreen avec le paramètre true. Pour plus d’informations, consultez Utilisation
d’actions et de méthodes pour contrôler les clips, sous Aide > Utilisation de Flash.
Vous pouvez également imprimer des images de l’animation à l’aide du menu contextuel du
lecteur autonome. Pour plus d’informations, consultez Impression depuis le menu contextuel
de Flash Player, sous Aide > Utilisation de Flash.
Pour contrôler les animations depuis le lecteur autonome, choisissez une des options suivantes :
• Ouvrez un nouveau fichier ou un fichier existant en choisissant Fichier > Nouveau ou
Fichier > Ouvrir.
• Modifiez l’affichage de l’animation en choisissant Affichage > Zoom et, dans le sous-menu,
choisissez Tout afficher, Zoom avant, Zoom arrière ou 100 %.
• Contrôlez la lecture de l’animation en choisissant Contrôle > Lire, Rembobiner ou Boucle.
Configuration d’un serveur web pour Flash
Lorsque vos fichiers sont accessibles à partir d’un serveur web, ce dernier doit les identifier
correctement comme animations Flash Player pour pouvoir les afficher. Si le type MIME est
absent ou n’est pas correctement proposé par le serveur, il se peut que le navigateur affiche des
messages d’erreur ou une fenêtre vide comportant une icône représentant une pièce de puzzle.
Votre serveur est probablement déjà correctement configuré. Pour tester la configuration du
serveur, consultez la note technique 12696 sur le centre de support de Macromedia Flash à
www.macromedia.com. Si votre serveur n’est pas correctement configuré, vous (ou votre
administrateur système) devrez ajouter les types MIME pour Flash aux fichiers de configuration
du serveur et associer les types MIME suivants aux extensions des fichiers SWF :
• Le type MIME application/x-shockwave-flash porte l’extension .swf.
• Le type MIME application/futuresplash porte l’extension .spl.
Publication 443
Si vous administrez votre propre serveur, consultez sa documentation pour obtenir les
instructions relatives à l’ajout ou à la configuration des types MIME. Si vous n’administrez pas
votre propre serveur, contactez votre fournisseur de services web, webmaster ou service
informatique et demandez que soient ajoutées les informations relatives au type MIME.
Si votre site est hébergé sur un serveur Macintosh, vous devrez également définir les paramètres
suivants : Action : Binaire ; Type : SWFL ; et Creator : SWF2.
Contrôle du trafic vers votre site web
Lors de la publication d’un contenu Flash sur le web, vous pouvez configurer le serveur web afin
de faciliter la lecture des animations Flash, à l’aide d’un script de détection permettant de
déterminer si un utilisateur dispose du module ou du contrôle ActiveX Flash Player. Ce détecteur,
Macromedia Flash Dispatcher, est inclus dans le kit de déploiement de Macromedia Flash
(SWF), dans le dossier Macromedia Flash MX/Goodies.
Le Dispatcher est une combinaison de données JavaScript, VBScript et Flash qui contrôlent le
trafic arrivant sur votre site web. Le Dispatcher détecte si le navigateur web d’un utilisateur est
équipé du module ou du contrôle ActiveX Flash Player et, le cas échéant, détermine la version.
Vous pouvez configurer le Dispatcher afin qu’il charge un document avec un contenu Flash, ou
un contenu alternatif, ou pour qu’il surveille l’installation ou la mise à jour du lecteur.
444 Chapitre 20
CHAPITRE 21
Exportation
La commande Exporter l’animation de Macromedia Flash MX vous permet de créer du contenu
pouvant être modifié dans d’autres applications et d’exporter une animation directement dans un
format unique. Par exemple, vous pouvez exporter une animation tout entière sous la forme d’un
fichier Flash, d’une série d’images bitmap, d’une seule image et sous la forme d’images animées ou
statiques dans divers formats tels que GIF, JPEG, PNG, BMP, PICT, QuickTime ou AVI.
Lorsque vous exportez une animation Flash au format Flash MX, le texte est converti au format
Unicode de façon à permettre le support de jeux de caractères étendus, tels que les polices à deux
octets. Flash Player 6 supporte également Unicode. Pour plus d’informations, consultez
L’encodage du texte au format Unicode dans les animations Flash, page 412.
Si vous possédez Macromedia Dreamweaver, vous pouvez facilement ajouter une animation Flash
à votre site web. Dreamweaver génère tout le code HTML nécessaire. Vous pouvez même
démarrer Flash depuis Dreamweaver pour mettre l’animation Flash à jour. Pour plus
d’informations, consultez Mise à jour des animations Flash pour Dreamweaver UltraDev, page 452.
Exportation d’animations et d’images
Pour préparer le contenu Flash dans le but d’une utilisation dans d’autres applications ou pour
exporter le contenu de l’animation Flash courante sous un format de fichier particulier, vous
utiliserez les commandes Exporter l’animation et Exporter l’image. Les commandes Exporter ne
stockent pas les paramètres d’exportation séparément avec chaque fichier, comme la commande
Publier. Utilisez la commande Publier pour créer tous les fichiers nécessaires à la publication
d’une animation Flash sur le web. Pour plus d’informations, consultez Publication des documents
Flash, page 414.
La commande Exporter l’animation vous permet d’exporter une animation Flash dans un format
d’images fixes et de créer un fichier d’image numéroté pour chaque image de l’animation. Vous
pouvez également utiliser Exporter l’animation pour exporter le son d’une animation dans un
fichier WAV (Windows uniquement).
Pour exporter le contenu de l’image courante ou l’image sélectionnée vers l’un des formats
d’images fixes, ou vers une animation Flash Player composée d’une seule image, vous utiliserez la
commande Exporter l’image.
• Lorsque vous exportez une image Flash en tant que fichier de graphique vectoriel (au format
Adobe Illustrator), vous conservez ses informations vectorielles. Vous pouvez manipuler ces
fichiers avec d’autres programmes graphiques vectoriels mais ne pouvez pas importer ces
images dans la plupart des programmes de traitement de texte et de PAO.
445
• Lorsque vous enregistrez une image Flash comme fichier bitmap GIF, JPEG, PICT
(Macintosh) ou BMP (Windows), l’image perd ses informations vectorielles et est enregistrée
avec les seules informations concernant les pixels. Vous pouvez manipuler les images Flash
exportées comme bitmaps avec un éditeur graphique tel que Adobe Photoshop, mais vous ne
pouvez plus les manipuler dans un programme graphique vectoriel.
Pour exporter une animation ou une image :
1
Ouvrez l’animation Flash que vous souhaitez exporter ou, dans le cas où vous exportez une
image de l’animation, sélectionnez-la dans l’animation que vous souhaitez exporter.
2
Choisissez Fichier > Exporter l’animation ou Fichier > Exporter l’image.
3
Entrez le nom du fichier de sortie.
4
Sélectionnez le format de fichier dans le menu déroulant Type.
5
Cliquez sur Enregistrer.
Si le format sélectionné nécessite plus d’informations, une boîte de dialogue Exporter apparaît.
6
Définissez les options d’exportation pour le format sélectionné. Pour plus d’informations,
consultez la section suivante.
7
Cliquez sur OK, puis sur Enregistrer.
Remarque Vous devez, avant d’exporter un fichier au format Vidéo Flash (FLV) depuis Mac OS 9.1, augmenter la
mémoire affectée à l’application à un minimum de 37 000 Ko.
A propos des formats de fichier d’exportation
Vous pouvez exporter les animations et les images Flash dans plus d’une dizaine de formats
différents, répertoriés dans le tableau ci-dessous. Les animations sont exportées sous forme de
séquences et les images sous forme de fichiers individuels. PNG est le seul format bitmap
multiplate-forme qui supporte la transparence (comme canal alpha). Certains formats
d’exportation non-bitmap ne supportent pas les effets alpha (transparence) ou les calques de
masque.
Remarque Vous pouvez exporter des clips vidéo au format FLV. Pour plus d’informations, consultez Importation
de vidéo, sous Aide > Utilisation de Flash.
Pour plus d’informations sur un format de fichier spécifique, consultez les sections suivantes.
Type de fichier
Extension
Windows
Macintosh
Adobe Illustrator, page 447
.ai
✔
✔
GIF animé, Séquence GIF et Image GIF
.gif
✔
✔
.bmp
✔
Séquence DXF et Image AutoCAD DXF
.dxf
✔
Métafichier étendu
.emf
✔
EPS (Version 6.0 ou antérieure)
.eps
✔
✔
Animation Flash
.swf
✔
✔
FutureSplash Player
.spl
✔
✔
Séquence JPEG et Image JPEG, page 449
.jpg
✔
✔
Séquence PICT (Macintosh)
.pct
Bitmap (BMP), page 448
446 Chapitre 21
✔
✔
Type de fichier
Extension
Windows
Macintosh
Séquence PNG et Image PNG, page 450
.png
✔
✔
Choix des paramètres de publication pour
les séquences QuickTime 4, page 429
.mov
✔
✔
Vidéo QuickTime (Macintosh), page 451
.mov
Audio WAV (Windows), page 451
.wav
✔
.avi
✔
.wmf
✔
Windows AVI (Windows), page 451
Métafichier Windows, page 452
✔
Adobe Illustrator
Le format Adobe Illustrator est idéal pour l’échange de dessins entre Flash et les autres
applications graphiques telles que FreeHand. Ce format supporte une conversion très précise des
informations de courbes, styles de traits et remplissages. Flash supporte l’importation et
l’exportation des formats Adobe Illustrator 88, 3.0, 5.0, 6.0 et 8.0. Pour plus d’informations,
consultez Importation de fichiers Adobe Illustrator, sous Aide > Utilisation de Flash Flash ne
supporte pas le format Photoshop EPS ni les fichiers EPS générés avec la commande Imprimer.
Les versions du format Adobe Illustrator antérieures à 5 ne supportent pas les remplissages
dégradés et seule la version 6 supporte les bitmaps.
La boîte de dialogue Exporter au format Adobe Illustrator vous permet de choisir la version
Adobe Illustrator 88, 3.0, 5.0, 6.0 ou 8.0.
Pour que les fichiers Flash exportés soient compatibles avec Adobe Illustrator 8.0 ou une version
plus récente, utilisez le module Macromedia Flashwriter pour Adobe Illustrator inclus avec Flash.
GIF animé, Séquence GIF et Image GIF
Cette option vous permet d’exporter des fichiers au format GIF. Les paramètres sont les mêmes
que ceux disponibles dans l’onglet GIF de la boîte de dialogue Paramètres de publication, avec les
exceptions suivantes :
L’option Résolution est définie en points par pouce (ppp). Vous pouvez entrer une résolution ou
cliquer sur Résolution courante de l’écran pour utiliser la résolution de l’écran.
L’option Inclure vous permet de choisir d’exporter la zone d’image minimale ou de spécifier la
taille intégrale du document.
L’option Couleurs vous permet de définir le nombre de couleurs pouvant être utilisées pour créer
l’image exportée : noir et blanc, 4, 6, 16, 32, 64, 128 ou 256 couleurs, ou Couleurs standard (la
palette standard de 216 couleurs prévue pour le web).
Vous pouvez également choisir d’entrelacer, lisser, rendre transparentes ou tramer les couleurs
unies. Pour plus d’informations sur ces options, consultez Choix des paramètres de publication pour
les fichiers GIF, page 422.
L’option Animation n’est disponible que pour le format d’exportation GIF animé et vous permet
d’entrer le nombre de répétitions, avec 0 pour une boucle infinie.
Exportation 447
Bitmap (BMP)
Ce format vous permet de créer des images bitmap pour une utilisation dans d’autres
applications. La boîte de dialogue Exporter au format bitmap contient les options suivantes :
L’option Dimensions définit la taille de l’image bitmap exportée, en pixels. Flash vérifie que la
taille que vous spécifiez possède toujours les mêmes proportions que celles de l’image originale.
L’option Résolution définit la résolution de l’image bitmap exportée en points par pouce (ppp),
Flash calculant automatiquement la largeur et la hauteur en fonction de la taille du dessin. Pour
définir la résolution afin qu’elle corresponde à celle de votre écran, activez l’option Résolution
courante de l’écran.
L’option Codage des couleurs définit le nombre de couleurs de l’image. Certaines applications
Windows ne supportant pas le codage 32 bits pour les images bitmap, utilisez l’ancien format
24 bits si vous rencontrez des problèmes en utilisant le format 32 bits.
L’option Lisser applique l’anti-aliasing au bitmap exporté. L’anti-aliasing produit une
image bitmap de qualité supérieure, mais peut provoquer un halo de pixels gris autour d’une
image placée sur un arrière-plan coloré. Désactivez cette option si un halo apparaît.
Séquence DXF et Image AutoCAD DXF
Ce format 3D vous permet d’exporter des éléments de votre animation sous la forme de fichiers
AutoCAD DXF version 10, si bien qu’ils peuvent être importés dans une application compatible
DXF pour des modifications supplémentaires.
Ce format ne possède pas d’options d’exportation définissables.
Métafichier étendu (Windows)
Le format EMF (Enhanced Metafile Format) est un format graphique disponible sous
Windows 95 et Windows NT, qui enregistre aussi bien les informations vectorielles que celles sur
les bitmaps. Le format EMF supporte mieux les courbes tracées dans Flash que l’ancien format de
métafichier Windows. Cependant, nombre d’applications ne supportent pas encore ce nouveau
format graphique.
Ce format ne possède pas d’options d’exportation définissables.
EPS 3.0 avec aperçu
Vous pouvez exporter l’image courante sous la forme d’un fichier EPS 3.0 pour l’insérer dans une
autre application (une application de PAO, par exemple). Un fichier EPS (PostScript encapsulé)
peut être imprimé par une imprimante PostScript. Vous pouvez également inclure un
aperçu bitmap dans le fichier EPS exporté pour des applications qui peuvent importer et
imprimer les fichiers EPS (telles que Microsoft Word et Adobe PageMaker), mais qui ne peuvent
pas les afficher à l’écran.
Flash n’offre pas d’options d’exportation définissables pour les fichiers EPS.
Animation Flash
Vous pouvez exporter le document tout entier en tant qu’animation Flash destinée à une autre
application, telle que Dreamweaver. Vous pouvez activer les mêmes options pour l’exportation
d’une animation Flash que pour sa publication. Pour plus d’informations, consultez Choix des
paramètres de publication pour une animation Flash, page 416.
448 Chapitre 21
FutureSplash Player
Ce format de fichier était utilisé par Flash avant son acquisition par Macromedia. Les options
d’exportation correspondent aux options des paramètres de publication de Flash. Pour plus
d’informations, consultez Choix des paramètres de publication pour une animation Flash, page 416.
Séquence JPEG et Image JPEG
Les options d’exportation JPEG correspondent aux options JPEG des paramètres de publication,
à une exception près : l’option d’exportation Résolution courante de l’écran fait correspondre
l’image exportée à la taille de l’animation telle qu’elle apparaît à l’écran. L’option de publication
Identique à l’animation donne à l’image JPEG la même taille que celle de l’animation et conserve
les proportions de l’image originale.
Pour plus d’informations, consultez Choix des paramètres de publication pour les fichiers JPEG,
page 425.
PICT (Macintosh)
PICT est le format graphique standard sur le Macintosh et peut contenir des informations bitmap
ou vectorielles. Utilisez la boîte de dialogue Exporter au format PICT pour définir les options
suivantes :
L’option Dimensions définit la taille de l’image bitmap exportée, en pixels. Flash vérifie que la
taille que vous spécifiez possède toujours les mêmes proportions que celles de l’image originale.
L’option Résolution définit la résolution en points par pouce (ppp), Flash calculant
automatiquement la largeur et la hauteur en fonction de la taille du dessin. Pour définir la
résolution afin qu’elle corresponde à celle de votre écran, activez l’option Résolution courante de
l’écran. Les images bitmap PICT ont généralement un meilleur aspect avec résolution de 72 ppp.
L’option Inclure définit la portion du document devant être exportée, soit une région minimum
soit la taille du document entier.
L’option Codage des couleurs définit si le fichier PICT est basé sur objets ou bitmaps. Les images
composées d’objets ont généralement une meilleure qualité à l’impression, le changement de taille
n’affectant pas leur aspect. Les images bitmap PICT ont normalement une meilleure qualité à
l’écran et peuvent être manipulées dans des applications comme Adobe Photoshop. Vous pouvez
également choisir divers codages de couleurs avec les fichiers bitmap PICT.
L’option Inclure Postscript n’est disponible que pour un fichier PICT basé sur objets afin
d’inclure des informations qui optimisent l’impression sur une imprimante PostScript. Ces
informations augmentent la taille du fichier et peuvent ne pas être reconnues par d’autres
applications.
L’option Lisser le bitmap n’est disponible que pour un bitmap PICT. Cette option applique
l’anti-aliasing permettant de lisser les bords d’une image bitmap.
Exportation 449
Séquence PNG et Image PNG
Ces paramètres d’exportation sont similaires aux options PNG des paramètres de publication
(Choix des paramètres de publication pour les fichiers PNG, page 426), avec les différences
suivantes :
L’option Dimensions définit la taille de l’image bitmap exportée avec le nombre de pixels défini
dans les champs Largeur et Hauteur.
L’option Résolution vous permet d’entrer une résolution en points par pouce (ppp). Pour utiliser
la résolution de l’écran et conserver les proportions de l’image originale, activez l’option
Résolution courante de l’écran.
L’option Couleurs est identique à l’option Codage binaire dans l’onglet des paramètres de
publication PNG et définit le nombre de bits par pixel à utiliser pour la création de l’image. Pour
une image 256 couleurs, choisissez 8 bits ; pour des milliers de couleurs, choisissez 24 bits ; pour
des milliers de couleurs avec transparence (32 bits), choisissez 24 bits avec alpha. Plus le codage
binaire est élevé, plus le fichier est volumineux.
L’option Inclure vous permet de choisir d’exporter la zone d’image minimale ou de spécifier la
taille intégrale du document.
L’option Filtre contient des options qui correspondent à celles de l’onglet PNG des paramètres de
publication.
Lorsque vous exportez une séquence PNG ou une image PNG, vous pouvez également appliquer
d’autres options dans les paramètres de publication PNG, telles que Entrelacer, Lisser et Tramer
les couleurs unies.
QuickTime
L’option d’exportation QuickTime crée une séquence avec une piste Flash au format
QuickTime 4. Ce format d’exportation vous permet de combiner les fonctionnalités
d’interactivité de Flash MX avec les fonctionnalités multimédia et vidéo de QuickTime en une
seule séquence QuickTime 4, pouvant être consultée par toute personne possédant le module
QuickTime 4.
Si vous avez importé un clip vidéo (dans n’importe quel format) dans une animation en tant que
fichier intégré, vous pouvez la publier en tant que séquence QuickTime. Si vous avez importé un
clip vidéo au format QuickTime dans une animation en tant que fichier lié, vous pouvez
également la publier en tant que séquence QuickTime. Pour plus d’informations, consultez
Importation de vidéo, sous Aide > Utilisation de Flash.
Lorsque vous exportez une animation Flash en tant que séquence QuickTime, tous les calques du
projet Flash sont exportés en tant qu’une seule piste, sauf si l’animation Flash contient une
séquence QuickTime. La séquence QuickTime importée reste au format QuickTime dans
l’animation exportée.
Ces options d’exportation sont identiques aux options de publication QuickTime. Pour plus
d’informations, consultez Choix des paramètres de publication pour les séquences QuickTime 4,
page 429.
450 Chapitre 21
Vidéo QuickTime (Macintosh)
Le format vidéo QuickTime convertit l’animation Flash en une séquence de bitmaps intégrés à la
piste vidéo du fichier. Le contenu Flash est exporté sous la forme d’une image bitmap sans aucune
interactivité. Ce format est utile pour modifier les animations Flash dans une application
d’édition vidéo.
La boîte de dialogue Exporter au format QuickTime contient les options suivantes :
L’option Dimensions définit la largeur et la hauteur, en pixels, des images de l’animation
QuickTime. Par défaut, vous ne pouvez spécifier que la largeur ou la hauteur, l’autre dimension
étant automatiquement définie pour conserver les proportions de l’animation originale. Pour
définir à la fois la largeur et la hauteur, désactivez l’option Conserver les proportions.
L’option Format sélectionne un codage de couleur. Les options sont : noir et blanc, couleur 4, 8,
16 ou 24 bits et couleur 32 bits avec alpha (transparence).
L’option Lisser applique l’anti-aliasing à la séquence QuickTime exportée. L’anti-aliasing produit
une image bitmap de qualité supérieure, mais peut provoquer un halo de pixels gris autour d’une
image placée sur un arrière-plan coloré. Désactivez cette option si un halo apparaît.
L’option Compresseur sélectionne un compresseur QuickTime standard. Consultez la
documentation de QuickTime pour plus d’informations.
L’option Qualité contrôle le taux de compression appliqué à l’animation. L’effet dépend du
compresseur sélectionné.
L’option Format audio définit le taux d’exportation des sons de l’animation. Un taux élevé se
traduit par des fichiers de meilleure qualité et plus volumineux. Les taux faibles permettent
d’économiser de l’espace.
Audio WAV (Windows)
L’option d’exportation WAV n’exporte que le fichier son de l’animation courante vers un seul
fichier WAV. Vous pouvez spécifier le format audio du nouveau fichier.
Sélectionnez une option de Format audio pour déterminer la fréquence d’échantillonnage, le taux
d’encodage et le paramètre mono ou stéréo du son exporté. Activez l’option Ignorer les sons
d’événement pour exclure les sons d’événement du fichier exporté.
Windows AVI (Windows)
Ce format exporte une animation sous la forme d’une vidéo Windows, mais supprime toute
interaction. Format d’animation standard sous Windows, le format AVI est un bon format pour
ouvrir une animation Flash dans une application d’édition vidéo. Le format AVI étant composé
de bitmaps, les animations longues ou à haute résolution risquent de devenir rapidement très
volumineuses.
La boîte de dialogue Exporter au format Windows AVI possède les options suivantes :
L’option Dimensions spécifie la largeur et la hauteur, en pixels, des images de l’animation AVI.
Ne spécifiez que la largeur ou la hauteur, l’autre dimension étant automatiquement définie pour
conserver les proportions de l’animation originale. Désactivez l’option Conserver les proportions
pour définir à la fois la largeur et la hauteur.
L’option Format vidéo sélectionne un codage de couleur. Nombre d’applications ne supportent
pas encore le format d’image 32 bits de Windows. En cas de problème avec ce format, utilisez
l’ancien format 24 bits.
Exportation 451
L’option Compresser la vidéo affiche une boîte de dialogue permettant de choisir les options de
compression AVI standard.
L’option Lisser applique l’anti-aliasing à l’animation AVI exportée. L’anti-aliasing produit une
image bitmap de qualité supérieure, mais peut provoquer un halo de pixels gris autour d’une
image placée sur un arrière-plan coloré. Désactivez cette option si un halo apparaît.
L’option Format audio vous permet de définir la fréquence d’échantillonnage et la taille de la piste
sonore et son exportation en mono ou en stéréo. Plus la taille et la fréquence d’échantillonnage
sont réduites, moins le fichier est volumineux, un compromis étant possible pour la qualité du
son. Pour plus d’informations sur l’exportation de son au format AVI, consultez Compression des
sons pour l’exportation, sous Aide > Utilisation de Flash.
Métafichier Windows
Le format Métafichier Windows est le format graphique standard de Windows et est supporté par
la plupart des applications Windows. Ce format donne de bons résultats pour l’importation et
l’exportation de fichiers. Il ne possède aucune option d’exportation définissable. Pour plus
d’informations, consultez Métafichier étendu (Windows), page 448.
Mise à jour des animations Flash pour Dreamweaver UltraDev
Si Dreamweaver UltraDev est installé sur votre système, vous pouvez directement exporter vos
fichiers Flash dans un site Dreamweaver UltraDev. Pour plus d’informations sur l’utilisation de
Macromedia Dreamweaver UltraDev, consultez la documentation de ce logiciel.
Dreamweaver UltraDev vous permet d’ajouter l’animation Flash à votre page. Un seul clic vous
permet de mettre à jour le document Flash (FLA) pour exporter l’animation Flash et réexporter
l’animation mise à jour vers UltraDev, et ce automatiquement.
Pour mettre une animation Flash à jour pour Dreamweaver UltraDev :
1
Dans Dreamweaver UltraDev, ouvrez la page HTML contenant l’animation Flash.
2
Effectuez l’une des opérations suivantes :
• Sélectionnez l’animation Flash et cliquez sur Modifier dans l’inspecteur des propriétés.
• En mode Création, appuyez sur Ctrl (Windows) ou Commande (Macintosh) et doublecliquez sur l’animation Flash.
• En mode Création, cliquez du bouton droit (Windows) ou en appuyant sur la touche Contrôle
(Macintosh) sur l’animation Flash et choisissez Modifier avec Flash dans le menu contextuel.
• Dans la fenêtre Site, cliquez du bouton droit (Windows) ou en appuyant sur la touche
Contrôle (Macintosh) sur l’animation Flash en mode Création et choisissez Ouvrir avec
Flash MX dans le menu contextuel.
L’application Flash est démarrée sur votre système.
3
Si le document Flash (FLA) pour l’animation exportée ne s’ouvre pas, une boîte de dialogue
vous permettant de rechercher le fichier s’ouvre. Naviguez jusqu’au fichier FLA dans la boîte
de dialogue et cliquez sur Ouvrir.
4
Un avertissement apparaît si l’utilisateur a utilisé la commande de modification des liens sur
tout le site de Dreamweaver UltraDev. Cliquez sur OK pour appliquer les changements de
liens à l’animation Flash. Désactivez l’option d’affichage d’avertissement pour empêcher
l’apparition du message d’avertissement à la mise à jour de l’animation Flash.
452 Chapitre 21
5
Effectuez la mise à jour du document Flash (FLA) dans Flash.
6
Pour enregistrer le document Flash (FLA) et le réexporter vers Dreamweaver, effectuez l’une
des opérations suivantes :
• Pour mettre le fichier à jour et fermer Flash, cliquez sur le bouton Terminé, dans le coin
supérieur gauche de la scène.
• Pour mettre le fichier à jour et garder Flash ouvert, choisissez > Mettre à jour dans
Dreamweaver.
Exportation 453
454 Chapitre 21
ANNEXE A
Raccourcis clavier
Les sections suivantes contiennent des tableaux indiquant les raccourcis clavier utilisables dans
Macromedia Flash MX.
Touches de navigation
Le tableau suivant présente les raccourcis clavier pour la navigation dans Flash MX.
Description
Mac
Windows
Déplacement d’un mot à gauche
Option+Flèche gauche
Contrôle+Flèche gauche
Déplacement d’un mot à droite
Option+Flèche droite
Contrôle+Flèche droite
Passage au début de la ligne
Commande+Flèche gauche
Origine
Passage à la fin de la ligne
Commande+Flèche droite
Fin
Passage au début de la page
Option+Flèche vers le haut
Pg. Préc.
Passage au bas de la page
Option+Flèche vers le bas
Pg. Suiv.
Passage au début du fichier
Commande+Origine
Contrôle+Origine
Passage au bas du fichier
Commande+Fin
Contrôle+Fin
Sélection du mot de gauche
Maj+Option+Flèche gauche
Maj+Contrôle+Flèche gauche
Sélection du mot de droite
Maj+Option+Flèche droite
Maj+Contrôle+Flèche droite
Sélection jusqu’au début de la ligne
Maj+Commande+Flèche
gauche
Maj+Origine
Sélection jusqu’à la fin de la ligne
Maj+Commande+Flèche droite
Maj+Fin
Sélection jusqu’au début de la page
Maj+Option+Flèche vers le haut Maj+Pg. Préc.
Sélection jusqu’à la fin de la page
Maj+Option+Flèche vers le bas
Sélection jusqu’au début du fichier
Maj+Commande+Flèche vers le Maj+Contrôle+Origine
haut
Maj+Pg. Suiv.
Sélection jusqu’à la fin du fichier
Maj+Commande+Flèche vers le Maj+Contrôle+Fin
bas
Défilement des lignes vers le haut
Contrôle+Flèche vers le haut
sans objet
Défilement des lignes vers le bas
Contrôle+Flèche vers le bas
sans objet
Défilement des pages vers le haut
Pg. Préc.
sans objet
Défilement des pages vers le bas
Pg. Suiv.
sans objet
Défilement jusqu’au début du fichier
Origine
sans objet
Défilement jusqu’à la fin du fichier
Fin
sans objet
Raccourcis clavier 455
Touches d’action
Le tableau suivant présente les raccourcis clavier pour l’exécution d’actions spécifiques dans
Flash MX.
Description
Mac
Windows
Equilibrage de la ponctuation
Commande+’
Contrôle+’
Tab de bloc vers la gauche
Commande+[
Maj+Tab
Tab de bloc vers la droite
Commande+]
Tab
Rechercher l’élément suivant
F3
F3
Remplacer
Commande+H
Contrôle+H
Passer à une ligne
Commande+G
Contrôle+G
Définir un point d’arrêt
Commande+Maj+B
Contrôle+Maj+B
Supprimer le point d’arrêt
Commande+Maj+B
Contrôle+Maj+B
Supprimer tous les points d’arrêt
Commande+Maj+A
Contrôle+Maj+A
Actions de souris
Le tableau suivant présente les raccourcis clavier utilisés avec la souris pour l’exécution d’actions
spécifiques dans Flash MX.
Description
Mac
Windows
Sélection de ligne
Triple-clic
Clic dans la gouttière
Menu contextuel
Contrôle-clic
Clic du bouton droit
Menus et commandes
Le tableau suivant présente les raccourcis clavier utilisés avec les menus contextuels pour
l’exécution d’actions spécifiques dans Flash MX.
Description
Emplacement
Mac
Windows
Annuler
Menu contextuel
Commande+Z
Contrôle+Z
Rétablir
Menu contextuel
Commande+Y
Contrôle+Y
Couper
Menu contextuel
Commande+X
Contrôle+X
Copier
Menu contextuel
Commande+C
Contrôle+C
Coller
Menu contextuel
Commande+V
Contrôle+V
Tout sélectionner
Menu contextuel
Commande+A
Contrôle+A
Définir un point d’arrêt
Menu contextuel
Commande+Maj+B
Contrôle+Maj+B
Supprimer le point d’arrêt
Menu contextuel
Commande+Maj+B
Contrôle+Maj+B
Supprimer tous les points
d’arrêt
Menu contextuel
Commande+Maj+A
Contrôle+Maj+A
456 Annexe A
ANNEXE B
Priorité et associativité des opérateurs
Ce tableau répertorie l’ensemble des opérateurs ActionScript et leur associativité, et classe leur
priorité de la plus élevée à la moins élevée.
Opérateur
Description
Associativité
Priorité la plus élevée
+
Unaire plus
Droite à gauche
-
Unaire moins
Droite à gauche
~
Complément au niveau du bit
Droite à gauche
!
NOT logique
Droite à gauche
not
NOT logique (style Flash 4)
Droite à gauche
++
Post-incrémentation
Gauche à droite
--
Post-décrémentation
Gauche à droite
()
Appel de fonction
Gauche à droite
[]
Elément de tableau
Gauche à droite
.
Membre de structure
Gauche à droite
++
Pré-incrémentation
Droite à gauche
--
Pré-décrémentation
Droite à gauche
new
Affectation d’objet
Droite à gauche
delete
Désaffectation d’objet
Droite à gauche
typeof
Type d’objet
Droite à gauche
void
Renvoie une valeur non définie
Droite à gauche
*
Multiplier
Gauche à droite
/
Diviser
Gauche à droite
%
Modulo
Gauche à droite
+
Additionner
Gauche à droite
add
Concaténation de chaîne (auparavant &)
Gauche à droite
-
Soustraire
Gauche à droite
<<
Décalage gauche au niveau du bit
Gauche à droite
>>
Décalage droit au niveau du bit
Gauche à droite
457
Opérateur
Description
Associativité
>>>
Décalage droit au niveau du bit (non signé)
Gauche à droite
<
Inférieur à
Gauche à droite
<=
Inférieur ou égal à
Gauche à droite
>
Supérieur à
Gauche à droite
>=
Supérieur ou égal à
Gauche à droite
lt
Inférieur à (version chaîne)
Gauche à droite
le
Inférieur ou égal à (version chaîne)
Gauche à droite
gt
Supérieur à (version chaîne)
Gauche à droite
ge
Supérieur ou égal à (version chaîne)
Gauche à droite
==
Egal
Gauche à droite
!=
Différent
Gauche à droite
eq
Egal (version chaîne)
Gauche à droite
ne
Différent (version chaîne)
Gauche à droite
&
AND au niveau du bit
Gauche à droite
^
XOR au niveau du bit
Gauche à droite
|
OR au niveau du bit
Gauche à droite
&&
AND logique
Gauche à droite
and
AND logique (Flash 4)
Gauche à droite
||
OR logique
Gauche à droite
or
OR logique (Flash 4)
Gauche à droite
?:
Conditionnel
Droite à gauche
=
Affectation
Droite à gauche
*=, /=, %=, +=, -=, &=, |=,
^=, <<=, >>=, >>>=
Affectation de composant
Droite à gauche
,
Evaluation multiple
Gauche à droite
Priorité la moins élevée
458 Annexe B
ANNEXE C
Touches du clavier et
valeurs de code correspondantes
Les tableaux suivants répertorient toutes les touches d’un clavier standard et les valeurs de code
ASCII correspondantes utilisées pour identifier les touches dans ActionScript. Pour plus
d’informations, consultez la description de l’objet Key dans le dictionnaire ActionScript (via le
menu Aide).
Lettres A à Z et chiffres (clavier standard) de 0 à 9
Le tableau suivant répertorie toutes les touches d’un clavier standard pour les lettres de A à Z et les
chiffres de 0 à 9, avec les valeurs de code ASCII correspondantes utilisées pour identifier les
touches dans ActionScript.
Touche alphabétique ou
numérique
Code de touche
A
65
B
66
C
67
D
68
E
69
F
70
G
71
H
72
I
73
J
74
K
75
L
76
M
77
N
78
O
79
P
80
Q
81
R
82
459
Touche alphabétique ou
numérique
Code de touche
S
83
T
84
U
85
V
86
W
87
X
88
Y
89
Z
90
0
48
1
49
2
50
3
51
4
52
5
53
6
54
7
55
8
56
9
57
Touches du clavier numérique
Le tableau suivant répertorie toutes les touches d’un clavier numérique, avec les valeurs de code
ASCII correspondantes utilisées pour identifier les touches dans ActionScript.
Touche du clavier
numérique
Code de touche
0 (clavier numérique)
96
1 (clavier numérique)
97
2 (clavier numérique)
98
3 (clavier numérique)
99
4 (clavier numérique)
100
5 (clavier numérique)
101
6 (clavier numérique)
102
7 (clavier numérique)
103
8 (clavier numérique)
104
9 (clavier numérique)
105
Multiplier
106
Additionner
107
460 Annexe C
Touche du clavier
numérique
Code de touche
Entrée
108
Soustraire
109
Décimal
110
Diviser
111
Touches de fonction
Le tableau suivant répertorie les touches de fonction d’un clavier standard, avec les valeurs de code
ASCII correspondantes utilisées pour identifier les touches dans ActionScript.
Touche de fonction
Code de touche
F1
112
F2
113
F3
114
F4
115
F5
116
F6
117
F7
118
F8
119
F9
120
F10
121
F11
122
F12
123
F13
124
F14
125
F15
126
Touches du clavier et valeurs de code correspondantes 461
Autres touches
Le tableau suivant répertorie toutes les touches (autres que lettres et chiffres) d’un clavier
standard, avec les valeurs de code ASCII correspondantes utilisées pour identifier les touches dans
ActionScript.
Touche
Code de touche
Retour arrière
8
Tab
9
Effacer
12
Entrée
13
Maj
16
Contrôle
17
Alt
18
Verr Maj
20
Echap
27
Espace
32
Pg. Préc.
33
Pg. Suiv.
34
Fin
35
Origine
36
Fléche gauche
37
Flèche vers le haut
38
Flèche droite
39
Flèche vers le bas
40
Insertion
45
Suppr
46
Aide
47
Verr num
144
;:
186
=+
187
-_
189
/?
191
`~
192
[{
219
\|
220
]}
221
‘‘ ‘
222
462 Annexe C
ANNEXE D
Messages d’erreur
Le tableau suivant présente une liste de messages d’erreur renvoyés par le compilateur Flash.
Chaque message est accompagné d’une explication permettant de résoudre les problèmes liés aux
fichiers d’animation.
Message d’erreur
Description
La propriété <propriété> n’existe pas
Une propriété inexistante a été rencontrée. Par exemple, x =
_green n’est pas valide, car la propriété _green n’existe pas.
L’opérateur <opérateur> doit être suivi par un
opérande
Un opérateur sans opérande a été rencontré. Par exemple, x = 1
+ requiert un opérande après l’opérateur +.
Erreur de syntaxe
Ce message est émis à chaque fois que le système détecte une
erreur de syntaxe non spécifique.
Un nom de champ est attendu après
l’opérateur '.'.
Vous devez spécifier un nom de champ valide avec la syntaxe
objet.champ.
<symbole> attendu
Un symbole non valide ou inattendu a été rencontré. Par exemple,
dans la syntaxe ci-dessous, le symbole truc n’est pas valide. Le
symbole attendu est while.
do {
trace (i)
} truc (i < 100)
La liste d’initialisateur doit être terminée par
<terminaison>
Le crochet ou l’accolade de fermeture n’apparaît pas dans une
liste d’initialiseurs d’objet ou de tableau.
Identifiant attendu
Un symbole inattendu a été rencontré à la place d’un identificateur.
Dans l’exemple ci-dessous, 3 n’est pas un identificateur valide.
var 3 = 4;
L’élément JavaScript '<construction>' n’est pas Une construction JavaScript non supportée par ActionScript a été
accepté
rencontrée. Ce message apparaît si l’une des constructions
JavaScript suivantes est utilisée : void, try, catch ou throw.
La partie gauche de l’opérateur d’affectation
doit être une variable ou une propriété
Un opérateur d’affectation a été utilisé, mais la variable ou la
propriété située à sa gauche n’était pas valide.
Le bloc d’instruction doit être terminé par '}'
Un groupe d’instructions a été déclaré entre accolades, mais
l’accolade de fermeture est absente.
Evénement attendu
Un gestionnaire on(MouseEvent) a été déclaré, mais aucun
événement n’a été spécifié ou le système a détecté un symbole
inattendu à la place d’un événement.
Evénement souris spécifié non valide
Le script contient un événement de souris non valide dans un
gestionnaire. Vous trouverez une liste d’événements de souris et
de clip valides dans l’entrée On(MouseEvent) du dictionnaire
ActionScript.
463
Message d’erreur
Description
Identifiant de code-clé attendu
Vous devez spécifier un code de touche. L’annexe B contient une
liste des codes de touches.
Code virtuel de touche non valide
Le code de touche spécifié n’existe pas.
Caractères de fin non valides
Le script ou l’expression a été analysé correctement, mais les
caractères de fin supplémentaires n’ont pas pu être analysés
Nom de fonction attendu
Le nom spécifié pour cette fonction n’est pas un nom de fonction
valide.
Nom de paramètre attendu
Un nom de paramètre (argument) était attendu dans une
déclaration de fonction, mais un symbole inattendu a été
rencontré.
'else' rencontré sans 'if' correspondant
Une instruction else a été rencontrée, mais sans l’instruction if
qui doit la précéder. Vous ne pouvez utiliser l’instruction else
qu’avec une instruction if.
Le nom de séquence doit être une chaîne
entre guillemets
L’argument de séquence d’une action gotoAndPlay,
gotoAndStop ou ifFrameLoaded était de type erroné.
L’argument de séquence doit être une constante de chaîne.
Erreur interne
Une erreur interne s’est produite dans le compilateur ActionScript.
Veuillez envoyer le fichier FLA qui a produit cette erreur à
Macromedia, avec des instructions détaillées permettant de
reproduire le message.
Des chiffres en hexadécimal sont attendus
après 0x
La séquence 0x a été rencontrée, mais n’était pas suivie de
chiffres hexadécimaux valides.
Erreur à l’ouverture du fichier inclus 'fichier' :
fichier introuvable
Une erreur s’est produite lors de l’ouverture d’un fichier inclus dans
la directive include. Le fichier était absent.
Directive #include mal formulée
Une directive include n’a pas été correctement rédigée. Une
directive include doit avoir la syntaxe suivante :
#include "unFichier.as"
Le commentaire multiligne n’est pas terminé
Un commentaire multilignes commençant par /* n’a pas de balise
*/ de fermeture.
La chaîne littérale n’est pas correctement
terminée
Un littéral de chaîne commence par un guillemet droit ouvrant
(simple ou double), mais le guillemet de fermeture est absent.
Nombre de paramètres incorrect. <fonction>
nécessite un nombre de paramètres compris
entre <min> et <max>
Une fonction a été appelée, mais un nombre inattendu de
paramètres a été rencontré.
Nom de propriété attendu dans GetProperty
La fonction getProperty a été appelée, mais le deuxième
paramètre n’était pas le nom d’une propriété de clip.
Le paramètre <paramètre> ne peut pas être
déclaré plusieurs fois
Un nom de paramètre est apparu plusieurs fois dans la liste des
paramètres d’une déclaration de fonction. Tous les noms de
paramètres doivent être uniques.
La variable <variable> ne peut pas être déclarée Un nom de variable est apparu plusieurs fois dans une instruction
plusieurs fois
var. Tous les noms de variables dans une seule instruction var
doivent être uniques.
Les gestionnaires 'on' ne peuvent pas être
imbriqués dans d’autres gestionnaires 'on'
Un gestionnaire on a été déclaré à l’intérieur d’un autre
gestionnaire on. Tous les gestionnaires on doivent apparaître dans
le niveau supérieur d’une liste d’actions.
Un gestionnaire onClipEvent a été déclaré à l’intérieur d’un autre
Les gestionnaires 'onClipEvent' ne peuvent
pas être imbriqués dans d’autres gestionnaires gestionnaire onClipEvent. Tous les gestionnaires onClipEvent
doivent apparaître dans le niveau supérieur d’une liste d’actions.
'onClipEvent'
464 Annexe D
Message d’erreur
Description
L’instruction doit apparaître dans le
gestionnaire 'on'
(le message apparaît pour le format Flash 5)
Dans les actions d’occurrences de bouton, une instruction a été
déclarée sans être encadrée par un bloc on. Toutes les actions
d’occurrences de bouton doivent apparaître à l’intérieur d’un bloc
on.
L’instruction doit apparaître dans le
gestionnaire 'onClipEvent' (le message
apparaît pour le format Flash 5)
Dans les actions d’occurrences de clip, une instruction a été
déclarée sans être encadrée par un bloc onClipEvent. Toutes les
actions d’occurrences de clip doivent apparaître à l’intérieur d’un
bloc onClipEvent.
L’instruction doit apparaître dans le
Dans les actions d’occurrences de clip, une instruction a été
gestionnaire 'on' ou 'onClipEvent'
déclarée sans être encadrée par un bloc on ou onClipEvent.
(le message apparaît pour le format Flash MX) Toutes les actions d’occurrences de clip doivent apparaître à
l’intérieur d’un bloc on ou onClipEvent.
Les événements souris ne sont autorisés que
pour les occurrences bouton (le message
apparaît pour le format Flash 5)
Un gestionnaire d’événement de bouton a été déclaré dans une
liste d’actions d’image ou une liste d’actions d’occurrence de clip.
Les événements de bouton ne sont autorisés que dans les listes
d’actions des occurrences de bouton.
Les événements de clip ne sont autorisés que Un gestionnaire d’événement de clip a été déclaré dans une liste
pour les occurrences de clip
d’actions d’image ou une liste d’actions d’occurrence de bouton.
Les événements de clip ne sont autorisés que dans les listes
d’actions des occurrences de clip.
Déclaration de fonction interdite ici
Il est impossible d’utiliser une fonction nommée lors de sa
déclaration dans une affectation.
Dupliqué dans la liste d’événement
Un gestionnaire on a été spécifié avec un événement en doublon.
Evénement de clip spécifié invalide
Un gestionnaire onClipEvent ne peut accepter que des
événements load, enterForm, unload, mouseMove, mouseDown,
mouseUp, keyDown, keyUp ou data.
L’identifiant <identifiant> non-sensible à la
hauteur de casse va masquer l’objet intégré
<objet>
Les instructions ActionScript devant être spécifiées en faisant
attention à la hauteur de casse, un identifiant ne respectant pas la
hauteur de casse obscurcirait un objet intégré.
Les instructions 'case' ne peuvent être
utilisées que dans une instruction 'switch'
Les instructions conditionnelles doivent être utilisées dans des
instructions switch.
Les instructions 'case' doivent se terminer par Chaque instruction conditionnelle d’une instruction switch doit se
un ':'
terminer par une virgule.
Messages d’erreur 465
466 Annexe D
INDEX
A
Abaissé, état de bouton 173
absolu
chemin 303
chemin cible 280
Accélération, option
forme, interpolation 202
mouvement, interpolation 198, 199
accès
méthodes 266
objets, propriétés 256
Accessibilité
bouton de l’inspecteur des propriétés 386, 387
panneau 386, 387
accessibilité
animation et 389
clavier, navigation 391
configurations supportées 385
conseils de création 390
définition pour les animations Flash 388
désactivation des étiquettes de boutons et champs
de texte 388
désactivation pour certains objets 387
descriptions pour les objets accessibles 388
étiquettes automatiques pour les boutons et les
champs de saisie de texte 389
étiquettes de boutons et champs de texte 386
Flash Player et 385
Flash, composants et 390
nom des animations Flash 386
nom des objets de texte statique et dynamique 386
noms des boutons et champs de texte 386
occurrences, nom 385
opaque/transparent sans fenêtre, modes et
accessibilité 385
page web Accessibilité de Macromedia Flash 383
pour le texte statique 385
pour les enfants d’un clip 388
raccourcis clavier, conventions 387
tabulation personnalisé,
pour les objets accessibles 389
technologie de lecture d’écran 384
test des animations 391
titres et descriptions pour les animations Flash 389
accrochage
à la grille 23
aux guides 23
aux objets 83
aux pixels 83
tolérance pour les objets 84
Accrocher aux objets, commande 83
Accrocher aux pixels, commande 84
Accrocher, option d’interpolation
de mouvement 198, 199
actifs 53
actions 236
actions d’image 224
affectation aux images 224
asynchrone 359
avec chemins cibles 257
cible des clips 285
exportation 220
impression 216
interactivité 299
lecture en boucle 259
liste 257
nouvelles fonctions 229
raccourcis clavier 214
répétition 258
sélection 214
suppression 214
test 227
trace 410
tri 214
actions d’image
activation 45
467
affectation 224
affectation aux images-clés 224
placement 225
actions de bouton, activation 45
Actions, boîte à outils 212
affectation d’actions avec 226, 228
affichage des descriptions dans 214
ajout d’une action avec 214, 216
catégories de 213
redimensionnement 215
Actions, panneau 57, 211
Actions, boîte à outils 213
affichage 211
catégories 213
Expert, mode 216
informations sur l’occurrence 183
Normal, mode 213
passage entre modes d’édition 219
Script,panneau 213
ActionScript
et fonctions de Flash 4 229
importation 220
programmation 230
Référence, panneau 16
Support de JavaScript 229
syntaxe 241
utilisation avec un éditeur de texte 216
Activer l’aperçu en direct, commande 327
Activer les boutons simples, commande 175
ActiveX, contrôles 371, 412
Adaptative
palette de couleurs ajustée pour le web 424
Adaptive
palette de couleurs 424
Adobe Illustrator, fichiers
exportation 447
importation 108
Adobe Photoshop, fichiers
exportation 446
importation 105
Adoucir les bords de remplissage, commande 82
ADPCM, option de compression audio 131
affectation, opérateurs
à propos de 254
composée 255
affichage des images
bouton 34
menu 34
affichage, accélération 48
Afficher des curseurs précis, préférence 72
468 Index
Afficher l’aperçu de l’outil Plume, préférence 72
Afficher la bordure autour du texte, option de texte
dynamique 160
Afficher la grille, commande 22, 23
Afficher le train de lecture, commande 395
Afficher les guides, commande 22, 23
Afficher les info-bulles, préférence 26
Afficher les messages d’avertissement, option 421
Afficher les points pleins, préférence 72
Afficher les repères de formes, commande 204
Afficher les touches de raccourci d’échappement,
commande 214
Afficher une image, commande 22
Aide de Flash 14
Dictionnaire ActionScript 14
recherche 15
Utilisation de Flash 14
aide en ligne 14
AIFF, importation de sons 123
ajout de notes dans ActionScript 243
Ajouter les repères de formes, commande 204
ALIGN, paramètre 441
publication, paramètres 421
alignement
blocs de texte 158
caractères de texte 157
objets 149, 150
alignement d’images entre images 206
Aligner, panneau 149, 150
alpha, effet 180
propriétés des occurrences 180
transparence partielle 423
ancres nommées 37
Animation
commande 24
option d’impression 379
animation 20, 191
accessibilité et 389
affichage d’images sous forme de contours de papier
pelure 207
cadence 194
conversion en symbole de clip 171
création d’images-clés dans 193
déplacement d’un élément de la bibliothèque vers
une image-clé 206
déplacement d’une animation tout entière 208
extension des images d’arrière-plan sur plusieurs
images 194
graphiques, comparés aux clips 182
image par image 204
images dans le scénario 193
images fixes 194
insertion d’images 205
interpolation 192
interpolation d’occurrences 196
interpolation de blocs de texte 196
interpolation de formes 201
interpolation de groupes 196
inversion de l’ordre 206
liaison de calques à une trajectoire
de mouvement 201
manipulation des images dans le scénario 205
modification de plusieurs images 207
modification ou suppression d’images dans le
scénario 205
papier pelure 206
suppression des liens des calques d’une trajectoire de
mouvement 201
symboles et 246
trajectoire de mouvement pour 200
animations
alignement 421
aperçu 44
arrêt et démarrage 301
chargement 287
configuration pour le type MIME 50
contrôle dans Flash Player 371
couleur d’arrière-plan 25
déplacement vers une image ou une scène 300
données chargées et sécurité 358
images, ordre de chargement 417
impression (fichiers FLA) 51
impression d’images 380
imprimables 373
lecture de toutes les scènes 45
lecture en boucle 45
maintien de la taille d’origine 369
optimisation 393
placement sur une page web 302
purge 287
redimensionnement dans Flash Player 369
remplacement par une animation chargée 287
rognage 421
test 44, 45
test dans un navigateur 45, 397
transfert d’informations entre 358
animations, chargées
contrôle 283
identification 258
retrait 287
animés, fichiers GIF
exportation 447
importation 104
publication 422
annulation de transformations 148
Annuler, bouton du panneau Transformer 149
Antialias, commande 49
anti-aliasing
bitmaps 49
formes 49
GIF exporté 423
objets du presse-papiers 141
PNG exporté 427
texte 49
aperçu
avec la commande Aperçu avant publication 442
vignettes 34
Aperçu avant impression, commande 51
Aperçu avant publication, commande 442
appel, méthodes 246
applications, développement 20
Arrêt, option audio 126
ASCII, valeurs 307
association
clips 289
sons 315
associativité, opérateurs 252
asynchrones, actions 359
attachMovie, méthode 285
attachMovieClip, méthode 289, 290
attachSound, méthode 314
attributs des images 36
attributs du document 28
AutoCAD DXF
image 448
importation des fichiers 109
autonome, Flash Player 443
avertissement, préférences 27
AVI, exportation des fichiers 451
B
Baguette magique, modificateur de l’outil Lasso 113
balance (audio), contrôle 317
bande passante 395
barre oblique, syntaxe 273
BASE, paramètre 441
BGCOLOR, paramètre 440
bibliothèque
composants dans 324
copie d’éléments entre animations 185
Index 469
résolution des conflits entre entre éléments 189
sons dans 124
Bibliothèque, commande 61
Bibliothèque, panneau 57, 60
affichage étendu 61
affichage réduit 61
changement du nom des éléments de 63
colonnes du 61
manipulation des éléments de 63
mise à jour des fichiers importés de 64
ouverture 61
recherche d’éléments inutilisés dans 64
redimensionnement 61
suppression d’éléments de 64
tri des éléments 63
utilisation de dossiers dans 62
bibliothèques
communes 65
création de bibliothèques permanentes 65
incluses dans Flash 65
ouvrir d’autres fichiers Flash 61
partagées 186
Bibliothèques communes, sous-menu 65
bibliothèques partagées 186
ajout de sons 127
polices, symboles de 160
bit, opérateurs au niveau du 254
Bitmaps dans le presse-papiers, préférence (Windows
uniquement) 27
blocs de texte
apparence 153
sélection 136, 161
BMP, fichiers
exportation 448
importation 104
boîte à outils 58
affichage 59
Couleur de trait et Couleur de remplissage,
contrôles 88
boîte de message, affichage 370
booléennes, valeurs
à propos de 245
comparaison 253
Boucle, option
à propos de 182
des sons 126
boutons
Abaissé, état 173
activation 45
activation et désactivation 175
470 Index
ajout de sons 126
Cliqué, état 173
création 173
désactivation des étiquettes accessibles 388
descriptions accessibles 388
Dessus, état 173
étiquettes accessibles 386
Haut, état 173
images, états 173
modification et tests 175
nom pour l’accessibilité 386
sélection de boutons activés 175
survol discontinu 175
symboles 168
test 175
Brut, option de compression audio 132
C
cadence
animation 194
définition 28
Cadence, option 25
Calque, commande 38
calques 38
affichage 39
affichage sous forme de contours 39
ajout d’un dossier 39
calques de guide 44
changement de l’ordre 43
changement de la couleur de contour 40
changement de la hauteur 40
changement du nom 41
changement du nombre de calques affichés 41
copie 42
création 38
dissociation des calques masqués 210
guidés 201
Insérer un calque, bouton 38
masquage d’autres calques 210
masque 208
modification 41
organisation 43
sélection 41
sélection de tout sur 137
sons 125
suppression 42
verrouillage 42
calques, dossiers 38
changement de l’ordre 43
changement du nom 41
copie du contenu 42
création 38
modification 41
organisation 43
suppression 42
verrouillage 42
Canal droit, option audio 125
Canal gauche, option audio 125
capture, pressions sur les touches 307
caractères
position 157
séquences 244
spéciaux 245
caractères. Voir aussi texte
caractéristiques des objets ActionScript 231">