<h2>Votre Formation vidéo</h2><br/>
Votre formation est décomposée<br/>
en chapitres très clairs de 20 à 30 min. <h2>Des exemples SWF </h2><br/>
Chaque leçon est accompagnée<br/>
du code source avec le fla et les classes. <h2>Votre Suivi personnalisé</h2><br/>
Vous pouvez  me poser toutes<br/>
vos questions sous les cours vidéos.

Dessiner des cercles, triangles, polygones en pure AS3

Commentaires fermés sur Dessiner des cercles, triangles, polygones en pure AS3

Écrit le 31 janvier par Matthieu
Publié dans le(s) sujet(s) ActionScript 3

Mots clés : , , , ,

Le Kit du Développeur Flash

Avec ActionScript 3 et la classe Graphics, il est possible de dessiner des rectangles, cercles

Mais il faut bien avouer que l’utilisation des méthodes moveTo, curveTo, lineTo est un peu compliquée.

J’ai trouvé une petite classe utilitaire pour nous simplifier tout ça : DrawingShapes.

Elle provient de cet article sur le site funky-monkey.

Cette classe très pratique permet de dessiner des formes de types :

  • Arc de cercle
  • Cercle
  • Camembert ou pacman !
  • Triangle
  • Etoile
  • Polygone
  • Écrou !
  • Ligne pointillée
  • Ligne verticale
  • Ligne horizontale
  • Et plein d’autres formes en fonction des paramètres données à la classe DrawingShapes

Exemple DrawingShapes

Voici un petit exemple d’utilisation de la classe DrawingShapes :

var oShape : Shape = new Shape( );
 
// dessiner un arc de cercle
oShape.graphics.lineStyle( 4, 0x006f77 );
// shape, x, y, angle, diametre, angle de départ - 360° un cercle -, angle en y - rotation -
DrawingShapes.drawArc( oShape.graphics, 463, 80, 69, 222, 90 );
 
// dessiner un polygone avec côtés arrondis !
oShape.graphics.lineStyle( 3, 0x00C5DF );
// shape, x, y, nombre de côté, angle intérieur, angle extérieur, angle de rotation
DrawingShapes.drawBurst( oShape.graphics, 163, 60, 4, 33, 60, 60 );
 
// dessiner ligne pointillée
oShape.graphics.lineStyle( 2, 0x02313B );
// shape, x depart, y depart, x2 arrivée, y2 arrivée, longueur du trait, espace entre les pointillés
DrawingShapes.drawDash( oShape.graphics, 0, 0, 333, 333, 33, 4 );
 
// dessiner un écrou
oShape.graphics.lineStyle( 3, 0xE16606 );
// shape, x, y, nombre de côté cercle extérieur, angle intérieur, angle extérieur, angle de rotation, nombre de côté cercle intérieur, diametre cercle intérieur
DrawingShapes.drawGear( oShape.graphics, 80, 200, 13, 33, 30, 4, 13, 63 );
 
// dessiner un polygone
oShape.graphics.lineStyle( 3, 0x006f77 );
// shape, x, y, nombre de côté, diamètre : Number, angle de rotation
DrawingShapes.drawPolygon( oShape.graphics, 150, 330, 13, 63, 4 );
 
// dessiner une étoile
oShape.graphics.lineStyle( 2, 0x00C5DF );
// shape, x, y, nombre de pics, angle intérieur, angle extérieur, angle de rotation
DrawingShapes.drawStar( oShape.graphics, 400, 300, 6, 30, 63, 27 );
 
// dessiner un camembert ou pacman !
oShape.graphics.lineStyle( 2, 0xFFCC00 );
// shape, x, y, diametre, angle (360) - périmètre du camembert, angle de rotation,  angle d'arrondi
DrawingShapes.drawWedge( oShape.graphics, 330, 160, 63, 300, 213, 0 );
 
// dessiner une ligne
oShape.graphics.lineStyle( 2, 0x006f77 );
// shape, x, y, longueur, direction
DrawingShapes.drawLine( oShape.graphics, 222, 160, 333, DrawingShapes.VERTICAL_LINE );
 
// dessiner une ligne
oShape.graphics.lineStyle( 3, 0x00C5DF );
// shape, x, y, longueur, direction
DrawingShapes.drawLine( oShape.graphics, 240, 80, 333, DrawingShapes.HORIZONTAL_LINE );
 
// ajout des formes sur la scène
addChild( oShape );

Et le résultat dans un swf.

https://www.actionscript-facile.com/wp-content/uploads/2012/01/DrawingShapes.swf

Télécharger le code source DrawingShapes

Pour télécharger le code source de l’exemple, cliquez sur le lien ci-dessous.

Télécharger “DrawingShapes Formes” ex-drawingshapes.zip – Téléchargé 288 fois – 58 KB

Avez-vous des classes AS3 utilitaires ?

Partagez-les dans les commentaires ci-dessous.



Développez des Jeux et Applications Flash avec la Formation AS3 Facile !

Recevez Gratuitement Des Cours en Vidéos, des codes source et des livrets de formation.
Et en bonus gratuit : Le Framework AS3 Facile ! 


leo eget odio pulvinar consectetur id, Sed