Recursos AS3
Slideshow AS3 Flash con Zoom mas desplazamiento
31 Ago
Publicado por Cesar en Recursos AS3
He programado una clase de AS3 que nos crea un slideshow flash. El pase de fotografÃas se presenta con un efecto de zoom y movimiento como el que podeis ver a continuación:
Al constructor de la clase se le pueden pasar una serie de parámetros que quedan detallados a continuación:
* * Parámetros del constructor(obligatorios):
* parametro 1: Ancho del banner para centrar el Movieclip de la Precarga y posicionar inicialmente las imágenes.
* parámetro 2: Alto del banner para centrar el Movieclip de la Precarga y posicionar inicialmente las imágenes.
*
* * Parámetros del constructor(opcionales):
* parámetro 3: Visualizar el MovieClip con la animación de la Precarga (Boolean).En false
* parámetro 4: Dirección url del archivo .xml.(imagenes.xml)
* parámetro 5: Número de fotos que se cargan antes de comenzar con el slideshow. Útil para no tener que esperar a que se carguen todas antes de inicializar la visualización.(2)
* parámetro 6: Tiempo que transcurre entre foto y foto;
* parámetro 7: Suavidad del efecto de movimiento de la foto;
* parámetro 8: Duración del efecto de transición de alpha;
Para utilizar la clase solo es necesario importar la clase y crear una instancia pasándole los parámetros obligatorios de ancho y alto ylos opcionales que se desee.
import com.malashpina.slideshow.SlideShow
var slide:SlideShow = new SlideShow(1000,420,false,”http://www.malashblog.com/wp-content/varios/slideshow/imagenes.xml”);
addChild (slide);
Las fotos las lee de un archivo xml que contiene las rutas y para los efectos utilizo la galerÃa TweenMax de greensock.
El banner visualiza las fotos en loop, empezando por la primera foto cuando termina.
A tener en cuenta:
Las fotos tienen que ser un poco más grandes que el banner o en su defecto el banner un poco más pequeño que las fotos.
Asà evitamos que en el desplazamiento con zoom las fotos se salgan del encuadre.
* Activación de la precarga:
Si queremos activar una animación para la precarga tan solo es necesario exportar el movieclip de dicha precarga con el siguiente nombre de clase:
com.malashpina.slideshow.Preloader
(la clase Preloader.as ya está creada y se encuentra en el mismo paquete que la clase SlideShow.as)
y posteriormente añadir el alto y el ancho del banner en los parámetros del constructor para que la precarga se centre e indicar “true” en el tercer parámetro.
Aquà os dejo el link para descargar la clase:
slideshow.as
Espero que os guste.
Un Saludo.
Ultimos Comentarios