1、游戲立項(xiàng)

微信小游戲中有一款《歡樂停車場(chǎng)Plus》的小游戲，大家可以搜索玩下。這是一款益智類的小游戲，游戲中有紅、黃、綠、藍(lán)、紫5輛豪車6個(gè)停車位，玩家通過(guò)可行走路線移動(dòng)小車，最終讓各顏色的小車停到對(duì)應(yīng)的顏色車位，則完成本關(guān)挑戰(zhàn)。接下來(lái)的日子，我將同大家一步一步的來(lái)實(shí)現(xiàn)這款小游戲，從零基礎(chǔ)入門微信小游戲的開發(fā)和發(fā)布。

2、本篇內(nèi)容

CocosCreator零基礎(chǔ)制作《歡樂停車場(chǎng)Plus》微信小游戲? 二、關(guān)卡設(shè)計(jì)

3、文章檢索

1）、【微信小游戲?qū)崙?zhàn)】零基礎(chǔ)制作《歡樂停車場(chǎng)》一、游戲設(shè)計(jì)

2）、【微信小游戲?qū)崙?zhàn)】零基礎(chǔ)制作《歡樂停車場(chǎng)》二、關(guān)卡設(shè)計(jì)

3）、【微信小游戲?qū)崙?zhàn)】零基礎(chǔ)制作《歡樂停車場(chǎng)》三、游戲場(chǎng)景制作

4）、【微信小游戲?qū)崙?zhàn)】零基礎(chǔ)制作《歡樂停車場(chǎng)》四、游戲關(guān)卡腳本實(shí)現(xiàn)

5）、【微信小游戲?qū)崙?zhàn)】零基礎(chǔ)制作《歡樂停車場(chǎng)》五、游戲玩法腳本實(shí)現(xiàn)

6）、【微信小游戲?qū)崙?zhàn)】零基礎(chǔ)制作《歡樂停車場(chǎng)》六、游戲結(jié)束

7）、【微信小游戲?qū)崙?zhàn)】零基礎(chǔ)制作《歡樂停車場(chǎng)》七、游戲發(fā)布

4、游戲?qū)崙?zhàn)

關(guān)卡設(shè)計(jì)的重點(diǎn)，就是分析游戲中的展現(xiàn)，通過(guò)合理的數(shù)據(jù)來(lái)展示對(duì)應(yīng)的操作。

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

???

通過(guò)觀察，我們可以發(fā)現(xiàn)以下幾點(diǎn)：

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

2）、道路：道路的連線是跟隨關(guān)卡變化而變化的。

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

?這些變化的內(nèi)容，就需要我們通過(guò)數(shù)據(jù)表示出來(lái)，同時(shí)對(duì)這些數(shù)據(jù)來(lái)做一些操作。如點(diǎn)擊小車，小車移動(dòng)了，位置會(huì)改變，原來(lái)空車位的位置會(huì)改變，這就需要操作我們的數(shù)據(jù)了。這就是關(guān)卡設(shè)計(jì)的重點(diǎn)。

根據(jù)上面的幾點(diǎn)，我們可以這樣設(shè)計(jì)數(shù)據(jù)：

1）、車位：從下往上，從左到右，我們依次用數(shù)字 0代表空車位；1代表藍(lán)車位；2代表紅車位；3代表黃車位；4代表綠車位；5代表紫車位；車跟車位顏色是對(duì)應(yīng)的，那我們同時(shí)也能表示我們的豪車了，每個(gè)豪車也有編號(hào)了。^_^

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

3）、車的位置：車的顏色(也可認(rèn)為是編號(hào))有了，車位的編號(hào)有了，那就可以準(zhǔn)確的表示了。如第一關(guān)紅車，我們可以表示為"紅車在位置為1"=>[2,1]（能想到這我們就離真相不遠(yuǎn)了），這樣表示就有個(gè)問(wèn)題5輛車，5個(gè)數(shù)組，有點(diǎn)復(fù)雜，其實(shí)我們可以用一個(gè)數(shù)組來(lái)表示出當(dāng)前關(guān)車的位置。

理解了上面的設(shè)計(jì)數(shù)據(jù)，我們就可以構(gòu)造出這兩關(guān)的數(shù)據(jù)：

1）、第一關(guān)

"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）、第二關(guān)

"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]],

數(shù)據(jù)剖析：

每一關(guān)可以認(rèn)為是一個(gè)二維組數(shù)，

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

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

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

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

5、游戲總結(jié)

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

2）、數(shù)據(jù)我們已經(jīng)構(gòu)造出來(lái)了，下一篇我們一起實(shí)現(xiàn)，游戲場(chǎng)景界面的布局。

轉(zhuǎn)載于:https://www.cnblogs.com/zhangdw/p/9845058.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。