Cocos2d-x《雷电大战》(1)-双层地图无限滚动

前端之家收集整理的这篇文章主要介绍了Cocos2d-x《雷电大战》(1)-双层地图无限滚动前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
本文要实现飞机射击游戏中的地图无限滚动的功能,这里分为两个层,一个层无限向下滚动,一个层无限向上滚动,这样子结合起来效果就非常有层次感,也非常逼真,这里我把地图层都写成一个类,自己把地图改下,就可以成为你自己的了!下面,我们开始吧

先来看看效果



Cocos2d-x版本:3.4

工程环境:VS30213

一、实现思路

其实就是两张图片,然后同时一起向下(向上)滚动,当一张图片完全出视野后,就把它调到最上面。形成两个图片交替出现,不过,一般为游戏中我们都感觉像是一张图片,那是因为两张图片的头尾连接处是连起来的。原理我画了些图:

二、代码

1、无限向下滚动BackLayerDown类

文件

    @H_301_72@#ifndef__BackLayerDown_H__
  1. #define__BackLayerDown_H__
  2. @H_301_72@/**
  3. *功能實現無限地圖向下滾動
  4. @H_301_72@*作者林炳文(ling20081005@126.com博客:http://blog.csdn.net/evankaka)
  5. *時間2015.2.27
  6. @H_301_72@*/
  7. #include"cocos2d.h"
  8. @H_301_72@#defineMAP_1_Tag1//宏定义两个Map的Tag
  9. #defineMAP_2_Tag2
  10. @H_301_72@classBackLayerDown:publiccocos2d::Layer
  11. {
  12. @H_301_72@public:
  13. virtualboolinit();
  14. @H_301_72@CREATE_FUNC(BackLayerDown);
  15. private:
  16. @H_301_72@voidupdate(floattime);
  17. virtualvoidonExit();
  18. @H_301_72@};
  19. @H_301_72@#endif//__BackLayerDown_H__

实现文件
    @H_301_72@#include"BackLayerDown.h"
  1. @H_301_72@USING_NS_CC;
  2. @H_301_72@
  3. boolBackLayerDown::init()
  4. @H_301_72@{
  5. @H_301_72@if(!Layer::init())
  6. {
  7. @H_301_72@returnfalse;
  8. }
  9. @H_301_72@
  10. SizevisibleSize=Director::getInstance()->getVisibleSize();
  11. @H_301_72@Pointorigin=Director::getInstance()->getVisibleOrigin();
  12. @H_301_72@Sprite*map1=Sprite::create("back3_1.png");
  13. Sprite*map2=Sprite::create("back3_2.png");
  14. @H_301_72@map1->setPosition(Vec2(visibleSize.width/2+origin.x,visibleSize.height/2+origin.y));
  15. map2->setPosition(Vec2(visibleSize.width/2+origin.x,visibleSize.height+origin.y+map2->getContentSize().height/2));
  16. @H_301_72@this->addChild(map1,MAP_1_Tag);
  17. this->addChild(map2,MAP_2_Tag);
  18. @H_301_72@this->scheduleUpdate();
  19. @H_301_72@
  20. returntrue;
  21. @H_301_72@}
  22. @H_301_72@//移動并判斷背景
  23. voidBackLayerDown::update(floattime)
  24. @H_301_72@{
  25. SizevisibleSize=Director::getInstance()->getVisibleSize();
  26. @H_301_72@Pointorigin=Director::getInstance()->getVisibleOrigin();
  27. @H_301_72@Sprite*temMap1=(Sprite*)this->getChildByTag(MAP_1_Tag);
  28. Sprite*temMap2=(Sprite*)this->getChildByTag(MAP_2_Tag);
  29. @H_301_72@
  30. temMap1->setPositionY(temMap1->getPositionY()-1);
  31. @H_301_72@temMap2->setPositionY(temMap2->getPositionY()-1);
  32. @H_301_72@if(temMap1->getPositionY()+temMap1->getContentSize().height/2<=origin.y)
  33. {
  34. @H_301_72@floatoffset=temMap1->getPositionY()+temMap1->getContentSize().height/2-origin.y;
  35. temMap1->setPosition(Vec2(visibleSize.width/2+origin.x,temMap1->getContentSize().height/2+origin.y+visibleSize.height+offset));
  36. @H_301_72@}
  37. @H_301_72@if(temMap2->getPositionY()+temMap2->getContentSize().height/2<=origin.x)
  38. {
  39. @H_301_72@floatoffset=temMap2->getPositionY()+temMap2->getContentSize().height/2-origin.y;
  40. temMap2->setPosition(Vec2(visibleSize.width/2+origin.x,temMap2->getContentSize().height/2+origin.y+visibleSize.height+offset));
  41. @H_301_72@}
  42. }
  43. @H_301_72@
  44. voidBackLayerDown::onExit()
  45. @H_301_72@{
  46. this->unscheduleUpdate();
  47. @H_301_72@Layer::onExit();
  48. }


2、无限向上滚动BackLayerUp类

文件

    @H_301_72@#ifndef__BackLayerUp_H__
  1. #define__BackLayerUp_H__
  2. @H_301_72@/**
  3. *功能實現無限地圖向上滾動
  4. @H_301_72@*作者林炳文(ling20081005@126.com博客:http://blog.csdn.net/evankaka)
  5. *時間2015.2.27
  6. @H_301_72@*/
  7. #include"cocos2d.h"
  8. @H_301_72@#defineMAP_1_Tag1//宏定义两个Map的Tag
  9. #defineMAP_2_Tag2
  10. @H_301_72@classBackLayerUp:publiccocos2d::Layer
  11. {
  12. @H_301_72@public:
  13. virtualboolinit();
  14. @H_301_72@CREATE_FUNC(BackLayerUp);
  15. private:
  16. @H_301_72@voidupdate(floattime);
  17. virtualvoidonExit();
  18. @H_301_72@};
  19. @H_301_72@#endif//__BackLayerUp_H__

实现文件
    @H_301_72@#include"BackLayerUp.h"
  1. @H_301_72@USING_NS_CC;
  2. @H_301_72@
  3. boolBackLayerUp::init()
  4. @H_301_72@{
  5. @H_301_72@if(!Layer::init())
  6. {
  7. @H_301_72@returnfalse;
  8. }
  9. @H_301_72@
  10. SizevisibleSize=Director::getInstance()->getVisibleSize();
  11. @H_301_72@Pointorigin=Director::getInstance()->getVisibleOrigin();
  12. @H_301_72@Sprite*map1=Sprite::create("back4_2.png");
  13. Sprite*map2=Sprite::create("back4_1.png");
  14. @H_301_72@map1->setPosition(Vec2(visibleSize.width/2+origin.x,origin.y-map2->getContentSize().height/2)); @H_301_72@this->addChild(map1,MAP_2_Tag); @H_301_72@this->scheduleUpdate();
  15. @H_301_72@
  16. returntrue;
  17. @H_301_72@}
  18. @H_301_72@//移動并判斷背景
  19. voidBackLayerUp::update(floattime)
  20. @H_301_72@{
  21. SizevisibleSize=Director::getInstance()->getVisibleSize();
  22. @H_301_72@Pointorigin=Director::getInstance()->getVisibleOrigin();
  23. @H_301_72@Sprite*temMap1=(Sprite*)this->getChildByTag(MAP_1_Tag);
  24. Sprite*temMap2=(Sprite*)this->getChildByTag(MAP_2_Tag);
  25. @H_301_72@
  26. temMap1->setPositionY(temMap1->getPositionY()+1);
  27. @H_301_72@temMap2->setPositionY(temMap2->getPositionY()+1);
  28. @H_301_72@if(temMap1->getPositionY()-temMap1->getContentSize().height/2>=visibleSize.height)
  29. {
  30. @H_301_72@floatoffset=temMap1->getPositionY()-temMap1->getContentSize().height/2-visibleSize.height;
  31. temMap1->setPosition(Vec2(visibleSize.width/2+origin.x,-temMap1->getContentSize().height/2-origin.y-offset));
  32. @H_301_72@}
  33. @H_301_72@if(temMap2->getPositionY()-temMap2->getContentSize().height/2>=visibleSize.height)
  34. {
  35. @H_301_72@floatoffset=temMap2->getPositionY()-temMap2->getContentSize().height/2-visibleSize.height;
  36. temMap2->setPosition(Vec2(visibleSize.width/2+origin.x,-temMap2->getContentSize().height/2-origin.y-offset));
  37. @H_301_72@}
  38. }
  39. @H_301_72@
  40. voidBackLayerUp::onExit()
  41. @H_301_72@{
  42. this->unscheduleUpdate();
  43. @H_301_72@Layer::onExit();
  44. }

3、说明

其实这两个类可以写在一起的,但是这里我为了能让不同的需要分开,把它们分别写开了,要注意上面判断的方法,无限向下和无限向上判断方法是不样的,而且,这里为了防止出现黑边,要记得设置位置时要加上一定的偏移量,如上面函数中的offset,这里非常重要,如果没边上这个东东,有可能两张图片在切换时,有出现黑边。

三、使用方法

在要用到的地方,把头文件加上

   1: #include "BackLayerDown.h"
   2: #include "BackLayerUp.h"

然后在工程的init()函数添加

1: Size visibleSize = Director::getInstance()->getVisibleSize();
   2: Point origin = Director::getInstance()->getVisibleOrigin();
   3: //这是地面图层
   4: this->addChild(BackLayerUp::create());
   5: //这是白云图层
   6: this->addChild(BackLayerDown::create());
   7: 
   8: //加个飞机
   9: Sprite *airplane_sprite = Sprite::create("air1.png");
  10: airplane_sprite->setPosition(Vec2(visibleSize.width / 2,visibleSize.height/ 5));
  11: this->addChild(airplane_sprite);

效果


林炳文Evankaka原创作品。转载请注明出处http://www.jb51.cc/tag/http://blog.csdn.net/evankaka

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