Desenfoque Progresivo

Hola!!

Tengo un Mc que funciona como boton y todas sus acciones estan en una clase (MouseOver, MouseOut)
quiero crear una funcion que al darle CLICK a este "boton" otro MC que esta en el escenario se desenfoque progresivamente.

¿Debe tener su propia clase el MC a desenfocar ?
SI hay dos clases ¿Como las vinculo?

Gracias amigos

Puedes hacerlo den dos clases, ya tienes una, te falta la otra, luego dado que trabajas con instancias, utilizarás elnombre de instancia para referenciarla

Jorge

gracias Jorge, pero podrias darme un ejemplo porfa

Supongamos que el clip con el método de desenfoque se llama "cuad", y la clase tiene un método desenfoque. Lo primero es ver que posición tienen ambos en el DisplayList (y deben estar para poder hablar entre si) Lo ideal es que la clase principal sea Document Class, en ese caso simplemente haces:

cuad.desenfoque()

Si ambas están al mismo nivel ya se rompe la encapsulación y es un tema de diseño de las vistas, pero seguramente tu caso no es tan complicado y simplemente podrías hacer

MovieClip(parent.cuad).desenfoque()

Jorge

y la clase que hace el desenfoque animado como seria?

y la clase que hace el desenfoque animado como seria?

esa es mi principal duda

Ok, un desenfoque simple en AS3 (sobre un rect{angulo rojo)

Código ActionScript :

var squareDrawing:MovieClip = new MovieClip();
this.addChild(squareDrawing);
squareDrawing.graphics.lineStyle(1, 0x000000, 1);
squareDrawing.graphics.beginFill(0xFF0000)
squareDrawing.graphics.drawRect (100, 100, 100, 200);
squareDrawing.graphics.endFill();
var blur:BlurFilter = new BlurFilter();
blur.blurX = 10;
blur.blurY = 10;
blur.quality = 1;
var filterArray:Array = new Array(blur);
squareDrawing.filters = filterArray;

Jorge

Jorge:

desenfoque el mc con esta clase:

Código ActionScript :

package clases{ 

   import flash.display.MovieClip; 
   import flash.events.Event;
   import flash.filters.BlurFilter;
    
   public class Todo extends MovieClip { 
       
      public function Todo(){  
         addEventListener(Event.ENTER_FRAME,cambio); 
      } 
       
      private function cambio(event:Event):void{ 
       var blur:BlurFilter = new BlurFilter();
       blur.blurX = 10; 
       blur.blurY = 10; 
       blur.quality = 1; 
        var filterArray:Array = new Array(blur); 
        this.filters = filterArray;
      } 
   } 
}

ahora como vinculo esta accion de desenfoque a esta otra clase que es el boton que la activa:

Código ActionScript :

package clases{ 

   import flash.display.MovieClip; 
   import flash.events.Event;
   import flash.events.MouseEvent;
    
   public class Web extends MovieClip { 
       
      public function Web(){  
         stop();
         addEventListener(MouseEvent.MOUSE_OVER,si); 
       addEventListener(MouseEvent.MOUSE_OUT,no);
       //addEventListener(MouseEvent.CLICK,encima);
      } 
       
      private function si(evt:MouseEvent):void{ 
       (evt.target).gotoAndStop(2);
      } 
     private function no(evt:MouseEvent):void{ 
       (evt.target).gotoAndStop(1);
      } 
   } 
}

Lo primero: Web y Todo deben estar en el displayList, ya sea porque las pusiste manualmente en el escenario o porque hiciste un addChild
Lo segundo: la clase Web tiene que tener nombre de instancia, por ejemplo "target"
Tercero: No arranques el desenfoque en el constructor porque se iniciará ni bien se instancie, cambiale el nombre a desenfoque y haz en la clase Web

Código ActionScript :

private function si(evt:MouseEvent){
  MovieClip(parent.target).desenfoque()
}

Jorge

Me da este error en Web:

Código ActionScript :

1119: Acceso a una propiedad Todo posiblemente no definida mediante una referencia con tipo estático flash.display:DisplayObjectContainer.

porque coloque esto:

Código ActionScript :

private function encima (evt:MouseEvent):void{
        MovieClip(parent.todo_mc).desenfoque();
     }

¿Vomo hago para no arrancar el desenfoque en el constructor?

Gracias Jorge

En vez de

public function Todo(){

Pon

public function desenfoque(){

El cast lo puedes hacer a la clase

Todo(parent.todo_mc).desenfoque()

Jorge

De esta forma el desenfoque ocurre de un momento a otro
¿Como hago para que el filtro Blur sea progresivo- animado?

Código ActionScript :

package clases{  
 
   import flash.display.MovieClip;  
   import flash.events.Event; 
   import flash.filters.BlurFilter; 
     
   public class Todo extends MovieClip {  
        
      public function Desenfocar(){   
         addEventListener(Event.ENTER_FRAME,cambio);  
      }  
        
       private function cambio(event:Event):void{  
       var blur:BlurFilter = new BlurFilter(); 
       blur.blurX = 10;  
       blur.blurY = 10;  
       blur.quality = 5;  
       var filterArray:Array = new Array(blur);  
       this.filters = filterArray; 
      }  
   }  
} 

Tienes que ir cambiando los parámetros (blurX, blurY y quality) progresivamente y quizás no tan rápido como en un onEnterFrame. Posiblemente tres variables y un Timer de un segundo creen la ilusión

Jorge

Gracias Solisarg,
pero podrias darme todo masticado?
es que aun soy novata en AS3
Gracias

para que no te metas en enterFrames y Timer,usa la clase Tween y ya.

Código ActionScript :

package clases
{
   import flash.display.MovieClip;
   import flash.filters.BlurFilter;
   import fl.transitions.Tween;
   import fl.transitions.easing.*;
   
   public class Todo extends MovieClip
   {
      private var _filter:BlurFilter;
      private var _tweenBX:Tween;
      private var _tweenBY:Tween;
      
      public function Todo()
      {
         //empty
      }
      
      public function aplicarBlur():void
      {
         _filter = new BlurFilter();
         _filter.quality = 5;
         _tweenBX = new Tween(filter,"blurX",Regular.easeInOut,0,10,3,true);
         _tweenBY = new Tween(filter,"blurY",Regular.easeInOut,0,10,3,true);
         this.filters = [_filter];
      }
   }
}

si no entiendes el codigo abre flash y presion f1.

Jonathan

me falto poner el "_" a la variable _filter cuando instancio el objeto Tween, quedaria asi :

Código ActionScript :

public function aplicarBlur():void
      {
         _filter = new BlurFilter();
         _filter.quality = 5;
         _tweenBX = new Tween(_filter,"blurX",Regular.easeInOut,0,10,3,true);
         _tweenBY = new Tween(_filter,"blurY",Regular.easeInOut,0,10,3,true);
         this.filters = [_filter];
      }

Jonathan

Pues me da muchos errores

la cosa es que La clase todo contiene un evento que debe ser accionado al darle CLICK al MC Web

esta es la clase Todo:

Código ActionScript :

package clases{  
 
   import flash.display.MovieClip;  
   import flash.events.Event; 
   import flash.filters.BlurFilter; 
     
   public class Todo extends MovieClip {  
        
      public function Desenfocar(){   
         addEventListener(Event.ENTER_FRAME,cambio);  
      }  
        
       private function cambio(event:Event):void{  
       var blur:BlurFilter = new BlurFilter(); 
       blur.blurX = 10;  
       blur.blurY = 10;  
       blur.quality = 5;  
       var filterArray:Array = new Array(blur);  
       this.filters = filterArray; 
      }  
   }  
}

Y esta es la clase del MC Web:

Código ActionScript :

package clases{  
 
   import flash.display.MovieClip;  
   import flash.events.Event; 
   import flash.events.MouseEvent; 
     
   public class Web extends MovieClip { 
        
      public function Web(){   
       stop();
       addEventListener(MouseEvent.MOUSE_OVER,si);  
       addEventListener(MouseEvent.MOUSE_OUT,no); 
       addEventListener(MouseEvent.CLICK,encima); 
      }  
        
      private function si(event:MouseEvent):void{  
       gotoAndStop(2); 
      } 
     
     private function no(event:MouseEvent):void{  
       gotoAndStop(1); 
      } 
     
     private function encima (event:MouseEvent):void{ 
       Todo(parent).Desenfocar(); 
     } 
   }  
} 

el MC ya funciona como debe, lo que me falta es que el Blur sea animado, con la misma logica de programacion, porque o si no me da error en Web

Gracias

no se puede ser tan asii agrrgg :si usas la clase que te puse solo tendrias que hacer :

Código ActionScript :

private function encima (event:MouseEvent):void{  
       Todo(parent).aplicarBlur();  
     } 

Jonathan

Nada sucede al darle click

ya probaste poniendo la funcion asi :

Código ActionScript :

public function aplicarBlur():void
      {
         _filter = new BlurFilter();
         _filter.quality = 5;
         this.filters = [_filter];
         _tweenBX = new Tween(_filter,"blurX",Regular.easeInOut,1,10,3,true);
         _tweenBY = new Tween(_filter,"blurY",Regular.easeInOut,1,10,3,true);
         
      }

acabo de armar todo y funciono.

Jonathan

Funciona pero quedo como la principio, desenfoca de un momento a otro y no anima el filtro

que pase de 1 a 10 la propiedad blurX , blurY , es una cosa nada , pruba pasandole mas segundos a la animacion.

Jonathan

o tambien pudes probar con el enterFrame :

Código ActionScript :

package clases
{
   import flash.display.MovieClip;
   import flash.events.Event
   import flash.filters.BlurFilter;
   
   public class Todo extends MovieClip
   {
      private var _filter:BlurFilter;
      
      public function Todo()
      {
         //empty
      }
      
      public function aplicarBlur():void
      {
         _filter = new BlurFilter();
         addEventListener(Event.ENTER_FRAME, enterFrameHandler);
      }
      
      private function enterFrameHandler(e:Event):void
      {
         if(_filter.blurX <= 10)
         {
            _filter.blurX = _filter.blurY += .1;
            this.filters = [_filter];
         }else {
            removeEventListener(Event.ENTER_FRAME, enterFrameHandler);
         }
         
      }
   }
}

Jonathan

nada, no anima