actionscriptアーカイブ

b2Bodyオブジェクトにはm_contactListという、衝突している2つのオブジェクトを格納するプロパティが存在する。
まずは、車のボディー（bodyBody）のm_contactListから、衝突しているオブジェクトを取り出す処理を入れる。（m_contactListを取得するにはGetContactList()を使用する）
//m_contactListには「b2ContactEdge」が格納されているからそれを取り出し、さらにそこからb2Contactをたどってb2Bodyを取得する。 //「b2ContactEdge」はver1.4.3では「b2ContactNode」という名称だった。 for (var ce:b2ContactEdge = bodyBody.GetContactList(); ce != null; ce = ce.next){ var obj1:b2Body = ce.contact.GetShape1().m_body;//1つ目のオブジェクト var obj2:b2Body = ce.contact.GetShape2().m_body;//2つ目のオブジェクト }

衝突するオブジェクトは、地面であったり壁であったりと場合により変わるので、それを判断する指標が必要になってくる。
その指標を、b2PolygonDefやb2CircleDefで指定したグラフィックデータ（userData）のプロパティ「id」として設定する。（ここでは車のボディには「body」、障害物には「obstacle」というidを指定）
で、上の方で取得したm_contactList内のオブジェクト、「obj1」と「obj2」のuserDataのidがそれぞれ、「body」と「obstacle」だったら衝突時のアクションを起こすという流れになる。

あとここでつまづいたのが、「idだけで判定しようとするとオブジェクトの矩形で判定をしてしまう」ということ。
ここでb2ContanctのGetManifoldCount()を調べる。
GetManifoldCount()は「0」か「1」の数字が取得できて、「"0"の時は矩形で衝突している」、「"1"の時はオブジェクトの形で衝突している」事を表しているみたい。
↓それをコードに組み込むとこんな感じ。 for (var ce:b2ContactEdge = bodyBody.GetContactList(); ce != null; ce = ce.next){ var obj1:b2Body = ce.contact.GetShape1().m_body; var obj2:b2Body = ce.contact.GetShape2().m_body; if(obj1.m_userData && obj2.m_userData && ce.contact.GetManifoldCount() == 1){ if((obj1.m_userData.id == "body" && obj2.m_userData.id == "obstacle") || (obj1.m_userData.id == "obstacle" && obj2.m_userData.id == "body") ){ //衝突時のアクション } }else{ //非衝突時のアクション } }

↓今回は衝突時に右上のボックスが「TRUE」、非衝突時が「FLASE」の文字を表示する様にしてみた。


・ソース

とりあえず今回までの事が理解出来れば簡単なゲームは作れそうな気がする。
でも、まだ探ってない部分が沢山あるから、まだまだ勉強しなくては。

Jointのつなげ方と種類は↓この図の様にする。

Jointでつなげたオブジェクト同士は、デフォルトで衝突しなくなる。
衝突させたい場合はcollideConnectedというプロパティをtrueにする。
この車の場合、衝突させてしまうとビクビクしてしまうのでデフォルトのfalseのままにしておく。

ついでに矢印キーの右を押すと前進し、左でバックする機能も入れてみた。
実際の挙動が↓これ。



大分コードが長くなってきたからClassにまとめられる部分はまとめた。

・ソース

次は衝突判定でもやってみようかな。

- b2DistanceJoint -
これは2つのオブジェクトの距離を一定に保つJoint。



↓scriptはこんな感じ。 var distanceJD:b2DistanceJointDef = new b2DistanceJointDef();//まずb2DistanceJointDefを生成 distanceJD.Initialize(square1Body,square2Body,square1Body.GetPosition(),square2Body.GetPosition());//オブジェクトを2つ指定して、固定する位置を指定する。GetPosition()でオブジェクトの中心位置を取得できる。 var m_distanceJ:b2DistanceJoint = m_world.CreateJoint(distanceJD) as b2DistanceJoint;//m_worldに登録する

- b2RevoluteJoint -
モーターの機能がついていて、motorSpeedというプロパティに値を与えるとオブジェクトが回転する。



- b2PulleyJoint -
滑車のような動きをさせられる。



- b2PrismaticJoint -
単体では変な動きをするから、Box2DFlashAS3のサンプルにあったものを焼きなおしてみた。


長くなってしまうから一つ一つソースにまとめてみた。

・ソース

次回は車のグラフィックにJointを設定してみる。

まずはグラフィック素材の準備。
↓こんな感じでパーツ毎に絵を作成しムービークリップにしておく。（ピンクはBox2Dオブジェクトの形）
BODY部分のBox2Dオブジェクトは形が複雑なので一部簡略化してオブジェクトを作成する。（BODY下部のタイヤ部分は衝突判定が甘くても良いかと思ったから直線にしてみた）
基本的にどのパーツもオブジェクトに反映するやりかたは一緒だから、代表してBODYの例を挙げてみる。 var bodyBox:b2PolygonDef = new b2PolygonDef(); bodyBox.vertexCount = 7;//全部で頂点は7つ bodyBox.vertices[0].Set(-42/m_physScale, -18/m_physScale);//以下7つの頂点の座標をセット bodyBox.vertices[1].Set(30/m_physScale, -18/m_physScale); bodyBox.vertices[2].Set(40/m_physScale, -2/m_physScale); bodyBox.vertices[3].Set(45/m_physScale, 3/m_physScale); bodyBox.vertices[4].Set(45/m_physScale, 18/m_physScale); bodyBox.vertices[5].Set(-45/m_physScale, 18/m_physScale); bodyBox.vertices[6].Set(-45/m_physScale, 3/m_physScale); bodyBox.density = 3.0;//各プロパティを設定 bodyBox.friction = 1.0; bodyBox.restitution = 0.2; var bodyBD:b2BodyDef = new b2BodyDef(); bodyBD.position.Set( stage.stageWidth/2/m_physScale, stage.stageHeight/2/m_physScale);//とりあえずステージの中央に配置 //bodyのムービークリップにBodyというリンケージ名をつけておき、 //b2BodyDefのuserDataというプロパティにnewする。 bodyBD.userData = new Body(); bodyBD.userData.width = 90;//オブジェクトの横幅と一緒にする。ここのサイズはm_physScaleで割らない。 bodyBD.userData.height = 36;//オブジェクトの高さと一緒にする。ここのサイズはm_physScaleで割らない。 m_sprite.addChild(bodyBD.userData);//ここで表示用spriteにaddChildする //後々出てくるJointを設定するためにオブジェクト一つ一つにbodyをつくる。 var bodyBody:b2Body = m_world.CreateDynamicBody(bodyBD); bodyBody.CreateShape(bodyBox); bodyBody.SetMassFromShapes(); あと、グラフィック素材の座標や回転も毎フレーム描画し直さないといけないから、前に書いたUpdate関数の中に↓これを入れておく。 //生成されたオブジェクトは、worldオブジェクト内のm_bodyListという配列に登録されるから、 //登録されたオブジェクトの座標と位置、そのグラフィック素材の座標と位置を合わせる。 for (var bb:b2Body = m_world.m_bodyList; bb; bb = bb.m_next) { if (bb.m_userData is Sprite) { bb.m_userData.x = bb.GetPosition().x * m_physScale; bb.m_userData.y = bb.GetPosition().y * m_physScale; bb.m_userData.rotation = bb.GetAngle() * (180/Math.PI); } } ↓全部のパーツを作ったサンプルとソース。

・サンプル
・ソース

次回はオブジェクト同士を繋ぎあわせるJointの設定の仕方をやってみよう。

まずは入力用のライブラリをインポート。 import General.Input; マウス座標の変数と、入力用のオブジェクトを作成。
それと入力用オブジェクトを作成するときにspriteが必要になってくるからそれも作成。
（これは後々MCをBox2Dので作成したオブジェクトに貼付ける際にも必要になってくる）
// display object public var m_sprite:Sprite; // world mouse position static public var mouseXWorldPhys:Number;//以下4つはマウス座標の変数 static public var mouseYWorldPhys:Number; static public var mouseXWorld:Number; static public var mouseYWorld:Number; private var mousePVec:b2Vec2;//マウス位置のベクトル // input public var m_input:Input;//入力用オブジェクト //初期化 m_sprite = new Sprite(); addChild(m_sprite); m_input = new Input(m_sprite);//引数にspriteを指定する mousePVec = new b2Vec2(); そして、マウス位置を取得する関数、ドラッグする関数、マウスの位置にあるオブジェクトを取得する関数の3つの関数を用意。
↓毎フレームマウス位置を取得する関数。
public function UpdateMouseWorld():void{ mouseXWorldPhys = (Input.mouseX)/m_physScale; mouseYWorldPhys = (Input.mouseY)/m_physScale; mouseXWorld = (Input.mouseX); mouseYWorld = (Input.mouseY); }
↓実際にドラッグする関数。
public function MouseDrag():void{ // mouse press if (Input.mouseDown && !m_mouseJoint){ buttonMode = true;//サンプルには入ってなかったけど入れておくとドラッグ感がでる var body:b2Body = GetBodyAtMouse(); if (body) { var md:b2MouseJointDef = new b2MouseJointDef(); md.body1 = m_world.m_groundBody; md.body2 = body; md.target.Set(mouseXWorldPhys, mouseYWorldPhys); md.maxForce = 300.0 * body.m_mass; md.timeStep = m_timeStep; m_mouseJoint = m_world.CreateJoint(md) as b2MouseJoint; body.WakeUp(); } } // mouse release if (!Input.mouseDown){ if (m_mouseJoint) { m_world.DestroyJoint(m_mouseJoint); m_mouseJoint = null; } } // mouse move if (m_mouseJoint) { var p2:b2Vec2 = new b2Vec2(mouseXWorldPhys, mouseYWorldPhys); m_mouseJoint.SetTarget(p2); } }
↓マウスの位置にあるオブジェクトを取得する関数。
public function GetBodyAtMouse(includeStatic:Boolean=false):b2Body{ // Make a small box. mousePVec.Set(mouseXWorldPhys, mouseYWorldPhys); var aabb:b2AABB = new b2AABB(); aabb.lowerBound.Set(mouseXWorldPhys - 0.001, mouseYWorldPhys - 0.001); aabb.upperBound.Set(mouseXWorldPhys + 0.001, mouseYWorldPhys + 0.001); // Query the world for overlapping shapes. var k_maxCount:int = 10; var shapes:Array = new Array(); var count:int = m_world.Query(aabb, shapes, k_maxCount); var body:b2Body = null; for (var i:int = 0; i < count; ++i) { if (shapes[i].m_body.IsStatic() == false || includeStatic) { var tShape:b2Shape = shapes[i] as b2Shape; var inside:Boolean = tShape.TestPoint(tShape.m_body.GetXForm(), mousePVec); if (inside) { body = tShape.m_body; break; } } } return body; }
そして上記3つの関数を毎フレーム実行すればドラッグできる。
public function Update(e:Event):void { m_world.Step(m_timeStep,m_iterations); UpdateMouseWorld() MouseDrag(); Input.update(); }
以下今までの全ソース
・ソース