Banner aleatorio en Adobe Flash

Muchas veces hemos visto en diferentes páginas banners que se cargan de manera aleatoria, por ello he desarrollado este sencillo tutorial con el cual lo van a poder hacer de una manera rápida utilizando un poco de Actionscript.

Carga por medio de loadMovie

Creamos nuestra película en flash y le asignamos un tamaño específico, en mi caso voy a hacer mi banner de 125×125 px, para que quede del tamaño de la publicidad que utilizo en mi blog. Las imágenes que voy a manejar las edite previamente en Photoshop para que tengan un peso y tamaño ideal, si no sabes como manejar tus imágenes y quieres aprender da click aquí.

Les recomiendo que el número de frames por segundo sea de más de 30 en todas sus animaciones en flash para que el movimiento siempre se vea uniforme.

Los nombres que manejaremos para nuestras fotografías van a ser secuenciales, por ejemplo:

1. image1.jpg
2. image2.jpg
3. image3.jpg
4. image4.jpg
5. image5.jpg

Bueno ahora si, ya teniendo nuestro material listo podemos comenzar.

Lo primero que vamos a crear es un cuadro del tamaño de nuestro escenario (125×125) y lo convertiremos en un símbolo (tecla F8) tipo movie clip con el nombre “contenedor”.

Es muy importante que nuestro punto de registro este definido en la esquina superior izquierda esto lo podemos ver en la imagen de arriba, en la parte donde dice “Registration” se colorea en negro nuestra selección.

Ya que hemos realizado todos estos paso podemos comenzar a crear la estructura para nuestra animación y su código, para esto debemos de asignar un nombre de instancia a nuestro contenedor para después poder llamarlo desde Actionscript, el nombre de instancia que en este caso le aplicaremos será “cont”, y se asigna en la barra de propiedades que aparece en la parte inferior de nuestra pantalla.

El tiempo de duración de cada imagen va a estar definido en nuestra línea de tiempo, por decir, suponiendo que nosotros asignamos 12 frames por segundo en nuestra película y queremos que cada una de nuestras imágenes dure un tiempo de 20 segundos, en nuestra línea de tiempo tendremos que crear 240 frames esto sacándolo fácilmente con la formula (20 segundos * 12 frames = 240 frames), teniendo en cuenta esto y que nuestra película corre a 38 fxs nosotros deberemos de crear 760 frames.

Código Actionscript

Nuestro código es de una sola línea y muy sencillo de entender, el código es el siguiente:

cont.loadMovie(“image” + (1+random(5)) + “.jpg”);

Bueno el termino “cont” es el nombre del contenedor donde vamos a cargar nuestra imagen, “.loadMovie” es una instrucción que realiza la carga de cierta imagen o película flash dentro de un movie clip.

El texto “image” hace referencia a la primera parte de los nombres de nuestras imágenes y por medio de un “random” vamos a hacer que nos arroje siempre un nombre de imagen diferente. Mediante el simbolo “+” vamos a unirlos para que al final nos de “image2.jpg” ó “image4.jpg” o “image3.jpg” dependiendo del numero aleatorio que genere.

Para que funcione nuestro código lo debemos de colocar en el primer keyframe de nuestra animación así cada vez que pase por este punto se va a cargar de manera aleatoria.

Y listo ahora ya puedes insertar tu banner donde quieras que aparezca!!!!