游戏开发引—Cocos2d-x 3.4《雷电大战》01：双层地图无限滚动.docVIP

游戏开发引擎—Cocos2d-x 3.4《雷电大战》01：双层地图无限滚动 本文检索关键词：游戏引擎，游戏开发引擎，cocos引擎html5游戏开发 本文要实现飞机射击游戏中的地图无限滚动的功能，这里分为两个层，一个层无限向下滚动，一个层无限向上滚动，这样子结合起来效果就非常有层次感，也非常逼真，这里我把地图层都写成一个类，自己把地图改下，就可以成为你自己的了！下面，我们开始吧。 先来看看效果： 开发环境：Cocos2d-x 3.4版本 工程环境：VS30213 一、实现思路 其实就是两张图片，然后同时一起向下（向上）滚动，当一张图片完全出视野后，就把它调到最上面。形成两个图片交替出现，不过，一般为游戏中我们都感觉像是一张图片，那是因为两张图片的头尾连接处是连起来的。原理我画了些图： 二、代码 1、无限向下滚动BackLayerDown类 头文件： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 #ifndef?__BackLayerDown_H__?? #define?__BackLayerDown_H__?? /**? *功能?實現無限地圖向下滾動? *作者?林炳文（lin126.com?博客：/evankaka）? *時間?2015.2.27? */?? #include?cocos2d.h?? #define?MAP_1_Tag???1???????//?宏定义两个Map的Tag???? #define?MAP_2_Tag???2??? class?BackLayerDown?:?public?cocos2d::Layer?? {?? public:?? ????virtual?bool?init();?? ????CREATE_FUNC(BackLayerDown);?? private:?? ????void?update(float?time);?? ????virtual?void?onExit();?? };?? ??? #endif?//?__BackLayerDown_H__ 实现文件： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 #include?BackLayerDown.h?? ??? USING_NS_CC;?? ??? ??? bool?BackLayerDown::init()?? {?? ????? ????if?(?!Layer::init()?)?? ????{?? ????????return?false;?? ????}?? ??????? ????Size?visibleSize?=?Director::getInstance()-getVisibleSize();?? ????Point?origin?=?Director::getInstance()-getVisibleOrigin();?? ??? ????Sprite*?map1?=?Sprite::create(back3_1.png);?? ????Sprite*?map2?=?Sprite::create(back3_2.png);?? ????map1-setPosition(Vec2(visibleSize.width?/?2?+?origin.x,?visibleSize.height?/?2?+?origin.y));?? ????map2-setPosition(Vec2(visibleSize.width?/?2?+?origin.x,?visibleSize.height?+?origin.y?+?map2-getContentSize().height?/?2));?? ????this-addChild(map1,?0,?MAP_1_Tag);?? ????this-addChild(map2,?0,?MAP_2_Tag);?? ????this-scheduleUpdate();?? ??? ??????? ????return?true;?? }?? ??? //移動并判斷背景?? void?BackLayerDown::update(float?time)?? {?? ????Size?visibleSize?=?Director::getInstance()-getVisibleSize();?? ????Po