Box2DFlash筆記（三）--鼠標移動事件實現

聲明：歡迎任何人和組織轉載本blog中文章，但必須標記文章原始鏈接和作者信息。

本文鏈接：http://blog.csdn.net/li_007/archive/2009/04/13/4071104.aspx

開拓進取的小烏龜------->CSDN點滴點點滴滴Blog

這段時間在研究Box2DFlash這個開源APE，現在分享一下Box2DFlash中鼠標實現的方法。在Box2DFlash自帶的TestBed中就實現了鼠標事件和鍵盤事件，其實就是Actionscript 3鍵鼠事件，然後結合一下Box2DFlash。關於怎麼實現鼠標移動，可以說是對研究APE必須弄清楚的，不然就不要玩APE了。

1、首先肯定就是Actionscript 3的鼠標監聽事件了，這是基本，不然怎麼交Box2D Flash版啊。在這裏我們需要監聽MOUDSE_DOWN這個事件的，在Box2DFlash中是這樣實現的，當我我們按下鼠標的時候，以當前鼠標座標點建立一個Shape（實際上只是一個框框，也就是一個域，範圍），很小很小的shape（0.001有效位）；然後遍歷當前World中所有的Body，查找與剛建立的Shape有重疊的body，返回一個包含這個body的數組（其實只有一個，因爲都是body，剛體，這是我的理解）；再其次就是循環這些body，測試當前鼠標點是否在此body有效範圍中（也即是確認那個body被點擊了），然後返回符合條件的body，中止循環。關於這個功能的實現的GetBodyAtMouse函數實現如下：

private function getBodyAtMouse(includeStatic:Boolean = false):b2Body { // 利用當前鼠標點位置，創建當前鼠標向量 this._mousePreVector.Set(stage.mouseX / this._phyScale, stage.mouseY / this._phyScale); // 利用當前鼠標向量建立一個很小b2AABB類型的框(感覺叫Shape更好，但其實就是一個範圍，一個域) var _aabb:b2AABB = new b2AABB(); _aabb.lowerBound.Set(this._mousePreVector.x - 0.001, this._mousePreVector.y - 0.001); _aabb.upperBound.Set(this._mousePreVector.x + 0.001, this._mousePreVector.y + 0.001); // 在World中查找與剛用鼠標向量定義的Shape相重疊的Shape,並返回符合條件的所有Shape數組 var k_maxCount:int = 10; var _shapes:Array = new Array(); var count:int = this._bWorld.Query(_aabb, _shapes, k_maxCount); var _body:b2Body = null; // 循環數組中的Shape，檢測當前鼠標是否在當前的Shape所包含的範圍內 for (var i:int = 0; i < count; ++i) { // 判斷當前Shape的父Body是否是靜態或者可移動的(這裏要理解b2Body、b2BodyDef和b2Shape // 已經b2Shape子類的關係)。其實查閱源碼會發現GetBody返回的是在b2Shape中保存的m_body // 這個變量，也就是當前的b2Body對象。 if (_shapes[i].GetBody().IsStatic() == false || includeStatic) { trace(_shapes[i]); // 將當前Shape轉化爲最初父類b2Shape. var _tShape:b2Shape = _shapes[i] as b2Shape; // 測試當前鼠標向量是否在符合條件的當前Shape範圍內。注意在這裏需要將當前body的座標轉化 // 世界座標系，也即當前Sprite繪製場景。 var inside:Boolean = _tShape.TestPoint(_tShape.GetBody().GetXForm(), _mousePreVector); if (inside) { // 返回符號條件的body，並終止循環。 _body = _tShape.GetBody(); break; } _tShape = null; } } _aabb = null; _shapes = null; return _body; }

2、當我們得到了當前點擊的body後，通過建立一個b2MouseJoint對象，在這裏翻譯成“鼠標關節”吧，讓這個鼠標關節的一個物體爲從b2World的GetGroundBody得到的沒有碰撞檢測形狀的靜態body，問另一個body則連接上被點擊的body，然後不但更新這個鼠標關節的target位置爲當前鼠標位置，這樣就間接實現了物體被鼠標拖動了。代碼如下：

var _tempBody:b2Body = getBodyAtMouse(); if (_tempBody) { // 建立鼠標節點定義 var _mouseJointDef:b2MouseJointDef = new b2MouseJointDef(); // 設置body1爲無碰撞檢測形狀的靜態剛體 _mouseJointDef.body1 = this._bWorld.GetGroundBody(); // 設置body2爲當前被檢測到被點擊的剛體 _mouseJointDef.body2 = _tempBody; // 設置鼠標節點的最初世界位置 _mouseJointDef.target.Set(this._mousePreVector.x, this._mousePreVector.y); _mouseJointDef.maxForce = 5000 * _tempBody.GetMass(); _mouseJointDef.timeStep = this._timeStep; // 在世界中創建這個b2MouseJoint對象 this._mouseJoint = this._bWorld.CreateJoint(_mouseJointDef) as b2MouseJoint; // 如果當前body處於休眠狀態，則喚醒。 _tempBody.WakeUp(); _mouseJointDef = null; _tempBody = null; }

3、好了，然後我們不但更新這個b2MouseJoint對象的座標點就可以了，其實就是隨着時間步中更新。

整個工程代碼如下：（直接建立Actionscript 3的工程，用下面代碼做文檔類即可看到結果）

// // Box2DEvent.as // // the entry of application // // Written by Leezhm, 10st April, 2009 // Contact : [e-mail] // Last Modified by [e-mail] on 11st April, 2009 // package Srcs { import Box2D.Collision.b2AABB; import Box2D.Collision.Shapes.b2CircleDef; import Box2D.Collision.Shapes.b2PolygonDef; import Box2D.Collision.Shapes.b2Shape; import Box2D.Collision.Shapes.b2ShapeDef; import Box2D.Common.Math.b2Vec2; import Box2D.Dynamics.b2Body; import Box2D.Dynamics.b2BodyDef; import Box2D.Dynamics.b2DebugDraw; import Box2D.Dynamics.b2World; import Box2D.Dynamics.Joints.b2MouseJoint; import Box2D.Dynamics.Joints.b2MouseJointDef; import flash.events.MouseEvent; import flash.display.Sprite; import flash.events.Event; public class Box2DEvent extends Sprite { private var _bWorld:b2World; private var _iterations:uint = 10; private var _timeStep:Number = 1.0 / 60.0; private var _phyScale:Number = 30.0; private var _dbgSprite:Sprite; private var _mouseJoint:b2MouseJoint; private var _mousePreVector:b2Vec2; private var _mouseDown:Boolean = false; public function Box2DEvent() { InitWorld(); addDynamicBodies(); this.addEventListener(Event.ENTER_FRAME, OnUpdateWorld, false, 0, true); this.addEventListener(MouseEvent.MOUSE_UP, OnMouseUpHandler, false, 0, true); this.addEventListener(MouseEvent.MOUSE_DOWN, OnMouseDownHandler, false, 0, true); } private function InitWorld():void { // define a AABB coordination var _bAABB:b2AABB = new b2AABB(); _bAABB.lowerBound.Set( -100.0, -100.0); _bAABB.upperBound.Set( 100.0, 100.0); // define the gravity vector var _gravity:b2Vec2 = new b2Vec2(0.0, 10.0); // allow the bodies to sleep var _bSleep:Boolean = true; // create the world object if (null == this._bWorld) { this._bWorld = new b2World(_bAABB, _gravity, _bSleep); } // define a b2DebugDraw class object to draw all bodies when you // debug this application var _b2Dbg:b2DebugDraw = new b2DebugDraw(); if (null == this._dbgSprite) { this._dbgSprite = new Sprite(); this.addChild(this._dbgSprite); } _b2Dbg.m_sprite = this._dbgSprite; _b2Dbg.m_fillAlpha = 0.6; _b2Dbg.m_lineThickness = 0.4; _b2Dbg.m_drawFlags = b2DebugDraw.e_shapeBit | b2DebugDraw.e_jointBit; _b2Dbg.m_drawScale = this._phyScale this._bWorld.SetDebugDraw(_b2Dbg); // define the ground body var _bodyDef:b2BodyDef = new b2BodyDef(); _bodyDef.position.Set(10, 19); var _rectangle:b2PolygonDef = new b2PolygonDef(); _rectangle.SetAsBox(800 / _phyScale, 50 / _phyScale); _rectangle.friction = 0.5; _rectangle.density = 0; _rectangle.restitution = 0.6; var _body:b2Body = this._bWorld.CreateBody(_bodyDef); _body.CreateShape(_rectangle); _body.SetMassFromShapes(); // left _bodyDef.position.Set( -2, 1); _rectangle.SetAsBox(80 / _phyScale, 800 / _phyScale); _rectangle.restitution = 0.6; _body = this._bWorld.CreateBody(_bodyDef); _body.CreateShape(_rectangle); _body.SetMassFromShapes(); // right _bodyDef.position.Set( 28, 1); _rectangle.SetAsBox(80 / _phyScale, 800 / _phyScale); _rectangle.restitution = 0.6; _body = this._bWorld.CreateBody(_bodyDef); _body.CreateShape(_rectangle); _body.SetMassFromShapes(); // top _bodyDef.position.Set( 1, -2); _rectangle.SetAsBox(800 / _phyScale, 80 / _phyScale); _rectangle.restitution = 0.6; _body = this._bWorld.CreateBody(_bodyDef); _body.CreateShape(_rectangle); _body.SetMassFromShapes(); _bAABB = null; _gravity = null; _dbgSprite = null; _b2Dbg = null; _rectangle = null; _bodyDef = null; _body = null; } private function addDynamicBodies():void { for (var i:uint = 0; i < 6; i ++) { var _bodyDef:b2BodyDef = new b2BodyDef(); _bodyDef.position.Set(Math.random() * _phyScale, Math.random()); var _circleDef:b2CircleDef = new b2CircleDef(); _circleDef.radius = Math.random() + 1.0; _circleDef.friction = 0.3; _circleDef.density = 3 * Math.random(); _circleDef.restitution = 0.8; var _body:b2Body = this._bWorld.CreateBody(_bodyDef); _body.CreateShape(_circleDef); _body.SetMassFromShapes(); _bodyDef = null; _circleDef = null; _body = null; } } private function OnUpdateWorld(evt:Event = null):void { this._bWorld.Step(this._timeStep, this._iterations); if (this._mouseJoint) { this._mousePreVector = new b2Vec2(stage.mouseX / this._phyScale, stage.mouseY / this._phyScale); this._mouseJoint.SetTarget(this._mousePreVector); } for (var bb:b2Body = this._bWorld.m_bodyList; bb; bb = bb.GetNext()) { if (bb.m_userData is Sprite) { bb.m_userData.x = bb.GetPosition().x * 30; bb.m_userData.y = bb.GetPosition().y * 30; bb.m_userData.rotation = bb.GetAngle() * (180/Math.PI); } } } private function OnMouseUpHandler(evt:MouseEvent = null):void { if (this._mouseJoint) { this._bWorld.DestroyJoint(this._mouseJoint); this._mouseJoint = null; } } private function OnMouseDownHandler(evt:MouseEvent = null):void { if (null == this._mousePreVector) { this._mousePreVector = new b2Vec2(); } var _tempBody:b2Body = getBodyAtMouse(); if (_tempBody) { // 建立鼠標節點定義 var _mouseJointDef:b2MouseJointDef = new b2MouseJointDef(); // 設置body1爲無碰撞檢測形狀的靜態剛體 _mouseJointDef.body1 = this._bWorld.GetGroundBody(); // 設置body2爲當前被檢測到被點擊的剛體 _mouseJointDef.body2 = _tempBody; // 設置鼠標節點的最初世界位置 _mouseJointDef.target.Set(this._mousePreVector.x, this._mousePreVector.y); _mouseJointDef.maxForce = 5000 * _tempBody.GetMass(); _mouseJointDef.timeStep = this._timeStep; // 在世界中創建這個b2MouseJoint對象 this._mouseJoint = this._bWorld.CreateJoint(_mouseJointDef) as b2MouseJoint; // 如果當前body處於休眠狀態，則喚醒。 _tempBody.WakeUp(); _mouseJointDef = null; _tempBody = null; } } private function getBodyAtMouse(includeStatic:Boolean = false):b2Body { // 利用當前鼠標點位置，創建當前鼠標向量 this._mousePreVector.Set(stage.mouseX / this._phyScale, stage.mouseY / this._phyScale); // 利用當前鼠標向量建立一個很小b2AABB類型的框(感覺叫Shape更好，但其實就是一個範圍，一個域) var _aabb:b2AABB = new b2AABB(); _aabb.lowerBound.Set(this._mousePreVector.x - 0.001, this._mousePreVector.y - 0.001); _aabb.upperBound.Set(this._mousePreVector.x + 0.001, this._mousePreVector.y + 0.001); // 在World中查找與剛用鼠標向量定義的Shape相重疊的Shape,並返回符合條件的所有Shape數組 var k_maxCount:int = 10; var _shapes:Array = new Array(); var count:int = this._bWorld.Query(_aabb, _shapes, k_maxCount); var _body:b2Body = null; // 循環數組中的Shape，檢測當前鼠標是否在當前的Shape所包含的範圍內 for (var i:int = 0; i < count; ++i) { // 判斷當前Shape的父Body是否是靜態或者可移動的(這裏要理解b2Body、b2BodyDef和b2Shape // 已經b2Shape子類的關係)。其實查閱源碼會發現GetBody返回的是在b2Shape中保存的m_body // 這個變量，也就是當前的b2Body對象。 if (_shapes[i].GetBody().IsStatic() == false || includeStatic) { trace(_shapes[i]); // 將當前Shape轉化爲最初父類b2Shape. var _tShape:b2Shape = _shapes[i] as b2Shape; // 測試當前鼠標向量是否在符合條件的當前Shape範圍內。注意在這裏需要將當前body的座標轉化 // 世界座標系，也即當前Sprite繪製場景。 var inside:Boolean = _tShape.TestPoint(_tShape.GetBody().GetXForm(), _mousePreVector); if (inside) { // 返回符號條件的body，並終止循環。 _body = _tShape.GetBody(); break; } _tShape = null; } } _aabb = null; _shapes = null; return _body; } } }

BTW：不知道麼時候CSDN可以直接上傳SWF到blog中。歡迎大家指正錯誤，以及討論這些知識。

<script src="http://s.vdoing.com/u/107/54977.js" type="text/javascript"></script>