Box2DFlashAS3（2.0.0）を使ってみる - その4（グラフィック表示編）

今まではデバッグモードでの動作だったけど、Box2Dオブジェクトにグラフィック素材を反映してみる。
とりあえず車を作ってみよう。

まずはグラフィック素材の準備。
↓こんな感じでパーツ毎に絵を作成しムービークリップにしておく。（ピンクは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の設定の仕方をやってみよう。