Facbook viewat  Flickr
Accueil du site > Astuces > Dessiner un arc de cercle en Action script 3.

AS3 / Flash

Dessiner un arc de cercle en Action script 3.

1 vote

Publié le jeudi 22 septembre 2011

L’utilisation de la classe flash.display.shape n’est pas si aisée qu’il y parait. La notion de courbe renvoie aux cours de maths et de géométrie dans l’espace du lycée, avec des particularité, notamment en terme de coordonnées relatives bien spécifiques à Flash.

Voici quelques explications avec schéma à l’appui :

JPEG - 14.3 ko
Dessiner un arc de cercle en AS3
Dessin d’un arc de cercle en AS3

Le code suivant est un exemple concret décrit dans le shéma :

var courbe:Shape = new Shape();// Instance de l'objet d'affichage
courbe.graphics.lineStyle(2, 0xffffff, 1);// Style du trait
courbe.graphics.moveTo(0, 0);// Coordonnées initiales de la courbe par rapport au point d'alignement de l'objet d'affichage
courbe.graphics.curveTo(0, 150,-150,150); //Coordonnées du point de contrôle et du second point d'ancrage
courbe.x = 150; courbe.y = 50;//Positionnement de la courbe
addChild(courbe);// affichage de la courbe

Le code ci-dessous permet de gérer ses courbes de manières relatives à partir du même exemple :

var posx:int = 100;
var posy:int=100;
var posx2:int = (posx/2);
var posy2:int = (posy/2);
var middlex:int = posx2+posy2;
var courbe:Shape = new Shape();// Instance de l'objet d'affichage
courbe.graphics.lineStyle(2, 0xffffff, 1);// Style du trait
courbe.graphics.moveTo(0, 0);// Coordonnées initiales de la courbe par rapport au point d'alignement de l'objet d'affichage
courbe.graphics.curveTo(0, middlex,-middlex,middlex); //Coordonnées du point de contrôle et du second point d'ancrage
courbe.x = posx+posx2; courbe.y = posy-posy2;//Positionnement de la courbe
addChild(courbe);// affichage de la courbe

Explications :

Toute l’astuce repose dans le fait que chaque coordonnée est relative à la précédente.

Répondre à cet article

Plan du site | Contact | Suivre la vie du site RSS 2.0