天天看點

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《雷電大戰》-雙層地圖無限滾動