小游戲開發上手體驗 - Cocos Creator

zhiwei 發布于2019-07-31 11:18 / 3489人閱讀

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

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

一是轉發#吱口令#~！@#￥%……&*，長按復制此消息領紅包之類的

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

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

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

不過作為上手項目，我選擇了一個更熟悉的游戲： 打飛機

話不多說，先上成品：

游戲地址：

Cocos Creator | Planelab.crossincode.com

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

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

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

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

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

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

簡單分享下我的體驗：

Cocos Creator

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

Egret

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

Unity

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

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

今天這篇我就不講游戲的代碼實現了，感興趣的可以先看看代碼，地址見文末。因為一來是改用了 JavaScript，二來數據驅動的模式和之前代碼驅動的模式有很大的區別。

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

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

本文相關的代碼和素材已上傳，需要的同學請在公眾號（Crossin的編程教室）對話欄回復關鍵字飛機

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

歡迎微信搜索及關注： Crossin的編程教室

GPU云服務器云服務器 cocos creator webrtc 游戲體驗大前端體驗開發 android開發實戰體驗

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.hztianpu.com/yun/44964.html

cocos creator 簡單實戰

摘要：錨點位置確定后，所有子節點就會以父節點錨點所在位置作為坐標系原點。觀察實際效果以下為實際效果，左側打開欄目為不同手機分辨率模式。巨坑因為分辨率發生變化，導致節點大小位置都會發生變化。項目地址：https://github.com/Iroha1024/... 一個小游戲的demo，以下簡單地介紹了我關于cocos creator的一點理解和開發流程版本：cocos creator v...

taowen 2019-08-26 10:31 評論0 收藏0
王校長一分鐘能吃多少熱狗？| 小游戲

摘要：然而在朋友圈一片牛逼的刷屏中，校長本人成功搶鏡，不但在微博上大規模撒幣，其大口吃熱狗的照片也隨之上了熱搜。一時間各路段子手主們紛紛出動，文章圖周邊產品均同步上線，校長本人喊破喉嚨也無能為力，不得不威脅要買下各位的賬號。公元 2018 年 11 月 3 日，王思聰的創辦的 iG 戰隊在《英雄聯盟》比賽中以 3:0 的比分擊敗了 Fnatic 戰隊，奪得了 LPL 賽區的首個 S...

callmewhy 2019-07-31 11:18 評論0 收藏0
Cocos Creator—如何給資源打MD5版本號

摘要：從年底開發組就說要支持，等了大半年，新的內測版本終于增加了的功能，但效果也是差強人意。實際上我不會把這幾個和打版本號的。最后產出會把這幾個文件合并到中。 Cocos Creator 是Cocos最新一代的游戲開發者工具，基于 Cocos2d-x，組件化，腳本化，數據驅動，跨平臺發布。Cocos Creator的開發思路已經逐步跟Unity 3D靠攏，寫起來也更方便快捷，開發效率更高。 ...

lk20150415 2019-08-20 18:23 評論0 收藏0
cocos creator游戲開發

摘要：自從調整游戲難度后我的最高分重來就沒有超過生命最高分來點實際的做技術嘛，大多都是做點總結吧開源地址在基本中定義的屬性，切記在編輯器中拖動綁定多看官網，多開實例代碼發布微信小游戲一定不要有英文，會導致審核不通過 1.初來乍到打開 Cocos Creator 點擊新建空白項目，在默認布局的左下區域，一個黃黃assets文件夾映入眼簾。作為前端的你對這個文件是不是再熟悉不過了。是的，和你想...

SoapEye 2019-08-26 10:36 評論0 收藏0
cocos creator 事件

摘要：事件在做一個消除類游戲時，需要對點擊的方塊做出響應。普通節點注冊事件在中如果需要相應事件，需要為該節點添加一個組件。，事件冒泡利用自定義事件的屬性，實現冒泡。 cocos creator 事件在做一個消除類游戲時，需要對點擊的方塊做出響應。代碼很簡單，可背后的原理還多著呢。 1. 普通節點注冊click事件在cc中如果需要相應click事件，需要為該節點添加一個Button組件。或...

since1986 2019-08-26 11:00 評論0 收藏0