小游戲開(kāi)發(fā)上手體驗(yàn) - Cocos Creator

zhiwei 發(fā)布于2019-07-31 11:18 / 3125人閱讀

摘要：但開(kāi)發(fā)的游戲是無(wú)法通過(guò)網(wǎng)頁(yè)發(fā)給別人在線玩的，更不能做成微信小游戲。它使用作為開(kāi)發(fā)語(yǔ)言，開(kāi)發(fā)出的游戲可以直接生成微信小游戲網(wǎng)頁(yè)安卓等平臺(tái)上的版本。

微信群里最大的騷擾源有兩種：

一是轉(zhuǎn)發(fā)#吱口令#~！@#￥%……&*，長(zhǎng)按復(fù)制此消息領(lǐng)紅包之類的

另一種就是各種小程序和小游戲的分享

前天有同學(xué)無(wú)意間把一個(gè)小游戲分享到了答疑群中，我看了一下，其實(shí)游戲的代碼邏輯并不復(fù)雜（簡(jiǎn)化版的跳一跳，套上個(gè)吃雞的主題），于是就隨手立了一個(gè)FLAG：

正好我最近也有研究下小游戲的打算，趁周日沒(méi)什么事，說(shuō)干就干吧。

不過(guò)作為上手項(xiàng)目，我選擇了一個(gè)更熟悉的游戲： 打飛機(jī)

話不多說(shuō)，先上成品：

游戲地址：

Cocos Creator | Planelab.crossincode.com

（暫時(shí)只提供手機(jī)版，電腦上比例沒(méi)限制）

文章剛發(fā)出去一陣子估計(jì)人會(huì)很多，游戲加載慢，打不開(kāi)可以稍等一會(huì)兒。

老讀者應(yīng)該知道，之前我們用 pygame 做過(guò)這個(gè)打飛機(jī)游戲的教程。公眾號(hào)（Crossin的編程教室）對(duì)話里回復(fù)關(guān)鍵字 pygame 可獲取教程及代碼。

但 pygame 開(kāi)發(fā)的游戲是無(wú)法通過(guò)網(wǎng)頁(yè)發(fā)給別人在線玩的，更不能做成微信小游戲。

所以我這次是用了游戲引擎 Cocos Creator 。它使用 JavaScript 作為開(kāi)發(fā)語(yǔ)言，開(kāi)發(fā)出的游戲可以直接生成微信小游戲、網(wǎng)頁(yè)、iOS、安卓等平臺(tái)上的版本。沖著這一點(diǎn)，也就勉強(qiáng)可以忍受用 js 開(kāi)發(fā)的痛苦了。

除了 Cocos Creator，其實(shí)我最近也嘗試了另外兩個(gè)比較常用的網(wǎng)頁(yè)小游戲引擎： Egret 和 Unity

簡(jiǎn)單分享下我的體驗(yàn)：

Cocos Creator

我是 cocos2dx 的老用戶，從很早版本就開(kāi)始使用，用它開(kāi)發(fā)過(guò)商業(yè)游戲。cocos2d 最早源自 python，之前教室也發(fā)過(guò)一些用 cocos2d 系引擎（python/js）開(kāi)發(fā)的游戲（分別回復(fù)關(guān)鍵字 貪吃蛇 、 皮皮蝦 、火箭），但說(shuō)實(shí)話，各種版本和小 bug 讓人體驗(yàn)真的不太好，所以我是想著換別的試試。但 Cocos Creator 意外地讓我眼前一亮。它其實(shí)已經(jīng)拋棄了以前 2dx 的開(kāi)發(fā)流程，改走組件化、數(shù)據(jù)驅(qū)動(dòng)的模式（應(yīng)該是借鑒了 unity 的優(yōu)點(diǎn)），跟 cocos2dx 可以說(shuō)是完全兩樣?xùn)|西了。雖然我覺(jué)得有些地方讓人不習(xí)慣（主要是 node 和組件的關(guān)系變化），另外代碼提示和調(diào)試信息還是比較弱（也可能是我姿勢(shì)不對(duì)），但總得感覺(jué)還行，應(yīng)該是比較適合我自己的需求。

Egret

Egret 在前兩年 HTML5 小游戲剛興起的時(shí)候發(fā)展非常快，一整套的開(kāi)發(fā)工具也很完善，不僅可以寫小游戲，也可以寫 HTML5 的移動(dòng)頁(yè)面。但我這次在用的時(shí)候，在第一步用戶登錄的地方就卡住了，各種無(wú)法連接，就根本用不了開(kāi)發(fā)工具，官網(wǎng)搜了一圈也沒(méi)找到解決方案（聽(tīng)說(shuō)開(kāi)發(fā)者群比較活躍，需要在那里問(wèn)問(wèn)題）。后來(lái)好不容易才弄成功了。Egret 還是基于代碼的開(kāi)發(fā)模式，有一系列配套工具處理開(kāi)發(fā)中的各種環(huán)節(jié)，個(gè)人感覺(jué)更適合團(tuán)隊(duì)分工使用。

Unity

Unity 作為世界級(jí)的老牌引擎，功能足夠強(qiáng)大，跟前倆就不是一個(gè)級(jí)別的（Cocos Creator 大概就是 2D 低配版的 Unity）。但從另一個(gè)角度來(lái)說(shuō)，也因此太“重”了。而且因?yàn)楦鞣N素材是基于 3D 模型的，需要有一定專業(yè)技能才能搞定。當(dāng)然它也提供了素材商店，里面有很多免費(fèi)素材可以使用。之前我們的文章地球上所有人站在一起會(huì)是什么樣？里就用到了 Unity。

所以僅從我個(gè)人開(kāi)發(fā)小游戲自?shī)首詷?lè)的角度來(lái)看，我本是想拋棄過(guò)去 cocos 那一套東西，結(jié)果試了一圈發(fā)現(xiàn) cocos creator 更適合……當(dāng)然這不代表其他的引擎不好，還是要看你的需求，選擇合適你的。

今天這篇我就不講游戲的代碼實(shí)現(xiàn)了，感興趣的可以先看看代碼，地址見(jiàn)文末。因?yàn)橐粊?lái)是改用了 JavaScript，二來(lái)數(shù)據(jù)驅(qū)動(dòng)的模式和之前代碼驅(qū)動(dòng)的模式有很大的區(qū)別。

舉個(gè)例子：以前你要在游戲上顯示一行文字，你需要在代碼中定義一個(gè) Label 對(duì)象，添加到顯示層上，設(shè)置它的位置、顯示效果、顯示的文字內(nèi)容。而現(xiàn)在你只要拖動(dòng)一個(gè) Label 組件到場(chǎng)景中，在屬性面板上輸出相關(guān)數(shù)值即可。

之后我也會(huì)寫更多的小游戲，對(duì)此感興趣的同學(xué)，或者有什么好玩的點(diǎn)子，都可以留言討論。如果大家覺(jué)得有需要，后面我可以來(lái)詳細(xì)寫下這方面的教程。

本文相關(guān)的代碼和素材已上傳，需要的同學(xué)請(qǐng)?jiān)诠娞?hào)（Crossin的編程教室）對(duì)話欄回復(fù)關(guān)鍵字 飛機(jī)

════
其他文章及回答：

歡迎微信搜索及關(guān)注： Crossin的編程教室