DUBFLASH: Box2D-Archive-

Box2d | ジョイント連結を固定する

Post:2009年9月10日 16:43

Box2dで各オブジェクトを連結させる場合、ジョイントを使用して連結させますが、
その連結したオブジェクトを固定するにはenableLimitを使用すると出来ました。

他にも方法はありそうですが、b2RevoluteJointでの場合はこんな感じ。

●固定する場合

enableLimitをfalseにして、その他プロパティを入力すると固定されずに指定した軸にて回転します。

●固定しない場合

ジョイントによる連結とマウスでドラッグできるオブジェクトを作ってみました。
ジョイントには6種類んあるみたいで今回はb2RevoluteJointDefでオブジェクト同士の連結をし、
b2MouseJointDefでマウスドラッグイベントを付けました。

ジョイントの種類についてはこちらのサイト（gihyo.jp）にて詳しく説明されています。
一応下記にも6種類メモします。

・b2DistanceJointDef : 物体と物体の距離を一定に保つだけのシンプルなジョイント
・b2RevoluteJointDef : 物体と物体をピンのようなものでつなぎ，回転させるジョイント
・b2PrismaticJointDef : ピストンのような動きをするジョイント
・b2PulleyJointDef : プーリーの役割を果たすジョイント
・b2GearJointDef : ギアによってつながれている関係を表すジョイント
・b2MouseJointDef : マウスで物を動かすためのジョイント

ここまでBox2Dを触った感じだと、このレベルくらいまで出来ればあとはアイデア次第で色々応用が利きそうです。ジョイントの使い方まで覚えればイメージがかなり広がるなー。

で、出来たのが下記になります。

(要FlashPlayer9)

Box2D_2.2

以下ソースです。

package {
	import Box2D.Collision.b2AABB;
	import Box2D.Collision.Shapes.b2CircleDef;
	import Box2D.Collision.Shapes.b2CircleShape;
	import Box2D.Collision.Shapes.b2PolygonDef;
	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 Box2D.Dynamics.Joints.b2RevoluteJoint;
	import Box2D.Dynamics.Joints.b2RevoluteJointDef;
	import flash.display.*;
	import flash.events.Event;
	import flash.events.MouseEvent;
	import flash.events.TimerEvent;
	import flash.utils.Timer;
	
	/* * @author zawa*/
	
	/* project : [Box2D joint] */
	
	public class  Document extends Sprite{
		
		private var world:b2World;
		private var mouseJointDef:b2MouseJointDef;
		private var mouseJoint:b2MouseJoint;
		
		private var container:Sprite;
		private var drawScale:Number;
		
		private var timer:Timer;
		
		private var boxAry:Array;
		private var bodyAry:Array;
		
		private var cnt:int;
		private var cntMax = 2;
		
		private var aryIndex:Number = 0;
		private var mouseXWorldPhys:Number;
		private var mouseYWorldPhys:Number;
		
		
	    public function Document(){
			
			container = new MovieClip();
			addChild(container);
			boxAry = new Array();
			bodyAry = new Array();
			
			var worldAABB:b2AABB = new b2AABB();
			worldAABB.lowerBound.Set( -100, -100);
			worldAABB.upperBound.Set(100, 100);
			var gravity:b2Vec2 = new b2Vec2(0, 20);
			world = new b2World(worldAABB, gravity, true);
			
			INIT();
		}
		private function INIT() {
			
			drawScale = 100;
			
			DRAW_DETAIL();
			WALL_DETAIL();
			BOX_DETAIL();
			
			timer = new Timer(500, cntMax);
			timer.addEventListener(TimerEvent.TIMER, ADD_OBJ);
			timer.addEventListener(TimerEvent.TIMER_COMPLETE, ADD_END);
			timer.start();
			
			START_RENDERING();
		}
		
		//_Box2D WorldCreate
		
		private function DRAW_DETAIL() {
			var debugDraw:b2DebugDraw = new b2DebugDraw()
			debugDraw.m_drawScale = drawScale;
			debugDraw.m_sprite = container;
			debugDraw.m_drawFlags = b2DebugDraw.e_shapeBit;
			debugDraw.m_fillAlpha = 0;
			debugDraw.m_lineThickness = 0;
			world.SetDebugDraw(debugDraw);
		}
		private function WALL_DETAIL() {
			var wallPolygon:b2PolygonDef = new b2PolygonDef();
			var wallDef:b2BodyDef = new b2BodyDef();
			var wall:b2Body;
			var stw = stage.stageWidth;
			var sth = stage.stageHeight;
			
			//left wall
			wallPolygon.SetAsBox(.05, sth/2/drawScale);
			wallDef.position.Set(-.1, sth / 2 / drawScale + .05);
			wall = world.CreateBody(wallDef);
			wall.CreateShape(wallPolygon);
			
			//right wall
			wallPolygon.SetAsBox(.05, sth/2/drawScale);
			wallDef.position.Set(stw / drawScale + .1, sth / 2 / drawScale + .05);
			wall = world.CreateBody(wallDef);
			wall.CreateShape(wallPolygon);
			
			//top wall
			wallPolygon.SetAsBox(stw/2/drawScale, .05);
			wallDef.position.Set(stw / 2 / drawScale, 10 / drawScale -.2)
			wall = world.CreateBody(wallDef);
			wall.CreateShape(wallPolygon);
			
			//under wall
			wallPolygon.SetAsBox(stw/2/drawScale, .05);
			wallDef.position.Set(stw /2/ drawScale, sth / drawScale + .1);
			wall = world.CreateBody(wallDef);
			wall.CreateShape(wallPolygon);
			
		}
		//b2Objの生成
		private function BOX_DETAIL() {
			
			//車体
			var boxBody:b2Body;
			var boxDef:b2BodyDef = new b2BodyDef();
			var boxW = 1.2;
			var boxH = 0.1;
			var radius = .5
			boxDef.position.Set(stage.stageWidth / 2 / drawScale, stage.stageHeight / 2 / drawScale);
			boxDef.userData = new boxMc();
			boxDef.userData.width = boxW * 2* drawScale;
			boxDef.userData.height = boxH * 2* drawScale;
			boxDef.userData.x = 9999;
			boxDef.userData.extra = { bool:false, num:cnt };
			addChild(boxDef.userData);
			
			var boxPolygon:b2PolygonDef = new b2PolygonDef()
			boxPolygon.SetAsBox(boxW, boxH);
			boxPolygon.density = 1;//重さ
			boxPolygon.restitution = .3;//反発係数
			boxBody = world.CreateBody(boxDef);
			boxBody.CreateShape(boxPolygon);
			boxBody.SetUserData(boxDef.userData);
			boxBody.SetMassFromShapes();
			
			//車輪１
			boxDef.position.Set((stage.stageWidth / 2 - 100) / drawScale, stage.stageHeight / 2 / drawScale);
			var circleDef:b2CircleDef = new b2CircleDef();
			circleDef.radius = radius;
			circleDef.restitution = .3;
			circleDef.density = 1;
			circleDef.userData = new circleMc();
			circleDef.userData.width = radius * 2* drawScale;
			circleDef.userData.height = radius * 2* drawScale;
			circleDef.userData.x = 9999;
			circleDef.userData.extra = { bool:false, num:cnt };
			addChild(circleDef.userData);
			
			var wheelBody:b2Body = world.CreateBody(boxDef);
			wheelBody.CreateShape(circleDef);
			wheelBody.SetUserData(circleDef.userData);
			wheelBody.SetMassFromShapes();
			
			//車輪２
			boxDef.position.Set((stage.stageWidth / 2 + 100) / drawScale, stage.stageHeight / 2 / drawScale);
			circleDef.radius = radius;
			circleDef.restitution = .3;
			circleDef.density = 1;
			circleDef.userData = new circleMc();
			circleDef.userData.width = radius * 2* drawScale;
			circleDef.userData.height = radius * 2* drawScale;
			circleDef.userData.x = 9999;
			circleDef.userData.extra = { bool:false, num:cnt };
			addChild(circleDef.userData);
			
			var rearBody:b2Body = world.CreateBody(boxDef);
			rearBody.CreateShape(circleDef);
			rearBody.SetUserData(circleDef.userData);
			rearBody.SetMassFromShapes();
			
			//ジョイント
			var jointDef:b2RevoluteJointDef = new b2RevoluteJointDef();
			//前輪定義
			jointDef.Initialize(boxBody, wheelBody, wheelBody.GetWorldCenter());//第三引数：回転の軸となる座標は前輪の中心座標
			jointDef.motorSpeed = 1;
			jointDef.maxMotorTorque = 1;
			jointDef.enableMotor = true;//回転ＯＫ
			var frontJoint:b2RevoluteJoint = b2RevoluteJoint(world.CreateJoint(jointDef));
			//後輪定義
			jointDef.Initialize(boxBody, rearBody, rearBody.GetWorldCenter());
			var rearJoint:b2RevoluteJoint = b2RevoluteJoint(world.CreateJoint(jointDef));
			
			//配列
			bodyAry[cnt] = boxBody;
			boxAry[cnt] = boxDef.userData;
			
			//マウスイベント
			boxDef.userData.buttonMode = true;
			boxDef.userData.addEventListener(MouseEvent.MOUSE_OVER, BOX_OVER);
			boxDef.userData.addEventListener(MouseEvent.MOUSE_OUT, BOX_OUT);
			boxDef.userData.addEventListener(MouseEvent.MOUSE_DOWN, BOX_DOWN);
			
			boxBody.WakeUp();
			
			cnt++;
		}
		private function BOX_OVER(e:MouseEvent) {
			e.target.alpha = .7;
		}
		private function BOX_OUT(e:MouseEvent) {
			e.target.alpha = 1;
		}
		private function BOX_DOWN(e:MouseEvent) {
			e.target.extra.bool = true;
			aryIndex = e.target.extra.num;
			
			stage.addEventListener(MouseEvent.MOUSE_MOVE, BOX_MOVE);
			stage.addEventListener(MouseEvent.MOUSE_UP, BOX_UP);
			
		}
		private function BOX_MOVE(e:MouseEvent) {
		
		}
		private function BOX_UP(e:MouseEvent) {
			world.DestroyJoint(mouseJoint);//ジョイント切り離し
			boxAry[aryIndex].extra.bool = false;
			mouseJoint = null;
			
			stage.removeEventListener(MouseEvent.MOUSE_UP, BOX_UP);
		}
		
		 // ドラッグアンドドロップ用の関数
        private function MOUSE_DRAG():void{
            if (boxAry[aryIndex].extra.bool && !mouseJoint){
                
                if (bodyAry[aryIndex]){
                    var md:b2MouseJointDef = new b2MouseJointDef();
                    md.body1 = world.GetGroundBody();
					md.body2 = bodyAry[aryIndex];
                    md.target.Set(mouseXWorldPhys, mouseYWorldPhys);
                    md.maxForce = 300.0 * bodyAry[aryIndex].GetMass();
                    md.timeStep = 1 / 30;
                    mouseJoint = world.CreateJoint(md)as b2MouseJoint;
                    bodyAry[aryIndex].WakeUp();
                }
            }
            if (!boxAry[aryIndex].extra.bool){
                if (mouseJoint){
                    world.DestroyJoint(mouseJoint);//ジョイント切り離し
                    mouseJoint = null;
                }
            }
            if (mouseJoint){
                var p2:b2Vec2=new b2Vec2(mouseXWorldPhys, mouseYWorldPhys);
                mouseJoint.SetTarget(p2);
            }
        }
		
		private function UPDATE_MOUSEPOS() {
			mouseXWorldPhys = mouseX/drawScale;
            mouseYWorldPhys = mouseY/drawScale;
		}
		
		//TimerEvent
		
		private function ADD_OBJ(e:TimerEvent) {
			BOX_DETAIL();
		}
		private function ADD_END(e:TimerEvent) {
			
		}
		
		//Rendering
		
		private function START_RENDERING() {
			addEventListener(Event.ENTER_FRAME, UP_DATE);
		}
		private function STOP_RENDERING() {
			removeEventListener(Event.ENTER_FRAME, UP_DATE);
		}
		private function UP_DATE(e:Event) {
			world.Step(1 / 30, 10);
			
			UPDATE_MOUSEPOS();
			MOUSE_DRAG();
			
			for (var bodyCopy:b2Body = world.m_bodyList; bodyCopy; bodyCopy = bodyCopy.m_next) {
				if (bodyCopy.m_userData is MovieClip && bodyCopy.m_userData.extra.bool == false){
					bodyCopy.m_userData.x = bodyCopy.GetPosition().x * drawScale;
			    	bodyCopy.m_userData.y = bodyCopy.GetPosition().y * drawScale;
					bodyCopy.m_userData.rotation = bodyCopy.GetAngle() * 180 / Math.PI;
				}else {
					if(bodyCopy.m_userData is MovieClip){
						bodyCopy.m_userData.x = bodyCopy.GetPosition().x * drawScale;
			    		bodyCopy.m_userData.y = bodyCopy.GetPosition().y * drawScale;
						bodyCopy.m_userData.rotation = bodyCopy.GetAngle() * 180 / Math.PI;
					}
				}
			}
		}
	}
}

Box2D | Box2Dを使ってみるその1

Post:2009年4月 6日 16:54

(要FlashPlayer9)

Box2D_2.2

以前からclassesフォルダに格納してあったbox2Dをよーやく触ってみました汗w
とりあえず基本的な使い方がわかったんで一歩前進かな。
てっきりObjectに直接物理演算ぶちかますのかと思いきや
worldにpolygon生成してそれを操作 → 対象のオブジェクトに数値を代入
ってゆー使い方なんですね。

あと基本的なことっぽいけど気をつけなきゃいけないところとしてはpolygon生成時での単位が

距離単位 : m(メートル)
重さ単位 : kg(キログラム)
時間単位 : sec(秒)

になってその後にm_drawScaleで単位をピクセルに変換。ってとこかな。
まだまだ色々やりたいことあるんでちょいちょい試していきたいと思います。
とりあえず下記サンプルソースです。

・まずBox2Dの影響範囲の決定とワールドの生成をします

・次に地面の設定

・ボックスの設置1（ポリゴンのみの生成の場合）

・ボックスの設置2（ライブラリからリンケージしたMovieClipを参照の場合）

・描画詳細設定

・レンダリング

・MovieClipに適用させる場合はポリゴンの座標数値と対象オブジェクトの数値を合わせます
角度がついている場合はラジアンを度数に変換してから適用させます