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

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

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


@H_404_2@

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

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

如图：@H_404_2@


@H_404_2@

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

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

1，天空背景@H_404_2@

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

@H_404_2@

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

@H_404_2@

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

@H_404_2@

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

@H_404_2@

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

2.近景漂浮物滚动@H_404_2@

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

初始加载@H_404_2@

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

滚动部分：@H_404_2@

@H_404_2@

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

@H_404_2@

?
    <pre></pre>@H_404_2@@H_404_2@
  1. <pre></pre>@H_404_2@
  2. <pre></pre>@H_404_2@
  3. <divstyle="padding-top:20px"@H_404_2@>@H_404_2@@H_404_2@
  4. <pstyle="font-size:12px;"@H_404_2@>版权声明：本文为博主原创文章，转载请注明出处http:@H_404_2@//blog.csdn.net/dawn_moon</p>@H_404_2@@H_404_2@@H_404_2@
  5. </div> @H_404_2@
原文链接：https://www.f2er.com/cocos2dx/342239.html

猜你在找的Cocos2d-x相关文章

创建自定义的Cocos2d-x场景
操作步骤 1、创建cocos2d-x工程 2、新建 Scene1.cpp Scene1.h Scene1.h代码 #ifndef __SCE...
给vs2010安装上cocos2d-x的模版
开发环境：OS(WINDOWS 8.1 X64 企业版) cocos2d-x 2.2.1 vs2010 想给vs安装上cocos的模版，...
Python创建Cocos2d-x 2.2方法
把创建项目做成一个批处理，当创建项目时可以省时省力很多。 操作步骤 1、在 E:cocos2d-x-...
cocos2dx 物理碰撞
https://www.cnblogs.com/JiaoQing/p/3906780.html 四个响应函数 1 EventListenerPhysics...
cocos2d-js 自定义事件监听派发
转载于 http://www.cnblogs.com/kenkofox/p/3926797.html 熟悉js的dom事件或者flash事件的...
cocos常用 实用 公共函数 lua代码
公共资源加载，缓存retain；防止被自动销毁 2. 数字滚动递增；用于得奖后，总金币跳动增加...
cocos creator box2d
title Map 使用box2d var sfloors = this.tiledMap.getObjectGroup(‘Special_Floor‘).g...
（转）让quick-cocos2d-x支持加密的plist文件
前篇：quick-cocos2d-x图片资源加密 在前篇里面，我们实现了图片资源的加密，但还没有实现...
（转）quick-cocos2d-x图片资源加密(续)
摘要: 对在quick-cocos2d-x上实现的资源加密方法的补充 前篇： quick-cocos2d-x图片资源加...
Cocos Creator 动态改变sprite图片
首先将存放图片最外层文件夹命名为resources 　　 changeBj: function(){ 　　　　var url...
iOSAndroidSwiftHybridCocos2d-xFlutterXcodeSilverlightcocoaCordova
调试桥筛选栏假异步不会丢失AndPermissio权限申请抽屉式systemUI信号栏多行排列跨多行显示viewmode数据共享录制语音视频通话多行显示Studio3.5拉伸控件望远镜发动态走势图点赞控件显示牌冷启动v3签名v2签名v1签名本地html外接键盘流式标签