Solved

In Flash MX2004, how do I turn this linear gradient box into a radial gradient circle?

Posted on 2007-11-28
6
225 Views
Last Modified: 2008-02-01
How do I modify this action script so that it produces a circle with a concentric radial gradient, instead of a box with a linear gradient?

Thanks,
John
import flash.geom.*

//

var mc:MovieClip = this.createEmptyMovieClip("grad", 1);

 

var colors = [0x79986B, 0xDCE0B6, 0x79986B, 0x000000];

var alphas = [100, 100, 100,100];

var ratios = [0, 15, 30,45];

var matrix = {matrixType:"box", x:100, y:100, w:200, h:200, r:(45/180)*Math.PI};

mc.beginGradientFill("linear",colors,alphas,ratios,matrix);

mc.moveTo(100,100);

mc.lineTo(100,300);

mc.lineTo(300,300);

mc.lineTo(300,100);

mc.lineTo(100,100);

mc.endFill();

Open in new window

0
Comment
Question by:gabrielPennyback
  • 4
  • 2
6 Comments
 
LVL 34

Expert Comment

by:Aneesh Chopra
ID: 20367595
Just change "linear" to "radial"

you can also play with "ratios" array, to change the size of gradient circle.
for example, try replacing existing "radios" array with following:
var ratios = [0, 50, 100, 200];

here is the updated code:
import flash.geom.*;

//

var mc:MovieClip = this.createEmptyMovieClip("grad", 1);
 

var colors = [0x79986B, 0xDCE0B6, 0x79986B, 0x000000];

var alphas = [100, 100, 100, 100];

var ratios = [0, 15, 30, 45];
 

var matrix = {matrixType:"box", x:100, y:100, w:200, h:200, r:(45/180)*Math.PI};

mc.beginGradientFill("radial",colors,alphas,ratios,matrix);

mc.moveTo(100,100);

mc.lineTo(100,300);

mc.lineTo(300,300);

mc.lineTo(300,100);

mc.lineTo(100,100);

mc.endFill();

Open in new window

0
 
LVL 1

Author Comment

by:gabrielPennyback
ID: 20368510
Hi aneesh,

Yes that was the first thing i tried, but I still get a 200x200 black box around the much smaller circle gradient.bIs "box" an ActionScript defined term?  I thought maybe "circle" would get rid of the black box, but that produces no shape at all.

John
0
 
LVL 34

Accepted Solution

by:
Aneesh Chopra earned 500 total points
ID: 20371147
as I already mentioned

"
you can also play with "ratios" array, to change the size of gradient circle.
for example, try replacing existing "radios" array with following:
var ratios = [0, 50, 100, 200];
"

ratios defines the area each gradient color will occupy

ratio value must be in between 0 to 255

to get rid of black color you can set last color alpha to 0

just try follwoing code and see the output:
import flash.geom.*;

//

var mc:MovieClip = this.createEmptyMovieClip("grad", 1);

 

var colors = [0x79986B, 0xDCE0B6, 0x79986B, 0x000000];

var alphas = [100, 100, 100, 0];

var ratios = [0, 50, 150, 200];

 

var matrix = {matrixType:"box", x:100, y:100, w:200, h:200, r:(45/180)*Math.PI};

mc.beginGradientFill("radial",colors,alphas,ratios,matrix);

mc.moveTo(100,100);

mc.lineTo(100,300);

mc.lineTo(300,300);

mc.lineTo(300,100);

mc.lineTo(100,100);

mc.endFill();

Open in new window

0
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 
LVL 34

Expert Comment

by:Aneesh Chopra
ID: 20371179
another point,
"ratios" Array value should be set in incremental to each previous element of the array
and value should be inbetween 0 to 255

0
 
LVL 1

Author Comment

by:gabrielPennyback
ID: 20374870
Thanks, aneesh. The main key was making that last alpha zero. Thanks for the continuing education.

Please take a look at this related quesion. If you have the time to post an answer now that would be awesome.

http://www.experts-exchange.com/Software/Photos_Graphics/Web_Graphics/Macromedia_Flash/Q_22990904.html
0
 
LVL 34

Expert Comment

by:Aneesh Chopra
ID: 20375432
welcome,
I just say the linked question and it has already been answered.

secondly,
if you are satisfy with my comment on this question.
Please close this question by accepting the appropriate comment


0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

This is intended to introduce all collision detection principles in flash, their strengths, weaknesses and workarounds. The main method for Collision Detection in flash is using hitTestObject. But unless you'll be pushing rectangular shapes without …
There are times in your Flash CS4 application when you want more than a simple pointer or a hand, and it's hard to find an ideal walk-through to tell you what to do.  I spent a few days recently learning my way around making custom cursors in Flash,…
In this tutorial viewers will learn how to create a basic motion tween animation in Flash Open a new document in Flash: Draw/import an image: Press CTRL + F8 to convert it into a graphic symbol: Select a frame (how long you want the tween to last): …
The goal of the tutorial is to teach the user how to live broadcast using Flash Media Live Encoder and connecting it to YouTube to broadcast. Log into your Youtube account, choose live stream settings, start live stream from Flash Media Live Enc…

895 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now