此书第89页指出了如何实现无限滚动地图，在这里，我们一起分析一下算法：
地图需要2张背景图连在一起，首先把一张地图进行水平翻转，用Ps说明如下：
翻转前：
背景1：m_bgSprite1
翻转后：
背景2：
m_bgSprite2
把翻转后的这两张地图进行相连，一张地图代表屏幕尺寸大小，这样就能构成无限滚动地图的前提条件。在我们这个程序里，我们是在voidTollgateScene::initBG()里用了m_bgSprite2->setFlipX(true); // 水平翻转精灵 ，相当于第二张地图通过第一张地图进行翻转得到了。
接下来我们分析如何实现无限滚动地图，原书程序代码如下：
void TollgateScene::update(floatdelta) {
intposX1 = m_bgSprite1->getPositionX(); //背景地图1的x坐标
intposX2 = m_bgSprite2->getPositionX(); //背景地图2的x坐标
intiSpeed =3; // 地图滚动速度
/*两张地图向左滚动（两张地图是相邻的，所以要一起滚动，否则会出现空隙）*/
posX1-= iSpeed;
posX2-= iSpeed;
/*地图大小 */
CCSize mapSize = m_bgSprite1->getContentSize();
/*当第1个地图完全离开屏幕时，让第2个地图完全出现在屏幕上，同时让第1个地图紧贴在第2个地图后面*/
if(posX1< -mapSize.width /2) {
posX2= mapSize.width / 2;
posX1= mapSize.width + mapSize.width / 2;
}
/*同理，当第2个地图完全离开屏幕时，让第1个地图完全出现在屏幕上，同时让第2个地图紧贴在第1个地图后面*/
if(posX2< -mapSize.width / 2) {
posX1= mapSize.width / 2;
posX2= mapSize.width + mapSize.width / 2;
}
m_bgSprite1->setPositionX(posX1);
m_bgSprite2->setPositionX(posX2);
// 以下这个函数的其它代码，与无限滚动地图无关，因此以下代码略去
…………此部分代码已经略去
}
/* 当第1个地图完全离开屏幕时，让第2个地图完全出现在屏幕上，同时让第1个地图紧贴在第2个地图后面*/
if(posX1< -mapSize.width /2) {
posX2= mapSize.width / 2;
posX1= mapSize.width + mapSize.width / 2;
首先明确的是，每一张背景地图都是和屏幕的尺寸的一样大的，这样才能覆盖住屏幕。屏幕的坐标是在屏幕的中心点。这三句话，我们可以用如下图片来表达，这样更清楚：
