Compilez l'AS3 gratuitement et légalement sous Windows/Linux

Même si l'IDE d'Adobe est payant (et beaucoup trop cher pour un particulier comme vous et moi), il existe un logiciel gratuit appelé Flex SDK, développé par Macromedia (l'ancien possesseur de Flash, racheté depuis par Adobe), qui possède un compilateur AS3 performant (en fait, c'est le compilateur standard pour l'AS3 ).



Dans ce tutorial, nous n'allons pas nous intéresser aux capacités de Flex SDK, mais uniquement à son compilateur.
Pour commencer, il va donc falloir télécharger ce compilateur dont je vous parle depuis dix minutes...
Vous le trouverez ici :



Citation : Conditions du Flex SDK

Une fois téléchargé, décompressez le tout dans un dossier quelconque... et voilà, vous en avez fini avec l'installation ! Vous avouerez que ce n'était pas très compliqué... la mauvaise nouvelle, c'est que ça ne va pas tarder à le devenir (compliqué, vous me suivez ?) !

Vous êtes maintenant en possession d'un superbe compilateur tout beau tout neuf, mais vous ne savez pas comment l'utiliser !
Pas de chance, je n'en ai aucune idée moi non plus. Au revoir donc !
Ce compilateur s'utilise en ligne de commande. Non non ! Ne partez pas tout de suite... Les vieux de la vieille de Windows se souviennent surement de la console. Il va y avoir des retrouvailles émues !
Quant à ceux qui utilisent Linux, des présentations ne s'imposent même pas, je crois !

• Sous Win Me / XP : un clic sur démarrer, puis un clic sur exécuter, vous marquez "cmd". Welcome back to the old world !
• Sous Windows Me / 98 / 95 : lancez le fichier command.com
• Sous Windows Vista : Cliquez sur démarrer, puis entrez directement "cmd" dans la barre de recherche.
  
  
  (cliquez pour agrandir)
  
  
• Astuce : Pour tous les Windows, vous pouvez aussi utiliser la combinaison de touches Windows - R, et marquer "cmd"
• Sous Linux : Comment ça ? Vous utilisez Linux et vous ne savez pas ouvrir une console ? Allez, zou ! C'est par ici...
  
  N'utilisez pas une des vraies consoles (Ctrl-Alt-F(1~6))! Sinon l'étape de la compilation sera particulièrement fastidieuse (changements de résolution). Préférez donc un terminal, ou mieux, un éditeur de texte avec terminal intégré. (Kate, par exemple !)

Vous avez maintenant devant vous une superbe console ... il va falloir se déplacer jusqu'au dossier bin du dossier que vous venez de télécharger.
Pour cela, il faut utiliser la commande cd ("Change Directory"), qui permet de se déplacer dans l'arborescence du disque dur.
Dans mon cas, le dossier se situe presque à la racine...

• Windows :
  
  
  
• Linux :
  
  
  

En résumé, vous disposez maintenant d'un compilateur prêt à fonctionner... alors, qu'est ce qu'on attend pour continuer ?

Pour cette partie, nous allons utiliser un fichier .as de test. Il n'a qu'une seule utilité : servir de test.
Afin que tout le monde soit d'accord, je vous donne ce fichier pour que vous puissiez faire des tests.
N'essayez pas encore de compiler un de vos anciens codes sources réalisés avec l'IDE ! Le nombre d'erreurs vous ferait pleurer, on en reparlera dans la prochaine sous-partie !
Code : Actionscript



Enregistrez ce fichier (nommez-le souris.as) dans un dossier "Sources" du répertoire bin.
Le but de ce code est très simple : créer un fond rougeâtre, et un carré vert qui suit la souris. Ne vous attardez pas sur le code, qui diffère surement de ce que vous connaissez dans votre IDE : on reparlera de tout ça plus tard !

Dans votre console, marquez la ligne suivante :

Code : Console
Sous linux, vous aurez peut-être besoin de rajouter bash : (et d'enlever les guillemets)

Code : Console
Appuyez sur Entrée...



Regardez dans votre dossier Source : un fichier souris.swf s'est créé ! Miracle !
Vous pouvez le lancer : il réagira comme n'importe quel swf, mis à part que vous n'avez pas déboursé 800? !



L'étape suivante ne sera pas forcément la plus drôle : je vous expliquerai comment modifier vos anciens codes pour les rendre compatibles avec ce compilateur. Même si aucune modification de fond n'est nécessaire (mis à part quelques rares cas, comme les interpolations complexes), cette tâche ne sera pas forcément drôle, voire même particulièrement emmerdbêtante ! Mais pas de soucis ! Je reste ici pour vous expliquer !

1. Le point-virgule

Commençons par les choses simples : toutes vos instructions doivent se terminer par un point-virgule. Dans beaucoup de cas, le compilateur ne rechignera pas si vous ne mettez pas de point virgule, mais le jour où un problème arrivera, l'erreur renvoyée ne sera pas forcément claire. Alors, prenez tout de suite les bonnes habitudes : toutes les instructions se terminent par un point-virgule !

2. Le typage

Cette opération est primordiale quel que soit le langage utilisé, mais l'IDE d'Adobe est assez (beaucoup trop à mon gout) laxiste sur ce point.

Typage : A quoi ça sert ?

Le typage, qu'est-ce que c'est ? C'est tout simplement donner un type à une variable.
Par exemple, c'est dire "Toi, tu es une variable qui contient forcément un chiffre, je vais donc indiquer à l'ordinateur que tu n'es autorisée à ne recevoir que des chiffres".
A première vue, ça peut paraitre inutile et évident. Détrompez-vous ! Le typage évite beaucoup d'erreurs. Ainsi, si vous essayez de mettre une chaine de caractères dans une variable numérique, le compilateur vous en avertira, alors que sans typage, la compilation s'effectuerait sans problème. Sauf que quand vous lancerez le fichier, l'ordinateur pourra être appelé à faire des calculs bizarres, comme sinus(2*"Bonjour"+3.1415). Personnellement, je ne sais pas faire ce type de calcul ...Le problème, c'est que l'ordinateur non plus n'en a aucune idée : il y aura donc erreur, et bugs sur tous les appels de cette variable//fonction. Pas cool !

En plus, en typant vos variables, l'ordinateur sait dès le début que telle variable ne contiendra que des chiffres : il n'aura donc pas besoin de faire des changements de type complexes ! C'est tout bénéf' pour la rapidité/propreté de votre code.

Je ne m'attarde pas trop sur ce sujet, un superbe tutorial est disponible sur le Site du Zéro .

Comment typer en AS ?

Vous devez typer vos variables et vos fonctions.
Pour les variables, cela implique qu'il faut aussi les déclarer !
Quelques exemples de typage de variables :
Code : Actionscript
Il y a une multitude de types : Array, MovieClip, Point, Line... j'en passe, regardez la documentation AS3 !

En plus des variables, vous devez aussi typer vos fonctions ! Dès que vous utilisez l'instruction return, votre fonction a un type : celui de la variable retournée ! Le type s'indique de la même façon que pour les variables : "Nom_De_La_Fonction(parametre:type_parametre):[type]"
Si une fonction ne renvoie rien (on parle alors de procédure), vous devez quand même la typer : puisque votre fonction ne renvoie rien, elle sera de type void, ce qui signifie néant en anglais.

Des exemples ?
Code : Actionscript

3. Les packages

Voilà le point qui fâche...
Qu'est-ce qu'un package ? Il s'agit d'un ensemble de fichiers qui contiennent les définitions de certaines fonctions.

Lorsque vous compilez manuellement, vous devez inclure les packages que vous utilisez.
Regardez le code de souris.as :

Code : Actionscript
Je vais donc vous parler de ces import.
En soi, rien de bien complexe : si vous utilisez des évènements de la souris (MouseEvent.MOUSE_MOVE, par exemple), vous devez inclure flash.events.MouseEvent.
Si vous utilisez des Sprites, vous devrez marquer import flash.display.Sprite...et ainsi de suite.

A priori, ce n'est pas compliqué, le seul problème étant de trouver le package quand l'instruction n'a pas un nom en rapport.
Une petite étude de cas ?
Citation : Vous

Comme vous le voyez, ça reste très artisanal : l'aide de Flash sera indispensable dans votre recherche de packages.

4. Les formes

Quand vous utilisiez l'IDE, vous avez surement pris l'habitude d'utiliser en permanence l'outil de dessin vectoriel ? Dans ce cas-là, j'ai deux nouvelles pour vous : une bonne et une mauvaise. Je commence par laquelle ? Allez, la mauvaise !
La mauvaise nouvelle, c'est que cette option n'est pas disponible avec ce compilateur. Il vous sera donc impossible de redessiner vos superbes vaguelettes à la souris...
La bonne nouvelle, c'est que tout n'est pas perdu ! Regardez le code source de souris.as :
Code : Actionscript
Comme vous voyez, ce que vous faisiez à la main est faisable en code ! Fini le WYSIWYG, bienvenue au code !

5. La TimeLine

Je crains d'avoir encore une mauvaise nouvelle à vous annoncer !
Malgré de nombreuses recherches, je n'ai pas trouvé comment créer une frame en code. Et il semble admis sur les forums que les frames n'existent pas dans Flex. Bilan : vous allez devoir faire une croix sur cette Timeline.
Attendez ! Ne partez pas...réfléchissons ensemble : quel est l'intérêt de ces frames ?

• Les animations de début // de fin => Faux ! Maintenant que vous réalisez toutes vos animations en code, ces anims seront incorporées dans votre code source. Pas de clips à accéder, donc pas besoin de frames !
• Les preloaders => Là vous marquez un point ! Effectivement, Flash attend normalement que la première frame soit chargée pour afficher le swf. Si vous n'avez qu'une seule frame, il vous sera donc impossible de réaliser une petite barre de chargement.
  Malheureusement, il n'y a pas de solutions simples à ce problème. Vous pouvez le contourner en utilisant un LoaderFlash qui chargera votre swf complet, ou vous pouvez utiliser la méthode décrite içi (attention : en anglais, et demande un certain niveau de compétence ! Entraînez-vous un peu avant d'aller voir ça). Une troisième solution existe, avec les classe tween. Je ne m'attarde pas là-dessus, car je n'en sais pas beaucoup plus.

Citation : L'aide de Flash


Ça y est, vos anciens codes sources devraient se compiler.
Ah non ! Il vous manque encore une notion...

6. Enchâssez-moi tout ça !

Votre code source doit être contenu dans une classe.
Voilà donc la structure standard d'un fichier .as :
Code : Actionscript



Qui a dit que vous deviez tout mettre dans le même fichier ? Ah oui ! Moi ... oubliez ça alors !
Vous pouvez parfaitement créer des fichiers annexes qui contiennent des fonctions.
Ainsi, rien ne vous empêche de créer un fichier Evenements.as, Graphisme.as , Calculs.as...
Une fois crées, vous pouvez les inclure très facilement, en utilisant la fonction include dans la fonction de départ.

Code : Actionscript


Ça y est !
Vous en avez fini avec cette sous-partie assez longue, je dois l'avouer ! (mes doigts fument encore d'avoir tapoté le clavier sans rémission).
Allez courage, plus que quelques lignes et c'est terminé !

Trace, vous connaissez ? Elle permet un débuggage débogage (parait qu'en français, ça s'écrit comme ça, moi je suis pas compliqué !), bref, cette fonction permet d'enlever facilement certains bugs de votre application.

Malheureusement, il s'agit d'un des ajouts de l'IDE. Pas d'IDE, pas de Trace !

Pas de panique ! Rien ne vous empêche de recréer une fonction trace, voire même d'améliorer l'ancienne.
Personnellement, j'utilise cette fonction : (inspirée du travail de Kisscoool).



Pour l'utiliser, il vous suffit d'inclure le fichier trace.as...comme vous venez d'apprendre à le faire !



(Je le mets en secret pour ne pas prendre trop de place)
Secret (cliquez pour afficher)

mxmlc Sources/Souris.as

1
2
3
4
5

var Map:Array = new Array()
var niveau:Sprite = new Sprite()
niveau.graphics.beginFill(0xFF0000,0.5)
niveau.graphics.drawRect(0,0,640,480)
stage.addChild(niveau)

1
2

var MonNombre:String=15;
MonNombre=2*MonNombre;

1
2
3
4

function SourisBouge(evt:Event):void
{
        return MouseX;
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15

package
{
    //[on considère que les import sont correctement réalisés]
    public class MonCode extends Sprite
        {
        function souris():void
                {
                        var niveau:Sprite = new Sprite();
                        niveau.graphics.beginFill(0xFF0000,0.5);
                        niveau.graphics.drawRect(0,0,640,480);
                        stage.addChild(niveau);
                        
                }
        }
}