Action Script 1, Action Script 2

Pré-requis :
vous connaissez le logiciel, vous êtes capable de prendre un script sur le web et de l'utiliser dans votre animation ; félicitations vous êtes prêt pour le niveau 2 !
Ce tutoriel ne donne jamais la réponse finale à l'exercice, à vous de trouver la solution avec les morceaux de scripts fournis.

Dans toute cette série de tutoriels, je mettrai les mots réservés à Action Script en gras exemple : lineStyle ; pour afficher la documentation officielle il suffit de séléctionner le mot-clef et d'appuyer sur F1.

Objectif : Dessiner une grille en Action Script
Spécifications :

Couleur de fond de la scène : #CCCCCC
Couleur du tracé : Noir ( 0x000000 )
Epaisseur du tracé 1 px
8*8 cases
Taille d'une case 40*40 pixels
Centrée sur la scène

Résultat à obtenir :

Retour

//créer un movie clip en script sur le _root (la scène)
var grille_mc = _root.createEmptyMovieClip("grille_mc",0);

//dessiner une ligne horizontale dans le clip grille_mc
grille_mc.lineStyle(1,0x0,100); // choix du type de tracé (epaisseur, couleur, alpha)
grille_mc.moveTo(0,0); // place le crayon
grille_mc.lineTo(50,0); // trace une ligne de 50 pixels

//exemple de script pour dessiner 5 lignes horizontales les unes sous les autres dans le clip grille_mc
var ECART_VERTICAL:Number = 50;
var LONGUEUR_LIGNE:Number = 200;

grille_mc.lineStyle(1,0x0,100); // choix du type de tracé (epaisseur, couleur, alpha)

for(var nombre_ligne:Number = 0 ; nombre_ligne < 5; nombre_ligne++)
{
	grille_mc.moveTo(0,nombre_ligne * ECART_VERTICAL);
	grille_mc.lineTo(LONGUEUR_LIGNE,nombre_ligne * ECART_VERTICAL);	
}

//centrer le clip grille_mc horizontalement par rapport à la taille de la scène
grille_mc._x = ( 400 - grille_mc._width) / 2;

// note, on peut remplacer 400 par Stage.width, qui renvoi la largeur de la scène
// on obtient donc :
// grille_mc._x = ( Stage.width - grille_mc._width) / 2;