cocos2d-x游戏开发 跑酷(五) 跳起和下蹲动作 手势识别

转载请注明出处：http://blog.csdn.net/dawn_moon/article/details/22051929

人物已经可以跑动起来了，但是还仅仅只是一个单调的跑动，还会跑出屏幕。先实现一个无限滚动背景。

实现滚动背景有几个方式：

1.人物位置不动，背景滚动。我之前的天天飞翔是用的这种，不过那个背景移动是用的动画，两张图片重复动作滚动。还有之前的雷电，也是背景滚动。不过实现有点区别，是循环改变背景的Y坐标来实现的。

2.人物移动，当前层跟随人物，使用CCFollow。详细用法有兴趣可以自己搜索。

3.人物移动，摄像机跟随。这里用的就是第三种方式。

先解释一下CCCamera摄像机的概念：

OpenGL有个视点转换函数gluLookAt函数，原型：

void gluLookAt(GLdouble eyex,GLdouble eyey,GLdouble eyez,GLdouble centerx,GLdouble centery,GLdouble centerz,GLdouble upx,GLdouble upy,GLdouble upz);

第一组eyex, eyey,eyez 相机在世界坐标的位置
第二组centerx,centery,centerz 目标参考物体在世界坐标的位置
第三组upx,upy,upz 相机竖直方向在世界坐标中的方向向量

你把相机想象成为你自己的脑袋：
第一组数据就是脑袋的位置
第二组数据就是眼睛看的物体的位置
第三组就是头顶朝向的方向（因为你可以歪着头看同一个物体）。

CCCamera的概念跟这个类似。

为什么调整eyez的值可以实现缩放。Z值就是摄像机离物体距离，拿眼睛看一个物体，离物体远，看起来物体小，离物体近，物体看起来大。

这里我们不调整eyez的值，因为不做缩放，用默认就好。

需要调整摄像机X坐标和参考目标的X坐标，让摄像机跟随人物移动：

    mLastEyeX = mRunner->getRunnerPX() - mRunner->getOffsetPx();    CCCamera* camera = this->getCamera();    float eyeZ = CCCamera::getZEye();    camera->setEyeXYZ(mLastEyeX, 0, eyeZ);    camera->setCenterXYZ(mLastEyeX, 0, 0);

我用手势控制人物跳起和蹲下，但是我懒的弄那个手势识别的库就直接用了SimpleRecognizer，识别上下左右的滑动，向上滑动就跳起，向下滑动就蹲下。先来看动作，Runner.cpp里面：

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* animationRunning = CCAnimation::createWithSpriteFrames(animateFrames, 0.1);    // 设置无限循环    animationRunning->setLoops(-1);    // 循环动画貌似可以不设置这个    animationRunning->setRestoreOriginalFrame(true);    // running animation 命名    CCAnimationCache::sharedAnimationCache()->addAnimation(animationRunning, "running");        // jumpUpAction    animateFrames->removeAllObjects();    for (int i = 0; i != 4; ++i) {        sprintf(str, "runnerJumpUp%d.png",i);        animateFrames->addObject(CCSpriteFrameCache::sharedSpriteFrameCache()->spriteFrameByName(str));    }    CCAnimation* animationJumpUp = CCAnimation::createWithSpriteFrames(animateFrames, 0.2);    // 动画完毕停在最后一帧    animationJumpUp->setRestoreOriginalFrame(false);    // jumpUp animation 命名    CCAnimationCache::sharedAnimationCache()->addAnimation(animationJumpUp, "jumpUp");        // jumpDownAction    animateFrames->removeAllObjects();    for (int i = 0; i != 2; ++i) {        sprintf(str, "runnerJumpDown%d.png",i);        animateFrames->addObject(CCSpriteFrameCache::sharedSpriteFrameCache()->spriteFrameByName(str));    }    CCAnimation* animationJumpDown = CCAnimation::createWithSpriteFrames(animateFrames, 0.3);    animationJumpDown->setRestoreOriginalFrame(false);    // jumpDown animation 命名    CCAnimationCache::sharedAnimationCache()->addAnimation(animationJumpDown, "jumpDown");        // crouchAction    animateFrames->removeAllObjects();    animateFrames->addObject(CCSpriteFrameCache::sharedSpriteFrameCache()->spriteFrameByName("runnerCrouch0.png"));    CCAnimation* animationCrouch = CCAnimation::createWithSpriteFrames(animateFrames,0.3);    animationCrouch->setRestoreOriginalFrame(false);    // crouch animation 命名    CCAnimationCache::sharedAnimationCache()->addAnimation(animationCrouch, "crouch");    }

生产序列帧的流程：

-- 生成单帧

-- 将序列帧存入数组

-- 用帧数组生成CCAnimation

-- 将animation存入缓存，取别名（用的时候通过名字取出即可）

这里值得注意的是需要设置帧间隔和是否恢复第一帧（setRestoreOriginalFrame）

setRestoreOriginalFrame这个函数看名字有点难理解，不过我试过后发现是恢复第一帧，就是说如果设为true，那么动画播放完毕后就会停留在第一帧，如果设为false则停在最后一帧。

动作初始化完毕后，要用的时候通过名字调用：

void Runner::runAction(const char *action){    // 通过名字获取animation    CCAnimation* animation = CCAnimationCache::sharedAnimationCache()->animationByName(action);    mRunner->runAction(CCAnimate::create(animation));}

我们要为人物添加跳起和蹲下的动作，由于人物和一个物理刚体关联，就需要对物体的初始化做相应修改。人物跑动和人物蹲下的中心坐标是不一样的，同时其物理性状大小也不一样，修改如下：

void Runner::initShape(const char* type){    // 如果物体已经有一个形状则删掉    if(mBody->GetFixtureList())    {        mBody->DestroyFixture(mBody->GetFixtureList());    }    if (strcmp(type,"running") == 0)    {        // 人物站立，中心改变，调整位置        mBody->SetTransform(b2Vec2(mBody->GetPosition().x, (GROUND_HEIGHT + mRunnerSize.height / 2) / RATIO), mBody->GetAngle());                // 定义runner的形状，一个box，参数是半宽高        mShape.SetAsBox(mRunnerSize.width / 2 / RATIO, mRunnerSize.height / 2 / RATIO);            }else    {        // 由于人物下蹲的大小和站立大小不一致，所以要下调位置        mBody->SetTransform(b2Vec2(mBody->GetPosition().x, (GROUND_HEIGHT + mCrouchSize.height / 2) / RATIO) ,mBody->GetAngle());                // 定义runner下蹲的形状，一个box，参数是半宽高        mShape.SetAsBox(mCrouchSize.width / 2 / RATIO, mCrouchSize.height / 2 / RATIO);    }    b2FixtureDef fixDef;    fixDef.friction = 0.0f;    fixDef.shape = &mShape;    mBody->CreateFixture(&fixDef);}

好了，只要识别向上的手势就跳起，向下滑动就蹲下，看跳起和蹲下的函数：

void Runner::jump(){    if (mState == RunnerStateRunning) {        float impulse = mBody->GetMass() * 10;        // 根据物体质量，施加一个向上的力，人物就会跳起        mBody->ApplyLinearImpulse(b2Vec2(0, impulse), mBody->GetWorldCenter());        mState = RunnerStateJumpUp;        mRunner->stopAllActions();        runAction("jumpUp");        SimpleAudioEngine::sharedEngine()->playEffect(jumpmusic);    }}void Runner::crouch(){    if (mState == RunnerStateRunning) {        this->initShape("crouch");        mRunner->stopAllActions();        runAction("crouch");        mState = RunnerStateCrouch;        scheduleOnce(schedule_selector(Runner::loadNormal), 1.5);        SimpleAudioEngine::sharedEngine()->playEffect(crouchmusic);    }}

人物蹲下后怎样恢复跑动的状态呢，直接1.5秒后调用loadNormal函数就好：

void Runner::loadNormal(){    initShape("running");    mRunner->stopAllActions();    runAction("running");    mState = RunnerStateRunning;}

人物跳起的动作分jumpUp和jumpDown，怎么样区分？

判断人物在Y轴上的速度分量，给物体一个向上的力，物体会在单步时间段内加速到指定速度，由于重力加速度的存在，Y轴速度会递减。这里的做法是，当物体速度小于0.1时开始到达顶点，那么切换状态到RunnerStateJumpDown同时切换jumpDown的动画。在RunnerStateJumpDown状态时，如果Y轴速度变为0，就是到达地面了。

毫无疑问，这些迭代要写在update函数里面：

void Runner::update(float dt){    b2Vec2 vel = mBody->GetLinearVelocity();    if (mState == RunnerStateJumpUp) {        if (vel.y < 0.1) {            mState = RunnerStateJumpDown;            mRunner->stopAllActions();            runAction("jumpDown");        }    }        if (mState == RunnerStateJumpDown) {        if (vel.y == 0) {            mState = RunnerStateRunning;            mRunner->stopAllActions();            runAction("running");        }    }    }

好了，这些都做完了，在PlayScene.cpp里面修改update函数

void PlayScene::update(float dt){    // 物理世界的迭代函数    mWorld->Step(dt, 10, 8);    // 移动相机实现滚动地图    mLastEyeX = mRunner->getRunnerPX() - mRunner->getOffsetPx();    CCCamera* camera = this->getCamera();    float eyeZ = CCCamera::getZEye();    camera->setEyeXYZ(mLastEyeX, 0, eyeZ);    camera->setCenterXYZ(mLastEyeX, 0, 0);        // runner状态迭代    mRunner->update(dt);}

看下效果: