ActionScript 3 – Programmation séquentielle et orientée objet
164
Dans cet exemple, nous traçons un cercle gris foncé à 70 % d’opacité de 100 pixels de
diamètre, soit 50 pixels de rayon, dont le centre est à 300 pixels du bord gauche de la
scène et 200 du haut.
Ellipse
À la différence du cercle, la méthode drawEllipse() ne gère pas les coordonnées x et y de la
même façon. Elles correspondent en effet au coin supérieur gauche du rectangle invisible
dans lequel vient s’inscrire l’ellipse un fois tracée.
Régler les attributs d’une forme
Parmi les différents réglages d’une forme, on trouve l’épaisseur et le style du trait, mais
également son remplissage. Commençons par découvrir qu’un trait ne se limite pas à une
représentation d’un simple tracé d’un pixel de largeur de couleur noire.
Attributs de trait
Fichier de référence : Chapitre6/trace9.fla
Dans le premier exemple présenté, voici la ligne d’instruction que nous avions utilisée :
ligneSeparation.graphics.lineStyle(4,0xFFFFFF,1);
La méthode lineStyle() contient trois paramètres qui permettent de mettre en forme
l’apparence d’un trait, mais il en existe d’autres qui sont utiles lorsque vous utilisez des
épaisseurs plus importantes.
Modifier l’apparence des extrémités d’un tracé
trait.graphics.lineStyle(20,0xFFFFFF,0.7,false,LineScaleMode.NORMAL,CapsStyle.ROUND,
➥JointStyle.MITER);
Il s’agit de l’avant-dernier paramètre dans l’exemple ci-dessus ; il peut posséder trois
valeurs :
• CapsStyle.NONE (pas d’extrémité)
• CapsStyle.SQUARE (extrémité carré)
• CapsStyle.ROUND (extrémité ronde)
Nous nous permettons de vous le préciser de nouveau : ces attributs ne sont visibles qu’à
partir du moment où vous avez défini une épaisseur de trait importante.
Par ailleurs, quelle différence fait-on précisément entre les constantes NONE et SQUARE.
Voici une copie d’écran qui démontre la continuité (CapsStyle.SQUARE) du tracé au-delà du
point directeur de la deuxième courbe de Bézier. En fonction de la position du point
d’ancrage d’une extrémité par rapport à une autre, le paramètre CapsStyle permet d’effectuer
des raccords proprement sans qu’il n’y ait un débordement ou un blanc.
164
Dans cet exemple, nous traçons un cercle gris foncé à 70 % d’opacité de 100 pixels de
diamètre, soit 50 pixels de rayon, dont le centre est à 300 pixels du bord gauche de la
scène et 200 du haut.
Ellipse
À la différence du cercle, la méthode drawEllipse() ne gère pas les coordonnées x et y de la
même façon. Elles correspondent en effet au coin supérieur gauche du rectangle invisible
dans lequel vient s’inscrire l’ellipse un fois tracée.
Régler les attributs d’une forme
Parmi les différents réglages d’une forme, on trouve l’épaisseur et le style du trait, mais
également son remplissage. Commençons par découvrir qu’un trait ne se limite pas à une
représentation d’un simple tracé d’un pixel de largeur de couleur noire.
Attributs de trait
Fichier de référence : Chapitre6/trace9.fla
Dans le premier exemple présenté, voici la ligne d’instruction que nous avions utilisée :
ligneSeparation.graphics.lineStyle(4,0xFFFFFF,1);
La méthode lineStyle() contient trois paramètres qui permettent de mettre en forme
l’apparence d’un trait, mais il en existe d’autres qui sont utiles lorsque vous utilisez des
épaisseurs plus importantes.
Modifier l’apparence des extrémités d’un tracé
trait.graphics.lineStyle(20,0xFFFFFF,0.7,false,LineScaleMode.NORMAL,CapsStyle.ROUND,
➥JointStyle.MITER);
Il s’agit de l’avant-dernier paramètre dans l’exemple ci-dessus ; il peut posséder trois
valeurs :
• CapsStyle.NONE (pas d’extrémité)
• CapsStyle.SQUARE (extrémité carré)
• CapsStyle.ROUND (extrémité ronde)
Nous nous permettons de vous le préciser de nouveau : ces attributs ne sont visibles qu’à
partir du moment où vous avez défini une épaisseur de trait importante.
Par ailleurs, quelle différence fait-on précisément entre les constantes NONE et SQUARE.
Voici une copie d’écran qui démontre la continuité (CapsStyle.SQUARE) du tracé au-delà du
point directeur de la deuxième courbe de Bézier. En fonction de la position du point
d’ancrage d’une extrémité par rapport à une autre, le paramètre CapsStyle permet d’effectuer
des raccords proprement sans qu’il n’y ait un débordement ou un blanc.