Flash tutorials
Home 3D (2) Actionscripting (66) Animation (108) Audio (4) Drawing (7) Full flash sites (4) Getting Started (15) Navigation (25) Special Effects (61) Text Effects (38)

Create gradinet shapes using the AS3

21.7.2009, 16:9    Total views: 15339

This, step by step, detailed action script lesson, will show you how to create linear and radial gradient shapes using the beginGradiantFill() method. Let's start!

Step 1

Create a new flash document. Call the current layer AS3. Double-click on its default name (Layer 1) to change it. Press Enter once you have typed in the new name!



Step 2


Select the first frame of layer AS3 and go to the AS3 panel (F9). Then, enter this code inside the actions panel:

This code represents gradient linear blue and white circle shape.

var gradType:String = GradientType.LINEAR;
var colors:Array = [0xffffff, 0x0c88e0,];
var alphas:Array = [4, 4];
var ratios:Array = [0, 255];
var canvas = new Sprite();
canvas.graphics.beginGradientFill(gradType, colors, alphas, ratios)
canvas.graphics.drawCircle(50, 100, 100);
canvas.x = canvas.y = 150;
addChild(canvas);



If you copy and paste code below, you will get gradient radial green rectangle.

var gradType:String = GradientType.RADIAL;
var colors:Array = [0x4c4c4c, 0x6ca721];
var alphas:Array = [1, 1];
var ratios:Array = [0, 255];
var canvas = new Sprite();
canvas.graphics.beginGradientFill(gradType, colors, alphas, ratios)
canvas.graphics.drawRect(0, 0, 150, 150);
canvas.x = canvas.y = 100;
addChild(canvas);



That's it!

Enjoy!

Have questions about this tutorial?
Visit our friendly Community Forums!
Digg it! Add this tutorial to del.icio.us! Furl it! Add this tutorial to reddit! Spurl it! Add this tutorial to technorati!

Top tutorials

1. Advanced full flash site - Part 1
Total views: 310911

2. High-tech city animation
Total views: 274120

3. Water effect
Total views: 237426

4. Photo slide show
Total views: 221072

5. Special Picture Effect
Total views: 190869



Related links

dans le cadre de leur collection automne / hiver 2008 de la ngc, marque japonaise a ainsi une fois de plus a porter.ADIDAS TUBULAR WOMENils ont travaillé sur l'ensemble des trois pieces et # 8211; un sac fourre - tout, une valise et un porte - clés / carte de voyage.ils présentent une gamme de produits classiques.le fait qu'elles offrent a la plupart d'entre eux en orange est un bon contraste.  via honeyee.ADIDAS ORIGINALS NMDon peut s'attendre a une libération de ce produit dans les semaines a venir.ADIDAS TUBULAR SCHUHEla broderie artiste kimberly scola est parmi ceux qui participent a ce los angeles & # 8216; & # 8220; cette fete et # 8221; exposition,ADIDAS YEEZY BOOST 550 inaugurée vendredi dernier.ADIDAS EQUIPMENT 10a l'occasion de l'ouverture, en cas de scola a collaboré avec une tapisserie de 100 faux sacs fourre - tout.Adidas Adizero F50 FGces agréables rappels d'un événement,ADIDAS X PLR malheureusement, seulement deux jours de liaison.ADIDAS MESSI 16.3 ICles points saillants de & # 8220;StartAdidas Ultra Boost Uncaged cette fete et # 8221; et une liste de cas suivent l'artiste.ADIDAS ACE 16.3 TF