Using the viewport for interactivity

Tuesday, March 31st, 2009 | examples

This example shows an alternate way of allowing you to click on 3d objects. Since every 3d object is rendered to the viewport, you can just add a mouse click event listener to the viewport directly. Of course, this limits you to having only one click action for every 3d object.

My next post will show how to create individual viewport layers for each object.

package
{
	import flash.events.MouseEvent;
 
	import org.papervision3d.core.proto.MaterialObject3D;
	import org.papervision3d.materials.ColorMaterial;
	import org.papervision3d.objects.DisplayObject3D;
	import org.papervision3d.objects.primitives.Sphere;
	import org.papervision3d.view.BasicView;
 
	[SWF(width="900", height="480", backgroundColor="#000000", frameRate="31")]
	public class AlternateInteractivity extends BasicView
	{
		public function AlternateInteractivity()
		{
			super(900, 480, false, false);
 
			var n:int = 30;
			for(var i:int = 0; i < n; i++)
			{
				var color:Number = Math.random() * 0xffffff;
				var material:MaterialObject3D = new ColorMaterial(color);
				var sphere:Sphere = new Sphere(material);
				sphere.x = Math.random() * 3000 - 1500;
				sphere.y = Math.random() * 3000 - 1500;
				sphere.z = Math.random() * 3000;
 
				scene.addChild(sphere);
			}
 
			singleRender();
 
			//shows hand cursor when rolling over spheres
			viewport.buttonMode = true;
			//allows you to click on any of the spheres
			//since they're just bitmaps in the viewport
			viewport.addEventListener(MouseEvent.CLICK, viewport_clickHandler);
		}
 
		private function viewport_clickHandler(event:MouseEvent):void
		{
			for each(var sphere:Sphere in scene.children)
			{
				sphere.x = Math.random() * 3000 - 1500;
				sphere.y = Math.random() * 3000 - 1500;
				sphere.z = Math.random() * 3000;
			}
 
			singleRender();
		}
	}
}