Utilisation d’ActionScript avec Animate

Le langage de script ActionScript® vous permet d’ajouter à votre application des interactivités complexes, des contrôles de lecture et l’affichage de données. Vous pouvez ajouter des instructions ActionScript dans l’environnement de création à l’aide du panneau Actions, de la fenêtre Script ou d’un éditeur externe.

ActionScript suit ses propres règles de syntaxe, ses mots-clés réservés et vous permet d’utiliser des variables pour stocker et recouvrer des informations. ActionScript comprend une bibliothèque volumineuse de classes intégrées qui vous permettent de créer des objets pour exécuter des tâches nombreuses très pratiques. Pour plus d’informations sur ActionScript, voir les titres suivants :

• Formation à ActionScript 3.0 à l’adresse www.adobe.com/go/learn_flcs5_learnas3_fr

• Formation à ActionScript 2.0 dans Adobe Animate à l’adresse www.adobe.com/go/learn_cs5_learningas2_fr

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.

ActionScript et JavaScript sont tous les deux basés sur la norme ECMA-262, norme internationale pour le langage de programmation ECMAscript. C’est pourquoi les développeurs expérimentés en JavaScript se familiarisent très rapidement avec ActionScript. Pour plus d’informations sur ECMAScript, reportez-vous au site ecma-international.org.

Quelle version d’ActionScript pouvez-vous utiliser ?

Pour satisfaire les besoins de plusieurs catégories de développeurs et les caractéristiques des matériels de lecture, Animate comprend plusieurs versions d’ActionScript. ActionScript 3.0 et 2.0 ne sont pas mutuellement compatibles.

• ActionScript 3.0 s’exécute très rapidement. Cette version exige plus d’expérience en matière de programmation orientée objets que les autres versions d’ActionScript. La version ActionScript 3.0 est entièrement compatible avec les spécifications ECMAScript. Cette version offre un meilleur traitement du langage XML, un modèle d’événement amélioré et une architecture perfectionnée pour utiliser les éléments à l’écran. Les fichiers FLA utilisés par ActionScript 3.0 ne peuvent pas inclure des versions antérieures d’ActionScript.

• (Abandonné dans Animate  uniquement) Il est plus facile d’apprendre à utiliser ActionScript 2.0 qu’ActionScript 3.0. Bien que Flash Player exécute plus lentement le code ActionScript 2.0 compilé que le code ActionScript 3.0 compilé, ActionScript 2.0 reste utile pour plusieurs types de projets. ActionScript 2.0 est aussi utile pour les projets qui ne nécessitent pas de calculs intensifs, par exemple, un contenu plus orienté sur l’aspect graphique. ActionScript 2.0 est aussi basé sur les spécifications ECMAScript, mais n’est pas entièrement compatible avec cette norme.

• (Abandonné dans Animate) ActionScript 1.0 est la version la plus simple. Elle est toujours utilisée par certaines versions d’Adobe Flash Lite Player. ActionScript 1.0 et 2.0 peuvent cohabiter dans le même fichier FLA.

• (Abandonné dans Animate ) ActionScript Flash Lite 2.x est un sous-ensemble d’ActionScript 2.0 qui est pris en charge par Flash Lite 2.x et qui s’exécute sur les appareils et téléphones mobiles.

• (Abandonné dans Animate ) ActionScript Flash Lite 1.x est un sous-ensemble d’ActionScript 1.0 qui est pris en charge par Flash Lite 1.x et qui s’exécute sur les appareils et téléphones mobiles.

Utilisation de la documentation d’ActionScript

Comme il existe plusieurs versions d’ActionScript (2.0 et 3.0), et de nombreuses façons de l’intégrer dans vos fichiers FLA, l’apprentissage de ce langage peut prendre différentes formes.

Ce chapitre décrit l’interface utilisateur graphique permettant d’utiliser ActionScript. Cette interface comprend les panneaux Actions, Comportements, Sortie et Erreurs de compilateur, la fenêtre de script et le mode Assistant de script. Ces rubriques concernent toutes les versions d’ActionScript.

D’autres documents Adobe consacrés à ActionScript vous aideront à bien comprendre les différentes versions d’ActionScript.

Méthodes de travail avec ActionScript

Il existe plusieurs manières de travailler avec ActionScript.

• (Abandonné dans Animate ) Le mode Assistant de script permet d’ajouter du code ActionScript à votre fichier FLA sans écrire ce code vous-même. Vous sélectionnez des actions et le logiciel vous présente une interface utilisateur pour saisir des paramètres correspondant à chacune d’entre elles. Vous devez connaître les fonctions à utiliser pour accomplir des tâches spécifiques, mais vous n’avez pas besoin d’apprendre la syntaxe. De nombreux concepteurs et non-programmeurs utilisent ce mode.

• (Abandonné dans Animate ) Les comportements permettent également d’ajouter du code à votre fichier sans l’écrire vous-même. Les comportements sont en réalité des scripts préécrits pour exécuter des tâches courantes. Vous pouvez ajouter un comportement, puis le configurer facilement dans le panneau Comportements. Les comportements ne sont disponibles qu’à partir de la version ActionScript 2.0.

• L’écriture de votre propre code ActionScript vous offre plus de flexibilité et de contrôle sur votre document, mais, pour ce faire, vous devez maîtriser le langage et les conventions d’ActionScript.

• Les composants sont des clips vidéo prédéfinis qui vous permettent de mettre en place des fonctionnalités complexes. Un composant peut être une simple commande d’interface utilisateur, tel qu’une case à cocher ou un élément de commande plus complexe, tel qu’un panneau de défilement. Vous pouvez personnaliser l’apparence et le fonctionnement d’un composant. Vous pouvez également télécharger des composants développés par d’autres programmeurs. Vous devez rédiger vous-même du code ActionScript pour la plupart des composants afin de déclencher ou contrôler un composant. Pour plus d’informations, voir Utilisation de composants ActionScript 3.0.

Ecriture de code ActionScript

Lorsque vous écrivez du code ActionScript dans un environnement de création, vous utilisez le panneau Actions ou la fenêtre de script. Le panneau Actions et la fenêtre de script contiennent un éditeur de code très complet qui comprend conseils et coloration du code, mise en forme du code et mise en évidence de la syntaxe. Il contient également le débogage, la numérotation des lignes, le retour à la ligne automatique et la prise en charge d’Unicode.

• Utilisez le panneau Actions pour écrire les scripts qui font partie de votre document Animate (scripts intégrés au fichier FLA). Le panneau Actions fournit des fonctionnalités telles que la boîte à outils Actions, qui permet d’accéder rapidement aux principaux éléments du langage ActionScript. Vous obtenez des instructions pour les éléments qui nécessitent la création de scripts.

• Utilisez la fenêtre de script pour écrire des scripts externes (scripts ou classes stockés dans des fichiers externes). (Vous pouvez également utiliser un éditeur de texte pour créer un fichier AS externe.) La fenêtre Script comprend des fonctionnalités d’aide à l’écriture de code, telles que la coloration et les conseils, la vérification de la syntaxe et la mise en forme automatique.

Autre contenu de la communauté recommandé

• Prise en main d’ActionScript 3.0 (CS3) (3:25)

• Optimisation d’animations et de fichiers Flash (7:24) (CS3)

• Création d’une classe de document à l’aide d’ActionScript 3.0 (CS3) (2:38)

• Création d’un workflow efficace entre la création et le développement (CS3) (3:41)

• Utilisation des composants (CS3) (1:47)

• Liste des chaînes ActionScript sur YouTube.com

Les articles et tutoriels suivants contiennent davantage d’informations sur l’utilisation d’ActionScript :

• Tableau de migration d’ActionScript 3 (Adobe.com)

Présentation du panneau Sortie

Lorsque vous testez un type quelconque de document, le panneau Sortie affiche des informations ou un avertissement associé aux opérations telles que les conversions de documents et la publication. Pour afficher ces informations, ajoutez une instruction trace() à votre code ou utilisez les commandes Lister les objets et Lister les variables.

Si vous utilisez l’instruction trace() dans vos scripts, vous pouvez envoyer certaines informations au panneau Sortie pendant l’exécution du fichier SWF. Il peut s’agir de notes relatives à l’état du fichier SWF ou à la valeur d’une expression. 

Le panneau Sortie propose les options suivantes :

• Copier : copie tout le contenu du panneau Sortie dans le Presse-papiers de l’ordinateur. Pour copier uniquement la sélection, sélectionnez les données à copier, puis choisissez Copier.
• Effacer : efface le contenu du panneau Sortie.
• Afficher la sortie : affiche le contenu du panneau Sortie.
• Verrouiller : verrouille le panneau. Vous pouvez redimensionner le panneau, mais vous ne pouvez pas le déplacer ni le faire glisser.
• Aide : ouvre l’aide en ligne du panneau Sortie.
• Fermer : ferme le panneau Sortie.
• Fermer le groupe : ferme le groupe entier de panneaux. Vous pouvez ancrer simultanément plusieurs panneaux tels que le scénario, le panneau Sortie et le panneau Erreurs de compilation.

Pour afficher ou masquer le panneau Sortie, sélectionnez Fenêtre > Sortie ou appuyez sur la touche F2.

Panneau Actions

Vous recherchez un guide de référence de langage ?

Pour trouver le guide de référence d’un élément de langage ActionScript spécifique, procédez de l’une des façons suivantes :

• Ouvrez le Guide de référence du langage ActionScript 3.0 et recherchez l’élément de langage.

• Saisissez l’élément de langage dans le panneau Actions, sélectionnez-le, puis appuyez sur F1 (vous devez immédiatement appuyer sur F1).
  

Formation à ActionScript 

Pour plus de détails sur l’écriture du code ActionScript, consultez les ressources suivantes :

• Formation à ActionScript 3.0

• Guide de référence du langage et des composants ActionScript 3.0

• Formation à ActionScript 2.0 dans Adobe Animate

• Guide de référence du langage ActionScript 2.0

 ActionScript 3.0 et 2.0 ne sont pas mutuellement compatibles. Sélectionnez une seule version pour chaque fichier FLA créé.

Présentation du panneau Actions

Pour créer des scripts intégrés dans un fichier FLA, saisissez ActionScript directement dans le panneau Actions (Fenêtre > Actions ou appuyez sur F9).

Le panneau Actions comporte deux volets :

Permet d’écrire du code ActionScript, qui est associé à l’image actuellement sélectionnée.

Ce navigateur répertorie les scripts de votre document Animate et permet d’y accéder rapidement. Cliquez sur un élément dans ce navigateur pour afficher le script dans le volet Script.

Le panneau Actions permet d’accéder aux fonctionnalités d’aide à la programmation qui simplifient et rationalisent l’écriture du code dans ActionScript. Vous pouvez ajouter des scripts globaux et tiers spécifiques non graphiques qui peuvent être appliqués à toute l’animation depuis Animate. Pour en savoir plus, voir la section Ajout de scripts globaux et tiers sur cette page. 

• Exécuter le script : exécute le script.
• Verrouiller le script : épingle le script aux onglets verrouillés de scripts individuels dans le volet Script et les déplace en conséquence. Cette fonction est utile si vous n’avez pas centralisé le code du fichier FLA ou si vous utilisez plusieurs scripts. Vous pouvez épingler un script pour conserver l’emplacement du code ouvert dans le panneau Actions et permuter entre les divers scripts ouverts. Cette fonction s’avère particulièrement pratique lors de la phase de débogage.
• Insérer le chemin ou le nom de l’occurrence : permet de définir un chemin cible absolu ou relatif pour une action du script.
• Rechercher : recherche et remplace du texte dans votre script.
• Formater le code : permet de formater le code.
• Fragments de code : ouvre le panneau Fragments de code, qui affiche des exemples de fragments de code.
  
• Ajouter à l’aide de l’assistant : ajoute des actions à l’aide d’un assistant convivial sans que vous ayez à écrire du code.
• Aide : affiche des informations de référence concernant l’élément ActionScript qui est sélectionné dans la fenêtre Script. Par exemple, si vous cliquez sur une instruction import, puis sur Aide, la rubrique d’aide relative à import s’affiche dans le panneau Aide.

Utilisation de l’assistant de code d’actions

Vous pouvez ajouter de l’interactivité aux compositions HTML5 grâce à l’option Ajouter à l’aide de l’assistant du panneau Actions. Cette fonctionnalité propose une interface utilisateur simplifiée pour ajouter du code à vos compositions.

Vous pouvez choisir l’option Sélection actuelle du menu lorsque vous sélectionnez un objet sur la scène et exécutez l’assistant de code d’actions. Vous pouvez également choisir le scénario et les actions de composants pour le code.

Amélioration de l'interactivité d'une animation

L'interactivité est une composante essentielle d'une animation qui amplifie l'expérience visuelle du public. Vous souhaitez apprendre comment introduire des actions à la vidéo sans aucun code ? Regardez le tutoriel à la fin de cet exemple et suivez ces étapes.

Comment ajouter de l’interactivité à vos animations

Utilisation de la fenêtre de script

La fenêtre de script vous permet de créer des fichiers de script externes que vous importerez dans votre application. Ces scripts peuvent être des fichiers JavaScript Animate ou ActionScript.

Vous pouvez également ajouter des scripts globaux et tiers dans les documents HTML5 Canvas. Pour en savoir plus, voir la section Ajout de scripts globaux et tiers dans le chapitre Création et publication de documents HTML5 Canvas dans Animate 

Si plusieurs de vos fichiers externes sont ouverts, leurs noms apparaissent sur les onglets en haut de la fenêtre de script.

Vous pouvez utiliser les fonctions suivantes dans la fenêtre de script : épingler le script, rechercher et remplacer, coloration de la syntaxe, formatage du code, conseils de code, commentaires de code, réduction de code, options de débogage (fichiers ActionScript uniquement) et retour à la ligne. La fenêtre de script permet également d’afficher les numéros de ligne et les caractères masqués.

Création d’un fichier externe dans la fenêtre de script

Modification d’un fichier existant dans la fenêtre de script

• Pour ouvrir un script existant, choisissez Fichier > Ouvrir, puis ouvrez un fichier ActionScript (AS) existant.

• Pour modifier un script déjà ouvert, cliquez sur l’onglet du document portant le nom du script.

Outils du panneau Actions et de la fenêtre de script

Le panneau Actions permet d’accéder aux fonctionnalités d’aide à la programmation qui simplifient et rationalisent l’écriture du code dans ActionScript.

Rechercher 

Recherche et remplace du texte dans le script.

Insérer un chemin cible 

(Panneau Actions uniquement) Vous aide à définir un chemin cible absolu ou relatif pour une action du script.

Aide 

Affiche des informations de référence concernant l’élément ActionScript qui est sélectionné dans la fenêtre Script. Par exemple, si vous cliquez sur une instruction import, puis sur Aide, la rubrique d’aide relative à import s’affiche dans le panneau Aide.

Fragments de code

Ouvre le panneau Fragments de code, qui affiche des exemples de fragments de code.

Ajout à l’aide de l’assistant

Vous permet d’ajouter du code pour des actions à l’aide d’une interface sans avoir à écrire du code. 

Accès à l’aide contextuelle dans le panneau Actions

Définition de vos préférences ActionScript

Que vous travailliez dans le panneau Actions ou dans la fenêtre de script, vous ne pouvez définir et modifier qu’un seul jeu de préférences.