频道导航

cocos2d-x游戏开发(三)无限滚动地图

2019-05-18 Cocos2d-x 前端之家

前端之家收集整理的这篇文章主要介绍了cocos2d-x游戏开发(三)无限滚动地图，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

欢迎转载：http://blog.csdn.net/fylz1125/article/details/8498603

一般打飞机类游戏都是飞机不动，背景图滚动，造成飞机在天空飞的效果。

MoonWarriors的背景有两层，一个远景天空，一个近景漂浮物，这两层背景滚动速度不一样，形成一种纵深感。

如图：

图有点模糊，实际效果跟html5的一样（根本就是照着它写的，嘿嘿）

前面说了，背景分为两部分，天空和漂浮物，下面分别解释一下

1，天空背景

源图是一张320*576的jpg图片。加载的时候实质上是分两次进行的。

[cpp]view plaincopyprint? 
   
 m_backSky=CCSprite::create(s_bg01);@H_301_61@ 
  
 m_backSky->setAnchorPoint(ccp(0,0));@H_301_61@ 
  
 m_backSkyHeight=m_backSky->getContentSize().height;@H_301_61@ 
  
 addChild(m_backSky,-10);@H_301_61@

这是初始初始状态，加载后执行一个动作

?

m_backSky->runAction(CCMoveBy::create(3,ccp(0,-48)));

301

就是移动48像素。然后调用一个重复的任务调度来重复滚动;

?

schedule(schedule_selector(GameLayer::movingBackground),3);

301

?

来看下这个滚动函数：

301

voidGameLayer::movingBackground()@H_301_61@
{@H_301_61@
m_backSky->runAction(CCMoveBy::create(3,-48)));@H_301_61@
m_backSkyHeight-=48;@H_301_61@
if(m_backSkyHeight<=winSize.height){@H_301_61@
if(!m_isBackSkyReload){@H_301_61@
m_backSkyRe=CCSprite::create(s_bg01);@H_301_61@
m_backSkyRe->setAnchorPoint(ccp(0,0));@H_301_61@
addChild(m_backSkyRe,-10);@H_301_61@
m_backSkyRe->setPosition(ccp(0,winSize.height));@H_301_61@
m_isBackSkyReload=true;@H_301_61@
}@H_301_61@
m_backSkyRe->runAction(CCMoveBy::create(3,248)"> @H_301_61@
if(m_backSkyHeight<=0){@H_301_61@
m_backSkyHeight=m_backSky->getContentSize().height;@H_301_61@
this->removeChild(m_backSky,true);@H_301_61@
m_backSky=m_backSkyRe;@H_301_61@
m_backSkyRe=NULL;@H_301_61@
m_isBackSkyReload=false;@H_301_61@
}@H_301_61@

可以看到，实质上是有两个CCSpite轮换加载来滚的。第一张滚加载完后图片比屏幕要高一些，它向下滚，滚到顶部到屏幕顶部的时候加载第二张，同时反转Reload标志位，第二张紧接着滚也滚进屏幕，当第一张滚出屏幕的时候，第一张节点被remove，但指针指向第二个精灵，第二个指针则被释放，同时标志位反转，这就完成了一个周期。整个过程不断重复。

2.近景漂浮物滚动

思路跟上面那个一模一样，但是这个的图片不一样，这是一个tmx，使用瓦片地图的方式加载。

初始加载

?

m_backTileMap=CCTMXTiledMap::create(s_level01);

301

addChild(m_backTileMap,-9);@H_301_61@
m_backTileMapHeight=m_backTileMap->getMapSize().height*m_backTileMap->getTileSize().height;@H_301_61@
m_backTileMapHeight-=200;@H_301_61@
m_backTileMap->runAction(CCMoveBy::create(3,-200)));@H_301_61@

@H_553_301@

滚动部分：

?

m_backTileMap->runAction(CCMoveBy::create(3,-200)));

301

if(m_backTileMapHeight<=winSize.height){@H_301_61@
if(!m_isBackTileReload){@H_301_61@
m_backTileMapRe=CCTMXTiledMap::create(s_level01);@H_301_61@
this->addChild(m_backTileMapRe,-9);@H_301_61@
m_backTileMapRe->setPosition(0,winSize.height);@H_301_61@
m_isBackTileReload=true;@H_301_61@
m_backTileMapRe->runAction(CCMoveBy::create(3,-200)));@H_301_61@
if(m_backTileMapHeight<=0){@H_301_61@
m_backTileMapHeight=m_backTileMap->getMapSize().height*m_backTileMap->getTileSize().height;@H_301_61@
this->removeChild(m_backTileMap,248)"> m_backTileMap=m_backTileMapRe;@H_301_61@
m_backTileMapRe=NULL;@H_301_61@
m_isBackTileReload=false;@H_301_61@
}@H_301_61@

@H_553_301@ 打完收工

?

301

<pre></pre>@H_301_61@
<pre></pre>@H_301_61@
<divstyle="padding-top:20px">@H_301_61@
<pstyle="font-size:12px;">版权声明：本文为博主原创文章，转载请注明出处http://blog.csdn.net/dawn_moon</p>@H_301_61@
</div> @H_301_61@