好奇!僅 13kB 大小的遊戲,原始碼長啥樣?
這個馬賽克風格的表情正好 13Kb,有人竟然能用一個表情大小的空間,製作個遊戲出來。我就不信這麼點的地兒,能寫出個花來?遊戲能好玩嗎?因為這些遊戲點開就能玩,我抱著試一試的心態把玩了一會。
事實證明是我的無知限制了我的想象力,這些 13kB 的遊戲並沒有我想的那麼簡陋和無聊。它們不僅有豐富的影象,還有音樂、物理、重力系統,包含射擊、益智、技巧等不同的類別玩法多樣,令我眼前一亮!
下面我就整理出了 3 個我覺得好玩的遊戲,並附上了線上體驗的地址以及 GitHub 上的原始碼。
大家先體驗一下游戲,後面我們再聊這些遊戲都用到了哪些開源專案。
1、Space Huggers(太空保護者)
射擊類遊戲,消滅所有敵人。通過外接手柄可進行多人遊戲,最多支援 4 個人。不僅如此還有敵人和道具系統以及雨、雪、血、爆炸、武器、水等粒子系統。手機端操作需要外接手柄。
操作:
- WASD 或方向鍵:移動、跳躍和攀爬
- Z 或左鍵單擊:射擊,大多數東西會破裂,有些會燃燒
- X 或中鍵:滾動,短暫的無敵狀態,還可滅火
- C 或右鍵單擊:手榴彈,每條命有 3 個
- 還可最多連線 4 個進行合作遊戲!
敵人型別:
- 新兵(綠色):遲鈍,只需要 1 擊
- 士兵(藍色):正常的速度,需要 2 次攻擊
- 船長(紅色):可以更頻繁地爬牆和跳躍,需要 3 次攻擊
- 專家(白色):經常跳躍和滾動,需要 4 次攻擊
- 爆破專家(紫色):投擲手榴彈且不會著火,需要 5 次命中
2、Black Hole Square(黑洞廣場)
益智類遊戲,把所有塊清除則過關。
- 操作:向左劃開始遊戲,點選塊會向箭頭方向移動,塊進入“黑洞”則被清除
- 支援移動端
3、PACKABUNCHAS
益智類遊戲,用提供的形狀拼出指定的形狀,
- 操作:點選旋轉,拖動圖形
- 支援移動端
Js13kGames 是什麼
以上這些遊戲都是 2021 Js13kGames 的參賽作品,這個比賽每年舉辦一次,要求參賽者在為期 30 天的時間裡用 JavaScript 做出一款體積小於 13kB 的 HTML5 遊戲。30 天用 JS 做個遊戲並不難,難點在於如何讓遊戲小於 13kB。
壓縮遊戲體積可以從以下四個方面入手:
- 遊戲引擎
- 壓縮程式碼
- 影象和聲音
下面介紹的這些開源專案,在 Js13kGames 很多參賽作品中都能看到它們的身影。
Ga(遊戲引擎)
一個輕量級、極小(6.5kB)、容易上手的 JavaScript 遊戲引擎,可用於製作 HTML5 遊戲或任何 2D 動作遊戲。
Kontra(遊戲引擎)
專注於小體積的 JavaScript 微型遊戲引擎,它雖然小但是提供了遊戲常用的操控、事件、迴圈等核心功能。
壓縮程式碼
壓縮程式碼通常是減少空格和換行之類的無用內容,從而達到減少程式碼所佔體積的目的。
Google Closure Compiler:http://github.com/google/closure-compiler
MiniMinifier:http://github.com/xem/miniMinifier
Piskel(影象)
簡單易用的線上畫素影象製作工具。
miniMusic(聲音)
可以把音效轉化成 JavaScript 的專案,通過這種方式能夠有效地減小聲音的“體積”,還支援線上視覺化的操作方式編輯和生成音效。
看到這裡你是不是也蠢蠢欲動地準備寫個小遊戲了呢?
最後
隨著科技的發展,儲存空間已經不再“捉襟見肘”,我們在編碼時也不用“斤斤計較”。但如今看到有這麼一群極客,在絞盡腦汁用 13kB 完成一個遊戲時。我從最初的好奇和難以置信,再到看到他們的遊戲和原始碼後感嘆他們高超的程式設計技巧,最後開始反思自己在編碼時對效能和損耗方面思考的太少。感謝這些開源專案讓我大開眼界,也讓我發現了自己的不足之處。
本期推薦的開源專案程式碼量不多,適合新手學習和上手遊戲程式設計,感興趣的讀者可以試著用它們寫個小遊戲。
以上就是本文的全部內容,如果你對本期推薦的開源專案感興趣歡迎點贊、轉發,讓這些優秀的開源被更多人發現和喜歡。這裡是 HelloGitHub 分享 GitHub 上有趣、入門級的開源專案。歡迎留言和我分享開源專案~
- 開源月刊《HelloGitHub》第 68 期
- 躺平吧,平鋪的視窗「GitHub 熱點速覽 v.21.47」
- 天冷了,工作列養只貓吧「GitHub 熱點速覽 v.21.46」
- GitHub 開源的小工具「GitHub 熱點速覽 v.21.45」
- 盤點 GitHub 年度盛會|附影片
- 它說你的程式碼有 Bug「GitHub 熱點速覽 v.21.44」
- 程式設計師的開源月刊《HelloGitHub》第 67 期
- 程式碼混淆保安全「GitHub 熱點速覽 v.21.43」
- 好奇!僅 13kB 大小的遊戲,原始碼長啥樣?
- 網際網路公司作息表「GitHub 熱點速覽 v.21.42」
- 桀驁不馴的程式碼又搞事情?我找來 10 個開源專案幫你馴服它們!
- 這款開源測試神器,圓了我玩遊戲不用動手的夢想
- 每個男孩的機械夢「GitHub 熱點速覽 v.21.41」
- 程式設計師的開源月刊《HelloGitHub》第 66 期
- 大型專案原始碼集合「GitHub 熱點速覽 v.21.39」
- 有備無患「GitHub 熱點速覽 v.21.38」
- 原始碼面前沒有祕密,推薦 9 個帶你閱讀原始碼的開源專案
- 任由文字肆意流淌,更自由的開源 Markdown 編輯器
- 用 Java 寫個塔防遊戲「GitHub 熱點速覽 v.21.37」
- 這款打怪升級的小遊戲,7 年前出生於 GitHub 社群,如今在谷歌商店有 8 萬人打了滿分