Guide d'utilisation Annuler

Débogage du code ActionScript 3.0

  1. Guide d’utilisation 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. Utiliser 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. Utiliser 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 interpolée 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. Utiliser un 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. Dessin et création d’objets avec Animate
    9. Remodelage des lignes et des formes
    10. Traits, remplissages et dégradés avec Animate CC
    11. Utilisation d’Adobe Premiere Pro et d’After Effects
    12. Panneaux Couleur dans Animate CC
    13. Ouverture de fichiers Flash CS6 à l’aide d’Animate
    14. Utilisation de texte classique dans Animate
    15. Placement d’illustrations dans Animate
    16. Images bitmap importées dans Animate
    17. Graphiques 3D
    18. Utilisation de symboles dans Animate
    19. Dessin de traits et de formes avec Adobe Animate
    20. Utilisation de bibliothèques dans Animate
    21. Exportation de sons
    22. Sélection d’objets dans Animate CC
    23. Utilisation de fichiers AI d’Illustrator dans Animate
    24. Application de modes de fusion
    25. Disposition d’objets
    26. Automatisation des tâches à l’aide du menu Commandes
    27. Texte multilingue
    28. Utilisation de la caméra dans Animate
    29. Filtres graphiques
    30. Sons et ActionScript
    31. Préférences de dessin
    32. 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. Accessibilité dans l’espace de travail Animate
    12. Écriture et gestion des scripts
    13. Activation de la prise en charge des plateformes personnalisées
    14. Présentation de la prise en charge des plateformes personnalisées
    15. Utilisation du plug-in de prise en charge des plateformes personnalisées
    16. Débogage du code ActionScript 3.0
    17. 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. Pratiques recommandées – Conseils pour la création de contenu pour appareils mobiles
    9. Pratiques recommandées – Conventions des vidéos
    10. Pratiques recommandées – Recommandations sur la création d’applications SWF
    11. Pratiques recommandées – Structuration des fichiers FLA
    12. Pratiques recommandées d’optimisation des fichiers FLA pour Animate
    13. Paramètres de publication d’ActionScript
    14. Spécification des paramètres de publication pour Animate
    15. Exportation de fichiers de projection
    16. Exportation d’images et de GIF animés
    17. Modèles de publication HTML
    18. Utilisation d’Adobe Premiere Pro et d’After Effects
    19. Partage et publication rapides de vos animations
  9. Résolution des problèmes
    1. Problèmes résolus
    2. Problèmes connus

Présentation du débogueur d’ActionScript 3.0

Animate comprend un débogueur dédié à ActionScript 3.0 dont le fonctionnement diffère légèrement de celui d’ActionScript 2.0. Le débogueur d’ActionScript 3.0 ne fonctionne qu’avec les fichiers ActionScript 3.0 FLA et AS. Les paramètres de publication des fichiers FLA doivent être définis sur Flash Player 9. Lorsque vous démarrez une session de débogage ActionScript 3.0, Animate lance la version de débogage autonome de Flash Player pour lire le fichier SWF. Le débogueur de Flash Player lit le fichier SWF dans une autre fenêtre que celle de l’application de création Animate.

Le débogueur ActionScript 3.0 convertit l’espace de travail Animate en un espace de travail de débogage qui affiche les panneaux utilisés pour le débogage. Il comprend également le panneau Actions et/ou la fenêtre Script, la console de débogage et le panneau Variables. La Console de débogage affiche la pile d’appel et contient des outils permettant de parcourir les scripts pas à pas. Le panneau Variables affiche les variables de la zone active et leurs valeurs, et vous permet d’actualiser ces dernières.

Ressources supplémentaires

Les ressources suivantes fournissent d’autres informations détaillées sur le débogage d’ActionScript 3.0 :

Passage en mode débogage

La façon dont vous commencez une session de débogage dépend du type de fichier sur lequel vous travaillez. Pendant une session de débogage, Animate interrompt l’exécution d’ActionScript dès qu’il rencontre un point d’arrêt ou une erreur d’exécution.

Lorsque Animate démarre une session de débogage, il ajoute des informations spéciales au fichier SWF exporté pour la session. Ces informations permettent au débogueur d’indiquer les numéros des lignes contenant les erreurs rencontrées.

Vous pouvez inclure ces informations de débogage spéciales dans tous les fichiers SWF créés depuis un certain fichier FLA dans les paramètres de publication. Cela vous permet de déboguer le fichier SWF sans déclencher explicitement une session de débogage. Ces informations de débogage accroissent légèrement la taille du fichier SWF.

Choix d'un environnement de débogage par défaut

  • Choisissez Déboguer > Déboguer l’animation, puis sélectionnez l’une des options suivantes :

    • Animate

    • dans l'application de débogage du lanceur AIR (bureau)

    • dans l'application de débogage du lanceur AIR (mobile)

    • sur le périphérique via USB (CS5.5 uniquement)

    Toutes les sessions de débogage ont lieu dans l'environnement de votre choix. Vous pouvez à tout moment modifier l'environnement par défaut.

Démarrage du débogage depuis un fichier FLA

  1. Choisissez Déboguer > Déboguer

    (Versions CS6 et antérieures) Sélectionnez Déboguer > Déboguer l’animation > Déboguer.

Démarrage du débogage depuis un fichier ActionScript 3.0 AS

  1. Le fichier ActionScript étant ouvert dans la fenêtre Script, vous pouvez sélectionner, depuis le menu Cible dans la partie supérieure de la fenêtre Script, le fichier FLA avec lequel le fichier ActionScript devrait être compilé. Le fichier FLA doit aussi être ouvert pour apparaître dans ce menu.

  2. Choisissez Déboguer > Déboguer

    (Versions CS6 et antérieures) Sélectionnez Déboguer > Déboguer l’animation > Déboguer.

Ajout d’informations de débogage à tous les fichiers SWF créés à partir d’un fichier FLA

  1. Le fichier FLA étant ouvert, sélectionnez Fichier > Paramètres de publication.

  2. Dans la boîte de dialogue Paramètres de publication, cliquez sur l'onglet (CS5) ou sur la catégorie (CS5.5).

  3. Sélectionnez Autoriser le débogage.

Quitter le mode débogage

  1. Cliquez sur le bouton Terminer la session de débogage dans la console de débogage.

Définition et suppression des points d’arrêt

Ajoutez des points d’arrêt dans votre code ActionScript pour interrompre son exécution à différents endroits stratégiques. Lorsque l’exécution s’interrompt, vous pouvez alors exécuter le code ligne par ligne, afficher ses différentes sections ActionScript, afficher les valeurs des variables et des expressions et modifier celles des variables.

 Les points d’arrêt ne peuvent pas être ajoutés à des fichiers ASC (ActionScript for Communication) ou JSFL (JavaScript Flash).

Définition d’un point d’arrêt

  1. Dans le panneau Actions ou la fenêtre Script, cliquez sur la marge gauche en regard de la ligne de code où vous voulez faire apparaître un point d’arrêt.

Suppression d’un point d’arrêt

  1. Dans le panneau Actions ou la fenêtre Script, cliquez sur le point d’arrêt à supprimer.

Examen du code ligne par ligne

Après l’interruption de l’exécution d’ActionScript à un point d’arrêt ou une erreur d’exécution, vous pouvez examiner le code ligne par ligne. Vous pouvez choisir de parcourir les appels de fonction ou de les ignorer. Vous pouvez également choisir de poursuivre l’exécution du code sans cet examen pas à pas.

Parcourir le code ligne par ligne

  1. Cliquez sur le bouton Pas à pas détaillé dans la console de débogage.

Ignorer un appel de fonction

  1. Cliquez sur le bouton Pas à pas principal dans la console de débogage.

Sortir d’un appel de fonction

  1. Cliquez sur le bouton Sortir du pas à pas dans la console de débogage.

Reprendre l’exécution normale du code

  1. Cliquez sur le bouton Continuer dans la console de débogage.

Affichage et examen des scripts de la pile d’appels

Lorsque l’exécution du code s’interrompt dans le débogueur, vous pouvez afficher la pile d’appels dans la Console de débogage et examiner les scripts contenant les fonctions présentes dans la pile. La pile d’appels présente la liste actuelle des appels de fonction imbriqués qui sont en attente de fin d’exécution.

Vous pouvez afficher individuellement les scripts contenant chaque fonction.

  1. Dans le panneau Console de débogage, double-cliquez sur le nom du script dans la pile d’appels.

Affichage et modification des valeurs des variables

Affichez et modifiez les valeurs des variables et des propriétés dans le panneau Variables.

Affichage de la valeur d’une variable

  1. Dans le panneau Variables, sélectionnez dans le menu Panneau les types de variables à afficher.

    • L’option Afficher les constantes affiche les valeurs constantes (variables à valeur fixe).

    • L’option Afficher les valeurs statiques affiche les variables qui appartiennent à la classe plutôt qu’aux occurrences de la classe.

    • L’option Afficher les variables de membre inaccessibles affiche les variables qui ne sont pas accessibles aux autres classes ou espaces de noms. Ceci inclut les variables protégées, privées ou internes à l’espace de noms.

    • L’option Activer l’affichage hexadécimal supplémentaire ajoute des valeurs hexadécimales là où des valeurs décimales sont affichées. Ceci est surtout utile pour des valeurs de couleur. Les valeurs hexadécimales ne sont pas affichées dans le cas de valeurs décimales de 0 à 9.

    • L’option Afficher les noms qualifiés affiche des types de variables avec à la fois leur nom de package et leur nom de classe.

  2. Développez l’affichage de l’arborescence de la structure objet du fichier FLA jusqu’à ce que vous aperceviez la variable.

Modification de la valeur d’une variable

  1. Dans le panneau Variables, double-cliquez sur la valeur de la variable.

  2. Saisissez la nouvelle valeur pour la variable et appuyez sur la touche Entrée. La nouvelle valeur est utilisée durant l’exécution du code par la suite.

Contrôle des avertissements du compilateur

Contrôlez les types d’avertissements générés par le compilateur d’ActionScript dans le panneau Erreurs de compilation. Lorsque le compilateur signale une erreur, double-cliquez sur son entrée pour atteindre la ligne de code qui provoque l’erreur.

  1. Choisissez Fichier > Paramètres de publication.
  2. Cliquez sur Animate.

  3. Cliquez sur le bouton Paramètres d’ActionScript.
  4. Choisissez parmi les options Erreurs :
    • Le Mode strict signale les avertissements comme des erreurs, ce qui signifie que la compilation échouera tant que ces erreurs persisteront.
    • Le Mode avertissements signale des avertissements supplémentaires qui aident à détecter les incompatibilités lors du passage d’ActionScript 2.0 à ActionScript 3.0.

Lorsque Animate rencontre une erreur dans le code ActionScript, pendant la compilation ou l’exécution, il la signale dans le panneau Erreurs de compilation. Localisez la ligne de code qui provoque l’erreur dans le panneau Erreurs de compilation.

  1. Double-cliquez sur l’erreur dans le panneau Erreurs de compilation.

Débogage d’un fichier SWF ActionScript 3.0 distant

Avec ActionScript 3.0, vous pouvez déboguer un fichier SWF distant à l’aide de la version autonome, ActiveX ou module externe de Debug Flash Player que vous trouverez dans le répertoire d’installation d’Animate/Players/Debug/. Cependant, dans le débogueur d’ActionScript 3.0, le débogage à distance est limité aux fichiers qui se trouvent sur le même hôte local que l’application de création Animate et lus sur le lecteur de débogage autonome, le contrôle ActiveX ou le module externe.

Pour permettre le débogage à distance du fichier, activez le débogage dans les paramètres Publication. Vous pouvez également publier votre fichier avec un mot de passe de débogage pour vous assurer que seuls les utilisateurs autorisés pourront le déboguer.

Comme dans JavaScript ou HTML, vous pouvez afficher les variables côté client dans ActionScript. Pour stocker les variables de façon sécurisée, envoyez-les à une application côté serveur au lieu de les stocker dans votre fichier. Cependant, en tant que développeur, vous ne voudrez peut-être pas révéler vos secrets de fabrication, tels que vos structures de clips. Vous pouvez donc utiliser un mot de passe de débogage pour protéger votre travail.

Activation du débogage distant d’un fichier SWF et définition d’un mot de passe de débogage

Dans les fichiers FLA d’ActionScript 3.0, le code de scripts d’images ne peut pas être débogué. Seul le code des fichiers AS externes peut être débogué avec le Débogueur d’ActionScript 3.0.

  1. Ouvrez le fichier FLA.

  2. Choisissez Fichier > Paramètres de publication.

  3. Dans la boîte de dialogue Paramètres de publication, cliquez sur l'onglet (CS5) ou sur la catégorie (CS5.5), puis sélectionnez Autoriser le débogage.

  4. Fermez la boîte de dialogue Paramètres de publication, puis choisissez l’une des commandes suivantes :

    • Fichier > Exporter > Exporter l’animation

    • Fichier > Publier

  5. Vous pouvez laisser le fichier SWF sur la machine locale pour exécuter une session de débogage à distance sur l’hôte local ou le télécharger vers votre serveur Web.

    Le fichier SWF ne contient pas d’informations sur les points d’arrêt ; par conséquent, si vous téléchargez le fichier vers un serveur distant, vous ne pourrez pas faire défiler le code pas à pas. Utiliser l’hôte local pour exécuter cette tâche.

  6. Dans Animate, sélectionnez Déboguer > Commencer la session de débogage à distance > ActionScript 3.0.

    Animate ouvre le panneau Débogueur d’ActionScript 3.0 et attend que le lecteur de débogage de Flash Player se connecte. Vous avez deux minutes pour démarrer le lecteur de débogage. Si plus de deux minutes s’écoulent, répétez cette opération.

  7. Ouvrez le fichier SWF dans la version de débogage du module externe, contrôle ActiveX ou lecteur autonome de Flash Player. Le lecteur autonome de débogage se trouve dans le répertoire répertoire d’installation d’Animate/Players/Debug/. Veillez à ne pas vous connecter à un fichier sur une autre machine car le débogueur ne sera pas en mesure de recevoir des informations sur les points d’arrêt.

    La session de débogage démarre lorsque le lecteur de débogage se connecte au panneau Débogueur ActionScript 3.0 de

     Le débogage à distance ne fonctionne pas si vous sélectionnez l’interface réseau par défaut pour AIR 3.4. Sélectionnez plutôt les options permettant de définir le nom de l’interface réseau et l’adresse IP du système.

Activation du débogueur à distance

  1. Le cas échéant, ouvrez l’application de création Animate.

  2. Dans Flash, sélectionnez Déboguer > Commencer la session de débogage à distance > ActionScript 3.0.

  3. Dans un navigateur ou dans le débogueur du lecteur autonome, ouvrez le fichier SWF publié à partir de son emplacement distant.

    Si la boîte de dialogue du débogage à distance ne s’ouvre pas, cliquez avec le bouton droit de la souris sur le fichier SWF (Windows) ou en appuyant sur la touche Ctrl (Macintosh) pour afficher un menu contextuel, et choisissez Débogueur.

  4. Dans la boîte de dialogue Débogage à distance, sélectionnez Hôte local et choisissez le fichier à ouvrir.

    La liste hiérarchique du fichier SWF apparaît dans le débogueur. Lorsque le fichier SWF n’est pas lu, le débogueur peut être en pause. Cliquez sur Continuer pour le redémarrer.

Recevez de l’aide plus rapidement et plus facilement

Nouvel utilisateur ?