<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>PuchilogPlus &#187; Box2D</title>
	<atom:link href="http://blog.puchiplus.com/tag/box2d/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.puchiplus.com</link>
	<description>Flash/Actionscript</description>
	<lastBuildDate>Tue, 10 May 2011 06:41:16 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Box2D 2.1a触ってみた</title>
		<link>http://blog.puchiplus.com/2010/05/box2d-2-1a.php</link>
		<comments>http://blog.puchiplus.com/2010/05/box2d-2-1a.php#comments</comments>
		<pubDate>Tue, 11 May 2010 17:10:36 +0000</pubDate>
		<dc:creator>laqu</dc:creator>
				<category><![CDATA[AS3]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Box2D]]></category>

		<guid isPermaLink="false">http://blog.puchiplus.com/?p=682</guid>
		<description><![CDATA[久しぶりにBox2Dでも触ろうと思ったらバージョンが2.1aに。 2.0.2から結構変わってたので備忘録として。 とりあえずこの記事と同じものを2.1aで作ってみました。 2.1aからPlayer9と10でわかれたっぽい。ライブラリはこちらから。 今回はPlayer9の方で作りました。 ご覧になるには最新のFlashPlayerが必要です。 // 2.0.2と見比べながら。まずは2.0.2ではあったb2AABBクラスが不要に。 b2Worldのコンストラクタの第一引数にいれてたけどそれもなくなりました。 //2.0.2 var worldAABB : b2AABB = new b2AABB(); worldAABB.lowerBound.Set( -100, -100); worldAABB.upperBound.Set(100, 100); var world : b2World = new b2World(worldAABB, gravity, true); //2.1a var world : b2World = new b2World(gravity, true); 2.1aで重要になってくるのがb2FixtureDefクラス。ドキュメントには A fixture definition is used to create a fixture. This class defines an abstract [...]]]></description>
			<content:encoded><![CDATA[<p>久しぶりにBox2Dでも触ろうと思ったらバージョンが2.1aに。<br />
2.0.2から結構変わってたので備忘録として。</p>
<p>とりあえず<a href="http://blog.puchiplus.com/2009/04/box2d.php" target="_blank">この記事</a>と同じものを2.1aで作ってみました。<br />
2.1aからPlayer9と10でわかれたっぽい。<a href="http://sourceforge.net/projects/box2dflash/files/" target="_blank">ライブラリはこちら</a>から。<br />
今回はPlayer9の方で作りました。</p>
<p><span id="more-682"></span></p>
<div style="border: 3px solid #00b2ee; margin: 10px 0px; width: 400px; height: 300px;">
<div id="100512">ご覧になるには<a title="Adobe Flash Player ダウンロードセンター" href="http://www.adobe.com/go/getflashplayer_jp" target="blank">最新のFlashPlayer</a>が必要です。
</div>
<p><script type="text/javascript">// <![CDATA[
var params = {};
params.wmode="transparent";
swfobject.embedSWF("http://blog.puchiplus.com/img/jikken/box2d/100512.swf", "100512", "400", "300", "9.0.0", "http://blog.puchiplus.com/img/expressInstall.swf",  params);
// ]]&gt;</script>
</div>
<p>2.0.2と見比べながら。まずは2.0.2ではあったb2AABBクラスが不要に。<br />
b2Worldのコンストラクタの第一引数にいれてたけどそれもなくなりました。</p>
<pre class="brush:as3;wrap-lines: false;">
//2.0.2
var worldAABB : b2AABB = new b2AABB();
worldAABB.lowerBound.Set( -100, -100);
worldAABB.upperBound.Set(100, 100);

var world : b2World = new b2World(worldAABB, gravity, true);

//2.1a
var world : b2World = new b2World(gravity, true);
</pre>
<p>2.1aで重要になってくるのがb2FixtureDefクラス。ドキュメントには</p>
<blockquote><p>A fixture definition is used to create a fixture. This class defines an abstract fixture definition. You can reuse fixture definitions safely. </p></blockquote>
<p>と書いてある。fixtureは【固定具・固定】とかいう意味。このクラスは再利用できて固定具の定義に使うよって意味であってるかな。<br />
上のFlashでいう固定具ってのは壁とかCircleとかBoxとかのオブジェクト。</p>
<p>また、b2Bodyクラスも再利用する。<br />
<blockquote><p>A body definition holds all the data needed to construct a rigid body. You can safely re-use body definitions. </p></blockquote>
<p>rigid bodyもここでいう壁やCircleなどのオブジェクトととらえていいと思う。そういうオブジェクト全てを管理する。</p>
<p>例えばCircleを一つ定義するとなるとこんな感じ。</pre>
<pre class="brush:as3;wrap-lines: false;">
//2.0.2
var circleBodyDef:b2BodyDef = new b2BodyDef();
circleBodyDef.position.Set(100 / m_physScale, 20 / m_physScale);

var circleShapeDef:b2CircleDef = new b2CircleDef();
circleShapeDef.radius = 50 / m_phyScale ;
circleShapeDef.density = 1;             //密度
circleShapeDef.friction = 0.2;          //摩擦
circleShapeDef.restitution = 0.1;     //反発係数

var circleBody:b2Body = world.CreateBody(circleBodyDef);
circleBody.CreateShape(circleShapeDef);
circleBody.SetMassFromShapes();

//2.1a
var bodyDef : b2BodyDef = new b2BodyDef();
var fixtureDef : b2FixtureDef = new b2FixtureDef();
var circleDef : b2CircleShape = new b2CircleShape();
fixtureDef.density = 1;
fixtureDef.friction = 0.2;
fixtureDef.restitution = 0.1;
fixtureDef.shape = circleDef;
bodyDef.type = b2Body.b2_dynamicBody;

circleDef.SetRadius(radius / m_physScale);
bodyDef.position.Set(100 / m_physScale, 20 / m_physScale);
var circleBody : b2Body = world.CreateBody(bodyDef);
circleBody.CreateFixture(fixtureDef);
</pre>
<p>b2FixtureDefインスタンスとb2Bodyインスタンスは再利用ができる。最後にソース全部のっけるのでそこ参照。<br />
またここでいうCircleやBoxなど動かしたいものはb2BodyDefインスタンスのtypeプロパティにb2Body.b2_dynamicBodyを代入する。<br />
uint型なので2を代入してもいい。静的なものはb2_staticBodyか0、kinematicはb2_kinematicBodyか1。<br />
dynamicBodyを代入したあと静的なものを作る場合はちゃんとstaticBodyを代入するのを忘れずに。</p>
<p>あとb2DebugDrawのm_fillAlphaやm_drawScaleプロパティが全てメソッド定義に変わっている。</p>
<pre class="brush:as3;wrap-lines: false;">
//2.0.2
var m_sprite : Sprite = new Sprite();
addChild(m_sprite);
var debugDraw:b2DebugDraw = new b2DebugDraw();
debugDraw.m_fillAlpha = 0.3;
debugDraw.m_drawScale = m_physScale;
debugDraw.m_lineThickness = 1;
debugDraw.m_sprite = m_sprite;
debugDraw.m_drawFlags = b2DebugDraw.e_shapeBit;
world.SetDebugDraw(debugDraw);

//2.1a
var m_sprite : Sprite = new Sprite();
addChild(m_sprite);
var debugDraw : b2DebugDraw = new b2DebugDraw();
debugDraw.SetFillAlpha(0.3);
debugDraw.SetDrawScale(m_physScale);
debugDraw.SetLineThickness(1);
debugDraw.SetSprite(m_sprite);
debugDraw.SetFlags(b2DebugDraw.e_shapeBit);
world.SetDebugDraw(debugDraw);
</pre>
<p>以下全ソースです。ちょっと触ってみただけなので間違いなどあれば指摘ください</p>
<pre class="brush:as3;wrap-lines: false;">
package
{
	import Box2D.Collision.Shapes.b2CircleShape;
	import Box2D.Collision.Shapes.b2PolygonShape;
	import Box2D.Common.Math.b2Vec2;
	import Box2D.Dynamics.b2Body;
	import Box2D.Dynamics.b2BodyDef;
	import Box2D.Dynamics.b2DebugDraw;
	import Box2D.Dynamics.b2FixtureDef;
	import Box2D.Dynamics.b2World;

	import fl.controls.Button;

	import flash.display.Sprite;
	import flash.events.Event;
	import flash.events.MouseEvent;

	/**
	 * @author laqu
	 */
	public class Index extends Sprite
	{
		const WIDTH : uint = 400;
		const HEIGHT : uint = 300;
		const OBJ_NUM : uint = 20;

		private var _world : b2World;
		private var _fixtureDef : b2FixtureDef;
		private var _m_physScale : uint = 100;
		private var _m_sprite : Sprite;
		private var _m_iterations : int = 10;
		private var _m_timeStep : Number = 1 / 30;
		private var _m_positionIterations : uint = 10;
		private var _objArr : Array = [];
		private var _btn:Button;

		public function Index()
		{
			init();
		}

		private function init() : void
		{
			var i : uint;
			var gravity : b2Vec2 = new b2Vec2(0, 10);

			_world = new b2World(gravity, true);
			_fixtureDef = new b2FixtureDef();

			var bodyDef : b2BodyDef = new b2BodyDef();

			//壁・上下左右
			var wallBody : b2Body;
			var wallDef : b2PolygonShape = new b2PolygonShape();
			var wallWidth : Array = [WIDTH / 2,5];
			var wallHeight : Array = [5,HEIGHT / 2];
			var wallX : Array = [WIDTH / 2,0 ,WIDTH / 2,WIDTH];
			var wallY : Array = [0,HEIGHT / 2,HEIGHT,HEIGHT / 2];
			_fixtureDef.density = 1;
			_fixtureDef.friction = 1;
			_fixtureDef.shape = wallDef;

			for(i = 0;i < 4;i++)
			{
				bodyDef.position.Set(wallX[i] / _m_physScale, wallY[i] / _m_physScale);
				wallDef.SetAsBox(wallWidth[i % 2] / _m_physScale, wallHeight[i % 2] / _m_physScale);
				wallBody = _world.CreateBody(bodyDef);
				wallBody.CreateFixture(_fixtureDef);
			}

			//Circle
			var circleDef : b2CircleShape = new b2CircleShape();
			_fixtureDef.friction = 10;
			_fixtureDef.density = 10;
			_fixtureDef.restitution = 0.9;
			_fixtureDef.shape = circleDef;
			bodyDef.type = b2Body.b2_dynamicBody;

			for(i = 0;i < OBJ_NUM;i++)
			{
				var radius : uint = Math.random() * 20 + 10;
				circleDef.SetRadius(radius / _m_physScale);
				bodyDef.position.Set(Math.random() * WIDTH / _m_physScale, Math.random() * HEIGHT / _m_physScale);
				var circleBody : b2Body = _world.CreateBody(bodyDef);
				circleBody.CreateFixture(_fixtureDef);
				_objArr.push(circleBody);
			}

			//Box
			var boxDef : b2PolygonShape = new b2PolygonShape();
			_fixtureDef.friction = 1;
			_fixtureDef.density = 1;
			_fixtureDef.restitution = 0.1;
			_fixtureDef.shape = boxDef;
			bodyDef.type = b2Body.b2_dynamicBody;

			for(i = 0;i < OBJ_NUM;i++)
			{
				var boxWidth : uint = Math.random() * 20 + 5;
				var boxHeight : uint = Math.random() * 20 + 5;
				boxDef.SetAsBox(boxWidth / _m_physScale, boxHeight / _m_physScale);
				bodyDef.position.Set(Math.random() * WIDTH / _m_physScale,Math.random() * HEIGHT / _m_physScale);
				var boxBody:b2Body = _world.CreateBody(bodyDef);
				boxBody.CreateFixture(_fixtureDef);
				_objArr.push(boxBody);
			}

			//DebugDraw
			_m_sprite = new Sprite();
			addChild(_m_sprite);

			var debugDraw : b2DebugDraw = new b2DebugDraw();
			debugDraw.SetSprite(_m_sprite);
			debugDraw.SetFillAlpha(0.3);
			debugDraw.SetDrawScale(_m_physScale);
			debugDraw.SetLineThickness(1);
			debugDraw.SetFlags(b2DebugDraw.e_shapeBit);
			_world.SetDebugDraw(debugDraw);

			addEventListener(Event.ENTER_FRAME, update);

			//Btn
			_btn = new Button();
			_btn.label = "Button";
			_btn.x = _btn.y = 20;
			_btn.addEventListener(MouseEvent.CLICK, btnClick);
			addChild(_btn);
		}

		//ボタンをクリックしたら上方向に力を加える
		private function btnClick(e : MouseEvent) : void
		{
			for(var  i : uint = 0;i < OBJ_NUM*2;i++)
			{
				var body:b2Body = _objArr[i] as b2Body;
				body.SetLinearVelocity(new b2Vec2(0,-Math.random()*10));
				//SetAwakeしないと全てのオブジェクトが静止した場合に動かない
				body.SetAwake(true);
			}
		}

		//レンダリング
		private function update(e : Event) : void
		{
			_world.Step(_m_timeStep, _m_iterations, _m_positionIterations);
			_world.ClearForces();
			_world.DrawDebugData();
		}
	}
}
</pre>
]]></content:encoded>
			<wfw:commentRss>http://blog.puchiplus.com/2010/05/box2d-2-1a.php/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Box2D 2.0.2触ってみた</title>
		<link>http://blog.puchiplus.com/2009/04/box2d.php</link>
		<comments>http://blog.puchiplus.com/2009/04/box2d.php#comments</comments>
		<pubDate>Sat, 18 Apr 2009 11:39:53 +0000</pubDate>
		<dc:creator>laqu</dc:creator>
				<category><![CDATA[AS3]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Box2D]]></category>

		<guid isPermaLink="false">http://blog.puchiplus.com/?p=472</guid>
		<description><![CDATA[2010/5/12 : Box2d 2.1a版を書きました 今さらですがBox2Dやってみました。というか仕事で物理演算使わなきゃいけなかったので触らざるを得なかったというか。 Box2Dのバージョンは2.0.2です。 ご覧になるには最新のFlashPlayerが必要です。 var params = {}; params.wmode="transparent"; swfobject.embedSWF("http://blog.puchiplus.com/img/jikken/box2d/test_202.swf", "box2d1", "450", "300", "9.0.0", "http://blog.puchiplus.com/img/expressInstall.swf", params); PV3Dとか他のライブラリとちょっと勝手が違うので最初とまどいましたが。 サンプルのはボックスとサークルを20個ずつNewしてボックスの質量をサークルの質量の100倍にしてます。 ボタンを押したら上下左右ランダムに力を加えてあげてます。 PV3Dとか組み合わせたらおもしろそう。 以下汚いですけどソースです。 （一度全ソース載せましたが長くて表示が遅くなってしまったのでボタン部分とボックス部分、他をちょっと削除します。。） import Box2D.Collision.*; import Box2D.Collision.Shapes.*; import Box2D.Common.Math.*; import Box2D.Common.*; import Box2D.Dynamics.*; import Box2D.Common.Math.b2Vec2; public class Main extends Sprite { private var m_physScale:uint = 100; private var world:b2World; private var m_sprite:Sprite; private [...]]]></description>
			<content:encoded><![CDATA[<div class="link_no_color" style="font-weight:bold; font-size:16px; margin:10px 0; padding:10px; background:#E0EEEE"><a href="http://blog.puchiplus.com/2010/05/box2d-2-1a.php">2010/5/12 : Box2d 2.1a版を書きました</a></div>
<p>
今さらですが<a href="http://box2dflash.sourceforge.net/" target="_blank">Box2D</a>やってみました。というか仕事で物理演算使わなきゃいけなかったので触らざるを得なかったというか。<br />
Box2Dのバージョンは2.0.2です。
</p>
<p><span id="more-472"></span></p>
<div style="margin:10px 0 ; border:solid 3px #00B2EE; width:450px; height:300px">
<div id="box2d1">
ご覧になるには<a href="http://www.adobe.com/go/getflashplayer_jp" target="blank" title="Adobe Flash Player ダウンロードセンター">最新のFlashPlayer</a>が必要です。
</div>
<p><script type="text/javascript">
var params = {};
params.wmode="transparent";
swfobject.embedSWF("http://blog.puchiplus.com/img/jikken/box2d/test_202.swf", "box2d1", "450", "300", "9.0.0", "http://blog.puchiplus.com/img/expressInstall.swf",  params);</script>
</div>
<p>
PV3Dとか他のライブラリとちょっと勝手が違うので最初とまどいましたが。<br />
サンプルのはボックスとサークルを20個ずつNewしてボックスの質量をサークルの質量の100倍にしてます。<br />
ボタンを押したら上下左右ランダムに力を加えてあげてます。
</p>
<p>
PV3Dとか組み合わせたらおもしろそう。
</p>
<p>
以下汚いですけどソースです。<br />
（一度全ソース載せましたが長くて表示が遅くなってしまったのでボタン部分とボックス部分、他をちょっと削除します。。）
</p>
<pre class="brush:as3;wrap-lines: false;">
	import Box2D.Collision.*;
	import Box2D.Collision.Shapes.*;
	import Box2D.Common.Math.*;
	import Box2D.Common.*;
	import Box2D.Dynamics.*;
	import Box2D.Common.Math.b2Vec2;

	public class Main extends Sprite
	{
		private var m_physScale:uint = 100;
		private var world:b2World;
		private var m_sprite:Sprite;
		private var m_iterations:int = 10;
		private var m_timeStep:Number = 1 / 30;

		public function Main():void
		{
			init();
		}

		private function init():void
		{
			var worldAABB:b2AABB = new b2AABB();
			worldAABB.lowerBound.Set( -100, -100);
			worldAABB.upperBound.Set(100, 100);

			var gravity:b2Vec2 = new b2Vec2(0, 9.8);

			world = new b2World(worldAABB, gravity, true);

			var wxArr:Array = [0, stage.stageWidth, stage.stageWidth / 2, stage.stageWidth / 2];
			var wyArr:Array = [stage.stageHeight / 2, stage.stageHeight / 2, 0, stage.stageHeight];
			var wwArr:Array = [10, 10, stage.stageWidth, stage.stageWidth];
			var whArr:Array = [stage.stageHeight, stage.stageHeight, 10, 10];

			//Wall
			for (var j:uint = 0; j < 4; j++)
			{
				var floorBodyDef:b2BodyDef = new b2BodyDef();
				floorBodyDef.position.Set(wxArr[j] / m_physScale, wyArr[j] / m_physScale);

				var floorShapeDef:b2PolygonDef = new b2PolygonDef();
				floorShapeDef.SetAsBox(wwArr[j] / 2 / m_physScale, whArr[j]/2 / m_physScale);

				var floorBody:b2Body = world.CreateBody(floorBodyDef);
				floorBody.CreateShape(floorShapeDef);
			}

			//Circle
			for (var i:uint = 0; i < 20; i++)
			{
				var circleBodyDef:b2BodyDef = new b2BodyDef();
				circleBodyDef.position.Set(stage.stageWidth / 2 / m_physScale, 200 / m_physScale);

				var circleShapeDef:b2CircleDef = new b2CircleDef();
				circleShapeDef.radius = Math.random()*0.3+0.05;
				circleShapeDef.density = 1;
				circleShapeDef.friction = 0.5;
				circleShapeDef.restitution = 0.5;

				var circleBody:b2Body = world.CreateBody(circleBodyDef);
				circleBody.CreateShape(circleShapeDef);
				circleBody.SetMassFromShapes();
			}

			//Debug
			m_sprite = new Sprite();
			var debugDraw:b2DebugDraw = new b2DebugDraw();
			debugDraw.m_fillAlpha = 0.3;
			debugDraw.m_drawScale = m_physScale;
			debugDraw.m_lineThickness = 1;
			debugDraw.m_sprite = m_sprite;
			debugDraw.m_drawFlags = b2DebugDraw.e_shapeBit | b2DebugDraw.e_jointBit;
			world.SetDebugDraw(debugDraw);
			addChild(m_sprite);

			addEventListener(Event.ENTER_FRAME, update);
		}

		private function update(e:Event):void
		{
			world.Step(m_timeStep, m_iterations);
		}
	}
</pre>
]]></content:encoded>
			<wfw:commentRss>http://blog.puchiplus.com/2009/04/box2d.php/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

