我最近在做一個跑酷類遊戲，在跑酷類遊戲中就會用到地圖的無限滾動，在網上查了許多資料後，我也明白了地圖無限滾動的實現方法。

為了更加形象的介紹地圖的無限滾動，我特意畫了幾張示意圖

首先需要準備兩張地圖，並且在初始化的時候將第一張地圖放在視窗上，第二張地圖放在第一張地圖的後面

滾動地圖，當第一張地圖的最右端和視窗的最左端重合

將第一張地圖放在第二張地圖的後面

當第二張地圖的最右端在視窗的最左端時

將第二張地圖放在第一張地圖的後面(第一張地圖的最右端和第二張地圖的最左端重合)

上面的就是地圖無限迴圈滾動的實現邏輯，下面通過程式碼實現地圖的無限滾動

首先建立一個SceneMap類，在SceneMap.h中新增下面的程式碼

#ifndef _SceneMap_H__
#define _SceneMap_H__

#include "cocos2d.h"
USING_NS_CC;

class SceneMap : public Layer
{
public:

	//幀迴圈排程函式
	void update(float time);

    virtual bool init();  
    static Scene* scene();
    CREATE_FUNC(SceneMap);

	TMXTiledMap* map1;
	TMXTiledMap* map2;
};

#endif

在SceneMap.cpp中新增下面的程式碼

#include "SceneMap.h"


Scene* SceneMap::scene()
{
    Scene *scene = Scene::create();

	SceneMap *layer = SceneMap::create();
    
	scene->addChild(layer);
    
	return scene;
}


bool SceneMap::init()
{
    if(!Layer::init())
    {
        return false;
    }

	Size winSize = Director::getInstance()->getWinSize();

	//載入地圖
	map1 = TMXTiledMap::create("map1.tmx");
	map2 = TMXTiledMap::create("map2.tmx");

	addChild(map1);
	addChild(map2);

	//將第二張地圖的位置設定到第二張地圖的後面
	map2->setPositionX(map1->getPositionX() + map1->getContentSize().width);

	//啟動幀迴圈排程
	scheduleUpdate();
    
	return true;
}


void SceneMap::update(float time)
{
	//每一幀地圖向左移動5個畫素
	map1->setPositionX(map1->getPositionX() - 5);
	map2->setPositionX(map2->getPositionX() - 5);

	//當第一張地圖的最右端和視窗的最左端重合時
	if(map1->getPositionX() + map1->getContentSize().width <= 0)
	{
		//將第一張地圖新增到第二張地圖後面
		//第一張地圖的橫座標 = 第二張地圖的橫座標 + 第二張地圖的寬度
		map1->setPositionX(map2->getPositionX() + map2->getContentSize().width);
	}


	//當第二張地圖的最右端和視窗的最左端重合時
	//將第二張地圖新增到第一張地圖後面
	if(map2->getPositionX() + map2->getContentSize().width <= 0)
	{
		//將第二張地圖新增到第一張地圖後面
		//第二張地圖的橫座標 = 第一張地圖的橫座標 + 第一張地圖的寬度
		map2->setPositionX(map1->getPositionX() + map1->getContentSize().width);
	}
}