Cocos Creator復(fù)刻Steam熱門解謎游戲！這兩個(gè)寶藏視頻教程，帶你上道游戲開(kāi)發(fā)
想要系統(tǒng)學(xué)習(xí)游戲開(kāi)發(fā)？今天和大家分享兩個(gè)在 Cocos 第4期征稿活動(dòng)中獲得一致好評(píng)的“寶藏”系列視頻教程——跟著開(kāi)發(fā)者 Sli97?用 Cocos Creator 3.4.2 實(shí)現(xiàn)《Cramped Room Of Death》和《迷失島2》，上道游戲開(kāi)發(fā)吧！
Sli97 目前在字節(jié)跳動(dòng)游戲平臺(tái)負(fù)責(zé) Web 開(kāi)發(fā)工作，利用閑暇時(shí)間錄制了這兩款游戲的開(kāi)發(fā)教學(xué)視頻，并將項(xiàng)目開(kāi)源。教程內(nèi)容豐富、結(jié)構(gòu)清晰，每集圍繞一個(gè)小功能點(diǎn)展開(kāi)，兼顧理論思路與實(shí)踐，非常適合初學(xué)者學(xué)習(xí)。
對(duì)于想要入門 Cocos 的小伙伴，Sli97 也給出了自己的學(xué)習(xí)路線建議：
首先要打好 TypeScript 語(yǔ)言基礎(chǔ)，因?yàn)?Cocos Creator 推薦的開(kāi)發(fā)語(yǔ)言就是它。
然后可以把 Cocos 官方 B 站各種優(yōu)秀的教學(xué)視頻看一遍，特別是放空老師的視頻，每一部都是精心制作，絕對(duì)是 Cocos 學(xué)習(xí)不容錯(cuò)過(guò)的資料。
有一定的使用經(jīng)驗(yàn)后，可以去 Cocos Store 上學(xué)習(xí)各種項(xiàng)目的源碼，進(jìn)步會(huì)很快。
《Cramped Room Of Death》
>>左右滑動(dòng)查看更多
《Cramped Room Of Death》是一款像素風(fēng)休閑解謎益智游戲，融合了推箱子+戰(zhàn)斗+Rougelike 玩法。Sli97 用45集開(kāi)發(fā)教程復(fù)刻了這款游戲。
教程主要內(nèi)容
通過(guò)數(shù)據(jù)動(dòng)態(tài)生成瓦片地圖
通過(guò)發(fā)布訂閱模式對(duì)元素交互進(jìn)行徹底解耦
通過(guò)程序化編輯動(dòng)畫方式生成 animation clip
通過(guò)有限狀態(tài)機(jī)完成游戲元素狀態(tài)切換
利用數(shù)據(jù)與 UI 分離思想實(shí)現(xiàn)撤回功能
v3.4.x 新增的 Marionette 動(dòng)畫系統(tǒng)的使用
……
整體開(kāi)發(fā)思路
整體方向上，貫徹面向?qū)ο蟪绦蛟O(shè)計(jì)等理念，運(yùn)用便于游戲可持續(xù)迭代的設(shè)計(jì)模式。
首先分析游戲元素。玩家人物、骷髏、煙霧、地刺、地裂都有非常多相識(shí)之處，例如具有狀態(tài)、方向等，通過(guò) UML 類圖來(lái)描述代碼繼承結(jié)構(gòu)。
然后理解游戲的各種元素的交互方式。例如人物跟墻、跟懸崖的碰撞要用數(shù)據(jù)描述出來(lái)，然后通過(guò)各種設(shè)計(jì)模式優(yōu)化數(shù)據(jù)間的溝通。
最后每個(gè)獨(dú)立的元素都完成之后，就可以把他們都串聯(lián)在一起，實(shí)現(xiàn)關(guān)卡切換、場(chǎng)景切換等。
資源鏈接
視頻地址：
在線預(yù)覽：
源碼下載：
https://store.cocos.com/app/detail/3721
《迷失島2》
>>左右滑動(dòng)查看更多
《迷失島2》是一款非線性劇情推進(jìn)式的點(diǎn)觸解謎游戲。Sli97 利用發(fā)布訂閱設(shè)計(jì)模式徹底解耦，秉持數(shù)據(jù)與 UI 分離的思想，貫徹所有操作都先改變數(shù)據(jù)再影響視圖，這對(duì)需要存檔和撤回的游戲來(lái)說(shuō)必不可少。
教程主要內(nèi)容
5個(gè)游戲場(chǎng)景，包括一個(gè)小游戲
場(chǎng)景跳轉(zhuǎn)
主界面（菜單）
背包系統(tǒng)
UI 系統(tǒng)
聲音系統(tǒng)
存檔功能
整體開(kāi)發(fā)思路
首先游戲有多個(gè)場(chǎng)景，每個(gè)場(chǎng)景的數(shù)據(jù)又要互通，所以需要一個(gè)全局的數(shù)據(jù)倉(cāng)庫(kù)來(lái)保存。
其次對(duì)游戲元素進(jìn)行分類，寫代碼的時(shí)候才能更好地利用面向?qū)ο蟮乃季S對(duì)代碼進(jìn)行復(fù)用。本游戲項(xiàng)目的元素可以分為兩類：能放進(jìn)背包的 Item 類物品和能交互的 Trigger 物品。
游戲需要實(shí)時(shí)存檔功能，所以對(duì)游戲所有需要保存的數(shù)據(jù)都建立對(duì)應(yīng)的數(shù)據(jù)來(lái)保存。
最后把上述核心的游戲要素串聯(lián)起來(lái)后，再完成一些相對(duì)獨(dú)立的模塊，例如小游戲、UI 等。
資源鏈接
視頻地址：
在線預(yù)覽：
StartDemo（美術(shù)資源）：
https://gitee.com/sli97/cocos_cotton_start_demo
點(diǎn)擊文末【閱讀原文】前往 Sli97 的 B 站空間，觀看視頻教程。作者正在更新行為樹(shù)系列教程，Shader Effect 特效系列也在規(guī)劃中，感興趣的小伙伴可以持續(xù)關(guān)注一下。
C 姐常常會(huì)收到一些留言：想入門 v3.x 卻又不知道從哪里開(kāi)始學(xué)起？哪兒有 Cocos Creator 的學(xué)習(xí)資料呢？——有類似苦惱的小伙伴請(qǐng)收好這兩份資源合集：v3.x 學(xué)習(xí)資料匯總、年度精華干貨匯總，一定能帶你更高效地入門和學(xué)習(xí) Cocos！
*所有資源僅供學(xué)習(xí)，不作商業(yè)用途
*部分素材源于網(wǎng)絡(luò)，如有侵權(quán)請(qǐng)與我們聯(lián)系
往期精彩
