Méthodes de dessin avec ActionScipt
Vous pouvez utiliser l'ActionScript pour réaliser des figures simples et les placer dans la scène. Les méthodes de dessins avec ActionScript sont en fait les méthodes utilisées pour l'objet MovieClip.
Voici les différentes méthodes existantes pour tracer des lignes droites:
| moveTo (x, y) | donne un point de départ au tracé |
| lineStyle(épaisseur,rvb,alpha) | Définit le style du trait. Nous précisons tout d'abord l'épaisseur du trait en pixel, puis la valeur hexadécimale. Le noir s'écrit #000000, et en actionScript : 0x000000. Enfin, l'alpha est indiqué : 100 pour une couleur à 100%, 50 pour une transparence à 50%. |
| lineTo (x,y) | trace une ligne par rapport au point de départ indiqué par la méthode moveTo. Si le point de moveTo est à l'origine 0(0,0), et le lineTo(100,100). Flash trace une ligne entre le point 0(0,0) et le nouveau point (100,100). |
| lineStyle (épaisseur,rvb,alpha) | donne un style de trait. On règle tout d'abord l'épaisseur du trait en pixels(0 à 255), puis la couleur : 0x00FF00 pour du vert parexemple. Enfin on précise l'alpha (la transparence). |
| Dessin d'une diagonale | |
| Je crée un trait en diagonal rouge d'une épaisseur de 2 pixels,
qui part de l'origine pour aller en A(100,100):
this.lineStyle(2,0xFF0000,100); |
|
| Dessin d'un carré | |
| Pour créer un carré avec un tracé vert
d'une épaisseur
de 3 pixels, j'ouvre mon panneau Actions et je place ce code sur l'image :
this.lineStyle(3,0x00FF00,100); |
|
Vous pouvez aussi créer des remplissages, des dégradés et des courbes avec les méthodes de la classe MovieClip. Ces méthodes s'appliquent à des occurence clip comme nous l'avons vu dans les exemples ci-dessus (monClip.lineTo()) ou à un niveau (_root.moveTo()).
| beginFill(RVB,alpha) | remplit une forme avec une couleur unie indiquée en valeur hexadécimale, le bleu profond s'écrit : 0x0000FF par exemple, on précise sa transparence en pourcentage, de 0 à 100. Si on ne précise par l'alpha, elle est de 100 par défaut. |
| beginGradientFill (type de remplissage,couleurs, alpha, rapports, matrice) | remplit une forme avec un dégradé. Pour le premier paramètre,il
existe deux choix : linear (dégradé linéaire) ou radial
(dégradé radial). Les couleurs du dégradé sont
ensuite précisées en valeur héxadécimale. L'alpha
s'écrit toujours en pourcentage de 0 à 100. Le paramètre
"rapports" possède une valeur de 0 à 255 et indique
la largeur de la couleur dans le dégradé. Le paramètre
matrice est une matrice de transformation qui est un objet avec l'un des deux
ensembles de propriétés suivants.
d e f g h i On indique d'abord dans les accolades : typeDeMatrice : "box", x est la position horizontale (coin supérieur gauche du dégradé), y est la position verticale (coin supérieur gauche du dégradé), l est la largeur du gradient, h est la hauteur du dégradé et r est la rotation du dégradé, en radians. |
| endFill() | termine un remplissage. |
| Dessin d'un triangle, avec un remplissage en dégradé | |
| _root.createEmptyMovieClip ("triangle", 1); with (_root.triangle) { couleurs = [ 0xFF0000, 0x0000FF ]; alphas = [ 100, 100 ]; rapports = [ 0, 0xFF ]; matrice = { a:80, b:30, c:20, d:0, e:70, f:0, g:70, h:40, i:1 }; beginGradientFill( "linear", couleurs, alphas, rapports, matrice ); lineStyle (2, 0xff0000, 100); moveTo (10, 50); lineTo (90, 90); lineTo (90, 10); lineTo (10, 50); endFill(); } |
|
| curveTo (contrôle x, contrôle y, ancre x, ancre y) | crée une ligne courbe avec quatre paramètres. Cette méthode utilise les courbes de Bézier quadratique. |
| clear() | supprime tous les tracés vectoriels créés avec du code dans Flash. |