Dibujar en un cristal con vaho en Actionscript 3.0
Etiquetas: addEventListener MOUSE_MOVE drawCircle beginFill endFill
Este ejemplo muestra como hacer el efecto de "pintar sobre el vaho" en un cristal. Esta es la manera más sencilla que en encontrado de hacerlo, desde el punto de vista de alguien con pocos conocimientos de programación. Para hacer este efecto necesitamos:
-Imagen del cristal con vaho:
-Imagen de cristal sin vaho:
-Nociones de AS3 (Sobre todo de la API de dibujo)
Los pasos a seguir serían los siguientes:
-Importar las dos imágenes a Flash, y poner cada una en una capa (la imagen sin vaho por encima de la con vaho), en la posición (0,0)
-Crear un clip vacio y llamarlo "Mascara_mc". Ponerlo en (0,0)
-Hacer que "Mascara_mc" sea la mascara para la imagen sin vaho. Aquí tenemos un pequeño "problema", y es que al estar vacio, no nos va a aplicar bien la máscara. Por ello, antes de ponerlo como máscara, nos metemos dentro de "Mascara_mc" y dibujamos un pequeño cuadrado.
La linea de tiempo nos quedaría asi:
-Por último, tenemos que programar la escena, para que cuando hagamos click, se dibuje dentro de "Mascara_mc" y se vaya destapando la imagen con vaho.
El código en Actionscript 3.0, y el resultado, son los siguientes:
package{//Importo las clases necesariasimport flash.display.MovieClip;
import flash.display.Shape;
import flash.events.Event;
import flash.events.MouseEvent;
public class Vaho extends MovieClip{
private var pintar:Boolean = false
public function Vaho():void{
//Añado los eventos al escenariostage.addEventListener(MouseEvent.MOUSE_DOWN,siPintar);
stage.addEventListener(MouseEvent.MOUSE_UP,noPintar);
stage.addEventListener(MouseEvent.MOUSE_MOVE,mover);
}private function siPintar(e:Event):void{
pintar = true;}private function noPintar(e:Event):void{
pintar = false;}private function mover(e:Event):void{
if(!pintar)return;
//Dibujo un circulo alrededor del puntero cada vez que muevo el ratón y pintar = true//Estos circulos van rellenando Mascara_mc y haciendo que se destape la imagen sin vahoMascara_mc.graphics.lineStyle(10,0x000000);
Mascara_mc.graphics.beginFill(0x000000);
Mascara_mc.graphics.drawCircle(mouseX,mouseY,10);
Mascara_mc.graphics.endFill();
}}}
- excelente tutorial, la verdad muy interesante jolafe
- un eselente trabajo los felicito
- Muy bueno, pero seria mas interesante definir el termino vaho.
- Hola! Oye a mi me sale un error, dice que los paquetes no se pueden anidar, que es eso?? como lo soluciono??? AYUDA por fa!
