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

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

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

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

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

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

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

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

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

話不多說，先上成品：

游戲地址：

Cocos Creator | Planelab.crossincode.com

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

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

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

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

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

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

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

Cocos Creator

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

Egret

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

Unity

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

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

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

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

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

本文相關(guān)的代碼和素材已上傳，需要的同學(xué)請?jiān)诠娞枺–rossin的編程教室）對話欄回復(fù)關(guān)鍵字 飛機(jī)

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

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