[AS3]Flash CS4的习作-3dbox

发布:kinglong | 发布时间: 2008年11月13日

前几天刚才把Flash CS4装好，就迫不急待的搞了这个3dbox来练习一下Flash Player 10里的有关3D效果的功能，当然也找了不少网上的资料。
我这个习作里面主要用到新功能有三点：3D效果(rotationX,rotationY,z,getRelativeMatrix3D())，Vector(效率要比Array快得多)和MouseCursor(可以真正定义鼠标样式)；

演示效果图如下:

（可用鼠标中间滚轮来控制box的远近拉伸）

演示地址：http://www.klstudio.com/demo/as/3dbox/test3d.html

代码：

FaceItem类

/** * ... * @author Kinglong * @version 0.1 */ package project.test.t3d { public class FaceItem { private var _url:String; private var _width:uint; private var _height:uint; public function FaceItem(url:String, width:uint, height:uint) { this._url = url; this._width = width; this._height = height; } public function get url():String { return _url; } public function get width():uint { return _width; } public function get height():uint { return _height; } } }

Face3D 类

/** * ... * @author Kinglong * @version 0.1 */ package project.test.t3d { import flash.display.Loader; import flash.display.Shape; import flash.display.Sprite; import flash.events.*; import flash.net.URLRequest; import flash.system.LoaderContext; public class Face3D extends Sprite { private var _mask:Shape; private var _loader:Loader; private var _bg:Shape; private var _item:FaceItem; private var _level:Number; public function Face3D(item:FaceItem) { this._item = item; this.drawBg(); _loader = new Loader(); _loader.contentLoaderInfo.addEventListener(Event.COMPLETE, handler); _loader.contentLoaderInfo.addEventListener(IOErrorEvent.IO_ERROR, handler); _loader.contentLoaderInfo.addEventListener(SecurityErrorEvent.SECURITY_ERROR, handler); _loader.load(new URLRequest(_item.url), new LoaderContext(true)); _loader.x = -_item.width / 2; _loader.y = -_item.height / 2; this.drawMask(); } public override function get width():Number { return _item.width; } public override function get height():Number { return _item.height; } public function get level():Number { return _level; } public function set level(value:Number) { _level = value; } private function drawMask():void { _mask = new Shape(); _mask.graphics.beginFill(0xFF0000); _mask.graphics.drawRect(0, 0, _item.width, _item.height); _mask.graphics.endFill(); _mask.x = -_item.width / 2; _mask.y = -_item.height / 2; addChild(_mask); this.mask = _mask; } private function drawBg():void { _bg = new Shape(); _bg.graphics.beginFill(getRndColor()); _bg.graphics.drawRect(0, 0, _item.width, _item.height); _bg.graphics.endFill(); _bg.x = -_item.width / 2; _bg.y = -_item.height / 2; addChild(_bg); } private function getRndColor():uint { return Math.floor(Math.random() * 0xFF) << 16 | Math.floor(Math.random() * 0xFF) << 8 | Math.floor(Math.random() * 0xFF);; } private function handler(event:Event):void { switch(event.type) { case Event.COMPLETE: _loader.width = _item.width; _loader.height = _item.height; addChild(_loader); break; default: _loader.unload(); break; } } } } 

Box3D类

/** * ... * @author Kinglong * @version 0.1 */ package project.test.t3d { import flash.display.DisplayObject; import flash.display.Sprite; public class Box3D extends Sprite { //[前后上右下左]; private var _faces:Vector.<Face3D>; public function Box3D(items:Vector.<FaceItem>) { _faces = new Vector.<Face3D>(6); var i:uint; for (i = 0; i < _faces.length; i++ ) { _faces[i] = new Face3D(items[i]); } _faces[0].z = -items[3].width / 2; _faces[1].z = items[3].width / 2; _faces[1].rotationY = 180; _faces[2].y = -items[0].height / 2; _faces[2].rotationX = -90; _faces[3].x = items[0].width / 2; _faces[3].rotationY = -90; _faces[4].y = items[0].height / 2; _faces[4].rotationX = 90; _faces[5].x = -items[0].width / 2; _faces[5].rotationY = 90; for (i = 0; i < _faces.length; i++ ) { addChild(_faces[_faces.length - 1 - i]); } this.mouseEnabled = this.mouseChildren = false; } public function adjustDepth(relative:DisplayObject):void { var i:uint; for (i = 0; i < faces.length; i++ ) { faces[i].level = faces[i].transform.getRelativeMatrix3D(relative).position.z; if (this.contains(faces[i])) { this.removeChild(faces[i]); } } _faces = _faces.sort(compare); for (i = 0; i < faces.length; i++ ) { this.addChild(faces[i]); } } private function compare(a:Face3D, b:Face3D):Number { return b.level - a.level; } public function get faces():Vector.<Face3D> { return _faces; } public static function build(items:Vector.<FaceItem>):Box3D { var box:Box3D = new Box3D(items); return box; } } } 

Test3D类(文档类)

/** * ... * @author Kinglong * @version 0.1 */ package project.test { import flash.display.*; import flash.events.*; import flash.geom.Point; import flash.ui.*; import project.test.t3d.*; public class Test3D extends Sprite { private var _box3d:Box3D; private var _pressed:Boolean; private var _oldMousePoint:Point; public function Test3D() { //[前后上右下左]; var items:Vector.<FaceItem> = new Vector.<FaceItem>(6); items[0] = new FaceItem("face_0.jpg", 50, 100); items[1] = new FaceItem("face_1.jpg", 50, 100); items[2] = new FaceItem("face_2.jpg", 50, 100); items[3] = new FaceItem("face_3.jpg", 100, 100); items[4] = new FaceItem("face_4.jpg", 50, 100); items[5] = new FaceItem("face_5.jpg", 100, 100); _box3d = new Box3D(items); _box3d.x = stage.stageWidth / 2; _box3d.y = stage.stageHeight / 2; addChild(_box3d); _pressed = false; _oldMousePoint = new Point(); stage.addEventListener(MouseEvent.MOUSE_DOWN, stageHandler); stage.addEventListener(MouseEvent.MOUSE_UP, stageHandler); stage.addEventListener(MouseEvent.MOUSE_WHEEL, stageHandler); stage.addEventListener(Event.ENTER_FRAME, stageHandler); } private function stageHandler(event:Event):void { switch(event.type) { case Event.ENTER_FRAME: if (_pressed) { _box3d.rotationX += mouseY - _oldMousePoint.y; _box3d.rotationY -= mouseX - _oldMousePoint.x; _box3d.adjustDepth(root); } _oldMousePoint.x = mouseX; _oldMousePoint.y = mouseY; break; case MouseEvent.MOUSE_DOWN: _pressed = true; Mouse.cursor = MouseCursor.HAND; _oldMousePoint.x = mouseX; _oldMousePoint.y = mouseY; break; case MouseEvent.MOUSE_UP: _pressed = false; Mouse.cursor = MouseCursor.AUTO; break; case MouseEvent.MOUSE_WHEEL: var mEvent:MouseEvent = event as MouseEvent; if (_box3d.z > -300 && _box3d.z < 1200 ) { _box3d.z += (mEvent.delta > 0)?10: -10; } break; } } } }