Où placer votre code ActionScript dans Flash

• Mai 17, 2024

Dans ce didacticiel, nous allons commencer à explorer les nombreuses façons d'utiliser ActionScript dans votre Flash^R projet. Je ne parle pas des nombreuses choses que vous pouvez faire avec ActionScript. Je parle de la façon dont vous pouvez ajouter du code ActionScript à votre animation Flash.

Au début, il y avait Flash. Lorsque vous avez créé un projet Flash, vous avez créé un fichier FLA. Ensuite, lorsque vous étiez prêt à publier votre Flash sur le Web, vous avez compilé votre fichier fla dans un fichier swf. Cependant, après quelques années, les gens ont commencé à utiliser ActionScript pour améliorer leurs films Flash. À ce stade, la question était de savoir où placer le code ActionScript. Au début, les programmeurs ont ajouté leur code dans le fichier fla. Maintenant que Flash et ActionScript ont un peu grandi, la plupart des programmeurs trouvent qu'il est plus efficace de séparer l'ActionScript du film Flash, mais en faisant partie intégrante.

Ajouter du code à la chronologie
La méthode la plus élémentaire, et la méthode utilisée le plus souvent dans le passé, était de combiner ActionScript en tant que partie interne du fichier Flash. Lors de l'écriture d'ActionScript dans l'animation Flash, vous pouvez placer l'ActionScript sur n'importe quelle image de la chronologie. Bien qu'il n'y ait pas de règle établie sur l'image à utiliser, la plupart des programmeurs trouvent utile de placer leur code ActionScript dans la première image de la chronologie. Pour rendre les choses encore plus faciles, les programmeurs créent généralement un calque spécial pour leur ActionScript, parfois appelé le calque "Actions".

C'est la méthode que j'utilise pour la plupart de mes tutoriels pour débutants car elle est moins compliquée que les autres méthodes. Par exemple, dans un didacticiel précédent, nous avons appris à écrire du code ActionScript qui dessinerait un cercle sur la scène.

var myCircle: Shape = new Shape ();
myCircle.graphics.lineStyle (2, 0x000000);
myCircle.graphics.beginFill (0xff0000);
myCircle.graphics.drawCircle (100, 200, 50);
myCircle.graphics.endFill ();
addChild (myCircle);

Ajoutons ce code à un nouveau film Flash. Démarrez un nouveau projet Flash et nommez-le RedCircle.fla.

1. D'abord, nous ajoutons un nouveau calque à la timeline et l'appelons le calque "Actions".
   
   
2. Ensuite, nous sélectionnons la première image du calque Actions et ouvrons le panneau Actions.
   
   
3. Enfin, nous ajoutons le code au panneau Actions et testons notre film.
   
   

C'est assez simple. Mais il serait plus efficace de garder notre code ActionScript séparé de notre fichier Flash Flash. Cette prochaine méthode nous rapproche de notre objectif.

Utilisation d'une instruction Include
Cette deuxième méthode d'association d'ActionScript à votre projet Flash n'est pas très différente de la méthode que nous venons de discuter. Fondamentalement, nous déplacerons le code ActionScript du fichier fla vers un fichier séparé et ajouterons une instruction include à notre animation Flash qui indiquera à Flash de lire le code ActionScript à partir de ce fichier externe.

1. Ouvrez votre fichier RedCircle.fla. Cliquez sur l'image 1 du calque Actions et ouvrez le panneau Actions. Sélectionnez tout le code, cliquez avec le bouton droit et choisissez Couper dans le menu contextuel. Nous allons coller ce code dans notre fichier ActionScript externe. Mais nous devons d'abord créer ce fichier.
   
   
2. Dans la barre de menus, cliquez sur Fichier - Nouveau. Dans la boîte de dialogue Nouveau document, choisissez Nouveau fichier ActionScript. Vous obtiendrez un nouveau panneau, appelé "Script-1", ouvert dans l'espace de travail. Collez le code dans ce panneau.
   
   
3. Cliquez sur Fichier - Enregistrer sous et enregistrez ce nouveau fichier sous "DrawCircle.as". N'oubliez pas d'enregistrer vos fichiers RedCircle.fla et DrawCircle.as dans le même dossier.
   
   Vous remarquerez que vous avez maintenant deux onglets en haut de l'espace de travail. Un onglet correspond à votre fichier RedCircle.fla et un autre à votre fichier DrawCircle.as. Maintenant que nous avons notre code ActionScript dans un fichier externe, nous devons dire à notre animation Flash de lire le code de ce fichier. Nous utiliserons une instruction include pour ce faire. Cliquez sur l'onglet RedCircle.fla pour revenir au fichier d'animation Flash.
   
   
4. Cliquez sur l'image 1 du calque Actions et ouvrez le panneau Actions. Ajoutez l'instruction include.
   
   inclure "DrawCircle.as";
   
   
5. Testez votre film.
   
   

Nous avons maintenant notre ActionScript dans un fichier externe, mais nous utilisons toujours le scénario dans notre fichier Flash. Dans le prochain didacticiel, nous franchirons la prochaine étape de notre parcours vers le code OOP modulaire.

Copyright 2018 Adobe Systems Incorporated. Tous les droits sont réservés. Copies d'écran des produits Adobe reproduites avec la permission d'Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst et Flash Paper Paper est / sont [une] marque [s] déposée (s) ou une marque [s] d'Adobe Systems Incorporated aux États-Unis et / ou dans d'autres pays.

Instructions Vidéo: faire un flash code (Mai 2024).