Actionscript 2: Carousel 3D Basico

Ejemplo sencillo de un carousel 3D , q se puede utlizar como menu, galeria de productos….

En este caso lo utilizaremos como una galeria de peliculas.

1. Creamos un archivo nuevo de AS2 de 400 x 300.
2. Agregamos 6 thumbnails de portadas de peliculas a la biblioteca.
3. Creamos un movie clip de cada portada, con el nombre “pelicula1″, “pelicula2″, “pelicula3″…
4. En las propiedades de cada MVC en el modo avanzado, habilitamos la opcion Exportar para Actionscript.
5. En el primer fotograma agregamos el codigo:

//Parametros iniciales
var numPeliculas:Number = 6;
var radioX:Number = 150;
var radioY:Number = 70;
var centrarX:Number = Stage.width / 2 + 30;
var centrarY:Number = Stage.height / 2;
var velocidad:Number = 0.02;

for(var i=0;i<numPeliculas;i++){
   var t = this.attachMovie("pelicula"+(i+1), "p"+i, i+1);
   t.angle = i * ((Math.PI * 2) / numPeliculas);
   t.onEnterFrame = mover;
}

function mover(){
   this._x = Math.cos(this.angle) * radioX + centrarX;
   this._y = Math.sin(this.angle) * radioY + centrarY;
   var s = this._y /(centrarY+radioY);
   this._xscale = this._yscale = s * 100;
   this.angle += this._parent.velocidad;
   this.swapDepths(Math.round(this._xscale) + 100);
}

this.onMouseMove = function(){
   velocidad = (this._xmouse-centrarX) / 1500;

}

Descargar codigo

Para hacer una version mas avanzada del carousel, se puede combinar leyeno un listado de productos en un XML.

Pronto publicare la version en AS3