[置顶] cocos2d-x游戏开发 跑酷(三) 人物跑动

原创，转载请注明出处：http://blog.csdn.net/dawn_moon/article/details/21245881

好吧，终于要跑起来了。要实现跑酷需要用到帧动画，什么是帧动画，不解释行么。

介绍一个将小图打包的工具TexturePacker，这是一个很强大的工具，另外还有一个物理编辑器PhysicsEditor，也不错，地址：http://www.codeandweb.com。刚好上周收到工具作者给的free licences，感谢一下。有兴趣的同学可以去申请一下。

加载精灵的一个比较高效的方式是用CCSpriteFrameCache和CCSpriteBatchNode配合使用。先讲一下这个用法。

以下几个步骤：

1.将打包好的大图和生成的plist文件加载到CCSpriteFrameCache，如果这两个文件名除后缀不同其它完全一样的话，直接加载plist文件就可以了。

2.用大图生成一个CCSpriteBatchNode对象batch_node,并将其加入到当前场景addChild(batch_node)。

3.通过CCSprite::spriteWithSpriteFrame或CCSprite::spriteWithSpriteFrameName创建精灵。

4.将上一步生成的精灵通过addChild加入到bath_node即可。

后面会有详细代码

创建Runner.cpp

//
//  Runner.h
//  Parkour
//
//  Created by lerry on 14-3-14.
//
//

#ifndef __Parkour__Runner__
#define __Parkour__Runner__

#include "cocos2d.h"
#include "Box2D.h"
#include "resources.h"

enum RunnerState{
    running,
    jumping,
    crouch
};

class Runner : public cocos2d::CCNode
{
    cocos2d::CCSprite* mRunner;
    
    cocos2d::CCSize mRunningSize;
    
    cocos2d::CCAction* mRunningAction;
    
    cocos2d::CCSpriteBatchNode* mBatchNode;
    
    b2World* mWorld;
    
    RunnerState mState;
    
private:
    void initAction();
    
    void initBody();
    
    void initShape();
    
public:
    bool init(b2World* world, cocos2d::CCSpriteBatchNode* batchNode);
    
    
    virtual void update(float dt);
    
    static Runner* create(b2World* world, cocos2d::CCSpriteBatchNode* batchNode);
    
};

#endif /* defined(__Parkour__Runner__) */

继承CCnode，因为后面会有一个物理世界，所以重写了create函数和init函数，这两个函数还是保持与引擎一致，创建的对象也是自动释放对象。本节没有加入物理世界的实现，只是实现一个跑动的人物。

//
//  Runner.cpp
//  Parkour
//
//  Created by lerry on 14-3-14.
//
//

#include "Runner.h"


USING_NS_CC;

Runner* Runner::create(b2World *world, CCSpriteBatchNode* batchNode)
{
    Runner* runner = new Runner();
    if (runner && runner->init(world, batchNode)) {
        runner->autorelease();
        return runner;
    }else
    {
        delete runner;
        runner = NULL;
        return NULL;
    }
}

bool Runner::init(b2World *world, CCSpriteBatchNode* batchNode)
{
    if (!CCNode::init()) {
        return false;
    }
    // box2d的物理世界
    this->mWorld = world;
    this->mBatchNode = batchNode;
    
    initAction();
    initBody();
    initShape();
    
    mRunner = CCSprite::createWithSpriteFrameName(runner0);
    
    // 通过名字获取animation
    CCAnimation* animation = CCAnimationCache::sharedAnimationCache()->animationByName("running");
    mRunner->setPosition(ccp(85, 50));
    mRunner->runAction(CCRepeatForever::create(CCAnimate::create(animation)));
    mBatchNode->addChild(mRunner);
    
    
    return true;
}

void Runner::update(float dt)
{
    
}


void Runner::initAction()
{
    CCArray* animateFrames = CCArray::create();
    char str[50] = {0};
    for (int i = 0; i != 8; ++i) {
        sprintf(str, "runner%d.png", i);
        animateFrames->addObject(CCSpriteFrameCache::sharedSpriteFrameCache()->spriteFrameByName(str));
    }
    CCAnimation* animation = CCAnimation::createWithSpriteFrames(animateFrames, 0.1);
    animation->setRestoreOriginalFrame(true);
    // animation 命名
    CCAnimationCache::sharedAnimationCache()->addAnimation(animation, "running");
    
}

void Runner::initBody()
{
    
}

void Runner::initShape()
{
    
}

mWorld和mBatchNode会由PlayScene传进来。这里主要实现了initAction。动画的实现与JS版的稍稍有点区别。

由于命名问题，我将资源文件又重新命名了一下

//
//  resources.h
//  Parkour
//
//  Created by lerry on 14-3-13.
//  Copyright (c) 2014年 Goonear Co.,Ltd. All rights reserved.
//

#ifndef Parkour_resources_h
#define Parkour_resources_h

static const char backmusic[] = "background.mp3";

static const char jummpmusic[] = "jump.mp3";

static const char crouchmusic[] = "crouch.mp3";

static const char spritesheet[] = "parkour.plist";

static const char spritePacker[] = "parkour.png";

static const char runner0[] = "runner0.png";

#endif

现在需要修改PlayerScene的init函数，加入人物，变成下面这样：

bool PlayScene::init()
{
    if(!CCLayer::init()){
        return false;
    }
    
    initPhysics();
    
    
    CCSpriteFrameCache::sharedSpriteFrameCache()->addSpriteFramesWithFile(spritesheet);
    CCSpriteBatchNode* spriteBatch = CCSpriteBatchNode::create(spritePacker);
    this->addChild(spriteBatch);
    
    mRunner = Runner::create(mWorld, spriteBatch);
    
    this->addChild(mRunner);
    
    // 调用update函数
    scheduleUpdate();
    
    return true;
}

好了，跑起来了