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

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.

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".

Freddie escribió:

Sin duda la actividad se ha visto aumentada en el foro de aportes, ¿verdad?