La construction d’une interface sur la scène
CHAPITRE 6
163
Recentrer un carré ou un rectangle
Comme nous venons de vous le faire remarquer, la création d’un carré ou d’un rectangle se
fait par rapport au conteneur ciblé avec la méthode addChild(). Afin de mieux comprendre
cette dernière affirmation, essayez de faire tourner la forme que vous venez de créer. Vous
visualiserez ainsi l’origne x et y du conteneur dans lequel vous ajoutez l’occurrence.
var cadre:Shape = new Shape();
cadre.graphics.lineStyle(4,0xFFFFFF,1);
cadre.graphics.drawRect(70,50,250,125);
addChild(cadre);
cadre.addEventListener(Event.ENTER_FRAME,tourner);
function tourner(evt:Event) {
evt.currentTarget.rotation+=1;
}
Le constat est flagrant ! Lorsque la ligne d’instruction addChild(cadre) est exécutée, le
conteneur d’objet d’affichage ciblé est, par défaut, l’animation. Cette dernière ayant ses
coordonnées (0, 0) en haut à gauche de la scène, la forme est excentrée dès sa création.
Voici le script que vous devriez utiliser pour créer un rectangle (ou tout autre forme
fermée) dont le point d’alignement est au centre.
var cadre:Shape = new Shape();
cadre.graphics.lineStyle(1,0,1);
cadre.graphics.drawRect(-50,-50,100,100);
addChild(cadre);
cadre.x=150;
cadre.y=150;
cadre.addEventListener(Event.ENTER_FRAME,tourner);
function tourner(evt:Event) {
evt.currentTarget.rotation+=1;
}
Tracer un cercle ou une ellipse
La technique pour tracer un cercle ou une ellipse, est aussi simple que celle pour créer un
carré ou un rectangle. Il vous suffit de faire appel aux méthodes drawCircle() et drawEllipse().
Dans le cas de la première, vous devez définir des coordonnées x et y pour positionner le
cercle, puis un troisième paramètre pour définir le rayon du cercle. Dans le cas d’une
ellipse, vous devez définir deux rayons de tailles différentes.
var boutonRond:Shape = new Shape();
boutonRond.graphics.beginFill(0x666666,0.7);
boutonRond.graphics.drawCircle(300,200,50);
addChild(boutonRond);