Mascara con ActionScript

[Neoxs]

Hola amigos del Foro:

Estoy haciendo una intro para el sitio de un cliente, y mi intención es hacer que una máscara vaya mostrando la imagen que tiene debajo, simulando como si la pintaran.

Para eso estoy usando ActionScript, de manera que creo un MC vacío, que cuando se carga (onClipEvent(load)) llama a una función que dibuja un rectángulo que va cubriendo la pantalla y va mostrando la imagen enmascarada.

Hasta aquí todo bien, el tema es que esto no me genera una animación, sino que directamente cuando carga el MC, ya muestra la imagen debajo.

Cómo tengo que hacer para que el proceso de dibujar el rectángulo e ir moviéndolo por la pantalla se haga progresivamente en varios frames y no en uno solo?

Acá les dejo el código de AS que estoy usando

Código PHP:

  onClipEvent(load){ 
    _root.createEmptyMovieClip('square',0); 
     
 function drawSquare()     {     
for (i=0;i<770; i++){ 
     x = i;  
    n=0; 
    n=n++; 
     if(i>400){ 
        n=0; 
    } 
        y = n;   
     with(_root.square)     { 
      
         moveTo(x-50,y-50); 
 
         beginFill(0x000088); 
         lineTo(x+50,y-50);       
         lineTo(x+50,y+50);     
         lineTo(x-50,y+50);     
         endFill();      
         }  
} 
 }     
 this.setMask (_root.square) } 
 onClipEvent(load){     
 
 drawSquare(); 
  
 updateAfterEvent(); 
 }  
   

Desde ya muchas gracias por la ayuda

Saludos

[julio archila]

aca te dejo este codigo:

Código:

var i:Number = 0;
var cx:Number = 0;
var cy:Number = 0;
var xx:Number = 0;
var yy:Number = 0;
this.createEmptyMovieClip("punto", this.getNextHighestDepth());
punto.moveTo(0, 0);
this.onEnterFrame = function() {
	if (i< 100) {
		punto._x = 10;
		punto._y = 10;
		punto.lineStyle(5, 0x003399, 100, true, "normal", "round", "round", 1);
		cx = this._x;
		cy = this._y;
		xx += 1;
		yy = cy;
		punto.lineTo(xx, yy);
		i++;
	}
	if (i>= 100 && i<200) {
		cx = 100;
		cy = this._y;
		xx = cx;
		yy += 1;
		punto.lineTo(xx, yy);
		i++;
	}
	if (i>= 200 && i<300) {
		cx = this._x+100;
		cy = 100;
		xx -= 1;
		yy = cy;
		punto.lineTo(xx, yy);
		i++;
	}
	if (i>= 300 && i<400) {
		cx = this._x;
		cy = 100;
		xx = cx;
		yy -= 1;
		punto.lineTo(xx, yy);
		i++;
	}
	trace (i);
	if (i>=400){
		delete this.onEnterFrame;
	}
};

espero te sea de mucha ayuda...

saludos ...

[Neoxs]

Julio:

Espectacular! Es justo lo que estaba buscando. Muchas Gracias!!

Saludos

[julio archila]

de nada, para eso estamos...

saludos ...