魔術方塊

看到以前已經有人在沒有 Flash 3D engine 的幫助下，就做出了魔術方塊，我就在想若是用 PV3D 要做，應該也不會太難吧！所以我就先試著建出所需的模型，不過建模完後，想想將要寫的互動程式碼，感到程式碼也不會太少，可能還需要花點時間研究一下一些效果在 PV3D 該如何做到，建模的部份程式碼如下：


package { import flash.display.*; import flash.events.*; import flash.geom.*; import flash.utils.*; import org.papervision3d.cameras.*; import org.papervision3d.materials.*; import org.papervision3d.objects.*; import org.papervision3d.scenes.*; [SWF(backgroundColor="#000000", frameRate="60", width="400", height="400")] public class T5step1 extends Sprite { private var container:Sprite; private var scene:MovieScene3D; private var camera:Camera3D; private var mouseDownPoint:Point = null; public function T5step1() { var bg:Sprite = new Sprite(); addChild(bg); bg.graphics.beginFill(0x999999); bg.graphics.drawRect(0, 0, 400, 400); bg.graphics.endFill(); // initialize the objects init3D(); // add a listener for the 3D loop addEventListener(Event.ENTER_FRAME, loop3D); addEventListener(MouseEvent.MOUSE_DOWN, onMouseDown); addEventListener(MouseEvent.MOUSE_UP, onMouseUp); } private function init3D():void{ container = new Sprite(); addChild(container); container.x = 200; container.y = 200; scene = new MovieScene3D(container); camera = new Camera3D(); camera.z = -2000; camera.zoom = 10; camera.focus = 100; for(var idxX:int=0; idxX<3; idxX++){ for(var idxY:int=0; idxY<3; idxY++){ for(var idxZ:int=0; idxZ<3; idxZ++){ if(!(idxX==1 && idxY==1 && idxZ==1)){ var cube:DisplayObject3D = new DisplayObject3D(); var p1:DisplayObject3D = cube.addChild(new Plane(new ColorMaterial(0xffffff), 100, 100, 1, 1, {rotationY:0, z:-50}), "p1"); //面朝瀏覽者 var p2:DisplayObject3D = cube.addChild(new Plane(new ColorMaterial(0xffffff), 100, 100, 1, 1, {rotationY:90, x:-50}), "p2"); //面朝左邊 var p3:DisplayObject3D = cube.addChild(new Plane(new ColorMaterial(0xffffff), 100, 100, 1, 1, {rotationY:-90, x:50}), "p3"); //面朝右邊 var p4:DisplayObject3D = cube.addChild(new Plane(new ColorMaterial(0xffffff), 100, 100, 1, 1, {rotationY:180, z:50}), "p4"); //面朝背面 var p5:DisplayObject3D = cube.addChild(new Plane(new ColorMaterial(0xffffff), 100, 100, 1, 1, {rotationX:90, y:-50}), "p5"); //面朝下面 var p6:DisplayObject3D = cube.addChild(new Plane(new ColorMaterial(0xffffff), 100, 100, 1, 1, {rotationX:-90, y:50}), "p6"); //面朝上面 if(idxZ==0){ //面朝前面 p1.material = new ColorMaterial(0xFF0000); } if(idxZ==2){ //面朝後面 p4.material = new ColorMaterial(0x00FF00); } if(idxX==0){ //面朝左邊 p2.material = new ColorMaterial(0x0000FF); } if(idxX==2){ //面朝右邊 p3.material = new ColorMaterial(0xFFFF00); } if(idxY==0){ //面朝下面 p5.material = new ColorMaterial(0xFF00FF); } if(idxY==2){ //面朝上面 p6.material = new ColorMaterial(0x00FFFF); } cube.x = (idxX-1) * 200; cube.y = (idxY-1) * 200; cube.z = (idxZ-1) * 200; scene.addChild(cube, "cube"+idxX+idxY+idxZ); } } } } } private function loop3D(event:Event):void{ camera.hover(0, container.mouseX / 20, container.mouseY / 10); scene.renderCamera(camera); } private function onMouseDown(event:MouseEvent):void{ mouseDownPoint = new Point(container.mouseX, container.mouseY); } private function onMouseUp(event:MouseEvent):void{ mouseDownPoint = null; } }}


後來，我偶然看到前陣子流行至今的數獨，就在想不知道有沒有人有挑戰過 3D 數獨，所以就也試著先將 3D 數獨的模型建起來，不過這個遊戲的操作過程可能會有點麻煩，是要讓玩家可以走進 3D 的 Cube 中去做設定，還是要讓玩家可以將比較靠近裡面的整排 Cube 切換到外面來再做設定，這部份的操作方式可能要好好設計一下。此外，建立了 9 x 9 x 9 = 729 個 Cube，對於 PV3D 來說，差不多是該有點吃力的時候了，完整模型程式如下：


package { import flash.display.*; import flash.events.*; import flash.geom.*; import flash.utils.*; import org.papervision3d.cameras.*; import org.papervision3d.materials.*; import org.papervision3d.objects.*; import org.papervision3d.scenes.*; import flash.text.TextField; import flash.text.TextFormat; [SWF(backgroundColor="#000000", frameRate="60", width="400", height="400")] public class T5step2 extends Sprite { private var container:Sprite; private var scene:MovieScene3D; private var camera:Camera3D; private var length:int=50; private var offset:int=20; private var numBDs:Array = new Array(); public function T5step2() { //背景 var bg:Sprite = new Sprite(); addChild(bg); bg.graphics.beginFill(0x999999); bg.graphics.drawRect(0, 0, 400, 400); bg.graphics.endFill(); //製作數字貼圖材質 var tf:TextFormat = new TextFormat(); tf.size = 24; tf.bold = true; for(var i:int=0; i<=9; i++){ var numSprite:Sprite = new Sprite(); numSprite.graphics.lineStyle(1); numSprite.graphics.drawRect(0, 0, length, length); var numTxt:TextField = new TextField(); numTxt.text = i.toString(); numTxt.setTextFormat(tf); numSprite.addChild(numTxt); var bd:BitmapData = new BitmapData(length, length, false, 0xffffffff); bd.draw(numSprite); numBDs.push(bd); } // initialize the objects init3D(); // add a listener for the 3D loop addEventListener(Event.ENTER_FRAME, loop3D); } private function init3D():void{ container = new Sprite(); addChild(container); container.x = 200; container.y = 200; scene = new MovieScene3D(container); camera = new Camera3D(); camera.z = -2000; camera.zoom = 10; camera.focus = 100; for(var idxX:int=0; idxX<9; idxX++){ for(var idxY:int=0; idxY<9; idxY++){ for(var idxZ:int=0; idxZ<9; idxZ++){ var num:int = (idxX + idxY + idxZ) % 9 + 1; var cube:DisplayObject3D = new Cube(new BitmapMaterial(numBDs[num]), length, length, length, 1, 1, 1); cube.x = (idxX-4) * (length+offset); cube.y = (idxY-4) * (length+offset); cube.z = (idxZ-4) * (length+offset); scene.addChild(cube, "cube"+idxX+idxY+idxZ); //cube.container.alpha = 0.9; } } } } private function loop3D(event:Event):void{ camera.hover(0, container.mouseX / 20, container.mouseY / 10); scene.renderCamera(camera); } }}