實(shí)戰(zhàn)ECS橫版像素動(dòng)作游戲，開坑了！
作者簡介
大家好，我是IT俠來了，最開始接觸Cocos Creator 是在16年中的樣子，當(dāng)時(shí)就覺得這個(gè)引擎對(duì)新手很有好，有中文文檔，所以就一邊看著官方文檔和教程。很快就編寫了一個(gè)打飛機(jī)的游戲，從此成為了Cocos Creator的死忠粉。
之后用Cocos Creator寫過一些游戲:戰(zhàn)棋類、 roguelike、文字解謎類（上到了App Store）、聯(lián)網(wǎng)的多人io游戲（前后端都是自己完成）
由于個(gè)人比較喜歡像素風(fēng)的橫版冒險(xiǎn)游戲，所以打算做一款這樣類型的獨(dú)立游戲。從去年八月份開始利用空余時(shí)間開始做，直到今年的三月份我發(fā)布了v0.0.1版本到微信小游戲平臺(tái)。目前版本內(nèi)容還在不斷的更新中。我很開心我堅(jiān)持了下來。所以才有了現(xiàn)在的小小英雄攻堅(jiān)隊(duì)。
游戲設(shè)計(jì)架構(gòu)
游戲使用 Cocos Creator 2.4.4 + Javascript 語言開發(fā)，游戲整體架構(gòu)是基于ECS+MVVM來開發(fā)。
ECS 不僅完成了游戲戰(zhàn)斗內(nèi)所有邏輯，同時(shí)解耦業(yè)務(wù)邏輯。
同時(shí)也應(yīng)用到UI交互上配合 MVVM 一起使用，將節(jié)點(diǎn)樹和對(duì)象單向或雙向綁定，綁定完成后只需操作對(duì)象上的數(shù)據(jù)即可改變UI。如果是雙向綁定 UI 的狀態(tài)改變也會(huì)體現(xiàn)在對(duì)象屬性上。
游戲介紹
小小英雄攻堅(jiān)隊(duì) 是一款橫版冒險(xiǎn)游戲。游戲故事是發(fā)生在25世紀(jì)，地球上的某一座森林中。這里的動(dòng)物們過著幸福的生活。但是某一天來自M星的入侵者來到了這里，各個(gè)族群很快就占領(lǐng)這座森林。逃出來的動(dòng)物們?yōu)榱藠Z回森林組建了一支攻堅(jiān)隊(duì)，你將帶領(lǐng)這支隊(duì)伍攻破一關(guān)又一關(guān)由不同族群的小怪和領(lǐng)主把守的關(guān)卡。最后幫助動(dòng)物們奪回森林。
游戲玩法
選擇關(guān)卡：
游戲操作：
-
移動(dòng): 玩家可以控制角色左右移動(dòng) -
道具欄: 分別放著加血和加藍(lán)的藥水，藥水可以在關(guān)卡內(nèi)收集金幣在主界面的商城購買 -
技能欄: 玩家可以撿取關(guān)卡內(nèi)的鑰匙開寶箱或者收集積分和金幣在主界面的商場購買技能 -
普通攻擊: 向移動(dòng)方向丟出子彈，每一個(gè)角色有屬于自己的子彈（暫時(shí)只有一個(gè)角色） -
跳躍: 玩家可以使用跳躍來跨過平臺(tái)和陷阱 -
爬樓梯: 玩家控制角色經(jīng)過樓梯的時(shí)候就會(huì)出現(xiàn)爬樓梯的方向按鍵 -
過關(guān)結(jié)算: 玩家控制角色碰到終點(diǎn)旗幟就算過關(guān)了。Boss需要打敗Boss才會(huì)出現(xiàn)過關(guān)旗幟
商店：
背包：
圖鑒：
技能選擇
設(shè)置
項(xiàng)目結(jié)構(gòu)
game：
mainbd：
res：
resources：
sounds：
scripts：
-
component：存放自定義腳本組建； -
config：游戲中的道具配置等； -
lib：第三方庫文件。比如：ECS 、MVVM、undersocre、狀態(tài)機(jī)等； -
misc：存放封裝好的游戲內(nèi)的功能模塊和系統(tǒng)。比如：對(duì)象池、動(dòng)畫系統(tǒng)、AI系統(tǒng)、Node管理系統(tǒng)等； -
system：存放所有游戲內(nèi)使用的ECS系統(tǒng)文件
主要存放的是戰(zhàn)斗場景相關(guān)的預(yù)制體和場景文件。比如地圖、怪物、角色、子彈、技能等；
主要存放主界面使用的預(yù)制體和場景文件；
主要存放游戲所有用到的素材，聲音文件等；
存放公共使用的預(yù)制體。比如系統(tǒng)通知彈窗等；
存放聲音文件
小結(jié)
有不少伙伴都購買作者的ECS框架，下一篇文章作者會(huì)拿游戲里的『system』來講講是怎么使用 ECS 框架來設(shè)計(jì)系統(tǒng)的。
小小英雄攻堅(jiān)隊(duì)
已經(jīng)上架到COCOS官方旗艦店
正在限時(shí)優(yōu)惠中！
關(guān)注作者公眾號(hào)回復(fù)：優(yōu)惠劵
還可領(lǐng)取￥50元無門檻優(yōu)惠劵