Comunidad de diseño web y desarrollo en internet online

ActionScript 3.0: Hacer un fadeIn o un fadeOut de un objeto visual

Citar            
MensajeEscrito el 18 Feb 2011 07:31 pm
Para hacer una transición de algún objeto visual en el escenario, podemos modificar paulatinamente su alfa hasta desaparecer (fadeout) o que aparezca en forma paulatina (fadein). Para poder hacer estos efectos sin la clase Transition supongamos que tenemos un botón el cual, al pulsarlo, aparecerá un objeto visual.

Supongamos que tiene un objeto visual, digamos un movieclip que se llama dibujo, y un par de botones: aparece_btn y desaparece_btn. El código sería el siguiente:

Código ActionScript :

aparece_btn.addEventListener(MouseEvent.CLICK, onFadeIn);
desaparece_btn.addEventListener(MouseEvent.CLICK, onFadeOut);
//
function onFadeOut(e:MouseEvent) {
   this.addEventListener(Event.ENTER_FRAME, onDesvanece);
}
function onFadeIn(e:MouseEvent) {
   this.addEventListener(Event.ENTER_FRAME, onAparece);
}
function onDesvanece(e:Event) {
   if(dibujo.alpha >= 0){
      dibujo.alpha -= .1;
   } else {
      this.removeEventListener(Event.ENTER_FRAME, onDesvanece);
   }
}
function onAparece(e:Event) {
   if(dibujo.alpha <= 1){
      dibujo.alpha += .1;
   } else {
      this.removeEventListener(Event.ENTER_FRAME, onAparece);
   }
}


Un ejemplo de como utilizar el desvanecido de esta aoprtación sería el siguiente:




Si lo deseas, puedes bajar el código aqui.

Por Francisco Javier Arce

86 de clabLevel

1 tutorial

Genero:Masculino  



Ultima edición por Francisco Javier Arce el 19 Feb 2011 02:18 am, editado 2 veces

firefox
Citar            
MensajeEscrito el 18 Feb 2011 09:22 pm
Francisco, los tutoriales de Cristalab requieren mucho más que solamente pongas el código. Son una forma para muchas personas de empezar desde cero y valoramos el formato, la explicación y, si es posible, que agregues imágenes y buen BBCode.

Este post lo paso al foro "Aportes".

Por Freddie

BOFH

53 tutoriales
597 articulos
43 ejemplos

Genero:Masculino   Admin

Conserje de Cristalab

chrome
Citar            
MensajeEscrito el 22 Feb 2011 04:52 am

Freddie escribió:

Francisco, los tutoriales de Cristalab requieren mucho más que solamente pongas el código. Son una forma para muchas personas de empezar desde cero y valoramos el formato, la explicación y, si es posible, que agregues imágenes y buen BBCode.
Sin duda la actividad se ha visto aumentada en el foro de aportes, ¿verdad?

Por M@U

BOFH

6210 de clabLevel

34 tutoriales
5 articulos

Genero:Masculino   Héroes Bastard Operators From Hell Editores

Bate jubilado de Cristalab

chrome

 

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