PhysicsEditor with cocos2d and box2d usecase

转载于 2012-01-22 03:05:58 发布 · 909 阅读

文章标签：

#usecase #object #shapes #parameters #file #each

iPhone游戏开发同时被 3 个专栏收录

330 篇文章

订阅专栏

Cocos2d框架

99 篇文章

订阅专栏

Mac高质量软件推荐

50 篇文章

订阅专栏

本文介绍如何使用 PhysicsEditor 工具配合 Cocos2d 和 Box2d 物理引擎创建游戏。教程涵盖从设置 Box2d 世界到更新精灵位置的全过程，并提供了一个完整的演示项目。

转载自：http://www.physicseditor.de/cocos2d-box2d/

Tutorial: cocos2d + box2d

PhysicsEditor with cocos2d and box2d

This is a short tutorial how to use PhysicsEditor together with cocos2d and box2d as physics engine. The project is bases on the box2d template project which comes with cocos2d. The project is complete – it contains cocos2d and everything you need for a quick start.

Structure:

Classes – example classes to for the demo
libs – cocos2d, box2d and other sources
PhysicsEditorSources – the plist loader for box2d
Resources – the sprites

The main folder contains the shapedefs.pes file which is the file for PhysicsEditor. You can open this to experiment with parameters and add new sprites to the project.

Setting up box2d

First you need to create the b2World object which runs the complete simulation:

// Define the gravity vector.
b2Vec2 gravity;
gravity.Set (0.0f, -10.0f );

// Do we want to let bodies sleep?
// This will speed up the physics simulation
bool doSleep = true;

// Construct a world object, which will hold
// and simulate the rigid bodies.
world = new b2World (gravity, doSleep );
world ->SetContinuousPhysics ( true );

In the demo I also add some floor shapes which are created programatically (not shown here).

Preparing the GB2ShapeCache

Next we need to set up the GB2ShapeCache and load the plist file with the shapes created with PhysicsEditor.

[ [GB2ShapeCache sharedShapeCache ]
addShapesWithFile : @ "shapedefs.plist" ];

Make sure the plist file is in your resources.

Create a CCSprite and attach it to a b2Body

With that done we can create a CCSprite and add it to the current scene:

CCSprite *sprite = [CCSprite spriteWithFile : @ "object.png" ];
[self addChild :sprite ];

(I did not use CCBatchNode in this example because I wanted to keep the demo simple and independent from <a href="http://www.texturepacker.com/" "="" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 14px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(131, 180, 65); text-decoration: none; background-position: initial initial; background-repeat: initial initial; ">TexturePacker.)

Next is to create a b2Body object. We create a b2_dynamicBody which means that the object will be controlled by box2d. We also set the position and which is very important we also set the userData field to the CCSprite we created in the step before:

b2BodyDef bodyDef;
bodyDef.type = b2_dynamicBody;

bodyDef.position.Set (p.x /PTM_RATIO, p.y /PTM_RATIO );
bodyDef.userData = sprite;
b2Body *body = world ->CreateBody ( &bodyDef );

With that done we own a b2Body which has no fixtures or shape yet. We now use the GB2ShapeCache to attach the fixtures created with PhysicsEditor. If you simply dragged theobject.png onto PhysicsEditor it’s name in the plist file will be object.

Create the body, then add the shape to the body:

[ [GB2ShapeCache sharedShapeCache ]
addFixturesToBody :body forShapeName : "object" ];

The last step is to set the anchor point for the CCSprite. PhysicsEditor allows you to set and edit anchor points. If you don’t do this the b2Body and the sprite displayed might have some offset which results in a strange behavior.

[sprite setAnchorPoint : [
[GB2ShapeCache sharedShapeCache ]
anchorPointForShape : "object" ] ];

Simulating the b2World

Now we have the physics in place but also need to update sprites by setting them to the position of the b2Body object and adjust rotation. We do this in the tick routine which we set up to be called from cocos2d’s scheduler for each frame (during init)

[self schedule : @selector (tick : ) ];

In the tick we need to simulate the world. box2d does several iteration simulating small time steps and moving the bodies for each of them. Adjusting the values might give you better collision detection and physics behavior but might also result in longer calculation times.

After stepping the world we need to adjust each CCSprite according to the b2Body. We do this by iterating over all bodies in the world. Remember that we stored the CCSprite’s pointer in the userdata field of the b2Body. This is how we can adjust them:

- ( void ) tick : (ccTime ) dt
{
int32 velocityIterations = 8;
int32 positionIterations = 1;
world ->Step (dt, velocityIterations, positionIterations );

for (b2Body * b = world ->GetBodyList ( ); b; b = b ->GetNext ( ) )
{
if (b ->GetUserData ( ) != NULL )
{
CCSprite *myActor = (CCSprite * )b ->GetUserData ( );
myActor.position = CGPointMake (
b ->GetPosition ( ).x * PTM_RATIO,
b ->GetPosition ( ).y * PTM_RATIO );
myActor.rotation = - 1 * CC_RADIANS_TO_DEGREES (b ->GetAngle ( ) );
}
}
}