Box2dの学习超级积木小游戏制作

最新推荐文章于 2023-02-11 14:29:42 发布

weixin_34319111

最新推荐文章于 2023-02-11 14:29:42 发布

阅读量137

点赞数

文章标签：游戏

原文链接：http://www.cnblogs.com/ispooky/archive/2010/11/15/1877619.html

版权

挺早之前看到过的小游戏，超级积木2，在开心网、QQ校友、空间传得挺多的，闲来没事就试着把它做出来，感觉还挺简单的，就仅仅使用了Box2D引擎中的创建刚体而已

点击这里下载源码

游戏规则就是把所有的积木摆放在舞台上并保持10S不倒下就算过关了

要制作一个Box2D游戏，最重要的还是了解它的运作机制

代码

1 package
2 {
3 import Box2D.Collision.b2AABB;
4 import Box2D.Collision.Shapes.b2PolygonDef;
5 import Box2D.Common.Math.b2Vec2;
6 import Box2D.Dynamics.b2Body;
7 import Box2D.Dynamics.b2BodyDef;
8 import Box2D.Dynamics.b2DebugDraw;
9 import Box2D.Dynamics.b2World;
10 import flash.display.Sprite;
11 import flash.events.Event;
12 import flash.events.KeyboardEvent;
13 import flash.events.MouseEvent;
14 /* *
15 * ...
16 * @description HelloWorld
17 * @author ispooky
18 * @date 2010.11.15
19 *
20 * @see http://ispooky.cnblogs.com
21 */
22
23 public class HelloWorldApp extends Sprite
24 {
25 // 缩放比例
26 public static const RATIO : int = 30 ;
27 // 时间步
28 public static const ITERATIONS : int = 30 ;
29 // 迭代次数
30 public static const TIME_STEP :Number = 1 / 30 ;
31
32 // 物理空间
33 private static var world :b2World;
34 // Debug绘制容器
35 private static var spriteToDrawOn :Sprite;
36
37 public function HelloWorldApp()
38 {
39 if (stage) init();
40 else addEventListener(Event.ADDED_TO_STAGE, init);
41 }
42
43 private function init(e:Event = null ): void
44 {
45 removeEventListener(Event.ADDED_TO_STAGE, init);
46
47 initB2D();
48 stage.addEventListener(MouseEvent.CLICK, onClickHandler);
49 stage.addEventListener(KeyboardEvent.KEY_DOWN, onKeyDownHandler);
50 }
51
52 private function onKeyDownHandler(e:KeyboardEvent): void
53 {
54 if (e.keyCode == 82 /* R */ )
55 {
56 /// //
57 // 销毁Body
58 /// //
59 for (var bb:b2Body = world.m_bodyList; bb; bb = bb.m_next)
60 {
61 if ( ! bb.IsStatic()) { world.DestroyBody(bb) };
62 }
63 }
64 }
65
66 private function onClickHandler(e:MouseEvent): void
67 {
68 if (world.GetBodyCount() > 30 ) return ;
69 createBoxs();
70 }
71
72 private function initB2D(): void
73 {
74 addEventListener(Event.ENTER_FRAME, onLoopHandler, false , 0 , true );
75 createWorld();
76 showDebug();
77 createGrounds();
78 createBoxs();
79 }
80
81 private function createBoxs(): void
82 {
83 var bodyDef:b2BodyDef;
84 var boxDef:b2PolygonDef;
85 var body:b2Body;
86
87 bodyDef = new b2BodyDef();
88 bodyDef.position.Set((( int (Math.random() * 200 ) - 100 ) + 275.0 ) / RATIO, - 100.0 / RATIO);
89 boxDef = new b2PolygonDef();
90 boxDef.SetAsBox( int ((Math.random() * 20 ) + 20 ) / RATIO / 2 , ( int (Math.random() * 20 ) + 20 ) / RATIO / 2 );
91 boxDef.density = 1 ;
92 boxDef.friction = 0.4 ;
93 boxDef.restitution = 0.1 ;
94
95 body = world.CreateBody(bodyDef);
96 body.CreateShape(boxDef);
97 body.SetMassFromShapes();
98 }
99
100 private function createGrounds(): void
101 {
102 var bodyDef:b2BodyDef;
103 var boxDef:b2PolygonDef;
104 var body:b2Body;
105
106 // 刚体定义
107 bodyDef = new b2BodyDef();
108 // 设置位置
109 bodyDef.position.Set( 275.0 / RATIO, 390.0 / RATIO);
110 // 形状定义
111 boxDef = new b2PolygonDef();
112 // 设置高宽
113 boxDef.SetAsBox( 550.0 / RATIO / 2 , 20.0 / RATIO / 2 );
114 // 密度，0为静态物
115 boxDef.density = 0 ;
116 // 摩擦力
117 boxDef.friction = 0.3 ;
118 // 弹力
119 boxDef.restitution = 0.2 ;
120
121 body = world.CreateBody(bodyDef);
122 body.CreateShape(boxDef);
123 // 计算质量，因此处为静态物，所以不需计算
124 // body.SetMassFromShapes();
125 }
126
127 private function showDebug(): void
128 {
129 spriteToDrawOn = new Sprite();
130 addChild(spriteToDrawOn);
131 var dbgDraw:b2DebugDraw = new b2DebugDraw();
132 // 绘制图形
133 dbgDraw.m_sprite = spriteToDrawOn;
134 // 缩放比例
135 dbgDraw.m_drawScale = RATIO;
136 // 填充线的颜色透明度
137 dbgDraw.m_alpha = 1.0 ;
138 // 填充区域的颜色透明度
139 dbgDraw.m_fillAlpha = 0.5 ;
140 // 线型粗细
141 dbgDraw.m_lineThickness = 1.0 ;
142 // 绘制图形位
143 dbgDraw.m_drawFlags = b2DebugDraw.e_shapeBit | b2DebugDraw.e_jointBit;
144
145 world.SetDebugDraw(dbgDraw);
146 }
147
148 private function createWorld(): void
149 {
150 // 边界
151 var worldAABB:b2AABB = new b2AABB();
152 worldAABB.lowerBound.Set( - 3000 / RATIO, - 3000 / RATIO);
153 worldAABB.upperBound.Set( 3000 / RATIO, 3000 / RATIO);
154 // 重力
155 var gravity:b2Vec2 = new b2Vec2( 0 , 10 );
156 // 允许休眠
157 var doSleep:Boolean = true ;
158
159 world = new b2World(worldAABB, gravity, doSleep);
160 }
161
162 private function onLoopHandler(e:Event): void
163 {
164 if (world == null ) return ;
165 // 刷新物理空间
166 world.Step(TIME_STEP, ITERATIONS);
167 }
168
169 }
170
171 }

代码运行结果截图

代码运行结果

一般来讲，Box2D 的运作机制就是创建一个物理空间，然后往里边加刚体等东西，最后就是刷新模拟物理空间了。

具体为：

创建一个物理空间，区域b2AABB框，重力g值，是否允许休眠的布尔值

创建静态地面刚体：

刚体定义，设置位置，角度，阻尼，贴图等属性

形状定义，高宽，密度，摩擦力，弹力等属性

创建刚体

创建形状

计算质量

……

创建其它刚体，关节

……

刷新模拟物理空间

注：

Box2D的单位是米、千克和秒（MKS）。而Flash使用的是像素单位，缩放比例一般设置为1米=30像素，虽然是可以自己任意定义的。

刚体默认原点是在中心，贴图则在左上角

SetAsBox函数接收的是半个宽度和半个高度

静态物体的密度为0

贴图是添加到舞台上的，而不是物理空间

Box2D的角度使用的是弧度制

接下来所要实现的就是在特定位置生成特定的刚体

代码

代码运行结果

相比较HelloWorld而言，就是在生成刚体的时候设置了刚体定义的位置由鼠标位置确定，放在鼠标弹起事件时操作，同时刚体有了圆形、矩形、三角形三种，还有一个提示图形，没了

判断物体是否出界是该游戏是否结束的依据，在Event.Enter_Frame事件中添加以下代码就可以实现了，坐标判断

代码

1 for (var bb:b2Body = world.m_bodyList; bb; bb = bb.m_next)
2 {
3 if (bb.GetPosition().y * RATIO > stage.stageHeight)
4 {
5 tip_txt.text = ' 提示框：有物体离开舞台 ' + int (Math.random() * 100000 );
6 world.DestroyBody(bb);
7 }
8 }

任何时候都应该把没用的Body销毁掉

代码运行结果

再接着，添加滚动提示框跟游戏判断

代码

1 package
2 {
3 import Box2D.Collision.b2AABB;
4 import Box2D.Collision.Shapes.b2CircleDef;
5 import Box2D.Collision.Shapes.b2PolygonDef;
6 import Box2D.Common.Math.b2Vec2;
7 import Box2D.Dynamics.b2Body;
8 import Box2D.Dynamics.b2BodyDef;
9 import Box2D.Dynamics.b2DebugDraw;
10 import Box2D.Dynamics.b2World;
11 import flash.display.Shape;
12 import flash.display.Sprite;
13 import flash.events.Event;
14 import flash.events.KeyboardEvent;
15 import flash.events.MouseEvent;
16 import flash.system.IME;
17 import flash.text.TextField;
18 /* *
19 * ...
20 * @description superStacker3
21 * @author ispooky
22 * @date 2010.11.15
23 *
24 * @see http://ispooky.cnblogs.com
25 */
26 public class superStacker3 extends Sprite
27 {
28 // 缩放比例
29 public static const RATIO : int = 30 ;
30 // 时间步
31 public static const ITERATIONS : int = 30 ;
32 // 迭代次数
33 public static const TIME_STEP :Number = 1 / 30 ;
34
35 // 物理空间
36 private static var world :b2World;
37 // Debug绘制容器
38 private static var spriteToDrawOn :Sprite;
39
40 // 提示MC
41 private var tip_mc:Sprite;
42 // 刚体类型 1 : 圆形，2 : 三角形， 3 : 矩形
43 private var now_type: int = 1 ;
44 private var now_width:Number = 40 ;
45 private var now_height:Number = 40 ;
46
47 // 剩余物
48 private var remainder_arr:Array;
49 private var remainder_mc:Sprite;
50
51 public var tip_txt:TextField;
52 public function superStacker3()
53 {
54 if (stage) init();
55 else addEventListener(Event.ADDED_TO_STAGE, init);
56 }
57
58 private function init(e:Event = null ): void
59 {
60 removeEventListener(Event.ADDED_TO_STAGE, init);
61 IME.enabled = false ;
62
63 initB2D();
64 getRemainder();
65 tip_mc = new Sprite();
66 addChild(tip_mc);
67 stage.addEventListener(MouseEvent.MOUSE_DOWN, onDownHandler);
68 stage.addEventListener(KeyboardEvent.KEY_DOWN, onKeyDownHandler);
69 }
70
71 private function getRemainder(): void
72 {
73 remainder_arr = getData();
74 if (remainder_mc != null ) { removeChild(remainder_mc) };
75 remainder_mc = getScrollTip(remainder_arr);
76 remainder_mc.x = 30 ;
77 remainder_mc.y = 30 ;
78 addChild(remainder_mc);
79 }
80
81 private function onKeyDownHandler(e:KeyboardEvent): void
82 {
83 if (e.keyCode == 82 /* R */ )
84 {
85 for (var bb:b2Body = world.m_bodyList; bb; bb = bb.m_next)
86 {
87 if ( ! bb.IsStatic()) { world.DestroyBody(bb) };
88 }
89 getRemainder();
90 tip_txt.text = ' 提示框： ' ;
91 }
92 }
93
94 private function onDownHandler(e:MouseEvent): void
95 {
96 if (remainder_arr.length <= 0 )
97 {
98 tip_txt.text = ' 所有物体都摆放了，成功过关 ' ;
99 return ;
100 }
101 now_type = remainder_arr[ 0 ].type;
102 tip_mc.graphics.clear();
103 tip_mc.graphics.beginFill( 0x900000 , 0.6 );
104 switch (now_type)
105 {
106 // 圆形
107 case 1 :
108 tip_mc.graphics.drawCircle( 0 , 0 , remainder_arr[ 0 ].width * 0.5 );
109 break ;
110 // 三角形
111 case 2 :
112 tip_mc.graphics.moveTo( 0 , remainder_arr[ 0 ].height * 0.5 );
113 tip_mc.graphics.lineTo(remainder_arr[ 0 ].width * 0.5 , - remainder_arr[ 0 ].height * 0.5 );
114 tip_mc.graphics.lineTo( - remainder_arr[ 0 ].width * 0.5 , - remainder_arr[ 0 ].height * 0.5 );
115 tip_mc.rotation = 180 ;
116 break ;
117 // 矩形
118 case 3 :
119 tip_mc.graphics.drawRect( - now_width * 0.5 , - now_height * 0.5 , now_width, now_height);
120 break ;
121 }
122 tip_mc.graphics.endFill();
123 tip_mc.x = mouseX;
124 tip_mc.y = mouseY;
125 stage.addEventListener(MouseEvent.MOUSE_MOVE, onMoveHandler);
126 stage.addEventListener(MouseEvent.MOUSE_UP, onUpHandler);
127 }
128
129 private function onUpHandler(e:MouseEvent): void
130 {
131 stage.removeEventListener(MouseEvent.MOUSE_MOVE, onMoveHandler);
132 stage.removeEventListener(MouseEvent.MOUSE_UP, onUpHandler);
133 tip_mc.graphics.clear();
134 createBox(now_type);
135
136 remainder_arr.shift();
137 removeChild(remainder_mc);
138 remainder_mc = getScrollTip(remainder_arr);
139 remainder_mc.x = 30 ;
140 remainder_mc.y = 30 ;
141 addChild(remainder_mc);
142 }
143
144 private function onMoveHandler(e:MouseEvent): void
145 {
146 tip_mc.x = mouseX;
147 tip_mc.y = mouseY;
148 e.updateAfterEvent();
149 }
150
151 private function initB2D(): void
152 {
153 addEventListener(Event.ENTER_FRAME, onLoopHandler, false , 0 , true );
154 createWorld();
155 showDebug();
156 createGrounds();
157 }
158
159 private function createBox(value: int ): void
160 {
161 var bodyDef:b2BodyDef;
162 var boxDef:b2PolygonDef;
163 var circleDef:b2CircleDef;
164 var body:b2Body;
165
166 bodyDef = new b2BodyDef();
167 bodyDef.position.Set(mouseX / RATIO, mouseY / RATIO);
168 switch (value)
169 {
170 case 1 :
171 circleDef = new b2CircleDef();
172 circleDef.radius = now_width * 0.5 / RATIO;
173 circleDef.density = 1 ;
174 circleDef.friction = 0.1 ;
175 circleDef.restitution = 0.3 ;
176 body = world.CreateBody(bodyDef);
177 body.CreateShape(circleDef);
178 break ;
179 case 2 :
180 bodyDef.angle = 180 * (Math.PI / 180 );
181 boxDef = new b2PolygonDef();
182 boxDef.vertexCount = 3 ;
183 boxDef.vertices[ 0 ].Set(now_width * 0.5 / RATIO, - now_height * 0.5 / RATIO);
184 boxDef.vertices[ 1 ].Set( 0 , now_height * 0.5 / RATIO);
185 boxDef.vertices[ 2 ].Set( - now_width * 0.5 / RATIO, - now_height * 0.5 / RATIO);
186 boxDef.density = 1 ;
187 boxDef.friction = 0.3 ;
188 boxDef.restitution = 0.2 ;
189 body = world.CreateBody(bodyDef);
190 body.CreateShape(boxDef);
191 break ;
192 case 3 :
193 boxDef = new b2PolygonDef();
194 boxDef.SetAsBox(now_width / RATIO / 2 , now_height / RATIO / 2 );
195 boxDef.density = 1 ;
196 boxDef.friction = 0.4 ;
197 boxDef.restitution = 0.1 ;
198 body = world.CreateBody(bodyDef);
199 body.CreateShape(boxDef);
200 break ;
201 }
202 body.SetMassFromShapes();
203 }
204
205 private function createGrounds(): void
206 {
207 var bodyDef:b2BodyDef;
208 var boxDef:b2PolygonDef;
209 var body:b2Body;
210
211 // 刚体定义
212 bodyDef = new b2BodyDef();
213 // 设置位置
214 bodyDef.position.Set( 275.0 / RATIO, 250.0 / RATIO);
215 // 形状定义
216 boxDef = new b2PolygonDef();
217 // 设置高宽
218 boxDef.SetAsBox( 250.0 / RATIO / 2 , 20.0 / RATIO / 2 );
219 // 密度，0为静态物
220 boxDef.density = 0 ;
221 // 摩擦力
222 boxDef.friction = 0.3 ;
223 // 弹力
224 boxDef.restitution = 0.2 ;
225
226 body = world.CreateBody(bodyDef);
227 body.CreateShape(boxDef);
228 // 计算质量，因此处为静态物，所以不需计算
229 // body.SetMassFromShapes();
230 }
231
232 private function showDebug(): void
233 {
234 spriteToDrawOn = new Sprite();
235 addChild(spriteToDrawOn);
236 var dbgDraw:b2DebugDraw = new b2DebugDraw();
237 // 绘制图形
238 dbgDraw.m_sprite = spriteToDrawOn;
239 // 缩放比例
240 dbgDraw.m_drawScale = RATIO;
241 // 填充线的颜色透明度
242 dbgDraw.m_alpha = 1.0 ;
243 // 填充区域的颜色透明度
244 dbgDraw.m_fillAlpha = 0.5 ;
245 // 线型粗细
246 dbgDraw.m_lineThickness = 1.0 ;
247 // 绘制图形位
248 dbgDraw.m_drawFlags = b2DebugDraw.e_shapeBit | b2DebugDraw.e_jointBit;
249
250 world.SetDebugDraw(dbgDraw);
251 }
252
253 private function createWorld(): void
254 {
255 // 边界
256 var worldAABB:b2AABB = new b2AABB();
257 worldAABB.lowerBound.Set( - 3000 / RATIO, - 3000 / RATIO);
258 worldAABB.upperBound.Set( 3000 / RATIO, 3000 / RATIO);
259 // 重力
260 var gravity:b2Vec2 = new b2Vec2( 0 , 10 );
261 // 允许休眠
262 var doSleep:Boolean = true ;
263
264 world = new b2World(worldAABB, gravity, doSleep);
265 }
266
267 private function onLoopHandler(e:Event): void
268 {
269 if (world == null ) return ;
270 // 刷新物理空间
271 world.Step(TIME_STEP, ITERATIONS);
272
273 for (var bb:b2Body = world.m_bodyList; bb; bb = bb.m_next)
274 {
275 if (bb.GetPosition().y * RATIO > stage.stageHeight)
276 {
277 tip_txt.text = ' 有物体掉落，游戏失败，请按R键重置游戏 ' ;
278 world.DestroyBody(bb);
279 }
280 }
281 }
282
283 // 获取剩余刚体的滚动提示框
284 public function getScrollTip(arr:Array):Sprite
285 {
286 var sp:Sprite = new Sprite();
287 for (var i: int = 0 ; i < arr.length; i ++ )
288 {
289 var isp:Shape = new Shape();
290 isp.graphics.beginFill( 0x3399CC , 0.4 );
291 switch (arr[i].type)
292 {
293 case 1 :
294 isp.graphics.drawCircle( 0 , 0 , arr[i].width * 0.5 );
295 break ;
296 case 2 :
297 isp.graphics.moveTo( 0 , arr[i].height * 0.5 );
298 isp.graphics.lineTo(arr[i].width * 0.5 , - arr[i].height * 0.5 );
299 isp.graphics.lineTo( - arr[i].width * 0.5 , - arr[i].height * 0.5 );
300 isp.rotation = 180 ;
301 break ;
302 case 3 :
303 isp.graphics.drawRect( - arr[i].width * 0.5 , - arr[i].height * 0.5 , arr[i].width, arr[i].height);
304 break ;
305 }
306 isp.graphics.endFill();
307 isp.x = i * 50 ;
308 sp.addChild(isp);
309 }
310
311 return sp;
312 }
313
314 // 获取剩余刚体的数据
315 public function getData():Array
316 {
317 var arr:Array = [];
318 for (var i: int = 0 ; i < 10 ; i ++ )
319 {
320 var obj:Object = new Object();
321 if (i < 4 )
322 {
323 obj.type = 3 ;
324 } else if (i > 6 )
325 {
326 obj.type = 2 ;
327 } else
328 {
329 obj.type = 1 ;
330 }
331
332 obj.width = 40 ;
333 obj.height = 40 ;
334 arr.push(obj);
335 }
336 return arr;
337 }
338 }
339
340 }

这部分跟Box2D基本没关系，就此省了

代码运行结果

游戏大概就这样子了，接下来要处理的就是给刚体贴图，注意因为有贴图，所以在销毁刚体时记得removeChild并设置其为null

代码

1 package
2 {
3 import Box2D.Collision.b2AABB;
4 import Box2D.Collision.Shapes.b2CircleDef;
5 import Box2D.Collision.Shapes.b2PolygonDef;
6 import Box2D.Common.Math.b2Vec2;
7 import Box2D.Dynamics.b2Body;
8 import Box2D.Dynamics.b2BodyDef;
9 import Box2D.Dynamics.b2DebugDraw;
10 import Box2D.Dynamics.b2World;
11 import flash.display.MovieClip;
12 import flash.display.Shape;
13 import flash.display.Sprite;
14 import flash.events.Event;
15 import flash.events.KeyboardEvent;
16 import flash.events.MouseEvent;
17 import flash.system.IME;
18 import flash.text.TextField;
19 /* *
20 * ...
21 * @description superStacker4
22 * @author ispooky
23 * @date 2010.11.15
24 *
25 * @see http://ispooky.cnblogs.com
26 */
27 public class superStacker4 extends Sprite
28 {
29 // 缩放比例
30 public static const RATIO : int = 30 ;
31 // 时间步
32 public static const ITERATIONS : int = 30 ;
33 // 迭代次数
34 public static const TIME_STEP :Number = 1 / 30 ;
35
36 // 物理空间
37 private static var world :b2World;
38 // Debug绘制容器
39 private static var spriteToDrawOn :Sprite;
40
41 // 提示MC
42 private var tip_mc:Sprite;
43 // 刚体类型 1 : 圆形，2 : 三角形， 3 : 矩形
44 private var now_type: int = 1 ;
45 private var now_width:Number = 40 ;
46 private var now_height:Number = 40 ;
47
48 // 剩余物
49 private var remainder_arr:Array;
50 private var remainder_mc:Sprite;
51
52 public var tip_txt:TextField;
53 public function superStacker4()
54 {
55 if (stage) init();
56 else addEventListener(Event.ADDED_TO_STAGE, init);
57 }
58
59 private function init(e:Event = null ): void
60 {
61 removeEventListener(Event.ADDED_TO_STAGE, init);
62 IME.enabled = false ;
63
64 initB2D();
65 getRemainder();
66 tip_mc = new Sprite();
67 addChild(tip_mc);
68 stage.addEventListener(MouseEvent.MOUSE_DOWN, onDownHandler);
69 stage.addEventListener(KeyboardEvent.KEY_DOWN, onKeyDownHandler);
70 }
71
72 private function getRemainder(): void
73 {
74 remainder_arr = getData();
75 if (remainder_mc != null ) { removeChild(remainder_mc) };
76 remainder_mc = getScrollTip(remainder_arr);
77 remainder_mc.x = 30 ;
78 remainder_mc.y = 30 ;
79 addChild(remainder_mc);
80 }
81
82 private function onKeyDownHandler(e:KeyboardEvent): void
83 {
84 if (e.keyCode == 82 /* R */ )
85 {
86 for (var bb:b2Body = world.m_bodyList; bb; bb = bb.m_next)
87 {
88 if (bb.m_userData is MovieClip)
89 {
90 removeChild(bb.m_userData);
91 bb.m_userData = null ;
92 }
93 if ( ! bb.IsStatic()) { world.DestroyBody(bb) };
94 }
95 getRemainder();
96 tip_txt.text = ' 提示框： ' ;
97 }
98 }
99
100 private function onDownHandler(e:MouseEvent): void
101 {
102 if (remainder_arr.length <= 0 )
103 {
104 tip_txt.text = ' 所有物体都摆放了，成功过关 ' ;
105 return ;
106 }
107 now_type = remainder_arr[ 0 ].type;
108 tip_mc.graphics.clear();
109 tip_mc.graphics.beginFill( 0x900000 , 0.6 );
110 switch (now_type)
111 {
112 // 圆形
113 case 1 :
114 tip_mc.graphics.drawCircle( 0 , 0 , remainder_arr[ 0 ].width * 0.5 );
115 break ;
116 // 三角形
117 case 2 :
118 tip_mc.graphics.moveTo( 0 , remainder_arr[ 0 ].height * 0.5 );
119 tip_mc.graphics.lineTo(remainder_arr[ 0 ].width * 0.5 , - remainder_arr[ 0 ].height * 0.5 );
120 tip_mc.graphics.lineTo( - remainder_arr[ 0 ].width * 0.5 , - remainder_arr[ 0 ].height * 0.5 );
121 tip_mc.rotation = 180 ;
122 break ;
123 // 矩形
124 case 3 :
125 tip_mc.graphics.drawRect( - now_width * 0.5 , - now_height * 0.5 , now_width, now_height);
126 break ;
127 }
128 tip_mc.graphics.endFill();
129 tip_mc.x = mouseX;
130 tip_mc.y = mouseY;
131 stage.addEventListener(MouseEvent.MOUSE_MOVE, onMoveHandler);
132 stage.addEventListener(MouseEvent.MOUSE_UP, onUpHandler);
133 }
134
135 private function onUpHandler(e:MouseEvent): void
136 {
137 stage.removeEventListener(MouseEvent.MOUSE_MOVE, onMoveHandler);
138 stage.removeEventListener(MouseEvent.MOUSE_UP, onUpHandler);
139 tip_mc.graphics.clear();
140 createBox(now_type);
141
142 remainder_arr.shift();
143 removeChild(remainder_mc);
144 remainder_mc = getScrollTip(remainder_arr);
145 remainder_mc.x = 30 ;
146 remainder_mc.y = 30 ;
147 addChild(remainder_mc);
148 }
149
150 private function onMoveHandler(e:MouseEvent): void
151 {
152 tip_mc.x = mouseX;
153 tip_mc.y = mouseY;
154 e.updateAfterEvent();
155 }
156
157 private function initB2D(): void
158 {
159 addEventListener(Event.ENTER_FRAME, onLoopHandler, false , 0 , true );
160 createWorld();
161 showDebug();
162 createGrounds();
163 }
164
165 private function createBox(value: int ): void
166 {
167 var bodyDef:b2BodyDef;
168 var boxDef:b2PolygonDef;
169 var circleDef:b2CircleDef;
170 var body:b2Body;
171
172 bodyDef = new b2BodyDef();
173 bodyDef.position.Set(mouseX / RATIO, mouseY / RATIO);
174 switch (value)
175 {
176 case 1 :
177 circleDef = new b2CircleDef();
178 circleDef.radius = now_width * 0.5 / RATIO;
179 circleDef.density = 1 ;
180 circleDef.friction = 0.1 ;
181 circleDef.restitution = 0.3 ;
182 bodyDef.userData = new CircleSkin();
183 bodyDef.userData.width = now_width;
184 bodyDef.userData.height = now_width;
185 addChild(bodyDef.userData);
186 body = world.CreateBody(bodyDef);
187 body.CreateShape(circleDef);
188 break ;
189 case 2 :
190 bodyDef.angle = 180 * (Math.PI / 180 );
191 boxDef = new b2PolygonDef();
192 boxDef.vertexCount = 3 ;
193 boxDef.vertices[ 0 ].Set(now_width * 0.5 / RATIO, - now_height * 0.5 / RATIO);
194 boxDef.vertices[ 1 ].Set( 0 , now_height * 0.5 / RATIO);
195 boxDef.vertices[ 2 ].Set( - now_width * 0.5 / RATIO, - now_height * 0.5 / RATIO);
196 boxDef.density = 1 ;
197 boxDef.friction = 0.3 ;
198 boxDef.restitution = 0.2 ;
199 bodyDef.userData = new TriSkin();
200 bodyDef.userData.width = now_width;
201 bodyDef.userData.height = now_height;
202 addChild(bodyDef.userData);
203 body = world.CreateBody(bodyDef);
204 body.CreateShape(boxDef);
205 break ;
206 case 3 :
207 boxDef = new b2PolygonDef();
208 boxDef.SetAsBox(now_width / RATIO / 2 , now_height / RATIO / 2 );
209 boxDef.density = 1 ;
210 boxDef.friction = 0.4 ;
211 boxDef.restitution = 0.1 ;
212 bodyDef.userData = new RectSkin();
213 bodyDef.userData.width = now_width;
214 bodyDef.userData.height = now_height;
215 addChild(bodyDef.userData);
216 body = world.CreateBody(bodyDef);
217 body.CreateShape(boxDef);
218 break ;
219 }
220 body.SetMassFromShapes();
221 }
222
223 private function createGrounds(): void
224 {
225 var bodyDef:b2BodyDef;
226 var boxDef:b2PolygonDef;
227 var body:b2Body;
228
229 // 刚体定义
230 bodyDef = new b2BodyDef();
231 // 设置位置
232 bodyDef.position.Set( 275.0 / RATIO, 250.0 / RATIO);
233 // 形状定义
234 boxDef = new b2PolygonDef();
235 // 设置高宽
236 boxDef.SetAsBox( 250.0 / RATIO / 2 , 20.0 / RATIO / 2 );
237 // 密度，0为静态物
238 boxDef.density = 0 ;
239 // 摩擦力
240 boxDef.friction = 0.3 ;
241 // 弹力
242 boxDef.restitution = 0.2 ;
243
244 body = world.CreateBody(bodyDef);
245 body.CreateShape(boxDef);
246 // 计算质量，因此处为静态物，所以不需计算
247 // body.SetMassFromShapes();
248 }
249
250 private function showDebug(): void
251 {
252 spriteToDrawOn = new Sprite();
253 addChild(spriteToDrawOn);
254 var dbgDraw:b2DebugDraw = new b2DebugDraw();
255 // 绘制图形
256 dbgDraw.m_sprite = spriteToDrawOn;
257 // 缩放比例
258 dbgDraw.m_drawScale = RATIO;
259 // 填充线的颜色透明度
260 dbgDraw.m_alpha = 1.0 ;
261 // 填充区域的颜色透明度
262 dbgDraw.m_fillAlpha = 0.5 ;
263 // 线型粗细
264 dbgDraw.m_lineThickness = 1.0 ;
265 // 绘制图形位
266 dbgDraw.m_drawFlags = b2DebugDraw.e_shapeBit | b2DebugDraw.e_jointBit;
267
268 world.SetDebugDraw(dbgDraw);
269 }
270
271 private function createWorld(): void
272 {
273 // 边界
274 var worldAABB:b2AABB = new b2AABB();
275 worldAABB.lowerBound.Set( - 3000 / RATIO, - 3000 / RATIO);
276 worldAABB.upperBound.Set( 3000 / RATIO, 3000 / RATIO);
277 // 重力
278 var gravity:b2Vec2 = new b2Vec2( 0 , 10 );
279 // 允许休眠
280 var doSleep:Boolean = true ;
281
282 world = new b2World(worldAABB, gravity, doSleep);
283 }
284
285 private function onLoopHandler(e:Event): void
286 {
287 if (world == null ) return ;
288 // 刷新物理空间
289 world.Step(TIME_STEP, ITERATIONS);
290
291 for (var bb:b2Body = world.m_bodyList; bb; bb = bb.m_next)
292 {
293 if (bb.m_userData is MovieClip)
294 {
295 bb.m_userData.x = bb.GetPosition().x * RATIO;
296 bb.m_userData.y = bb.GetPosition().y * RATIO;
297 bb.m_userData.rotation = bb.GetAngle() * 180 / Math.PI;
298
299 if (bb.IsSleeping())
300 {
301 MovieClip(bb.m_userData).gotoAndStop( 1 );
302 } else
303 {
304 MovieClip(bb.m_userData).gotoAndStop( 2 );
305 }
306 }
307
308 if (bb.GetPosition().y * RATIO > stage.stageHeight)
309 {
310 tip_txt.text = ' 有物体掉落，游戏失败，请按R键重置游戏 ' ;
311 removeChild(bb.m_userData);
312 bb.m_userData = null ;
313 world.DestroyBody(bb);
314 }
315 }
316 }
317
318 public function getScrollTip(arr:Array):Sprite
319 {
320 var sp:Sprite = new Sprite();
321 for (var i: int = 0 ; i < arr.length; i ++ )
322 {
323 var isp:Shape = new Shape();
324 isp.graphics.beginFill( 0x3399CC , 0.4 );
325 switch (arr[i].type)
326 {
327 case 1 :
328 isp.graphics.drawCircle( 0 , 0 , arr[i].width * 0.5 );
329 break ;
330 case 2 :
331 isp.graphics.moveTo( 0 , arr[i].height * 0.5 );
332 isp.graphics.lineTo(arr[i].width * 0.5 , - arr[i].height * 0.5 );
333 isp.graphics.lineTo( - arr[i].width * 0.5 , - arr[i].height * 0.5 );
334 isp.rotation = 180 ;
335 break ;
336 case 3 :
337 isp.graphics.drawRect( - arr[i].width * 0.5 , - arr[i].height * 0.5 , arr[i].width, arr[i].height);
338 break ;
339 }
340 isp.graphics.endFill();
341 isp.x = i * 50 ;
342 sp.addChild(isp);
343 }
344
345 return sp;
346 }
347
348 public function getData():Array
349 {
350 var arr:Array = [];
351 for (var i: int = 0 ; i < 10 ; i ++ )
352 {
353 var obj:Object = new Object();
354 if (i < 4 )
355 {
356 obj.type = 3 ;
357 } else if (i > 6 )
358 {
359 obj.type = 2 ;
360 } else
361 {
362 obj.type = 1 ;
363 }
364
365 obj.width = 40 ;
366 obj.height = 40 ;
367 arr.push(obj);
368 }
369 return arr;
370 }
371 }
372
373 }

代码运行结果截图(发现不是cnblogs的没注册用户看不到swf,下次不传swf了)

代码运行结果

贴图的刷新

bb.m_userData.x = bb.GetPosition().x * RATIO;

bb.m_userData.y = bb.GetPosition().y * RATIO;

bb.m_userData.rotation = bb.GetAngle() * 180 / Math.PI;

为了效果更好一点，可用Body.IsSleeping()来判断是否处于稳定状态来表现不同的效果

注：游戏结束在这里只是提示有物体脱离舞台并未锁定。

点击这里下载源码

转载于:https://www.cnblogs.com/ispooky/archive/2010/11/15/1877619.html

weixin_34319111

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Box2dの学习超级积木小游戏制作

挺早之前看到过的小游戏，超级积木2，在开心网、QQ校友、空间传得挺多的，闲来没事就试着把它做出来，感觉还挺简单的，就仅仅使用了Box2D引擎中的创建刚体而已点击这里下载源码游戏规则就是把所有的积木摆放在舞台上并保持10S不倒下就算过关了要制作一个Box2D游戏，最重要的还是了解它的运作机制代码 1package 2{ 3 impor...
复制链接

扫一扫