频道导航

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);
 m_backSky->setAnchorPoint(ccp(0,0));
 m_backSkyHeight=m_backSky->getContentSize().height;
 addChild(m_backSky,-10);

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

?

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

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

?

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

?

来看下这个滚动函数：

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

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

2.近景漂浮物滚动

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

初始加载

?

m_backTileMap=CCTMXTiledMap::create(s_level01);

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

@H_229_301@

滚动部分：

?

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

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