天天看点

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

    本文要实现飞机射击游戏中的地图无限滚动的功能,这里分为两个层,一个层无限向下滚动,一个层无限向上滚动,这样子结合起来效果就非常有层次感,也非常逼真,这里我把地图层都写成一个类,自己把地图改下,就可以成为你自己的了!下面,我们开始吧

先来看看效果:

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

Cocos2d-x版本:3.4

工程环境:VS30213

一、实现思路

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

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

二、代码

1、无限向下滚动BackLayerDown类

头文件:

实现文件:

3、说明

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

三、使用方法

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

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

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