ActionScript/Première Application

Début de la boite de navigation du chapitre

fin de la boite de navigation du chapitre

Avec l'IDE d'Adobe : Flash

Au démarrage du logiciel, vous trouverez, au centre de votre écran la page d'accueil de flash. Dans celle-ci, sélectionnez Fichier Flash (AS 3.0). Normelement, il est apparu, devant vos yeux ébahis,différents panneaux supplémentaires :

• En haut le panneau Scénario
• En bas le panneau Propriétés s'est dégrisé.

Le but de ce cours n'étant pas de vous présenter l'IDE Flash dans ses moindres détails je vous présente l'essentiel, dont on se resservira en Actionscript. Vous verrez aussi un rectangle blanc au milieu, pour votre culture générale, sachez qu'on nomme ceci la scène.
Et que c'est là-dedans que se déroulera toute votre animation, alors prenez-en grand soin !

Bon je parle, je parle mais vous n'avez rien fait encore alors tous à vos claviers et Let's go! :

1. Dans le panneau propriétés en bas de votre écran, vous devriez voir un champ Classe du document, remplissez le avec un nom du genre mapage ou test ou bien encore essai enfin bref comme vous voulez !. Normalement une boite de dialogue s'affiche vous indiquant que Flash ne trouve pas la définition de classe et qu'il en générera une à la compilation. Nous arrangerons ça dans quelques instants vous verrez...
2. Allez dans fichier puis nouveau
3. Dans la boite de dialogue s'affichant, sélectionnez Fichier ActionScript
4. Et là c'est le drame, votre scène que vous chérissiez disparait (malheur de malheur tu nous avait pourtant dit d'en prendre soin!). Rassurez-vous tout est normal et sous contrôle. A la place vous voyez aussi un truc blanc mais qui prend toutes la place ! avec une bande bleue à gauche vous voici arriver dans l'éditeur de texte de Flash ! (l'endroit où vous passerez certainement le plus de temps donc chérissez-le aussi !)
5. et maintenant vous allez gentiment faire un copié-collé de ceci :

package
{
    import flash.display.MovieClip;

    public class le_nom_que_vous_avez_mis_dans_le_champ_:_Classe_du_document extends MovieClip
    {
        public function le_nom_que_vous_avez_mis_dans_le_champ_:_Classe_du_document ():void
        {
            trace('Hello World!'); // le traditionnel !
        }
    }
}

Enregistrez ce fichier et votre scène dans le même dossier mettez le nom que vous voulez pour votre scène par contre pour votre fichier Actionscript (.as) mettez comme nom celui que vous avez mis dans le champ Classe du document : de votre scène. Bon, c'est presque terminer il reste juste à spécifier à Flash que vous voulez récupérer des classes dans le dossier dans lequel vous avez enregistrez vos deux fichiers !Vous vous rappellez en 1 je vous avez dit que Flash ne trouvait pas votre classe et bien c'est maintenant que l'on va lui dire où la chercher ! Attention, tous à vos claviers !

1. allez dans le menu Modifier puis Préferences, une boîte de dialogue s'affiche.
2. Dans cette boîte de dialogue, il ya une liste de différents 'onglets' à gauche, sélectionnez ActionScript, la page change
3. Tout en bas de la nouvelle page, sélectionnez Paramètres d'ActionScript 3.0..., une boîte de dialogue s'affiche.
4. Appuyez sur le + puis sur la cible, sélectionnez alors le répertoire dans lequel vous avez enregistré vos deux fichiers (la scène et votre .as)

Une fois cela fait, vous pouvez tout fermer, en cliquant sur les Ok successifs (deux noramlement) ! Vous êtes pret? Maintenant allez dans le Menu Contrôle puis Tester l'animation. Noramlement vous voyez apparaître votre scène blanche, mais surprise, le panneau d'en bas a changé, vous vous êtes retrouvé dans le panneau sortie qui noramlement vous affiche Hello World

Et voilà vous venez de réaliser votre première application en ActionScript 3.0, si c'est pas mimi ça ?

Quelques Explications

Ici, je vais vous expliquer un peu le code présent dans votre fichier .as