Efecto rollover en Flash, con ActionScript 2

56th Mar 2010Actionscript, Flash, Web

Acabo de ver un video tutorial en DeCabeza.net, acerca de como hacer un efecto de rollover en un MovieClip, con Flash y ActionScript 3 y he quedado boquiabierto por dos razones:

  1. El video tutorial estaba buenísimo
  2. Me acabo de enterar que AS3 es igual que JAVA!!!

No me gustó para nada el paso de AS2 a AS3, pero que le vamos a hacer…son cosas que pasan.

Por lo mismo, quise hacer mi propio ejemplo de un efecto rollOver, pero utilizando AS2.

El botón

Bueno. La explicación simple:

Para realizar un botón con un efecto de rollOver es necesario que el botón sea un MovieClip (MC). Con esto podremos hacer que el botón ejecute una animación cada vez que se pase el mouse por sobre él.

Una vez hecho el botón (obviamente con su animación interna), debemos escribir en él un poco de ActionScript:

onClipEvent(load){
   stop();
   over=0;
}
onClipEvent(enterFrame){
   if(over){ nextFrame(); }
   else{ prevFrame(); }
}
on(rollOver){
   over=1;
}
on(rollOut){
   over=0;
}

Para que vean lo simple que es todo esto, dejé el código sin ningún tipo de comentario. el resultado sería algo como esto:

Para ver este elemento necesitas tener flash instalado

Y acá les dejo el archivo .FLA (versión para flash 9), que tiene todos los comentarios correspondientes, línea por línea.

Descargar el archivo de ejemplo

5 Comments Comments Feed

  1. Alberto (11/05/2010, 14:17). Reply

    Hola Buenas Tardes, oye y como linkeo?, pues al ser un movie clip no te deja usar un “on release” para que vaya digamos a http://www.xxxxxxxxx.com. o otra pelicula flash.

    • Niko Oviedo (29/07/2011, 15:10). Reply

      Linkeas de la misma forma q un Boton:

      on (release) {
      getURL(“http://tuweb.com/”);
      }

  2. Buena Pregunta (20/12/2010, 03:53). Reply

    lo Mismo Me pregunte Yo

  3. Niko Oviedo (29/07/2011, 15:09). Reply

    Genial sebas!! graciass!! Abrazo grande!

  4. pinpin (06/10/2011, 15:42). Reply

    Llevaba más de una semana probando y no me salia, más que nada porque ponía dos animaciones, rollover y rollout, pero con tu sistema solo con una animacion ya funciona, ahora tengo que probar de ponerlo en el codigo, porque no lo voy a copiar en todos los botones, pero bueno, la cosa empieza a pintar bien. Gracias.

Add a Comment

Suscribirme a los siguientes comentarios vía email (también puedes suscribirte sin comentar.

Switch to our mobile site