ActionScript: Llenar una forma de un gradiente

Share

|

Utilice el beginGradientFill() y los métodos del endFill() para iniciar y cierre una forma dibujada en el tiempo de pasada.

En un terraplén del gradiente, hay un cambio calificado en colores. El flash apoya los gradientes lineares, en los cuales un color se descolora en el siguiente de izquierda a derecha. El flash también apoya los gradientes radiales, en los cuales los colores irradian hacia fuera de un punto de centro. Usted puede iniciar una forma gradiente-llenada usando el beginGradientFill() de la misma manera que usted inicia una forma so'lido-llenada con el beginFill(). La diferencia es que la llamada al beginGradientFill() requiere un sistema más complejo de parámetros:

gradientType
"linear" para un gradiente linear, o la "parte radial" para un gradiente radial.

colores
Un arsenal de los valores del RGB para que los colores utilicen en el gradiente. Se exhiben en el gradiente de izquierda a derecha en un gradiente linear, o del centro hacia fuera en un gradiente radial.

alfas
Un arsenal de los valores de la alfa que corresponden a los colores en el arsenal del parámetro de los colores.

cocientes
Un arsenal que elementos son números que corresponden a los colores y a los elementos de las alfas. Los valores en el arsenal de los cocientes indican el punto dentro del gradiente en el cual cada color es puro. La gama de los valores para los cocientes debe ser a partir de la 0 (punto extremo izquierdo en un terraplén linear, o punto íntimo en un terraplén radial) a 255 (de derecha o exterior).

matriz
Un objeto con las características siguientes:

matrixType
Este valor debe siempre ser "caja".

x
La coordinada X de la esquina fondo-izquierda del gradiente.

y
La coordinada Y de la esquina fondo-izquierda del gradiente.

anchura
La anchura del gradiente en pixeles.

altura
La altura del gradiente en pixeles.

r
La rotación del gradiente en los radianes (no grados).

Aquí está un ejemplo que utiliza un gradiente linear para llenar un rectángulo:

//incluya los métodos de dibujo, que son necesarios para 
el método del drawRectangle() # incluyen "DrawingMethods.as"

//defina la anchura y la altura del rectángulo 
para ser rectWidth exhausto y llenado = 100; rectHeight = 200;

//cree un clip vacío dentro de el cual dibujemos la forma
_ root.createEmptyMovieClip("shape_mc", 1); 
shape_mc.lineStyle(3, 0, 100);

//cree un arsenal de los colores con los valores del RGB 
para los colores azules, verdes, y rojos = [ 0x0000FF, 0x00FF00, 
0xFF0000 ];

//cree un arsenal de las alfas en el cual los colores sean
alfas opacas del 100% = [ 100, 100, 100 ];

//cree un arsenal de los cocientes donde está el azul 
puro en el borde izquierdo del gradiente,/puro/verde está en el 
centro, y el rojo puro en los cocientes derechos del borde = [ 0, 
127.5, 255 ];

//cree el objeto de la matriz. Fije las coordinadas 
de x y Y de modo que/fondo-izquierdo/esquina del gradiente se alinee 
con la esquina fondo-izquierda del rectángulo. Sistema// la 
anchura y la altura del gradiente para emparejar la matriz del 
rectángulo = {matrixType: "caja", x: - rectWidth/2, y: 
- rectHeight/2, W: rectWidth, h: rectHeight, r:0};

//beginGradientFill(de la llamada) de modo que el 
rectángulo sea// llenado de un gradiente linear 
shape_mc.beginGradientFill("linear", colores, alfas, cocientes, 
matriz);

//drenaje el rectángulo con las esquinas redondeadas 
(requiere DrawingMethods.as). shape_mc.drawRectangle(rectHeight,
rectWidth, 10);

//extremo el terraplén shape_mc.endFill();

Observe que el método del endFill() está utilizado para terminar una operación de dibujo comenzada con cualquier beginFill() o beginGradientFill().

Aquí está un ejemplo de una parte radial, terraplén del gradiente usado para llenar una elipse:

//incluya los métodos de dibujo, que son necesarios para 
el método del drawEllipse() # incluyen "DrawingMethods.as"

//defina la anchura y la altura de la elipse para 
ser ellipseWidth exhausto y llenado = 100; ellipseHeight = 200;

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

//cree los colores, las alfas, y los órdenes de los 
cocientes para blanco y negro, el 100% opaco// comienzo puro del 
blanco en el centro y los grados en negro puro en el borde exterior 
colorean = [ 0xFFFFFF, 0x000000 ]; alfas = [ 100, 100 ]; 
cocientes = [ 0, 255 ];

//defina la matriz del objeto de la matriz = {matrixType: 
"caja", x: - ellipseWidth/2, y: - ellipseHeight/2, 
W: ellipseWidth, h: ellipseHeight, r:0};

//comience el terraplén radial 
shape_mc.beginGradientFill("radial", los colores, las alfas, los 
cocientes, la matriz);

//drenaje la elipse (requiere DrawingMethods.as). 
shape_mc.drawEllipse(ellipseWidth/2, ellipseHeight/2);

//extremo el terraplén shape_mc.endFill();