【cocos2dx 3.2】Flappy Bird开发超详细讲解（四）让地图滚动起来吧

本文可随意转载，转载请声明一下出处就好了。

鉴于上一期代码量太大，这一期就简单点吧。这一期我们来实现让草地无限滚动的动画。我们新建一个类，命名为LandLayer。其实草地滚动的原理就是让两块草地一直改变它的X轴的坐标。无限滚动就是加个判断，当草地1滚出屏幕的时候让它接在草地2后边。

先预览一下效果吧：

好吧，由于不是gif格式的动态图片，大家也看不到效果，大家自行调试看效果吧。

我么来看看代码：

//LandLayer.h

#ifndef _LANDLAYER_H_
#define _LANDLAYER_H_
#include "cocos2d.h"
USING_NS_CC;

class LandLayer:public Layer
{
public:
	static Scene* createScene();
	virtual bool init();
	CREATE_FUNC(LandLayer);
	void landMove(float);
private:
	//两块草地
	Sprite* land1;
	Sprite* land2;
};
#endif

//LandLayer.cpp

#include "LandLayer.h"
#include "define.h"

Scene* LandLayer::createScene()
{
	auto scene = Scene::create();
	auto layer = LandLayer::create();
	scene->addChild(layer);
	return scene;
}

bool LandLayer::init()
{
	if (!Layer::init())
	{
		return false;
	}
	auto winSize = Director::getInstance()->getWinSize();

	//添加草地一的图片和背景位置，setAliasTexParameters是为了防止两块草地滚动起来的时候出现黑边
	land1 = Sprite::createWithSpriteFrameName("land.png");
	land1->setAnchorPoint(Point::ZERO);
	land1->setPosition(Point::ZERO);
	land1->getTexture()->setAliasTexParameters();
	this->addChild(land1);

	//添加草地二的图片和背景位置，草地二的位置是在草地一的右边，这边减2是防止两块草地之间出现空隙
	land2 = Sprite::createWithSpriteFrameName("land.png");
	land2->setAnchorPoint(Point::ZERO);
	land2->setPosition(Point(land1->getPositionX()+land1->getContentSize().width-2,land1->getPositionY()));
	land2->getTexture()->setAliasTexParameters();
	this->addChild(land2);
	
	//添加定时器，调用草地滚动的函数，让草地滚动起来吧！
	this->schedule(schedule_selector(LandLayer::landMove));

	return true;
}

//草地滚动函数
void LandLayer::landMove(float)
{
	//通过不断改变草地x轴的位置来实现草地滚动
	land1->setPositionX(land1->getPositionX() - LAND_OFFSET);
	land2->setPositionX(land2->getPositionX() - LAND_OFFSET);
	//判断条件，当草地一滚出屏幕的时候让草地一接在草地二后面，草地二同理
	if (land1->getPositionX()==-land1->getContentSize().width)
	{
		land1->setPositionX(land2->getPositionX()+land2->getContentSize().width-2);
	}
	else if (land2->getPositionX()==-land2->getContentSize().width)
	{
		land2->setPositionX(land1->getPositionX() + land1->getContentSize().width - 2);
	}
}

然后我们在开始界面调用草地层，很简单，就两句话。

	//添加滚动的草地
	auto land = LandLayer::create();
	this->addChild(land);

记得导入草地层的头文件哦，下次就不提醒了哦。
本期源码地址链接: http://pan.baidu.com/s/1sjuMqJj 密码: oyf3