加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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

发布时间:2020-12-14 21:45:36 所属栏目:百科 来源:网络整理
导读:欢迎转载:http://blog.csdn.net/fylz1125/article/details/8498603 一般打飞机类游戏都是飞机不动,背景图滚动,造成飞机在天空飞的效果。 MoonWarriors的背景有两层,一个远景天空,一个近景漂浮物,这两层背景滚动速度不一样,形成一种纵深感。 如图: 图

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


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

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

如图:


图有点模糊,实际效果跟html5的一样(根本就是照着它写的,嘿嘿)

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

1,天空背景

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

[cpp] view plain copy print ?
  1. m_backSky=CCSprite::create(s_bg01);
  2. m_backSky->setAnchorPoint(ccp(0,0));
  3. m_backSkyHeight=m_backSky->getContentSize().height;
  4. addChild(m_backSky,-10);
这是初始初始状态,加载后执行一个动作

?
    m_backSky->runAction(CCMoveBy::create(3,ccp(0,-48)));
就是移动48像素。然后调用一个重复的任务调度来重复滚动;

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

?
    来看下这个滚动函数:
  1. voidGameLayer::movingBackground()
  2. {
  3. m_backSky->runAction(CCMoveBy::create(3,-48)));
  4. m_backSkyHeight-=48;
  5. if(m_backSkyHeight<=winSize.height){
  6. if(!m_isBackSkyReload){
  7. m_backSkyRe=CCSprite::create(s_bg01);
  8. m_backSkyRe->setAnchorPoint(ccp(0,0));
  9. addChild(m_backSkyRe,-10);
  10. m_backSkyRe->setPosition(ccp(0,winSize.height));
  11. m_isBackSkyReload=true;
  12. }
  13. m_backSkyRe->runAction(CCMoveBy::create(3,248)">
  14. if(m_backSkyHeight<=0){
  15. m_backSkyHeight=m_backSky->getContentSize().height;
  16. this->removeChild(m_backSky,true);
  17. m_backSky=m_backSkyRe;
  18. m_backSkyRe=NULL;
  19. m_isBackSkyReload=false;
  20. }
可以看到,实质上是有两个CCSpite轮换加载来滚的。第一张滚加载完后图片比屏幕要高一些,它向下滚,滚到顶部到屏幕顶部的时候加载第二张,同时反转Reload标志位,第二张紧接着滚也滚进屏幕,当第一张滚出屏幕的时候,第一张节点被remove,但指针指向第二个精灵,第二个指针则被释放,同时标志位反转,这就完成了一个周期。整个过程不断重复。

2.近景漂浮物滚动

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

初始加载

?
    m_backTileMap=CCTMXTiledMap::create(s_level01);
  1. addChild(m_backTileMap,-9);
  2. m_backTileMapHeight=m_backTileMap->getMapSize().height*m_backTileMap->getTileSize().height;
  3. m_backTileMapHeight-=200;
  4. m_backTileMap->runAction(CCMoveBy::create(3,-200)));

滚动部分:

?
    m_backTileMap->runAction(CCMoveBy::create(3,-200)));
  1. if(m_backTileMapHeight<=winSize.height){
  2. if(!m_isBackTileReload){
  3. m_backTileMapRe=CCTMXTiledMap::create(s_level01);
  4. this->addChild(m_backTileMapRe,-9);
  5. m_backTileMapRe->setPosition(0,winSize.height);
  6. m_isBackTileReload=true;
  7. m_backTileMapRe->runAction(CCMoveBy::create(3,-200)));
  8. if(m_backTileMapHeight<=0){
  9. m_backTileMapHeight=m_backTileMap->getMapSize().height*m_backTileMap->getTileSize().height;
  10. this->removeChild(m_backTileMap,248)"> m_backTileMap=m_backTileMapRe;
  11. m_backTileMapRe=NULL;
  12. m_isBackTileReload=false;
  13. }

打完收工

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读