Sujets sur : cercles
Cours ActionScript 3 ‘cercles’
Dessiner des cercles, triangles, polygones en pure AS3
Commentaires fermés sur Dessiner des cercles, triangles, polygones en pure AS3
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 :
[codesyntax lang= »actionscript3″ title= »DrawingShapes Formes » bookmarkname= »DrawingShapes Formes »]
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 | 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 ); |
[/codesyntax]
Et le résultat dans un swf.
1 | http://e6msyji6epr.exactdn.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é 807 fois – 57,61 KoAvez-vous des classes AS3 utilitaires ?
Partagez-les dans les commentaires ci-dessous.
Développement Facile