Premiers pas avec ActionScript 3

Présentation de l’installation

ActionScript 3 peut être utilisé en installant [Adobe AIR SDK][1] ou [Apache Flex SDK][2] ou dans le cadre du produit [Animate CC][3] d’Adobe (anciennement connu sous le nom de Flash Professional).

Adobe Animate CC est une solution logicielle professionnelle qui peut être utilisée pour créer des projets AS3 à l’aide d’outils visuels. Une fois installée, aucune autre étape n’est nécessaire pour commencer à créer des projets AS3.

Le SDK AIR et le SDK Flex peuvent être utilisés avec des outils de ligne de commande ou avec divers IDE tiers.

En plus d’Adobe Animate CC, il existe quatre autres IDE populaires capables de fonctionner avec AS3. Ces IDE ont leurs propres instructions sur la façon de démarrer.

  • [Flash Builder][4] (Par Adobe - basé sur Eclipse)
  • [IntelliJ IDEA][5] (Par Jetbrains)
  • [FlashDévelopper][6]
  • [FDT][7] (Plug-in Eclipse)

[1] : http://www.adobe.com/devnet/air/air-sdk-download.html [2] : http://flex.apache.org/installer.html [3] : http://www.adobe.com/products/animate/features.html [4] : http://www.adobe.com/ca/products/flash-builder.html [5] : https://www.jetbrains.com/idea/ [6] : http://www.flashdevelop.org/ [7] : http://fdt.powerflasher.com/

Bonjour le monde

Un exemple de classe de document qui imprime “Hello, World” sur la console de débogage lorsqu’il est instancié.

import flash.display.Sprite;

public class Main extends Sprite {

    public function Main() {
        super();

        trace("Hello, World");
    }

}

Installation de développement Flash

[FlashDevelop][1] est un IDE open source multiplateforme créé en 2005 pour les développeurs Flash. Sans frais, c’est un moyen très populaire de commencer à développer avec AS3.

Pour installer FlashDevelop :

  1. [Télécharger le fichier d’installation] [2] et exécutez le programme d’installation
  2. Une fois l’installation terminée, exécutez FlashDevelop. Lors du premier lancement, la fenêtre “App Man” devrait apparaître et vous demander de choisir les SDK et les outils à installer.

[![entrez la description de l’image ici][3]][3]

  • Si l’AppMan ne s’ouvre pas automatiquement ou si vous souhaitez ajouter quelque chose ultérieurement, ouvrez-le en choisissant « Installer le logiciel » dans le menu « Outils ».*

Vérifiez l’élément AIR SDK+ ACS 2.0 (dans la section « Compilateur ») et l’élément Flash Player (SA) dans la section « Exécutions » (plus tout ce que vous souhaitez installer). Cliquez sur le bouton d’installation.

  1. Une fois le SDK installé, testons en créant un projet hello world. Commencez par créer un nouveau projet (depuis le menu Projet)

  2. Choisissez Projecteur AIR AS3 dans la liste et donnez-lui un nom/emplacement.

  3. Dans le panneau du gestionnaire de projet (choisissez ‘Gestionnaire de projet’ dans le menu Affichage s’il n’est pas déjà visible), développez le dossier src et ouvrez le fichier Main.as.

  4. Dans le fichier Main.as, vous pouvez maintenant créer un premier exemple de programme comme https://www.wikiod.com/fr/actionscript-3

  5. Exécutez votre projet en cliquant sur l’icône de lecture ou en appuyant sur ‘F5’ ou ‘Ctrl+Entrée’. Le projet se compilera et une fois terminé, une fenêtre vide devrait apparaître (c’est votre application). Dans la fenêtre de sortie de FlashDevelop, vous devriez voir les mots : Hello World.

Vous êtes maintenant prêt à commencer à développer des applications AS3 avec FlashDevelop !

[1] : http://www.flashdevelop.org/ [2] : http://www.flashdevelop.org/community/viewforum.php?f=11 [3] : http://i.stack.imgur.com/VySuK.jpg

Installation d’Apache Flex

à partir de http://flex.apache.org/doc-getstarted.html

  1. [Télécharger le programme d’installation du SDK][2]
  2. Exécutez le programme d’installation du SDK. La première question qui vous sera posée est le répertoire d’installation.
  • sur un Mac, utilisez /Applications/Adobe Flash Builder 4.7/sdks/4.14.0/
  • sur un PC, utilisez C:\Program Files(x86)\Adobe Flash Builder 4.7\sdks\4.14.0

Vous devrez créer les dossiers 4.14.0. Appuyez sur Suivant. Acceptez les licences SDK et installez.

Instructions spécifiques à l’IDE pour la configuration d’Apache Flex :

  • [Constructeur Flash][8]
  • [IntelliJ IDEA] [9]
  • [FlashDévelopper][10]
  • [FDT][11]

[2] : http://flex.apache.org/installer.html [8] : http://flex.apache.org/doc-getstarted.html#setupFlashBuilder [9] : http://flex.apache.org/doc-getstarted.html#setupIDEA [10] : http://flex.apache.org/doc-getstarted.html#setupFD [11] : http://flex.apache.org/doc-getstarted.html#setupFDT

Création de projets Flex ou Flash en ligne de commande à l’aide de mxmlc

Le compilateur Flex (mxmlc) est l’une des parties les plus importantes du SDK Flex. Vous pouvez modifier le code AS3 dans n’importe quel éditeur de texte que vous aimez. Créez un fichier de classe principal qui s’étend de DisplayObject.

Vous pouvez déclencher des compilations sur la ligne de commande comme suit :

mxmlc -source-path="." -default-size [width in pixels] [height in pixels] -default-frame-rate [fps] -o "outputPath.swf" "mainClass.as"

Si vous avez besoin de compiler un projet Flash (par opposition à Flex), vous pouvez ajouter une référence à la bibliothèque Flash comme suit (vous aurez besoin d’avoir l’IDE Adobe Animate installé) :

mxmlc -source-path="." -library-path+="/Applications/Adobe Animate CC 2015.2/Adobe Animate CC 2015.2.app/Contents/Common/Configuration/ActionScript 3.0/libs" -static-link-runtime-shared-libraries=true -default-size [width in pixels] [height in pixels] -default-frame-rate [fps] -o "outputPath.swf" "mainClass.as"

Ou sous Windows :

mxmlc -source-path="." -library-path+="C:\Program Files\Adobe\Adobe Animate CC 2015.2\Common\Configuration\ActionScript 3.0\libs" -static-link-runtime-shared-libraries=true -default-size [width in pixels] [height in pixels] -default-frame-rate [fps] -o "outputPath.swf" "mainClass.as"

Un exemple “Hello World” affiché

package {
    import flash.text.TextField;
    import flash.display.Sprite;

    public class TextHello extends Sprite {
        public function TextHello() {
            var tf:TextField = new TextField();
            tf.text = "Hello World!"
            tf.x = 50;
            tf.y = 40;
            addChild(tf);
        }
    }
}

Cette classe utilise la classe TextField pour afficher le texte.