mercredi 15 juillet 2009

Trousse du développeur ActionScript 3.0

Afin d’inaugurer ce blog, nous allons commencer par faire un petit tour d’horizon des outils à notre disposition en tant que développeurs AS3.0, ainsi que de quelques librairies indispensables que vous verrez fréquemment dans les tutoriaux à venir.

Flash CS3/4



Flash CS3/4 est l’IDE natif de Flash conçu par Adobe©. De notre point de vue de développeur, cet outil n’est pas recommandé. En effet, la pauvreté de l’éditeur de code n’en fait pas un outil de choix pour développer en de bonnes conditions. Et ce n’est sans compter sur son prix (836euros pour la version CS4) qui le met hors de portée de bien des bourses. Néanmoins, cela reste un moyen facile et rapide de compiler ses projets ou encore de manipuler la Timeline et la librairie.

Trial Version Flash CS4

FlexBuilder 3



Bien que principalement conçu pour développer des applications avec le framework Flex, Flex Builder permet aussi de développer en AS3.0. Et il le fait bien, basé sur le célébrissime Eclipse, bien connu des développeurs Java, FlexBuilder offre un environnement complet pour développer de manière confortable en AS3.0 : auto complétion, gestion de projets, code snippets, et si vous êtes aventureux (ou lisez ce blog à l’avenir), il vous ouvre les portes du développement Flex.

Un bon point pour lui, et si vous êtes étudiant, la version Pro de FlexBuilder 3 est disponible gratuitement, si vous n’êtes pas/plus étudiant, l’édition standard du Flex Builder est vendu pour 214euros, ce qui reste raisonnable, et 596euros pour la version Pro.

Offre étudiante
Trial Version Flex Builder 3

FlashDevelop


FlashDevelop est un IDE conçu sur la plateforme .NET de Microsoft, ciblant spécifiquement les développeurs AS3.0 (et haXe dans une moindre mesure). C’est celui que j’utilise personnellement, il offre tout ce qu’on attend d’un bon IDE: auto complétion, code snippets, template de fichier personnalisé, gestion de projet, correction synthaxique ou encore générateur de documentation. Il permet également de compiler vos projets avec un raccourcis, soit avec l’IDE Flash ou le Flex SDK. Et c’est la son grand avantage, Flex SDK étant gratuit, FlashDevelop vous offre une plateforme puissante et gratuite pour développer en AS3.0. C’est, selon moi, un outil indispensable si l’on veut travailler dans de bonnes conditions .

Télécharger FlashDevelop 3
Site FlashDevelop 3
Télécharger Flex SDK

Il existe bien entendu d’autres solutions pour développer en AS3.0, tel que FDT ou encore n’importe quel IDE simple ou le bon vieux Notepad couplé à la compilation en ligne de commande du Flex SDK. Mais les 3 outils présentés sont les meilleures solutions, ainsi que les plus complètes pour développer en AS3.0


Maintenant voyons voir les “à coté” qui vous seront utiles dans votre vie de développeur AS3.0.

Thunderbolt


Thunderbolt est ce qu’on appel un logger. Son rôle est de faire passer au navigateur, dans le cas présent Firefox via l’extension Firebug, des informations depuis le Flash Player. Thunderbolt est compatible Flex 2/3/4 ainsi que Flash CS3 et 4 via AS3.0. Voici un petit exemple d’utilisation de Thunderbolt :

var myString:String = ‘Lorem ipsum’;

Logger.info(‘FLash is calling: A simple string’, myString);

var myString:String = ‘Lorem ipsum’;
var myInteger:int = 5;
Logger.warn(‘FLash is calling: Two log objects: A number typed as int and a string’, myString, myInteger)l

var myArray:Array = [‘firstValue’,{x:100, y:200},’secondValue’]
Logger.error(‘FLash is calling: An array with a nested object:’, myArray);



Télécharger Thunderbolt
Documentation complète

Firebug




Mentionné juste avant, et au cas où vous n’auriez pas déjà cette superbe extension de Firefox, elle vous permettra, en plus de visionner les logs envoyés par Thunderbolt, de parcourir et modifer votre code HTML/CSS facilement, et de surveiller les échanges HTTP de votre page. Un outil indispensable pas uniquement pour un développeur AS3.0, mais pour toute personne touchant de près ou de loin au Web.

Add to Firefox

SWFObject (v2)


SWFObject est une librairie JavaScript qui vous permettra d’inclure facilement vos SWF dans vos pages HTML. Il permet de gérer facilement les FlashVars, les paramètres de l’objet Flash, ou encore de vérifier la version de Flash installée sur le navigateur (et le cas échéant d’afficher l’ExpressInstall d’Adobe).

Voici un exemple d’utilisation de SWF Object:
<script type="text/javascript">

var flashvars = {
name1: "hello",
name2: "world",
name3: "foobar"
};
var params = {
menu: "false"
};
var attributes = {
id: "myDynamicContent",
name: "myDynamicContent"
};
swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0","expressInstall.swf", flashvars, params, attributes);
</script>


Télécharger SWFObject
Documentation complète

TweenLite


TweenLite est un TweenEngine, son rôle est de vous aider à manipuler les propriétés d’un Objet via des formules dites “d’easing” qui offrent des effets variés sur les propriétés.

TweenLite c'est 3ko de vitamines pures, qui se résume très bien en deux fonctions, TweenLite.to et Tween.from, et oui rien de plus, rien de moins, et c'est ce qui en fait son charme et sa puissance. Les deux fonctions supportent les mêmes paramètres, mais ne produisent pas le même effet.

Là ou TweenLite.from fera partir votre/vos propriété(s) d'une valeur specifiée dans l'appel de la fonction, TweenLite.to fera l'inverse, à savoir, portera votre/vos propriété(s) à la valeur spécifiée dans l'appel de fonction. Démonstration :



TweenLite.from(fromMc, Number(durationFrom.text), {alpha: Number(fromValue.text)});

TweenLite.to(toMc, Number(durationTo.text), {alpha: Number(toValue.text)});


Télécharger TweenLite
Télécharger l'example

Voilà, nous n’avons bien sûr pas couvert tous les outils et librairies à notre disposition, mais nous avons fait un tour d’horizon de ce que nous serons amenés à rencontrer fréquemment, nous vous invitions à parcourir les blog/sites à lire, parmi lesquels vous trouverez d’excellentes ressources pour vous aider.

A venir : Développer son moteur 3D Isométrique.