Comunidad de diseño web y desarrollo en internet online

fade in fade out con aceleracion

Citar            
MensajeEscrito el 24 May 2007 11:33 am
Hola.

He estado mirando todos los post a cerca del tema, pero ninguno resuelve mi duda. He hecho un boton que cuando se posiciona el cursor encima se pone de otro color con un efecto de easing, es decir, crece un cuadrado con easing y tapa el boton, pueden ver el ejemplo aqui:
http://garaje.ya.com/cenitest/prueba_boton.html

Me gustaria aplicarle el efecto de fade in, pero he seguido el tutorial haciendo algunos cambios para que en lugar de avanzar los frames del clip interno (el que contiene la animacion del boton del tutorial) pues se realice el crecimiento del cuadrado con easing, pero no lo consigo

Aqui pongo el codigo que realizaria el crecimiento-decrecimiento acelerado, pero no me funciona
Alguien puede ayudarme?????

Código :

//asignamos la acción del Over para que actue sobre nuestro movieclip
//que queremos reproducir
on (rollOver) {     
//valor que debe alcanzar el alto del cuadrado   
   alto = 100;   
   mc_animado.onEnterFrame = function () {    
   //si es menor o igual que el maximo del alto, va creciendo 
   if (mc_barra._height <= 100) { 
      mc_barra._height += (alto - mc_barra._height)*0.3;   
    }
    //sino se elimina    
    else {      
        this.stop();      
        delete this["onEnterFrame"];  
     }
};}
//asignamos la accion del RollOut para que actue sobre nuestro movieclip
//que queremos reproducir
   on (rollOut) {   
      alto = 0;     
      //el minimo al que debe llegar   
      mc_animado.onEnterFrame = function () {   
         //si es mayor o igual que cero, va disminuyendo hasta cero    
         if (mc_barra._height >= 0) {       
                mc_barra._height -= (mc_barra._height - alto)*0.3;    
         }    
         //se elimina    
         else {      
               this.stop();      
               delete this["onEnterFrame"];    } 
};}


Por cierto, mc_barra es el nombre de instancia del cuadrado que va creciendo con efecto easing.

Gracias y espero que alguien me pueda ayudar

Por kakis

35 de clabLevel



Genero:Masculino  

msie7
Citar            
MensajeEscrito el 24 May 2007 06:03 pm
El problema es que RollOver y RollOut no se activan mientras tenés el cursor sobre o fuera del botón. Se activan en el instante en el que hacés RollOver o RollOut

Por HernanRivas

Claber

3416 de clabLevel

26 tutoriales

 

Argentina

firefox
Citar            
MensajeEscrito el 24 May 2007 06:27 pm
Hola HernanRivas,

Gracias por contestar, pero me he quedado igual ...:oops:

Lo que me comentas ya lo sabia, y daba por entendido que en el momento en el que se pone el cursor encima, se entra al onEnterFrame y este evento se ejecuta continuamente hasta que termina y lo elimino ¿o asi no funciona onEnterFrame?
Disculpa pero llevo poco con esto de actionscript y voy aprendiendo poco a poco gracias a lo que la gente pone en este foro :wink:

Entonces, que puedo hacer para arreglarlo??? ¿Puedes ayudarme?
Es que me interesa mucho hacerlo con fade in-fade out....

Gracias por adelantado y un saludo

Por kakis

35 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 26 May 2007 12:57 am
No, no funciona así... lo que podés intentar es algo como lo siguiente:

Código :

var tamanoMax:Number = 200;
var tamanoInit:Number = 100;
//
miMc._xscale = miMc._yscale = tamanoInit;
//
miMc.onEnterFrame = function () {
var mouseOver = this.hitTest (_xmouse, _ymouse);
//
if (mouseOver) {
this._xscale += (tamanoMax - this._xscale) / 5;
} else {
this._xscale += (tamanoInit - this._xscale) / 5;
}
};
Supongo que verás que este código no se parece en nada al que estabas usando. Lo que hice fue sacarle los onRollOver y los onRollOut que molestaban demasiado y poner todo en el EnterFrame.

Igual, acá te dejo un link donde (entre otras cosas) implementé un efecto que se basaba en botones que se agrandan.

Por HernanRivas

Claber

3416 de clabLevel

26 tutoriales

 

Argentina

firefox
Citar            
MensajeEscrito el 27 May 2007 07:43 pm
Gracias HernanRivas, eres un crack!

Ya me has ayudado en otros post :wink: A ver si mañana saco un poco de tiempo despues del trabajo y pruebo este codigo que me has mandado a ver que tal va. Ya te comentare como me ha ido

Gracias ^^

Por kakis

35 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 28 May 2007 07:43 pm
Gracias HernanRivas, funciona!!!

Aunque tengo un problema, ya que lo he hecho en una pelicula normal, es decir en una escena he puesto los distintos movieclip y en una capa he puesto el codigo actionscript, y funciona perfectamente, .... pero cuando creo un movieclip que incluya a todo, es decir, meter toda la animacion en un movieclip, no me funciona, no hace nada. He estado probando con las referencias a los nombres de instancia (es decir, usando _root), pero nada, sigue sin funcionar.

Sabes que es lo que esta ocurriendo? que debo hacer para arreglarlo?
Si quieres y no te importa, aqui te dejo el .fla y si puedes le hechas un vistazo por favor, no creo que te lleve mucho tiempo porque es bastante simple

Enlace con el archivo que no me funciona:
http://rapidshare.com/files/33924479/boton_crece.fla.html

gracias de todas formas
un saludo

Por kakis

35 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 29 May 2007 02:03 pm
No puedo abrir el .fla porque no tengo el Flash en esta computadora...

Pero no desesperes. Supongamos que tenés un mc donde tenés anidado el que querés animar. En ese caso, llamás "miMc" al que querés animar y "padre" al que lo anida.

Usás este código en la escena principal:

Código :

var tamanoMax:Number = 200;
var tamanoInit:Number = 100;
//
padre.miMc._xscale = miMc._yscale = tamanoInit;
//
padre.onEnterFrame = function () {
var mouseOver = this.miMc.hitTest (_xmouse, _ymouse);
//
if (mouseOver) {
this.miMc._xscale += (tamanoMax - this.miMc._xscale) / 5;
} else {
this.miMc._xscale += (tamanoInit - this.miMc._xscale) / 5;
}
};
Como verás, no hace falta recurrir a rutas absolutas.

Por HernanRivas

Claber

3416 de clabLevel

26 tutoriales

 

Argentina

firefox
Citar            
MensajeEscrito el 29 May 2007 06:24 pm
Hola HernanRivas, gracias por responder.

He estado probando con el codigo que me has dado pero sigue sin funcionarme. Si no es molestia, me gustaria que le echaras un vistazo al .fla cuando puedas y me comentes que es lo que hago mal. Yo mientras tanto seguire haciendo pruebas a ver si lo consigo
^^

Gracias de antemano y saludos.

Por kakis

35 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 31 May 2007 05:14 pm
Alguien puede ayudarme con esto???

:crap:

es que llevo un par de dias probando pero no doy con la solucion

Gracias de antemano.

Por kakis

35 de clabLevel



Genero:Masculino  

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.