Away3D學習筆記–簡單互動

首先是句題外話，PV3D雖然效能不錯，但似乎很久不更新，而且許多功能還處於殘廢狀態，Away3D是在PV3D基礎上開發的，許多基礎工作還做的好的多。所以項目對效能要求不那麼高，最終選用Away3D，而非高效能的PV3D。項目需要讓使用者通過flash建立一系列幾何體，並儲存下來。作為練習，這裡先嘗試讓使用者建立最基本的幾何體：平面。

首先需要弄清楚Away3D中的座標關係，Away3D採用左手座標系，座標原點依然在舞台正中央。通過stage.addEventListener方法得到的滑鼠座標是相對於右上方點的座標，不能直接用在Away3D中定位，除非經過一系列換算。幸運的是，Away3D提供了內建的解決方案，就是利用Object3D的addOnMouseDown，addOnMouseUp等事件，用MouseEvent3D中的參數來定位。

MouseEvent3D中關於滑鼠點擊位置的參數有6個，分別是sceneX，sceneY，sceneZ和screenX，screenY，screenZ。後三個參數字面意思是滑鼠相對於整個幕布的位置，可是通過trace顯示來看，數值很怪異。而前三個參數剛好就是滑鼠在scene中經過換算的正確位置。

Away3D中的基本體的座標（x,y,z）值也是基本體中心對於scene的值。

然後就是讓使用者來畫平面。總共需要相應三個事件，滑鼠按下（記錄初始點，建立平面對象），滑鼠移動（動態更改平面寬高）和滑鼠抬起（結束繪製）。

為了利用Away3D內建的事件捕捉，這裡取個巧，事先在舞台上放置一個和舞台相同大小的平面，並設為黑色，利用這個平面的滑鼠事件來相應使用者操作。

完整代碼如下：

 

package {import away3d.cameras.*;import away3d.containers.*;import away3d.core.base.Vertex;import away3d.core.utils.*;import away3d.debug.AwayStats;import away3d.events.MouseEvent3D;import away3d.materials.*;import away3d.primitives.*;import flash.display.*;import flash.events.*;import flash.geom.*;[SWF(backgroundColor="#000000", frameRate="100", quality="LOW", width="800", height="600")]public class test extends Sprite{private var scene:Scene3D;private var camera:Camera3D;private var view:View3D;private var down:Boolean = false;  //滑鼠按下標記private var begin:Vertex;   //起點座標private var tp:Plane;       public function test() {scene = new Scene3D();camera = new Camera3D();camera.z = -40;view = new View3D();view.scene= scene;view.camera = camera;addChild(view);var pl:Plane = new Plane();pl.width = 800;pl.height = 600;pl.yUp = false;pl.material = new ColorMaterial(0x000000);scene.addChild(pl);pl.addOnMouseDown(ondown);pl.addOnMouseMove(onmove);pl.addOnMouseUp(onup);addEventListener(Event.ENTER_FRAME, onEnterFrame);}private function ondown(e:MouseEvent3D):void {if (!down){down = true;begin = new Vertex(e.sceneX, e.sceneY, 0);tp = new Plane();tp.width = 1;tp.height = 1;tp.x = e.sceneX;tp.y = e.sceneY;tp.yUp = false;tp.material = new ColorMaterial(0xFF0000);tp.pushfront = true;scene.addChild(tp);}}private function onmove(e:MouseEvent3D):void{if (down){tp.width = Math.abs(e.sceneX - begin.x);tp.height = Math.abs(e.sceneY - begin.y);tp.x=(begin.x + e.sceneX) / 2;tp.y = (begin.y + e.sceneY) / 2;}}private function onup(e:MouseEvent3D):void{if (down){down = false;}}private function onEnterFrame(e:Event):void{view.render();}}}

Away3D建立的平面是預設放在xoz平面的，所以用plane.yUp=false讓平面面向螢幕。