Flash picture wall met papervision3D

Flash met Papervision3D
De Papervision 3D engine is een stukje open source software voor Flash 3D fanaten, het maakt een grote stap in de richting van 3D rendering, texturing en animatie in Flash. Met een klein stukje Actionscript 3 code zijn al indrukwekkende visuele 3d animaties te maken.
In deze showcase maken we een muur met 10 verschillende afbeeldingen die stuk voor stuk reageren op een MouseEvent. Voor de basis van deze showcase is de PaperCloud example file gebruikt, die te vinden is in de example directory van de Papervision 3D package.
Hieronder is een Flash animatie te zien die gebruik maakt van de Papervision 3D engine.
package
{
import flash.display.*;
import flash.display.stage.*;
import flash.events.*;
import flash.geom.ColorTransform;
import flash.utils.Dictionary;
import flash.ui.Keyboard;
 
// Import Papervision3D
import org.papervision3d.core.proto.*;
import org.papervision3d.scenes.*;
import org.papervision3d.cameras.*;
import org.papervision3d.objects.*;
import org.papervision3d.materials.*;
 
public class main extends Sprite
{
	// ___________________________________________________________________ 3D vars
 
	private var container :Sprite;
	private var scene     :MovieScene3D;
	private var camera    :Camera3D;
 
	private var planeByContainer :Dictionary = new Dictionary();
 
 
	// ___________________________________________________________________ Album vars
 
	private var paperSize :Number = 0.5;
	private var cloudSize :Number = 1500;
	private var rotSize   :Number = 360;
	private var maxAlbums :Number = 60;
	private var num       :Number = 0;
 
 
	// ___________________________________________________________________ stage
 
	public var iFull :SimpleButton = new SimpleButton();
 
 
	// ___________________________________________________________________ Keyboard vars
 
	private var keyRight   :Boolean = false;
	private var keyLeft    :Boolean = false;
	private var keyForward :Boolean = false;
	private var keyReverse :Boolean = false;
 
 
	// ___________________________________________________________________ main
 
	public function main()
	{
		stage.quality = StageQuality.MEDIUM;
 
		stage.addEventListener( KeyboardEvent.KEY_DOWN, keyDownHandler );
		stage.addEventListener( KeyboardEvent.KEY_UP, keyUpHandler );
 
		init3D();
 
		addChild( iFull );
 
		this.addEventListener( Event.ENTER_FRAME, loop );
	}
 
 
	// ___________________________________________________________________ Init3D
 
	private function init3D():void
	{
		// Create container sprite and center it in the stage
		container = new Sprite();
		addChild( container );
		container.x = 65;
		container.y = 345;
 
		// Create scene
		scene = new MovieScene3D( container );
 
		// Create camera
		camera = new Camera3D();
		camera.zoom = 5;
 
		// Store camera properties
		camera.extra =
		{
			goPosition: new DisplayObject3D(),
			goTarget:   new DisplayObject3D()
		};		
 
		camera.extra.goPosition.copyPosition( camera );
	}
 
	// ___________________________________________________________________ Keyboard
 
	private function keyDownHandler( event :KeyboardEvent ):void
	{
		switch( event.keyCode )
		{
			case "W".charCodeAt():
			case Keyboard.UP:
				keyForward = true;
				keyReverse = false;
				break;
 
			case "S".charCodeAt():
			case Keyboard.DOWN:
				keyReverse = true;
				keyForward = false;
				break;
 
			case "A".charCodeAt():
			case Keyboard.LEFT:
				keyLeft = true;
				keyRight = false;
				break;
 
			case "D".charCodeAt():
			case Keyboard.RIGHT:
				keyRight = true;
				keyLeft = false;
				break;
		}
		trace("keyDownHandler: " + event.keyCode);
	}
 
 
	private function keyUpHandler( event :KeyboardEvent ):void
	{
		switch( event.keyCode )
		{
			case "W".charCodeAt():
			case Keyboard.UP:
				keyForward = false;
				break;
 
			case "S".charCodeAt():
			case Keyboard.DOWN:
				keyReverse = false;
				break;
 
			case "A".charCodeAt():
			case Keyboard.LEFT:
				keyLeft = false;
				break;
 
			case "D".charCodeAt():
			case Keyboard.RIGHT:
				keyRight = false;
				break;
		}
		trace("keyUpHandler: " + event.keyCode);
	}
 
	private function metaView():void
	{
		// Zoom in Out
		if( keyForward )
		{
			// Move camera with the mouse
			camera.x = -container.mouseX/4;
			camera.y = container.mouseY/3;			
		}
		else if( keyReverse )
		{
			// Move camera with the mouse
			camera.x = -container.mouseX/4;
			camera.y = container.mouseY/3;	
		}
 
		// Move left right
		if( keyRight )
		{
			camera.z = -300 + scene.container.mouseX * 5;
			camera.y = Math.max( 0, this.mouseY ) * 5;
		}
		else if( keyLeft )
		{
			camera.z = -300 + scene.container.mouseX * 5;
			camera.y = Math.max( 0, this.mouseY ) * 5;
		}
	}
 
	// ___________________________________________________________________ Create album
 
	private function createAlbum()
	{
		var material:MovieAssetMaterial = new MovieAssetMaterial( "Album" );
 
		material.doubleSided = true;
		material.lineColor = 0xFFFFFF;
 
		material.movie.gotoAndStop( num % material.movie.totalFrames );
		material.updateBitmap();
 
		var plane :Plane = new Plane( material, paperSize, 0, 2, 2 );
 
		// Randomize position
		var gotoData :DisplayObject3D = new DisplayObject3D();
 
		// Set new .x position
		var xFactor :int = num;
 
		if(num <= 9) {
			gotoData.x = xFactor * 130;
		} else if(num == 10) {
			xFactor = 0
			gotoData.x = xFactor * 130;
			gotoData.y = 130;
		} else if(num > 10 && num <= 19) {			
			xFactor = num - 10 
			gotoData.x = xFactor * 130;
			gotoData.y = 130;
		} else if(num == 20) {
			xFactor = 0
			gotoData.x = xFactor * 130;
			gotoData.y = 260;
		} else if(num > 20 && num <= 29) {
			xFactor = num - 20 
			gotoData.x = xFactor * 130;
			gotoData.y = 260;
		} else if(num == 30) {
			xFactor = 0
			gotoData.x = xFactor * 130;
			gotoData.y = 390;
		} else if(num > 30 && num <= 39) {
			xFactor = num - 30 
			gotoData.x = xFactor * 130;
			gotoData.y = 390;
		} else if(num == 40) {
			xFactor = 0
			gotoData.x = xFactor * 130;
			gotoData.y = 520;
		} else if(num > 40 && num <= 49) {
			xFactor = num - 40 
			gotoData.x = xFactor * 130;
			gotoData.y = 520;
		} else if(num == 50) {
			xFactor = 0
			gotoData.x = xFactor * 130;
			gotoData.y = 650;
		} else if(num > 50 && num <= 59) {
			xFactor = num - 50 
			gotoData.x = xFactor * 130;
			gotoData.y = 650;
		}
 
		plane.extra =
		{
			goto: gotoData
		};
 
		// Include in scene
		scene.addChild( plane, "Album" + String( num ) );
 
		var container:Sprite = plane.container;
		container.buttonMode = true;
		container.addEventListener( MouseEvent.ROLL_OVER, doRollOver );
		container.addEventListener( MouseEvent.ROLL_OUT, doRollOut );
		container.addEventListener( MouseEvent.MOUSE_DOWN, doPress );
 
		planeByContainer[ container ] = plane;
 
		num++;
	}
 
	// ___________________________________________________________________ Button events
 
	private function doPress(event:Event):void
	{
		var plane:Plane = planeByContainer[ event.target ];
 
		var target :DisplayObject3D = new DisplayObject3D();
 
		target.copyTransform( plane );
		target.moveBackward( 350 );
 
		camera.extra.goPosition.copyPosition( target );
		camera.extra.goTarget.copyPosition( plane );
	};
 
 
	private function doRollOver(event:Event):void
	{
		var plane:Plane = planeByContainer[ event.target ];
 
		plane.rotationZ = Math.random() * rotSize;
	};
 
 
	private function doRollOut(event:Event):void
	{
 
	};
 
 
	// ___________________________________________________________________ Loop
 
	private function loop(event:Event):void
	{
		if( num < maxAlbums )
			createAlbum();
 
		update3D();		
 
		iFull.x = 640 + (stage.stageWidth - 640)/2;
		iFull.y = 480 + (stage.stageHeight - 480)/2;		
 
		// Show model in meta view
		metaView();
	}
 
 
	private function update3D():void
	{
		var target     :DisplayObject3D = camera.target;
		var goPosition :DisplayObject3D = camera.extra.goPosition;
		var goTarget   :DisplayObject3D = camera.extra.goTarget;
 
		camera.x -= (camera.x - goPosition.x) /32;
		camera.y -= (camera.y - goPosition.y) /32;
		camera.z -= (camera.z - goPosition.z) /32;
 
		target.x -= (target.x - goTarget.x) /32;
		target.y -= (target.y - goTarget.y) /32;
		target.z -= (target.z - goTarget.z) /32;
 
		var paper :DisplayObject3D;
 
		for( var i:Number=0; paper = scene.getChildByName( "Album"+i ); i++ )
		{
			var goto :DisplayObject3D = paper.extra.goto;
 
			paper.x -= (paper.x - goto.x) / 32;
			paper.y -= (paper.y - goto.y) / 32;
			paper.z -= (paper.z - goto.z) / 32;
 
			paper.rotationX -= (paper.rotationX - goto.rotationX) /32;
			paper.rotationY -= (paper.rotationY - goto.rotationY) /32;
			paper.rotationZ -= (paper.rotationZ - goto.rotationZ) /32;
		}
 
		// Render
		scene.renderCamera( this.camera );
	}
}
}
Block - banners

Zoeken

Drupal Distro Watch
