cocos2dx for wp 之Box2D的应用

本文大部分内容是基于fengyun1989的博文，自己只是加深巩固而已

Box2d是一款用于2d游戏的物理引擎。在这个世界里创造出的物体都更接近于真实世界的物体。

首先，在项目添加Box2D.XNA.DLL。

新建一个页面BOX2DLayer并继承于CCLayer

重写init函数，并添加下面这个常量：

由于平时我们都是用像素来描述游戏世界的，而在box2d里是用“米”进行描述的。所以我们需要进行转化单位。设置一个常量，然后在需要的位置上用像素除以它就可以转化成相对应的“米”

public static double PTM_RATIO = 32.0;

接下来就是开始创造世界了。

Vector2 gravity = new Vector2(30.0f, 0.0f);
 bool doSleep = true;
 world = new World(gravity, doSleep);

首先我们需要模拟出一个重力gravity。这里用一个2维矢量模拟重力并设置了一个值doSleep，用以指明对象不参与碰撞时，是否可以“休眠”。一个休眠的对象将不会花费处理时间，直到它与其实对象发生碰撞的时候才会“醒”过来。

这里说明一下物理世界的重力向量gravity。两个参数分别表示物理世界中的X轴和Y轴方向上的重力数值。“+” “-”表示重力的方向

X轴正值表示向右，Y轴正值表示向上

接下来，该是为这个世界添加一些物体的时候了。

我在Android关于box2d应用中看到关于world创建一个物体的步骤：

1.创建物体皮肤 PolygonDef

2.创建物体刚体BodyDef

3.通过皮肤和刚体创建一个物体 body （body=body.createBody（BodyDef ）body.createShape（PolygonDef））

在wp里略有不同。

BodyDef ballBodyDef = new BodyDef();
            ballBodyDef.type = BodyType.Dynamic;//动态类型
            ballBodyDef.position=new Vector2((float)(100/PTM_RATIO),(float)(300/PTM_RATIO));
            ballBodyDef.userData=ball;

            body=world.CreateBody(ballBodyDef);
            CircleShape circle=new CircleShape();
            circle._radius=(float)(26.0/PTM_RATIO);

            FixtureDef ballShapeDef=new FixtureDef();
            ballShapeDef.shape=circle;
            ballShapeDef.density=1.0f;//质量：0代表静态的物体，1代表运动物体
            ballShapeDef.friction=0.0f;//摩擦
            ballShapeDef.restitution=1.0f;//恢复力
            body.CreateFixture(ballShapeDef);

首先一个BodyDef
接下来一个CircleShape

最后一个FixtureDef

相比Android的定义过程，不过是将PolygonDef换成了一个Shape，并将这个Shape付给一个Fixture，最后由这个fixture完成body的创建。

现在详细说明一下上面代码的含义：

我们指定body的类型为dynamic body。默认值是static body，那意味着那个body不能被移动也不会参与仿真。很明显，我们想让篮球参与仿真。
设置body的user data属性为篮球精灵。你可以设置任何东西，但是，你设置成精灵会很方便，特别是当两个body碰撞的时候，你可以通过这个参数把精灵对象取出来，然后做一些逻辑处理。
这里使用了一个不同的shape类型--circle shape。
在这里，我们需要为这个fixture指定一些参数

其中，说明一下这个restitution（恢复力）。我们都知道，在物理世界是能量守恒的。而这个恢复力就是能量守恒的体现之一。如果设置为1，则物体在世界里的碰撞是完全弹性碰撞。我们也把球的摩擦力设置为0.这样可以防止球在碰撞的时候，由于摩擦损失能量，导致来回碰撞的过程中会有一点点偏差。

接下来，我们必须为我们的世界设置一个围墙，免得球跳出了“屏幕”

View Code

BodyDef groundBodyDef = new BodyDef();
            groundBodyDef.position = new Vector2(0, 0);
            Body groundBody = world.CreateBody(groundBodyDef);
            PolygonShape groundBox = new PolygonShape();//凸多边形
            FixtureDef boxShapeDef = new FixtureDef();
            boxShapeDef.shape = groundBox;
            groundBox.SetAsEdge(new Vector2(0, 0), new Vector2((float)(winSize.width / PTM_RATIO), 0));
            groundBody.CreateFixture(boxShapeDef);
            groundBox.SetAsEdge(new Vector2(0, 0), new Vector2(0, (float)(winSize.height / PTM_RATIO)));
            groundBody.CreateFixture(boxShapeDef);
            groundBox.SetAsEdge(new Vector2(0, (float)(winSize.height / PTM_RATIO)), 
                new Vector2((float)(winSize.width / PTM_RATIO), (float)(winSize.height / PTM_RATIO)));
            groundBody.CreateFixture(boxShapeDef);
            groundBox.SetAsEdge(new Vector2((float)(winSize.width / PTM_RATIO), (float)(winSize.height / PTM_RATIO)),
                new Vector2((float)(winSize.width / PTM_RATIO), 0));
            groundBody.CreateFixture(boxShapeDef);

详细解释一下上面的代码：

首先创建一个body定义结构体，并且指定它应该放在左下角。
然后，使用world对象来创建body对象。（注意，这里一定要使用world对象来创建，不能直接new，因为world对象会做一些内存管理操作。）
接着，为屏幕的每一个边界创建一个多边形shape。这些“shape”仅仅是一些线段。注意，我们把像素转换成了“meter”。通过除以之前定义的比率来实现的。
再创建一个fixture定义，指定shape为polygon shape。
再使用body对象来为每一个shape创建一个fixture对象。
注意：一个body对象可以包含许许多多的fixture对象。

在完成上面之后。我们只是定义了物理世界，还没开始进行物理模拟。所以还要对world设置物理模拟：

world.Step(dt, 10, 10);

此函数表示让物理世界开始进行物理模拟，后两个参数含义分别是“速度迭代次数”和“位置迭代次数”。设置他们的范围在8-10之间。
这里的数字越小，精度越小，但是效率更高。数字越大，仿真越精确，但同时耗时更多。8一般是个折中数值。

这里要注意，因为物理世界模拟具有持续性，所以应该将设置放在线程中，不断让物理世界进行模拟。

在init（）里添加一个this.schedule(tick)。这里的tick就是一个“线程”

在tick里除了添加物理模拟之外，我们要使我们的小球精灵匹配物理仿真。因此，我们遍历world对象里面的所有body，然后看body的user data属性是否为空，如果不为空，就可以强制转换成精灵对象。接下来，就可以根据body的位置来更新精灵的位置了。

View Code

for (Body b = world.GetBodyList(); b != null; b = b.GetNext())
            {
                if (b.GetUserData() != null)
                {
                    CCSprite ballData = (CCSprite)b.GetUserData();
                    ballData.position = new CCPoint((float)(b.GetPosition().X * PTM_RATIO),
                    (float)(b.GetPosition().Y * PTM_RATIO));
                    ballData.rotation = -1 * MathHelper.ToDegrees(b.GetAngle());
                }
            }

最后在AppDelegate.cs里面的applicationDidFinishLaunching修改场景入口就可以看到效果了。

附上所有代码：

View Code

 1 class BOX2DLayer:CCLayer
 2     {
 3         //定义了一个“像素/米”的比率。当你在cocos2d里面指定一个body在哪个位置时，你使用的单位要是米
 4         public static double PTM_RATIO = 32.0;
 5 
 6         World world;
 7         Body body;
 8         CCSprite ball;
 9 
10         public override bool init()
11         {
12             if (!base.init())
13                 return false;
14             //获取窗口大小
15             CCSize winSize = CCDirector.sharedDirector().getWinSize();
16 
17             CCLabelTTF title = CCLabelTTF.labelWithString("Boxing", "Arial", 24);
18             title.position = new CCPoint(winSize.width / 2, winSize.height / 2 - 50);
19             this.addChild(title, 1);
20 
21             ball = CCSprite.spriteWithFile("images/ball");
22             ball.position = new CCPoint(0, 300);
23             this.addChild(ball);
24 
25             
26          Vector2 gravity = new Vector2(30.0f, 0.0f);
27             bool doSleep = true;
28             world = new World(gravity, doSleep);
29 
30             BodyDef groundBodyDef = new BodyDef();
31             groundBodyDef.position = new Vector2(0, 0);
32             Body groundBody = world.CreateBody(groundBodyDef);
33             PolygonShape groundBox = new PolygonShape();//凸多边形
34             FixtureDef boxShapeDef = new FixtureDef();
35             boxShapeDef.shape = groundBox;
36             groundBox.SetAsEdge(new Vector2(0, 0), new Vector2((float)(winSize.width / PTM_RATIO), 0));
37             groundBody.CreateFixture(boxShapeDef);
38             groundBox.SetAsEdge(new Vector2(0, 0), new Vector2(0, (float)(winSize.height / PTM_RATIO)));
39             groundBody.CreateFixture(boxShapeDef);
40             groundBox.SetAsEdge(new Vector2(0, (float)(winSize.height / PTM_RATIO)), 
41                 new Vector2((float)(winSize.width / PTM_RATIO), (float)(winSize.height / PTM_RATIO)));
42             groundBody.CreateFixture(boxShapeDef);
43             groundBox.SetAsEdge(new Vector2((float)(winSize.width / PTM_RATIO), (float)(winSize.height / PTM_RATIO)),
44                 new Vector2((float)(winSize.width / PTM_RATIO), 0));
45             groundBody.CreateFixture(boxShapeDef);
46 
47             BodyDef ballBodyDef = new BodyDef();
48             ballBodyDef.type = BodyType.Dynamic;//动态类型
49          ballBodyDef.position=new Vector2((float)(100/PTM_RATIO),(float)(300/PTM_RATIO));
50             ballBodyDef.userData=ball;
51 
52             body=world.CreateBody(ballBodyDef);
53             CircleShape circle=new CircleShape();
54             circle._radius=(float)(26.0/PTM_RATIO);
55 
56             FixtureDef ballShapeDef=new FixtureDef();
57             ballShapeDef.shape=circle;
58             ballShapeDef.density=1.0f;//质量：0代表静态的物体，1代表运动物体
59          ballShapeDef.friction=0.0f;//摩擦
60          ballShapeDef.restitution=1.0f;//恢复力
61          body.CreateFixture(ballShapeDef);
62 
63             
64             this.schedule(tick);
65             return true;
66         }
67 
68         void tick(float dt)
69         {
70             world.Step(dt, 10, 10);
71 
72             for (Body b = world.GetBodyList(); b != null; b = b.GetNext())
73             {
74                 if (b.GetUserData() != null)
75                 {
76                     CCSprite ballData = (CCSprite)b.GetUserData();
77                     ballData.position = new CCPoint((float)(b.GetPosition().X * PTM_RATIO),
78                     (float)(b.GetPosition().Y * PTM_RATIO));
79                     ballData.rotation = -1 * MathHelper.ToDegrees(b.GetAngle());
80                 }
81             }
82         }
83 
84         public static new CCLayer node()
85         {
86             BOX2DLayer layer = new BOX2DLayer();
87             if (layer.init())
88             {
89                 return layer;
90             }
91             else
92                 layer = null;
93             return layer;
94         }
95 
96     }