Pour ceux qui ont raté le départ ou qui n’ont jamais osé s’y fourrer, voici toutes les étapes pour arriver au fameux HelloWorld !

Pas de théorie, on passe directement à la pratique. Si vous souhaitez connaitre les avantages, nouveautés,… de la nouvelle monture d’actionscript, rendez-vous par exemple sur media-box.

Avant toute chose, je tiens à préciser qu’il est possible de générer un swf de mille et une manière. Je vais donc vous expliquer la méthode la plus simple et propre (selon moi).

1. Installation

Il vous faut donc :
- Adobe Flash 9 alpha
- Flex Builder

L’installation est plutôt simple, rien de particulier.

2. Lancer le bousin

Une fois l’installation terminée, lancer Flash 9. Vous verrez que cette version ressemble étrangement à Flash 8. Ce n’est que la version alpha, patience…
Si vous connaissez Flash 8, vous ne serrez pas perdu.
On va maintenant lancer Flex Builder qui va nous permettre de développer tranquillement et en toute sérénité nos belles petites lignes de code. Basé sur Eclipse, les habitués retrouvent rapidement leurs repères.

3. Créer le projet

Comme sous Eclipse, File > New > ActionScript Project. Donner lui un nom et indiquer son chemin puis valider.
Vous venez de créer votre premier projet, 2 nouveaux répertoires “html-templates” et “bin” apparaissent. Laisser les tranquille, ce n’est pas utile pour l’instant.

Histoire de prendre quelques bonnes habitudes, on va faire un peu de ménage et préparer le terrain. On va donc créer un répertoire pour chaque type de fichier. Et supprimer la classe créer par défaut du nom de votre projet.
“src” pour les sources
“fla” pour les fla
“swf pour les swf
…

4. Créer la classe “HelloWorld”

On peut maintenant créer une nouvelle classe “HelloWorld.as” dans src/
Clique droit sur le répertoire > New > ActionScript Class et on lui donne le nom “HelloWorld”.
La classe est créée avec un template particulier que nous allons rapidement remplacer par

package {

	import flash.display.Sprite;
	import flash.text.TextField;
 
	public class HelloWorld extends Sprite {

		public function HelloWorld() {
 
			 var txt:TextField = new TextField() ;
             	 	 txt.x = 100;
             	 	 txt.y = 100;
             	 	 txt.border = true;
             	 	 txt.width = 120;
             	 	 txt.height = 20;
            	 	 txt.text = "Hello World";
             	 	 addChild(txt) ;
 
		}
	}
}

Download this code: HelloWorld.as

Une fois la classe terminée, on retourne dans notre Flash et on créé un nouveau document que l’on va enregistrer dans le répertoire “fla” préalablement créé.

5. Configurer les class-paths

Il ne nous reste plus qu’a assembler les deux afin que le fla puisse charger la classe HelloWorld. Pour cela, nous allons modifier les class Paths de Flash et pointer vers le repertoire src/ contenant les sources.
Edit > Preferences > ActionScript > ActionScript 3.0 Settings, rajouter “../src/” puis valider.
Profitez en pour rajouter les classes flex “C:\Program Files\Adobe\Flex Builder 2 Plug-in\Flex SDK 2\frameworks\source”.

6. L’attache de la classe au document.

Vous n’avez peut-être pas remarqué tout de suite mais une nouvelle fonctionnalité permet d’attacher une classe à un document directement. Nous allons donc attacher notre classe “HelloWorld” au document via la fenêtre propriété.

7. Compilation

La compilation n’a pas changé, Ctrl+Entrée. Voila vous venez de faire votre premier HelloWorld en ActionScript 3 s’il vous plait.

Télécharger les sources

This entry was posted on Samedi, février 24th, 2007 at 13:18 and is filed under Tutos. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.