Scénarios et ActionScript

  1. Guide de l’utilisateur d’Adobe Animate
  2. Présentation d’Animate
    1. Nouveautés d’Adobe Animate
    2. Glossaire visuel
    3. Configuration requise pour Animate
    4. Raccourcis clavier d’Animate
    5. Utilisation de plusieurs types de fichiers dans Animate
  3. Animation
    1. Principes de base de l’animation dans Animate
    2. Utilisation des images et des images-clés dans Animate
    3. Animation image par image dans Animate
    4. Utilisation d’une animation interpolée classique dans Animate
    5. Outil Pinceau
    6. Guide du mouvement
    7. Interpolation de mouvement et ActionScript 3.0
    8. À propos de l’animation d’une interpolation de mouvement
    9. Animation d’une interpolation de mouvement
    10. Création d’une animation d’interpolation de mouvement
    11. Utilisation des images-clés de propriété
    12. Animation d’une position à l’aide d’une interpolation
    13. Modification des interpolations de mouvement avec l’Éditeur de mouvement
    14. Modification de la trajectoire de mouvement d’une animation d’interpolation
    15. Manipulation d’interpolations de mouvement
    16. Ajout d’accélérations personnalisées
    17. Création et application de présélections de mouvement
    18. Configuration de plages d’interpolation d’une animation
    19. Utilisation d’interpolations de mouvement enregistrées au format XML
    20. Interpolations de mouvement et interpolations classiques : comparatif
    21. Interpolation de forme
    22. Utilisation de l’animation de l’outil de segment dans Animate
    23. Utilisation du squelettage de personnage dans Animate
    24. Utilisation de calques de masque dans Adobe Animate
    25. Utilisation de séquences dans Animate
  4. Interactivité
    1. Création de boutons avec Animate
    2. Conversion de projets Animate en d’autres formats de document
    3. Création et publication de documents HTML5 Canvas dans Animate
    4. Ajout d’interactivité à l’aide de fragments de code dans Animate
    5. Création de composants HTML5 personnalisés
    6. Utilisation de composants dans HTML5 Canvas
    7. Création de composants personnalisés : exemples
    8. Fragments de code des composants personnalisés
    9. Pratiques recommandées – Publicité avec Animate
    10. Création et publication de contenu de réalité virtuelle
  5. Espace de travail et workflow
    1. Création et gestion des pinceaux
    2. Utilisation de polices Google Fonts dans les documents HTML5 Canvas
    3. Utilisation des bibliothèques Creative Cloud et d’Adobe Animate
    4. Utilisation de la scène et du panneau Outils pour Animate
    5. Workflow et espace de travail Animate
    6. Utilisation de polices web dans les documents HTML5 Canvas
    7. Scénarios et ActionScript
    8. Utilisation de plusieurs scénarios
    9. Définition des préférences
    10. Utilisation des panneaux de création Animate
    11. Création de calques de scénario avec Animate
    12. Exportation d’animations pour les applications mobiles et les moteurs de jeu
    13. Déplacement et copie d’objets
    14. Modèles
    15. Recherche et remplacement de contenu dans Animate
    16. Commandes Annuler et Rétablir, et panneau Historique
    17. Raccourcis clavier
    18. Utilisation du scénario dans Animate
    19. Création d’extensions HTML
    20. Options d’optimisation des images et des GIF animés
    21. Paramètres d’exportation des images et des fichiers GIF
    22. Panneau Éléments dans Animate
  6. Multimédia et vidéo
    1. Transformation et combinaison d’objets graphiques dans Animate
    2. Création et utilisation d’instances de symboles dans Animate
    3. Vectorisation de l’image
    4. Utilisation du son dans Adobe Animate
    5. Exportation de fichiers SVG
    6. Création de fichiers vidéo en vue de les utiliser dans Animate
    7. Comment ajouter une vidéo dans Animate
    8. Utilisation des points de repère vidéo
    9. Dessin et création d’objets avec Animate
    10. Remodelage des lignes et des formes
    11. Traits, remplissages et dégradés avec Animate CC
    12. Utilisation d’Adobe Premiere Pro et d’After Effects
    13. Panneaux Couleur dans Animate CC
    14. Ouverture de fichiers Flash CS6 à l’aide d’Animate
    15. Utilisation de texte classique dans Animate
    16. Placement d’illustrations dans Animate
    17. Images bitmap importées dans Animate
    18. Graphiques 3D
    19. Utilisation de symboles dans Animate
    20. Dessin de traits et de formes avec Adobe Animate
    21. Utilisation de bibliothèques dans Animate
    22. Exportation de sons
    23. Sélection d’objets dans Animate CC
    24. Utilisation de fichiers AI d’Illustrator dans Animate
    25. Application de motifs avec l’outil Pinceau pulvérisateur
    26. Application de modes de fusion
    27. Disposition d’objets
    28. Automatisation des tâches à l’aide du menu Commandes
    29. Texte multilingue
    30. Utilisation de la caméra dans Animate
    31. Utilisation d’Animate avec Adobe Scout
    32. Utilisation de fichiers Fireworks
    33. Filtres graphiques
    34. Sons et ActionScript
    35. Préférences de dessin
    36. Dessin avec l’outil Plume
  7. Plateformes
    1. Conversion de projets Animate en d’autres formats de document
    2. Prise en charge des plateformes personnalisées
    3. Création et publication de documents HTML5 Canvas dans Animate
    4. Création et publication d’un document WebGL
    5. Assemblage d’applications AIR pour iOS
    6. Publication d’applications AIR pour Android
    7. Publication pour Adobe AIR for Desktop
    8. Paramètres de publication d’ActionScript
    9. Pratiques recommandées – Organisation du code ActionScript dans une application
    10. Utilisation d’ActionScript avec Animate
    11. Pratiques recommandées – Recommandations sur l’accessibilité
    12. Accessibilité dans l’espace de travail Animate
    13. Écriture et gestion des scripts
    14. Activation de la prise en charge des plateformes personnalisées
    15. Présentation de la prise en charge des plateformes personnalisées
    16. Création de contenu accessible
    17. Utilisation du plug-in de prise en charge des plateformes personnalisées
    18. Débogage du code ActionScript 3.0
    19. Activation de la prise en charge des plateformes personnalisées
  8. Exportation et publication
    1. Exportation de fichiers d’Animate CC
    2. Publication OAM
    3. Exportation de fichiers SVG
    4. Exportation d’images et de vidéos avec Animate
    5. Publication de documents AS3
    6. Exportation d’animations pour les applications mobiles et les moteurs de jeu
    7. Exportation de sons
    8. Exportation de fichiers vidéo QuickTime
    9. Contrôle de la lecture vidéo externe à l’aide d’ActionScript
    10. Pratiques recommandées – Conseils pour la création de contenu pour appareils mobiles
    11. Pratiques recommandées – Conventions des vidéos
    12. Pratiques recommandées – Recommandations sur la création d’applications SWF
    13. Pratiques recommandées – Structuration des fichiers FLA
    14. Pratiques recommandées d’optimisation des fichiers FLA pour Animate
    15. Paramètres de publication d’ActionScript
    16. Spécification des paramètres de publication pour Animate
    17. Exportation de fichiers de projection
    18. Exportation d’images et de GIF animés
    19. Modèles de publication HTML
    20. Utilisation d’Adobe Premiere Pro et d’After Effects
    21. Partage et publication rapides de vos animations

Avec ActionScript®, vous pouvez contrôler le scénario à l’exécution. ActionScript vous permet de créer des interactions et autres capacités dans vos fichiers FLA qui sont impossibles avec le scénario seul.

Avec ActionScript®, vous pouvez contrôler le scénario à l’exécution. ActionScript vous permet de créer des interactions et autres capacités dans vos fichiers FLA qui sont impossibles avec le scénario seul.

Pour savoir comment contrôler les scénarios avec ActionScript, voir la rubrique sur les scénarios et ActionScript dans l’Aide en ligne.

Chemins absolus

Un chemin absolu commence par le nom du niveau dans lequel le document est chargé et continue dans la liste d’affichage 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.

Le premier document ouvert dans Flash Player est chargé au niveau 0. Vous devez affecter un numéro de niveau à chaque document chargé par la suite. Lorsque vous utilisez une référence absolue dans ActionScript pour faire référence à un document chargé, utilisez la forme _levelX, où X est le numéro du niveau dans lequel le document est chargé. Par exemple, le premier document ouvert dans Flash Player est appelé _level0 ; un document chargé au niveau 3 est appelé _level3.

Pour communiquer entre les documents de niveaux différents, vous devez utiliser le nom de niveau dans le chemin cible. L’exemple suivant indique comment l’occurrence portland ferait référence à l’occurrence atlanta située sur un clip intitulé georgia (georgia se trouve au même niveau que oregon) :

_level5.georgia.atlanta

Vous pouvez utiliser l’alias _root pour désigner le scénario principal du niveau actuel. Pour le scénario principal, l’alias _root équivaut à _level0 lorsqu’il est ciblé par un clip également dans _level0. Pour un document chargé dans _level5, _root équivaut à _level5 lorsqu’il est ciblé par un clip situé aussi dans le niveau 5. Par exemple, si les clips southcarolina et florida sont tous deux chargés dans le même niveau, une action appelée depuis l’occurrence southcarolina peut utiliser le chemin absolu pour cibler l’occurrence florida.

_root.eastCoast.florida

Chemins relatifs

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 sur _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 tout en restant dans le même niveau de Flash Player. Par exemple, _parent._parent contrôle un clip situé 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 dont la valeur _parent n’est pas définie.

Une action dans le scénario de l’occurrence charleston, située un niveau sous southcarolina, peut utiliser le chemin cible suivant pour cibler l’occurrence southcarolina :

_parent

Pour cibler l’occurrence eastCoast (un niveau vers le haut) à 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 le script suivant à un clip pour agrandir son parent de 150 % :

onClipEvent (load) {    _parent._xscale 
= 150;    _parent._yscale = 150; 
}

Vous pouvez réutiliser ce script en l’associant à une autre occurrence de clip.

Remarque :

Flash Lite 1.0 et 1.1 prennent en charge l’association de scripts aux boutons uniquement. L’association de scripts aux clips n’est pas prise en charge.

Que vous utilisiez un chemin absolu ou relatif, une variable dans un scénario ou une propriété dans un objet est identifiée par 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.form.name = "Gilbert";

Utilisation de chemins cible absolus et relatifs

Vous pouvez utiliser ActionScript pour envoyer 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 d’affichage.

L’exemple suivant présente la hiérarchie d’un document appelé westCoast au niveau 0 et contenant trois clips : california, oregon et washington. Chacun de ces clips comprend deux clips.

_level0 
        westCoast 
                california 
                        sanfrancisco 
                        bakersfield 
                oregon 
                        portland 
                        ashland 
                washington 
                        olympia 
                        ellensburg

Comme sur un serveur Web, chaque scénario Animate peut être appelé de deux manières : 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.

Spécifications de chemins cibles

Pour contrôler un clip, un fichier SWF chargé ou un bouton, vous devez spécifier un chemin cible. Vous pouvez le spécifier manuellement ou à l’aide de la boîte de dialogue Insérer un chemin cible ou encore par la création d’une expression qui détermine un chemin cible. Pour spécifier le chemin cible d’un clip ou d’un bouton, vous devez affecter un nom d’occurrence au clip ou au bouton. Un document chargé n’a pas besoin de nom d’occurrence, car vous utilisez son numéro de niveau comme nom d’occurrence (par exemple, _level5).

Affectation d’un nom d’occurrence à un clip ou à un bouton

  1. Sélectionnez un clip ou bouton sur la scène.
  2. Entrez un nom d’occurrence dans l’inspecteur des propriétés.

Spécification d’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’agit du scénario contrôlant.

  2. Dans le panneau Actions (Fenêtre > Actions), choisissez une action ou une méthode qui requiert un chemin cible dans la boîte à outils Actions (côté gauche du panneau).
  3. Cliquez sur le champ de paramètre ou l’emplacement du script auquel vous souhaitez insérer le chemin cible.
  4. Cliquez sur le bouton Insérer un chemin cible  , au-dessus du volet Script.
  5. Sélectionnez le type de chemin cible : Absolu ou Relatif.
  6. Sélectionnez un clip dans la liste d’affichage Insérer un chemin cible, puis cliquez sur OK.

Spécification manuelle d’un chemin cible

  1. Sélectionnez l’occurrence de clip, d’image ou de bouton à laquelle vous souhaitez affecter l’action.

    Il s’agit du scénario contrôlant.

  2. Dans le panneau Actions (Fenêtre > Actions), choisissez une action ou une méthode qui requiert un chemin cible dans la boîte à outils Actions (côté gauche du panneau).
  3. Cliquez sur le champ de paramètre ou l’emplacement du script auquel vous souhaitez insérer le chemin cible.
  4. Saisissez un chemin absolu ou relatif dans le panneau Actions.

Utilisation d’une expression comme chemin cible

  1. Sélectionnez l’occurrence de clip, d’image ou de bouton à laquelle vous souhaitez affecter l’action.

    Il s’agit du scénario contrôlant.

  2. Dans le panneau Actions (Fenêtre > Actions), choisissez une action ou une méthode qui requiert un chemin cible dans la boîte à outils Actions (côté gauche du panneau).
  3. 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, sélectionnez 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’occurrence de clip et peut appeler les méthodes de l’objet MovieClip.

      i = 1; x = eval("mc"+i); x.play(); // this is equivalent to mc1.play();

      Vous pouvez aussi utiliser la fonction eval pour appeler des méthodes directement, comme dans l’exemple suivant :

      eval("mc" + i).play();
Logo Adobe

Accéder à votre compte