cocos2d-x for wp 之Box2D游戏-是男人就坚持60M（一）

搞了几天。发现cocos2d-x对c#（xna）真的是抛弃很彻底了。以后还是转c++吧。

废话结束，开始记录。

首先，跟上一节一样，先创建好一个世界并让这个世界开始模拟物理世界。

创建一个继承于CCLayer的一个层：PlayGame。并添加好下面三个引用、一个常量以及一些全局变量：

 1 using cocos2d;
 2 using Box2D.XNA;
 3 using Microsoft.Xna.Framework;
 4 
 5 
 6 public static double PTM_RATIO = 32.0;
 7 
 8 World world;
 9 CCSprite ball;
10 Body groundBody;

重写init函数、node函数

public override bool init()
         {
             if (!base.init())
                 return false;
             //获取窗口大小
             CCSize winSize = CCDirector.sharedDirector().getWinSize();
 
             
 
             CCLabelTTF title = CCLabelTTF.labelWithString("Boxing", "Arial", 24);
             title.position = new CCPoint(winSize.width / 2, winSize.height / 2 - 50);
             this.addChild(title, 1);
 
             Vector2 gravity = new Vector2(0.0f, 0.0f);
             bool doSleep = true;
             world = new World(gravity, doSleep);
 
 
             BodyDef groundBodyDef = new BodyDef();
             groundBodyDef.position = new Vector2(0, 0);
             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 body1 = createBall();
             Body body2 = createBall();
 
             Player play1 = new Player(this,world,groundBody);
 
             this.schedule(tick);
             return true;
         }

 

public static new CCLayer node()
         {
             PlayGame layer = new PlayGame();
             if (layer.init())
             {
                 return layer;
             }
             else
                 layer = null;
             return layer;
         }

基本上和上一节的内容差不多，但是我们这里把重力gravity设置为0，0.因为我们这个游戏并不需要重力的存在。 至于createBall是一个自定义函数，而Player是一个自定义的类，等下会讲到。

createBall函数：

public Body createBall()
         {
             Body body;
             Random rand = new Random();
             ball = CCSprite.spriteWithFile("images/ball");
             this.addChild(ball);
             int Vx = rand.Next(1, 7) * 100;
             int Vy = rand.Next(1, 4) * 100;
             BodyDef ballBodyDef = new BodyDef();
             ballBodyDef.type = BodyType.Dynamic;//动态类型
             ballBodyDef.position = new Vector2((float)(Vx / PTM_RATIO), (float)(Vy / 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;//密度
             ballShapeDef.friction = 0.0f;//摩擦
             ballShapeDef.restitution = 1.0f;
             body.CreateFixture(ballShapeDef);
 
             int Fx = rand.Next(1, 7) * 10;
             int Fy = rand.Next(1, 4) * 10;
             Vector2 force = new Vector2(Fx, Fy);
             body.ApplyLinearImpulse(force, ballBodyDef.position);
 
             return body;
         }

这个函数的内容也是老内容了，除了设置了一个冲力force。

1 Vector2 force = new Vector2(Fx, Fy);

2 body.ApplyLinearImpulse(force, ballBodyDef.position);

有了这个冲力，我们的游戏中初始化的球就会自己动起来

添加好一个tick函数

void tick(float dt)
         {
             world.Step(dt, 10, 10);
 
             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());
                 }
             }
         }

以上都是一些老内容。不熟悉可以去看上一篇介绍。
最后修改一下程序入口applicationDidFinishLaunching

CCScene pScene = CCScene.node();
pScene.addChild(Classes.PlayGame.node());
pDirector.deviceOrientation = ccDeviceOrientation.CCDeviceOrientationLandscapeLeft;
pDirector.runWithScene(pScene);
return true;

运行，程序就会出现两个小球不停的在屏幕里来回跳动。

 

接下来，是该实现控制小球和各个小球之间的碰撞了。

构造Player自定义类。继承于CCSprite、ICCTargetedTouchDelegate。因为我们要手动（触屏）控制这个玩家，所以也要同时继承于ICCTargetedTouchDelegate。

这里也是我fengyun1989不同的地方。在他那边是直接在游戏中的游戏界面写touch事件（因为Layer里也有touch事件）。而我习惯于将各个对象分开。

首先，添加一些变量。方便后面调用，具体用处在用到时细说。

MouseJoint mouseJoint=null;
Fixture ballFixture;
Body spriteBody;
World locWord;
Body gBody;
public static double PTM_RATIO = 32.0;

重写构造函数Player（）

 1 public Player(CCLayer layer,World world,Body groundBody)
 2         {
 3             gBody = groundBody;
 4             locWord = world;
 5 
 6             CCSize s = CCDirector.sharedDirector().getWinSize();
 7             this.initWithFile("images/ball");
 8             this.position = new CCPoint(s.width / 2, s.height / 2);
 9             layer.addChild(this);
10             addBoxBodyForSprite(this, world);
11         }

同时将PlayGame里创建好的世界world和groundBody传过来，因为我们的玩家必须在同一个世界里才行。而且后面构造一些fixture也需要用到。

接下来，是该进行触摸事件的修改了。先是ccTouchBegan()

public virtual bool ccTouchBegan(CCTouch touch, CCEvent eventer)
         {
             //创建一个鼠标关节
             if (mouseJoint != null)
                 return false;
             CCPoint location = touch.locationInView(touch.view());  
             location = CCDirector.sharedDirector().convertToGL(location);  
             Vector2 locationWorld = new Vector2((float)(location.x / PTM_RATIO), (float)(location.y / PTM_RATIO));
 
             if (ballFixture.TestPoint(locationWorld))
             {
                 MouseJointDef md = new MouseJointDef();
                 md.bodyA = gBody;
                 md.bodyB = spriteBody;
                 md.collideConnected = true;
                 md.target = locationWorld;
                 md.maxForce = 1000.0f * spriteBody.GetMass();
                 mouseJoint = (MouseJoint)locWord.CreateJoint(md);
                 spriteBody.SetAwake(true);
                 return true;
             }
             else
                 return false;

首先，我们把touch坐标转换成coocs2d坐标（convertToGL）然后，再转换成Box2d坐标（locationWorld）。

如果是的话，我们就创建一个所谓的”鼠标关节“。在Box2d里面，一个鼠标关节用来让一个body朝着一个指定的点移动---在这里个例子中，就是用户点的方向。

当你创建一个mousejoint后，你赋值给它两个body。第一个没有被使用，通常都是设置成groundbody(前面提到这里用到了)。第二个，就是你想让它移动的body（这个类里面的精灵的body），在这个例子中就是spriteBody。

你指定移动的终点---这个例子中就是用户点击的位置locationWorld。

然后，设置bodyA和bodyB碰撞的时候，把它当成是碰撞，而不是忽略它。这个很重要！

如果没有设置，当我们用鼠标拖动这个你的小球的时候，它并不会与屏幕的边界相碰撞。

指定移动body的最大的力是多少。如果你减少这个数值的话，spritebody响应鼠标移动时就会慢一些。但是，我们想让spritebody快速地响应鼠标的变化。

最后，我们把这个关节加入到world中。同时，我们还要把body设置成苏醒的（awake）。之所以要这么做，是因为如果body在睡觉的话，那么它就不会响应鼠标的移动！

 

上面用到了一个鼠标关节mouseJoint。这是一个自定义的类。内容如下：

class MyContact
    {
        public Fixture fixtureA;
        public Fixture fixtureB;

    }
    class MyContactListener : IContactListener
    {
        public List<MyContact> contacts = new List<MyContact>();

        public void BeginContact(Contact contact)
        {
            MyContact myContact = new MyContact()
            {
                fixtureA = contact.GetFixtureA(),
                fixtureB = contact.GetFixtureB()
            };
            contacts.Add(myContact);

        }

        public void EndContact(Contact contact)
        {
            contacts.Clear();
        }

        public void PostSolve(Contact contact, ref ContactImpulse impulse)
        {
        }
        public void PreSolve(Contact contact, ref Manifold oldManifold)
        {
        }
    }

接下来，让我们添加ccTouchesMoved方法：

public virtual void ccTouchMoved(CCTouch touch, CCEvent eventer)
         {
             if (mouseJoint == null)
                 return;
             Vector2 point = new Vector2(this.convertTouchToNodeSpace(touch).x,
               this.convertTouchToNodeSpace(touch).y);
             CCPoint location = touch.locationInView(touch.view());
             location = CCDirector.sharedDirector().convertToGL(location);
             Vector2 locationWorld = new Vector2((float)(location.x / PTM_RATIO), (float)(location.y / PTM_RATIO));
 
             mouseJoint.SetTarget(locationWorld);
         }

我们更新了鼠标关节的目标位置（也就是我们想让玩家移动的位置的）。

我们添加ccTouchesCacelled和ccTouchesEnded方法：这里只实现一件事，就是在我们移动完paddle或者取消移动之后销毁mouse joint。

public virtual void ccTouchEnded(CCTouch touch, CCEvent eventer)
         {
             if (mouseJoint != null)
             {
                 mouseJoint = null;
                 locWord.DestroyJoint(mouseJoint);
             }
         }
 
         public void ccTouchCancelled(CCTouch touch, CCEvent eventer)
         {
             if (mouseJoint != null)
             {
         mouseJoint = null;
                 locWord.DestroyJoint(mouseJoint);
                 
             }
         }

编译并运行，你现在可以用手指控制属于你的精灵了，同时可以让它与篮球相互碰撞！