ActionScript: Riempiendo una figura di pendenza

Share

|

Usi il beginGradientFill() ed i metodi del endFill() per iniziare e chiuda una figura disegnata a tempo di esecuzione.

In un materiale di riempimento di pendenza, ci è un cambiamento classificato a colori. Il flash sostiene le pendenze lineari, in cui un colore si sbiad nel seguente da sinistra a destra. Il flash inoltre sostiene le pendenze radiali, in cui i colori si irradiano fuori da un punto concentr. Potete iniziare una figura pendenza-riempita usando il beginGradientFill() nello stesso senso che iniziate una figura solido-riempita con beginFill(). La differenza è che la chiamata a beginGradientFill() richiede un insieme dei parametri più complesso:

gradientType
"lineare" per una pendenza lineare, o "la parte radiale" per una pendenza radiale.

colori
Un allineamento dei valori di RGB affinchè i colori usino nella pendenza. Sono visualizzati nella pendenza da sinistra a destra in una pendenza lineare, o dal centro esternamente in una pendenza radiale.

alfa
Un allineamento dei valori dell'alfa che corrispondono ai colori nell'allineamento di parametro di colori.

rapporti
Un allineamento di cui gli elementi sono numeri che corrispondono ai colori ed agli elementi dell'alfa. I valori nell'allineamento di rapporti indicano il punto all'interno della pendenza a cui ogni colore è puro. La gamma di valori per i rapporti dovrebbe provenire da 0 (punto di estrema sinistra in un materiale di riempimento lineare, o punto più interno in un materiale di riempimento radiale) a 255 (di estrema destra o esterno).

tabella
Un oggetto con le seguenti proprietà:

matrixType
Questo valore dovrebbe sempre essere "scatola".

x
Di coordinata x del angolo parte-di sinistra della pendenza.

y
Di coordinata y del angolo parte-di sinistra della pendenza.

larghezza
La larghezza della pendenza in pixel.

altezza
L'altezza della pendenza in pixel.

r
La rotazione della pendenza nei radianti (non gradi).

Qui è un esempio che usa una pendenza lineare per riempire un rettangolo:

//includa i metodi di disegno, che sono necessari per il 
metodo del drawRectangle() # includono "DrawingMethods.as"

//definisca la larghezza e l'altezza del 
rettangolo per essere rectWidth tirato e riempito = 100; 
rectHeight = 200;

//generi una clip vuota in cui disegneremo la figura _ 
root.createEmptyMovieClip("shape_mc", 1); shape_mc.lineStyle(3, 
0, 100);

//generi un allineamento di colori con i valori di RGB per
i colori blu, verdi e rossi = [ 0x0000FF, 0x00FF00, 0xFF0000 ];

//generi un allineamento dell'alfa in cui i colori sono 
alfa opaca di 100% = [ 100, 100, 100 ];

//generi un allineamento di rapporti dove l'azzurro puro 
è al bordo di sinistra della pendenza,/puro/verde è nel centro e nel
colore rosso puro ai giusti rapporti del bordo = [ 0, 127.5, 255 ];

//generi l'oggetto della tabella. Regoli di 
coordinata y e di x in modo che/parte-di sinistra/angolo della 
pendenza allinei con il angolo parte-di sinistra del rettangolo. 
Insieme// la larghezza ed altezza della pendenza per abbinare la
tabella di rettangolo = {matrixType: "scatola", x: - 
rectWidth/2, y: - rectHeight/2, W: rectWidth, h: 
rectHeight, r:0};

//beginGradientFill(di chiamata) in modo che il rettangolo
sia// riempito di pendenza lineare 
shape_mc.beginGradientFill("linear", colori, alfa, rapporti, tabella);

//tiraggio il rettangolo con i angoli arrotondati 
(richiede DrawingMethods.as). shape_mc.drawRectangle(rectHeight,
rectWidth, 10);

//estremità il materiale di riempimento 
shape_mc.endFill();

Si noti che il metodo del endFill() è usato per concludere un funzionamento di disegno cominciato con il uno o il altro beginFill() o beginGradientFill().

Qui è un esempio di una parte radiale, materiale di riempimento di pendenza usato per riempire un ellisse:

//includa i metodi di disegno, che sono necessari per il 
metodo del drawEllipse() # includono "DrawingMethods.as"

//definisca la larghezza e l'altezza dell'ellisse 
per essere ellipseWidth tirato e riempito = 100; ellipseHeight =
200;

_ root.createEmptyMovieClip("shape_mc", 1); 
shape_mc.lineStyle(3, 0x000000, 100);

//generi i colori, l'alfa e gli allineamenti di rapporti 
per bianco e nero, sia 100% opaco// inizio puri di bianco nel centro 
che i gradi in nero puro al bordo esterno colora = [ 0xFFFFFF, 
0x000000 ]; alfa = [ 100, 100 ]; rapporti = [ 0, 255 ];

//definisca la tabella dell'oggetto della tabella = 
{matrixType: "scatola", x: - ellipseWidth/2, y: - 
ellipseHeight/2, W: ellipseWidth, h: ellipseHeight, r:0};

//cominci il materiale di riempimento radiale 
shape_mc.beginGradientFill("radial", i colori, l'alfa, i rapporti, la 
tabella);

//tiraggio l'ellisse (richiede DrawingMethods.as). 
shape_mc.drawEllipse(ellipseWidth/2, ellipseHeight/2);

//estremità il materiale di riempimento 
shape_mc.endFill();