1、游戲立項

微信小游戲中有一款《歡樂停車場Plus》的小游戲，大家可以搜索玩下。這是一款益智類的小游戲，游戲中有紅、黃、綠、藍、紫5輛豪車6個停車位，玩家通過可行走路線移動小車，最終讓各顏色的小車停到對應的顏色車位，則完成本關挑戰。接下來的日子，我將同大家一步一步的來實現這款小游戲，從零基礎入門微信小游戲的開發和發布。

2、本篇內容

CocosCreator零基礎制作《歡樂停車場Plus》微信小游戲? 二、關卡設計

3、文章檢索

1）、【微信小游戲實戰】零基礎制作《歡樂停車場》一、游戲設計

2）、【微信小游戲實戰】零基礎制作《歡樂停車場》二、關卡設計

3）、【微信小游戲實戰】零基礎制作《歡樂停車場》三、游戲場景制作

4）、【微信小游戲實戰】零基礎制作《歡樂停車場》四、游戲關卡腳本實現

5）、【微信小游戲實戰】零基礎制作《歡樂停車場》五、游戲玩法腳本實現

6）、【微信小游戲實戰】零基礎制作《歡樂停車場》六、游戲結束

7）、【微信小游戲實戰】零基礎制作《歡樂停車場》七、游戲發布

4、游戲實戰

關卡設計的重點，就是分析游戲中的展現，通過合理的數據來展示對應的操作。

這句話怎么理解呢？我們先分析游戲中的展現，先觀察下面2張圖：

???

通過觀察，我們可以發現以下幾點：

1）、車位：車位是不變的，構成了一個六邊形的形狀，從下往上，從左到右。依次是空、藍、紅、黃、綠、紫。同時也告訴我們車的顏色也固定了。

2）、道路：道路的連線是跟隨關卡變化而變化的。

3）、車位置：車的初始位置也是隨著關卡的變化而變化的。如：第一關紅車的位置位于左下角，而第二關紅車的位置位于六邊形的最上面。

?這些變化的內容，就需要我們通過數據表示出來，同時對這些數據來做一些操作。如點擊小車，小車移動了，位置會改變，原來空車位的位置會改變，這就需要操作我們的數據了。這就是關卡設計的重點。

根據上面的幾點，我們可以這樣設計數據：

1）、車位：從下往上，從左到右，我們依次用數字 0代表空車位；1代表藍車位；2代表紅車位；3代表黃車位；4代表綠車位；5代表紫車位；車跟車位顏色是對應的，那我們同時也能表示我們的豪車了，每個豪車也有編號了。^_^

2）、道路：道路的連線，我們可以通過車位連線來表示這條道路。如：第一關空白車位和藍色車位之間的這條道路，我們可以表示為[0,1]，這樣就可以準確的表示，0位置和1位置之間有一條道路。

3）、車的位置：車的顏色(也可認為是編號)有了，車位的編號有了，那就可以準確的表示了。如第一關紅車，我們可以表示為"紅車在位置為1"=>[2,1]（能想到這我們就離真相不遠了），這樣表示就有個問題5輛車，5個數組，有點復雜，其實我們可以用一個數組來表示出當前關車的位置。

理解了上面的設計數據，我們就可以構造出這兩關的數據：

1）、第一關

"level1":[[[0,1,1],[0,3,1],[0,5,1],[1,2,1],[1,4,2],[2,3,1],[2,5,3],[3,4,1],[4,5,1]],[0,2,3,5,1,4]],

2）、第二關

"level2":[[[0,1,1],[0,2,1],[0,4,1],[0,5,1],[1,5,2],[2,3,1],[3,4,1]],[0,5,4,2,3,1]],

數據剖析：

每一關可以認為是一個二維組數，

1）、數組的第0個元素是所有的道路的連線，每條連線又是一個數組，如：第二關的第一條路線，可以表示為：level2[0][0] = [0,1,1]；

[0,1,1]表示什么意思呢？第0和第1個車位之間有一條路線，這條路線的zInde(顯示層級)是1。

2）、二維數數組的第1個元素是所有的車所在的位置，如：第二關的車位置可以表示為[0,5,4,2,3,1]；

[0,5,4,2,3,1]表示什么意思呢？ 【第0車位是空，第1車位是紫車，第2車位是綠車，第3車位是紅車，第4車位是黃車，第5車位是藍色】。

5、游戲總結

1）、如有問題，歡迎留言，加QQ群交流。QQ群： 1群：418177552（已滿）? 2群：858799494

2）、數據我們已經構造出來了，下一篇我們一起實現，游戲場景界面的布局。

轉載于:https://www.cnblogs.com/zhangdw/p/9845058.html

總結

以上是生活随笔為你收集整理的【微信小游戏实战】零基础制作《欢乐停车场》二、关卡设计的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。