Máscaras de Scripting en flash

Share

|

Utilice el API de dibujo para crear una forma y después para utilizar MovicClip.setMask() para aplicar la máscara.

Las máscaras se pueden utilizar para crear formas únicas o efectos visuales. Por ejemplo, usted puede utilizar máscaras para crear los trapos y las transiciones o las animaciones interesantes en los cuales solamente la porción enmascarada de las ilustraciones es visible en un momento dado. Usted puede incluso crear las máscaras que se desforman en un cierto plazo, y las utiliza para enmascarar gráficos trazados una correspondencia de bits (en clips de la película).

Usted puede utilizar cualquier clip de la película como máscara de otro clip de la película usando el método del setMask(). El método del setMask() se llama del clip de la película que se enmascarará, y usted debe pasarle una referencia al clip de la película que actúa como la máscara:

maskedMovieClip.setMask(maskMovieClip);

En la mayoría de los casos, las máscaras son formas simples, tales como rectángulos o círculos. Usted no necesita utilizar el API de dibujo para dibujar el clip de la película de la máscara, pero se recomienda que usted lo hace tan a menos que la máscara esté de una forma inusual.

Primero, aquí está un ejemplo en el cual una máscara sigue el ratón. La máscara se asigna a un clip de la película que contiene una imagen cargada, así que el efecto es que el usuario puede ver solamente la porción del excedente de la imagen que él ha colocado el ratón.

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

//cree un clip de la película y un clip 
jerarquizado de la película para cargar// para de la imagen más 
información en la necesidad de crear los clips jerarquizados de la 
película al cargar// JPEGs. externo _ 
root.createEmptyMovieClip("image_mc", 1); _ 
root.image_mc.createEmptyMovieClip("imageHolder_mc", 1);

//carga la imagen en el clip de la película. Usted 
puede utilizar este URL si usted desea, pero // trabajo solamente 
mientras que usted está utilizando la prueba 
o/independiente/image_mc.imageHolder_mc.loadMovie("http://www.person13.com/ascb/images/image1.jpg
de los jugadores");

//drenaje el clip _ root.createEmptyMovieClip("mask_mc de 
la película que enmascara", 2); mask_mc.lineStyle(3, 0x000000, 
0); mask_mc.beginFill(0, 100); mask_mc.drawCircle(60); 
mask_mc.endFill();

//llamada el método del setMask() en el clip enmascarado 
de la película y le pasa// clip de la película que enmascara como 
parámetro image_mc.setMask(mask_mc);

//llamada el método del startDrag() del clip de la 
película que enmascara de modo que la máscara pueda ser// movida con
el cursor mask_mc.startDrag(true);

Después, aquí está un ejemplo en el cual una máscara se utiliza para crear una transición del trapo entre dos imágenes cargadas.

# incluya "DrawingMethods.as"

//cree un clip de la película y un clip 
jerarquizado de la película y cargue la primera imagen en él _ 
root.createEmptyMovieClip("image0_mc", 1); _ 
root.image0_mc.createEmptyMovieClip("imageHolder_mc", 1); 
image0_mc.imageHolder_mc.loadMovie("http://www.person13.com/ascb/images/image1.jpg");

//cree otro clip de la película y el clip jerarquizado de
la película y cargue la segunda imagen en él// image0_mc e image1_mc
se crean en (0.0). Esto significa que ellos voluntad// traslapo.
El es lo que deseamos _ root.createEmptyMovieClip("image1_mc", 
2); _ root.image1_mc.createEmptyMovieClip("imageHolder_mc", 1); 

image1_mc.imageHolder_mc.loadMovie("http://www.person13.com/ascb/images/image2.jpg");
 

//drenaje el clip de la película que enmascara. Las
dimensiones de las imágenes son 640 x 480 (si usted// carga las 
imágenes usando el URLs proporcionado) y tan la máscara debe ser// 
con del rectángulo las mismas dimensiones _ 
root.createEmptyMovieClip("mask_mc", 3); mask_mc.lineStyle(3, 
0x000000, 0); mask_mc.beginFill(0, 100); 
mask_mc.drawRectangle(640, 480); mask_mc.endFill();

//posición la máscara de modo que esté apagada al lado 
izquierdo de la etapa mask_mc._x = -320; mask_mc._y = 240;

//llamada el método del setMask() para fijar el mask_mc 
como la máscara para image1_mc. Esto// image0_mc de las causas 
a exhibir inicialmente, aunque está debajo de image1_mc. 
image1_mc.setMask(mask_mc);

//defina un método del tratante del acontecimiento para 
image0_mc de modo que el clip de la película de la máscara mueva// 
cuando el usuario chasca encendido image0_mc. image0_mc.onRelease = 
función () {

 //uso un método del tratante del acontecimiento 
del onEnterFrame() de mover la máscara. Esto asume que usted// 
tiene los marcos del defecto por el ajuste del segundo de 12. _ 
root.mask_mc.onEnterFrame = función () {

 //movimiento la máscara a la derecha por 12 
pixeles this._x + = 12;

 //si la máscara está enmascarando completamente la 
imagen, después suprime el método del onEnterFrame(). si 
(this._x > = 320) {this._x = 320; cancelación 
this.onEnterFrame; }}}

Si usted utiliza el URLs proporcionado en este ejemplo, entonces las imágenes se cargan que tienen dimensiones de 640 x 480. Por lo tanto, usted puede ser que necesite aumentar las dimensiones de su película para ver las imágenes completas. Si usted utiliza sus propias imágenes, deben estar de la misma resolución para que el efecto trabaje según lo descrito.