在這個被越來越華麗的 3A 大作和抓住人們碎片化時間的手機遊戲瓜分，甚至獨立遊戲的開發成本也水漲船高的年代，仍有很多復古遊戲愛好者，在用行動在支持和證明，復古掌機和復古遊戲仍然有着獨特的魅力。

日前掌機開發商 clockwork 與機核聯合舉辦的遊戲創作活動 BOOOM GameJam 在北京落下帷幕。GameJam 要求參賽開發者在規定的時間內，根據主題【SHIFT】，完成一款包含核心玩法的遊戲 Demo。

在 GameJame 上，花叔的5人團隊 D.B.M 一共展出了兩款利用 Cocos Creator 開發的 GameShell 掌機遊戲，分別爲科幻解謎遊戲《TheCode》和射擊生存遊戲《Shoot the F》。策劃、美術以及程序通力合作，在這場活動中感受到了遊戲開發所帶來的純粹的造物快感。

今日團隊作客 Cocos 技術派，帶來這兩款掌機遊戲的介紹及創作理念、技術實現等分享。

原創：龍貓、辛望

編輯：C姐

文末提供了遊戲【桌面網頁版】，沒有掌機也可試玩！

1.遊戲介紹之《TheCode》

遊戲類型：科幻/解密/文字/單人

創作理念：

團隊成員都是做營銷策劃的老師傅，對於吆喝吹牛畫亮晶晶的東西很擅長，對於遊戲交互、機制或者關卡的認知則是非常質樸的。

主題公佈前，我們就從概念入手想了 6-7 個方向：“信息解讀的侷限性”、“立場對立和輿論的拉攏”、“對崩潰信仰的捍衛”、“蜂羣社會的創造力”和“大數據不能做的事”。

“SHIFT”的主題讓我們感受比較深的是，資訊發達的現代，是否可以通用控制輿論來改變科學技術的發展呢？

這時剛好和朋友們聊到“看上去像真人的假人 VS 看上去像假人的真人”（仿生人電子羊）的話題，突然覺得這個主題如果結合“信息解讀的片面性”可以完成一個比較整體的遊戲，於是就有了《The Code》的故事。

遊戲背景：

在機械義肢化狂熱的年代，神祕的科學家（玩家）通過編撰科學理論，或者對新學說進行反駁，來干預當前社會的機械化輿論，使人們對機械化產生不信任和恐慌。

遊戲玩法：

玩家用聽寫編撰摩斯密碼（門檻難度適宜，且有挑戰，好實現）給媒體接頭人的方式，把對科學家、權威媒體、科學大會的反對信息，發表到行業論壇上，從而達到干擾科學進程技能樹的目的。

根據難度的不同，每一條編撰的信息都有不同的內容，玩家編撰的信息如果準確度高則輿論的反應正面，反之就是顯得很滑稽。

從美術到文本《TheCode》都塞了一些私貨，感興趣的玩家可以去探索一下。

下文包含劇透：遊戲中有個結局，是有反轉的（不想看劇透請快速劃過）。

劇透：實際上，玩家是來自未來的保留人性的半改造人，在未來時空中，人類幾乎已經全機械化，並呈現蜂羣社會結構。而玩家的目的，就是穿越來到現在這個時代，改變社會的科技發展方向。

場景設計：

我們設計了一些非常有趣的敘事道具：左下的廚房是作爲機器人的主角無法享用的，每個關卡的最後，他都會去廚房煎蛋，然後看着煎鍋發呆來作爲過關動畫（沒有時間做了），佈滿蜘蛛網的牀，主角是不會使用的，牀邊的箱子裏裝得是機械維護的液體，還有枯萎的植物等等。

由於時間關係，目前遊戲只開發了 5 個關卡，玩法還比較單一，難度僅僅是體驗在增加摩斯碼的長度和播放碼率，本該設計的事件和人物、場景多結局都沒有加進去。

試玩視頻：https://www.bilibili.com/video/av68318099/

2.遊戲介紹之《Shoot the F》

遊戲類型：射擊/單人/生存/美食

創意來源：

我們在調侃主題“SHIFT”的時候，突然想到去掉 SHIFT-F=SHIT，哈哈！然後立馬就有了新的遊戲靈感：做一款“屎殼郎爸爸外出覓食”的射擊遊戲，團隊成員都覺得很有趣，且工作量不大，就又做了一款遊戲，就是這款《Shoot the F》，然後我們的小組名也誕生了，“屎殼郎小組 D.B.M”

“ Shit Happens Everyday，當你爲今日的挫折與困難煩惱時，也許並未意識到，人生就是日復一日喫 shi 的循環，成年人的世界沒有容易二字。”

玩家在遊戲中扮演的蜣螂爸爸，身負養家餬口的 shi 命，踏上荒野覓食的辛苦旅程（做父親真不容易啊）

你需要將“SHIFT”的“F”射掉，纔會得到“SHIT”，沒有 SHIT，蜣螂全家都會捱餓

團隊成員龐大門同學，在閒聊的時候說了一句很感人的話，“謝謝這次機會，讓我們把自己平時積累的那些沒用的知識用上了”，遊戲的音頻，90 段文案，部分質樸的美術，項目管理都是他負責的。

試玩視頻：https://www.bilibili.com/video/av68317588/

GameJam 的過程很痛苦，交作業的時候很美妙，交完了很消沉，就像賢者時間。

3. 掌機遊戲技術實現

爲什麼選擇 Cocos Creator？

GameShell 的系統裏內置了一個編譯好的 ARM 版本 NWJS 執行包，使用NWJS，理論上我們就能在 GameShell上運行任意的 Web 項目。
同時滿足使用 JavaScript 編程，又能速導出 Web 項目的引擎，我們第一時間想到了熟悉的 Cocos Creator。
Cocos Creator 具有成熟且強大的跨平臺能力，使用 Cocos Creator 來開發，方便我們後續將遊戲發佈到微信小遊戲，電腦網頁版甚至 Steam 等多個遊戲平臺。

如何將 Cocos Creator 項目發佈到掌機？

1、項目分辨率

GameShell 的屏幕尺寸爲 320x240 的固定尺寸，所以項目不需要做屏幕兼容。

2、交互方式

GameShell 作爲掌機，並不支持 onclik，ontouch，所以在遊戲交互上只能通過監聽 onkeydown、onkeyup 來實現，下面是 GameShell 中常用按鍵的 keycode。

3、構建發佈

4、定製 Loading 頁

項目構建後，在 index.html 中找到以下內容：

可以發現 Loading 頁的樣式是通過 HTML+CSS 來實現的，所以只需要替換相應的圖片素材、和修改對應的 CSS 樣式即可定製 Loading 頁。

5、gameshell——nw.js使用教程

nwjs-sdk：

GameShell 是 ARM7 內核的 Linux 系統，與網上 nwjs 的 Linux 版 SDK 不兼容，幸好在 clockwork os 0.4 版本的系統裏自帶了編譯好的 ARM 版本 SDK。SDK 路徑在～/apps/ 文件夾下。

添加 nwjs 啓動腳本：

執行完上述命令後，掌機 UI 界面的菜單裏將會多出一個 mygame 的圖標，進入 mygame 將會執行 mygame.sh 腳本。

mygame.sh：

上面這條命令是調用 nwjs 的 SDK，執行 ~/games/mygame/ 文件夾下的 nwjs 項目，後面的四個參數是 ARM 版 SDK 必須要帶的。

nwjs 項目文件夾結構：

package.json：

入口文件 nw_index.js：

部署 nwjs 項目到掌機：

ftp 鏈接掌機

將 mygame 文件夾複製到掌機 ~/games/ 目錄下，即可點擊腳本啓動。

scp 命令直接傳

項目部署的路徑跟上面 mygame.sh 腳本里的路徑要一致。

4. 關於跨平臺

可能很多同學都沒有 GameShell 掌機，但這並不妨礙大家試玩我們的遊戲。

上文提到過 Cocos Creator 擁有成熟且強大的跨平臺能力，所以我們花了不到一個小時的時間，就成功導出了【桌面網頁版】，大家可以在網頁上直接打開試玩。

奉上鍊接（PC 端瀏覽器版本）：

The Code：https://dbm-inc.itch.io/the-code

Shoot the F：https://dbm-inc.itch.io/shoot-the-f

在線遊戲/遊戲下載：

The Code：https://dbm-inc.itch.io/the-code

Shoot the F：https://dbm-inc.itch.io/shoot-the-f

5.參賽感想

BoooM Party 氛圍很棒，堪稱是一場開發者和硬核玩家的狂歡聚會，在攤位面對面介紹自己的遊戲，看着玩家試玩的時候特別有成就感。Cocos Creator 開發效率很高，三週時間做出兩個完整的遊戲，這個效率真的難以想象。

6. 特別鳴謝

花叔（開發）
龍貓（開發）
龐大門（音頻/策劃/美術）
小柒 catwang（美術）
辛望（策劃/美術）

非常感謝花叔及團隊小夥伴帶來的精彩分享！花叔，想必 Cocos 的開發者都非常熟悉了，騰訊高級工程師，騰訊互動娛樂創意設計部平臺開發組負責人，先後對接過騰訊增值業務、架構業務以及遊戲市場推廣業務，喜歡倒騰小玩意，業餘時間會在他的個人公衆號上分享開發經驗和技術教程，感興趣的開發者請關注公衆號：Minprogram。

花叔部分文章作品：

技術派，是 Cocos 全新推出的專欄，我們將不定期邀請知名的遊戲製作者，爲廣大開發者分享來自真實項目的實用的開發技術和實戰經驗。歡迎大家推薦想要學習的遊戲產品和想要了解的技術知識，也誠邀有技術分享意願的開發者聯繫我們噢~