Papervision3D 教學 part 2.2 -- 空照 與滑鼠互動

繼續上一篇的 Camera 操控，這次加上滑鼠，左右移動可以控制 camera 繞著圓心做旋轉，然後滾輪的部份，我會用來同時改變 carema 的高度以及繞圓心旋轉的半徑，程式碼如下：

package {
import flash.display.Sprite;
import flash.display.Bitmap;
import flash.events.*;

import org.papervision3d.cameras.Camera3D;
import org.papervision3d.scenes.Scene3D;
import org.papervision3d.objects.*
import org.papervision3d.materials.*

[SWF(backgroundColor="#000000", frameRate="60", width="400", height="400")]

public class T2step3 extends Sprite
{
 private static var PI:Number = Math.PI;
 private static var TH:Number = PI / 180;
 
 [Embed(source="../assets/IMG_1054.JPG")]
 private var CubeTexture:Class;

 private var container:Sprite;
 private var scene:Scene3D;
 private var camera:Camera3D;
 private var rootNode:DisplayObject3D;

 private var du:Number = 0;

 private var movingRadius:int = 2000;
 private var movingHeight:int = 2000;

 public function T2step3()
 {
  // initialize the objects
  init3D();
 
  // add a listener for the 3D loop
  addEventListener(Event.ENTER_FRAME, loop3D);
  addEventListener(MouseEvent.MOUSE_WHEEL, onMouseWheel);
 }

 private function init3D():void{
 
  container = new Sprite();
  addChild(container);
 
  container.x = 200;
  container.y = 200;
 
  scene = new Scene3D(container);
 
  camera = new Camera3D();
  camera.y = movingHeight;
  camera.z = -movingRadius;
  camera.zoom = 10;
  camera.focus = 100;
 
  rootNode = scene.addChild(new DisplayObject3D("rootNode"));
 
  var ground:DisplayObject3D = rootNode.addChild(new Plane(new ColorMaterial(0xffcc00), 500, 500, 10, 10), "ground");
  ground.rotationX = -90;

  var cubeTexture:Bitmap = new CubeTexture() as Bitmap;
  var myCube1:DisplayObject3D = rootNode.addChild(new Cube(new BitmapMaterial(cubeTexture.bitmapData), 100, 100, 100, 1, 1, 1), "myCube1");
  myCube1.y = 50;
 }

 private function loop3D(event:Event):void{

  /*
  du++;
  if(du==360)du=0;
  */
 
  du = 360 * (this.mouseX / stage.stageWidth);
 
  var newX:Number = movingRadius * formatNum(Math.cos(du*TH), 3);
  var newY:Number = movingHeight;
  var newZ:Number = movingRadius * formatNum(Math.sin(du*TH), 3);
 
  camera.x = newX;
  camera.y = newY;
  camera.z = newZ;
    
  scene.renderCamera(camera);
 }

 private function formatNum(num:Number, cnt:Number):Number{
  return Math.round(num * Math.pow(10, cnt)) / Math.pow(10, cnt);
 }

 private function onMouseWheel(event:MouseEvent):void{
 
  //event.delta = 3 | -3
 
  movingRadius -= event.delta*10;
  if(movingRadius<=0)movingRadius=1;
 
  movingHeight -= event.delta*10;
  if(movingHeight<=200)movingHeight=200;
 }
}
}

看效果！