Friday, February 27, 2009

CoverFlow AS3

package com.drca.coverflow { //com.drca.coverflow.CoverFlowManager
import blueroad.base.PaperBase;
import caurina.transitions.Tweener;
import com.pixelfumes.reflect.Reflect;
import flash.display.MovieClip;
import flash.net.getClassByAlias;
import gs.TweenMax;
import org.papervision3d.events.InteractiveScene3DEvent;
import org.papervision3d.materials.MovieAssetMaterial;
import org.papervision3d.materials.MovieMaterial;
import org.papervision3d.objects.DisplayObject3D;
import org.papervision3d.objects.primitives.Plane;

/**
* ...
* @author binhdocco
*/
public class CoverFlowManager extends PaperBase {
private var pics: Array = [new MOV_1(), new MOV_2(), new MOV_3(), new MOV_4(), new MOV_5()];// , new MOV_6(), new MOV_7()];
private var planes: Array = [];
//for tweener
private var time: Number = 1;
private const TRANSITION_ANI: String = "easeoutback";
//for position
private var distance: uint = 300;
private var roAngle: int = 60;
//camera position
private var camera_z: int = -850;
private var camera_y: int = 200;

public function CoverFlowManager() {
init(1024, 726);
}

override protected function init3d():void {
super.init3d();
for (var i:int = 0; i < pics.length; i++) {
//var linkageId: String = pics[i];

var mov: MovieClip = pics[i] as MovieClip;
new Reflect( { mc:mov, alpha:50, ratio:50, distance:0, updateTime:0, reflectionDropoff:1 } );
var mat: MovieMaterial = new MovieMaterial(mov, true);
mat.interactive = true;
mat.smooth = true;

//get width & height
var mc: MovieClip = MovieClip(mat.movie);
var plane: Plane = new Plane(mat, mc.width, mc.height, 10, 10);
plane.x = i * distance;
plane.y -= mc.height / 4;
plane.extra = { status: "normal", id: i };
planes.push(plane);
plane.addEventListener(InteractiveScene3DEvent.OBJECT_CLICK, onClickPlane);
plane.addEventListener(InteractiveScene3DEvent.OBJECT_OVER, onOverPlane);
plane.addEventListener(InteractiveScene3DEvent.OBJECT_OUT, onOutPlane);
default_scene.addChild(plane);
}

default_camera.zoom = 6;
//default_camera.z = camera_z;
//default_camera.y = camera_y;

//show active plane
var activePlane: Plane = planes[Math.floor(planes.length/2)];
setPlaneActive(activePlane);
}

private function onOutPlane(e:InteractiveScene3DEvent):void {
viewport.buttonMode = false;
}

private function onOverPlane(e:InteractiveScene3DEvent):void {
viewport.buttonMode = true;
}

private function onClickPlane(e:InteractiveScene3DEvent):void {
var plane: Plane = e.displayObject3D as Plane;
switch (plane.extra.status) {
case "active":
zoomPlane(plane);
break;
case "zoom":
deZoomPlane(plane);
break;
case "normal":
setPlaneActive(plane);
break;
}
}

private function setPlaneActive(pic:Plane):void {
var id:Number = pic.extra.id;
var top:Number=-50;
var depth:Number;
var i:Number;
var dis:Number = distance / 3;
//TweenMax.to(pic, .5, { rotationY:0, rotationX:0, rotationY:0, x:0, z: -300, scale:1 } );
Tweener.addTween(pic, { time: time - 0.2, rotationY:0, rotationX:0, rotationY:0, x:0, z: -300, scale:1 });//, onComplete: zoomPlane, onCompleteParams: [pic] } );

for (i = id-1; i >=0; i--) {
dis += distance / (id - i);
depth = top + Math.abs(id - i) * 20;
planes[i].extra.status = "normal";
//TweenMax.to(planes[i], .5, { rotationY: -roAngle, x:0 - dis, z:depth } );
Tweener.addTween(planes[i], { time: time , rotationY: -roAngle, x:0 - dis, z:depth } );
}

dis = distance / 3;
i = 0;
for (i = id+1; i dis += distance / (i - id);
depth = top + Math.abs(id - i) * 20;
planes[i].extra.status = "normal";
//TweenMax.to(planes[i], .5, { rotationY:roAngle, x:0 + dis, z:depth } );
Tweener.addTween(planes[i], { time: time, rotationY:roAngle, x:0 + dis, z:depth } );
}
pic.extra.status = "active";
}

private function zoomPlane(pic:Plane):void {
var o:Number = 0;
//TweenMax.to(pic, .5, { z: -600, rotationY:o } );
Tweener.addTween(pic, { time: .7, z: -650, rotationY:o , transition: TRANSITION_ANI} );
pic.extra.status = "zoom";
}

private function deZoomPlane(pic:Plane):void {
//TweenMax.to(pic, .5, { z: -300, rotationY:0 } );
Tweener.addTween(pic, { time: time, z: -300, rotationY:0 , transition: TRANSITION_ANI} );
pic.extra.status = "active";
}
}

}

No comments: