本文要實作飛機射擊遊戲中的地圖無限滾動的功能,這裡分為兩個層,一個層無限向下滾動,一個層無限向上滾動,這樣子結合起來效果就非常有層次感,也非常逼真,這裡我把地圖層都寫成一個類,自己把地圖改下,就可以成為你自己的了!下面,我們開始吧
先來看看效果:
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiIml2ZuYjN2cmbWBzaZ9EezJUQEZTNHFkYVp1dUFTbvl2S39CXzY0LclTNvwlMw00LcJDMzZWe39CXt92Yu8GdjFTNuMzcvw1LcpDc0RHaiojIsJye.gif)
Cocos2d-x版本:3.4
工程環境:VS30213
一、實作思路
其實就是兩張圖檔,然後同時一起向下(向上)滾動,當一張圖檔完全出視野後,就把它調到最上面。形成兩個圖檔交替出現,不過,一般為遊戲中我們都感覺像是一張圖檔,那是因為兩張圖檔的頭尾連接配接處是連起來的。原理我畫了些圖:
二、代碼
1、無限向下滾動BackLayerDown類
頭檔案:
實作檔案:
3、說明
其實這兩個類可以寫在一起的,但是這裡我為了能讓不同的需要分開,把它們分别寫開了,要注意上面判斷的方法,無限向下和無限向上判斷方法是不樣的,而且,這裡為了防止出現黑邊,要記得設定位置時要加上一定的偏移量,如上面函數中的offset,這裡非常重要,如果沒邊上這個東東,有可能兩張圖檔在切換時,有出現黑邊。
三、使用方法
在要用到的地方,把頭檔案加上
然後在工程的init()函數添加:
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiIml2ZuYjN2cmbWBzaZ9EezJUQEZTNHFkYVp1dUFTbvl2S39CXzY0LclTNvwlMw00LcJDMzZWe39CXt92Yu8GdjFTNuMzcvw1LcpDc0RHaiojIsJye.gif)