Cocos2d-x实现场景无限滚动

在游戏中，人物行走，其实是背景向相反方向移动，给玩家形成了一个人物向前移动的错觉。

详细步骤如下，懒得码字了，代码中注释得很清楚：

1 做一个人物无限原地踏步的动画，代码如下所示：

//创建人物精灵
CCSprite *mainsprite = CCSprite::create("s_1.png");

//动画部分，创建动画动作
CCAnimation * animation = CCAnimation::create();

//给动画动作添加帧
animation->addSpriteFrameWithFileName("s_1.png");
animation->addSpriteFrameWithFileName("s_2.png");
animation->addSpriteFrameWithFileName("s_3.png");
animation->addSpriteFrameWithFileName("s_4.png");
animation->addSpriteFrameWithFileName("s_5.png");
animation->addSpriteFrameWithFileName("s_6.png");

animation->setDelayPerUnit(0.05f);    //设置动画帧时间
animation->setRestoreOriginalFrame(true);    //动画执行后还原初始状态
//运行奔跑动画

//将主角精灵放在屏幕放下角
mainsprite->setPosition(ccp(mainsprite->getContentSize().width/2 , mainsprite->getContentSize().height));

//CCActionInterval *run = CCMoveBy::create(10, ccp((size.width - mainsprite->getContentSize().width/2), (size.height - mainsprite->getContentSize().height/2)));
mainsprite->runAction(CCRepeatForever::create(CCAnimate::create(animation)));

this->addChild(mainsprite, 4);

2. 添加背景图片到场景中，背景图片精灵为awakenjoys的保护数据成员，代码如下：

#ifndef __HELLOWORLD_SCENE_H__
#define __HELLOWORLD_SCENE_H__

#include "cocos2d.h"

class Awakenjoys : public cocos2d::CCLayer
{
public:
// Here's a difference. Method 'init' in cocos2d-x returns bool, instead of returning 'id' in cocos2d-iphone
virtual bool init();
// there's no 'id' in cpp, so we recommand to return the exactly class pointer
static cocos2d::CCScene* scene();
// a selector callback
void menuCloseCallback(CCObject* pSender);
// implement the "static node()" method manually
CREATE_FUNC(Awakenjoys);
void update(float dt);
protected:
    cocos2d::CCSprite *bgSprite;
cocos2d::CCSprite *bgSprite1;
};

#endif  // __HELLOWORLD_SCENE_H__

3. 调用scheduleUpdate定时器（每帧都会执行一次）进行滚动背景处理：

//创建背景图1精灵
bgSprite = CCSprite::create("bgroup.jpg");
bgSprite->setPosition(ccp(0, 0));    //屏幕左下角
this->addChild(bgSprite, -1);        //添加到场景中

//创建背景图2精灵
bgSprite1 = CCSprite::create("bgroup1.jpg");
bgSprite1->setPosition(ccp(0, 0));    //屏幕左下角
this->addChild(bgSprite1, -2);        //添加到场景中

bgSprite->setAnchorPoint(ccp(0, 0));    //设置锚点位置为屏幕左下角
bgSprite1->setAnchorPoint(ccp(1, 0));    //设置锚点位置为屏幕右下角

//调用scheduleUpdate进行滚动地图处理
scheduleUpdate();

4. scheduleUpdate()定时器内容：

void Awakenjoys::update(float dt)
{
CCPoint bgSprite_p = bgSprite->getPosition();
CCPoint bgSprite1_p = bgSprite->getPosition();

bgSprite->setPosition(ccp(bgSprite_p.x -4, bgSprite_p.y));
bgSprite1->setPosition(ccp(bgSprite1_p.x -4, bgSprite1_p.y));

if (bgSprite_p.x < 0)
{
float temp = bgSprite_p.x + CCDirector::sharedDirector()->getWinSize().height;
bgSprite->setPosition(ccp(temp, bgSprite_p.y));

}

if (bgSprite1_p.x < 0)
{
float temp = bgSprite1_p.x + CCDirector::sharedDirector()->getWinSize().height;
bgSprite1->setPosition(ccp(temp, bgSprite1_p.y));

}