La construction d’une interface sur la scène
CHAPITRE 6
159
var ligneSeparation:Shape = new Shape();
ligneSeparation.graphics.lineStyle(4,0xFFFFFF,1);
ligneSeparation.graphics.moveTo(250,0);
ligneSeparation.graphics.lineTo(250,277);
addChild(ligneSeparation);
La création d’une forme vectorielle débute par l’instanciation de l’une des trois classes
suivantes : Shape(), MovieClip() ou Sprite(). Cela vous permet ensuite d’y rattacher un
tracé vectoriel. Dans notre exemple, dans la mesure où il s’agit d’une simple droite, nous
ne pouvons définir qu’un style de trait mais pas d’attributs de fond.
ligneSeparation.graphics.lineStyle(4,0xFFFFFF,1);
Cette première méthode, qui définit les caractéristiques d’un trait, contient trois paramètres
qui servent à configurer respectivement les trois points suivants :
• L’épaisseur du trait, exprimée en pixels.
• La couleur du trait, exprimée en valeur hexadécimale.
• Le pourcentage de transparence de la couleur du trait.
Une fois l’aspect du trait défini, nous devons indiquer à Flash son point de départ. Pour
cela, nous utilisons la méthode moveTo(). Nous vous rappelons que l’origine de la scène,
les coordonnées x = 0 pixels et y = 0 pixels, se trouve dans le coin supérieur gauche.
Nous devons ensuite définir le point d’arrivée de la droite en faisant appel à la méthode
lineTo().
Le mot graphics est une propriété commune aux deux classes Sprite() et Shape(), qui
permet de faire référence à la classe Graphics(). Celle-ci possède les méthodes et propriétés qui permettent de gérer le dessin vectoriel sur la scène d’une animation (ou dans un
conteneur). Précisons que la classe MovieClip() hérite des méthodes et propriétés de la
classe Sprite(). Elle possède donc, par héritage, la propriété graphics.
Pour pouvoir faire référence aux méthodes lineStyle(), moveTo() et lineTo(), vous devez
les préfixer du terme graphics.
Remarque
Le pourcentage doit être défini à partir d’une base décimale : cela signifie que 1 représente 100 %, 0.1
représente 10 % et 0.5 représente 50 %.
Attention
La méthode lineTo() nécessite deux paramètres qui spécifient les coordonnées d’un point (toujours par
rapport au coin supérieur gauche de la scène) et non une distance.
CHAPITRE 6
159
var ligneSeparation:Shape = new Shape();
ligneSeparation.graphics.lineStyle(4,0xFFFFFF,1);
ligneSeparation.graphics.moveTo(250,0);
ligneSeparation.graphics.lineTo(250,277);
addChild(ligneSeparation);
La création d’une forme vectorielle débute par l’instanciation de l’une des trois classes
suivantes : Shape(), MovieClip() ou Sprite(). Cela vous permet ensuite d’y rattacher un
tracé vectoriel. Dans notre exemple, dans la mesure où il s’agit d’une simple droite, nous
ne pouvons définir qu’un style de trait mais pas d’attributs de fond.
ligneSeparation.graphics.lineStyle(4,0xFFFFFF,1);
Cette première méthode, qui définit les caractéristiques d’un trait, contient trois paramètres
qui servent à configurer respectivement les trois points suivants :
• L’épaisseur du trait, exprimée en pixels.
• La couleur du trait, exprimée en valeur hexadécimale.
• Le pourcentage de transparence de la couleur du trait.
Une fois l’aspect du trait défini, nous devons indiquer à Flash son point de départ. Pour
cela, nous utilisons la méthode moveTo(). Nous vous rappelons que l’origine de la scène,
les coordonnées x = 0 pixels et y = 0 pixels, se trouve dans le coin supérieur gauche.
Nous devons ensuite définir le point d’arrivée de la droite en faisant appel à la méthode
lineTo().
Le mot graphics est une propriété commune aux deux classes Sprite() et Shape(), qui
permet de faire référence à la classe Graphics(). Celle-ci possède les méthodes et propriétés qui permettent de gérer le dessin vectoriel sur la scène d’une animation (ou dans un
conteneur). Précisons que la classe MovieClip() hérite des méthodes et propriétés de la
classe Sprite(). Elle possède donc, par héritage, la propriété graphics.
Pour pouvoir faire référence aux méthodes lineStyle(), moveTo() et lineTo(), vous devez
les préfixer du terme graphics.
Remarque
Le pourcentage doit être défini à partir d’une base décimale : cela signifie que 1 représente 100 %, 0.1
représente 10 % et 0.5 représente 50 %.
Attention
La méthode lineTo() nécessite deux paramètres qui spécifient les coordonnées d’un point (toujours par
rapport au coin supérieur gauche de la scène) et non une distance.