小游戲大智慧,10 個讓人眼前一亮的 JavaScript 游戲

来源:https://www.cnblogs.com/fundebug/archive/2019/04/17/10721732.html
-Advertisement-
Play Games

摘要: JS還可以這麼玩~ "Fundebug" 經授權轉載,版權歸原作者所有。 這是一篇有趣的文章,我們精選了 JS13K 游戲編程挑戰的優秀作品,與大家分享。JS13K 是專為 JavaScript 開發者量身定製的編程競賽,報名參賽的開發者需要根據挑戰主題,利用 JS 開發一款不超過 13KB ...


摘要: JS還可以這麼玩~

Fundebug經授權轉載,版權歸原作者所有。

這是一篇有趣的文章,我們精選了 JS13K 游戲編程挑戰的優秀作品,與大家分享。JS13K 是專為 JavaScript 開發者量身定製的編程競賽,報名參賽的開發者需要根據挑戰主題,利用 JS 開發一款不超過 13KB(譯者註:壓縮後檔案大小不超過 13KB,且不得使用任何托管的函式庫、圖片或資料)的游戲進行角逐。

我們精選了去年(譯者註:2018 年的主題為-離線游戲)參賽的優秀作品,你不光能體驗小游戲的樂趣,還可以搜尋一些編程的靈感。一起來瞧瞧吧!

1. OnOff

這是一個很有挑戰性的關卡游戲,簡約的設計與有趣的音效讓游戲妙不可言。躲閃尖刺,躍過深坑,通過場景切換完成 25 個由易到難的關卡挑戰。作者還提供了一個很酷的關卡編輯器,讓你體驗創建關卡的樂趣。

游戲體驗:https://js13kgames.com/games/onoff/index.html
項目地址:https://github.com/starzonmyarmz/js13k-2018

2. Everyone's sky

Everyone's sky 是一款經典的科幻風格太空冒險游戲。除了主打太空冒險,這款游戲還兼具了一些 RPG 游戲要素。在游戲中,通過控制飛船移動,聯合太空中的其他勢力收集資源。你可以結交盟友,和平的完成任務,也可以攻擊你所遇到的一切勢力。和平還是毀滅,掌握在你的手中。

游戲體驗:https://js13kgames.com/games/everyones-sky/index.html
項目地址:https://github.com/remvst/everyones-sky

3. Underrun

這是一款第三人稱射擊游戲。游戲主角被關在損壞的實驗室里,通過射殺變異的蜘蛛人,完成搜尋、重啟終端系統的任務。游戲運行流暢,而像素風格的場景與人物,出色的燈光與音效,也讓游戲蒙上一層陰暗、恐怖的氛圍。

游戲體驗:https://js13kgames.com/games/underrun/index.html
項目地址:https://github.com/phoboslab/underrun

4. Konnekt

這是一個簡單的即時戰略游戲。你需要清除病毒感染的系統節點,完成游戲挑戰。隨著關卡的深入,游戲難度會不斷遞增,你需要處理病毒感染的節點也會增多。這款游戲看似簡單,卻相當有挑戰。

游戲體驗:https://js13kgames.com/games/konnekt/index.html
項目地址:https://github.com/monsterkodi/konnekt

5. Super Chrono Portal Maker

這款游戲與原版的超級馬利奧如出一轍。你需要控制主角移動、跳躍挑戰 30 個不同級別的關卡,而每個級別也引入了豐富的游戲機制,讓游戲妙趣橫生。此外,開發者還提供了關卡構建器,幫助你打造專屬的關卡並與朋友分享。

游戲體驗:
https://js13kgames.com/games/super-chrono-portal-maker/index.html

6. Offline Paradise

這是一個快節奏的跑酷游戲,你需要控制游戲主角奔跑、跳躍、衝刺躲避不同的障礙物。游戲里設置了自動保存點功能,省去了挑戰失敗而重新開始游戲的煩惱。游戲不僅運行流暢,游戲場景、動畫、音效也令人心情愉悅。

游戲體驗:https://js13kgames.com/games/offline-paradise/index.html
項目地址:https://github.com/sirxemic/js13k-game

7. Raven

Raven 是一款動作益智游戲。你的任務很簡單,通過調整游戲人物視角,在躲避神秘生物的同時完成修複安全攝像頭的目標。游戲看似簡單,但任務難度隨關卡的增加變得困難重重。

游戲體驗:https://js13kgames.com/games/raven/index.html
項目地址:https://github.com/elliot-nelson/js13k-2018-raven

8. Systems Offline

這是一款相當鍛煉大腦的益智游戲。游戲的背景故事設定在破損的空間站內,你需要操縱主角在氧氣耗盡之前,修複空間站系統並逃生。游戲設置了三個級別難度,操作簡單(支持色盲模式),只需要利用滑鼠就可以完成游戲。

游戲體驗:https://js13kgames.com/games/systems-offline/index.html
項目地址:https://github.com/eschatonic/SystemsOffline

9. Re-wire

Re-wire 是一款邏輯思維游戲。你需要躲避鋸齒的干擾,將線纜相連並插入插座。隨著游戲進程的深入,挑戰難度逐漸增加。開發者很有心,還提供了游戲自動保存功能。喜歡的朋友可以試試。

游戲體驗:https://js13kgames.com/games/re-wire/index.html
項目地址:https://github.com/JMankopf/js13k-rewire

10. Spacecraft

這款游戲與跑酷游戲類似。你需要操作飛船,在太陽系各大行星上收集金幣,並躲避障礙,勇奪高分。游戲還提供了購買飛船的功能。

游戲體驗:https://js13kgames.com/games/spacecraft/index.html
項目地址:https://github.com/tricsi/spacecraft

感謝你的閱讀。若你有所收穫,歡迎點贊與分享。

註:

  1. 本文版權歸原作者所有,僅用於學習與交流;
  2. 如需轉載譯文,煩請按下方註明出處信息,謝謝!

英文原文:10 Amazing JavaScript Games In Under 13kB of Code
作者:Georgi Georgiev
譯者:IT程式獅
譯文地址:https://zhuanlan.zhihu.com/p/57789538

關於Fundebug

Fundebug專註於JavaScript、微信小程式、微信小游戲、支付寶小程式、React Native、Node.js和Java線上應用實時BUG監控。 自從2016年雙十一正式上線,Fundebug累計處理了10億+錯誤事件,付費客戶有Google、360、金山軟體、百姓網等眾多品牌企業。歡迎大家免費試用


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • var str = "今天是星期" + "日一二三四五六".charAt(new Date().getDay()); mark在此,方便日後複製 原文https://blog.csdn.net/fture_bird/article/details/80915668 ...
  • RFID 和 NFC 的區別: (1)NFC與RFID在物理層面看上去很相似,但實際上是兩個完全不同的領域,因為RFID本質上屬於識別技術,而NFC屬於通信技術。 (2)NFC將非接觸讀卡器、非接觸卡和點對點功能整合進一塊單晶元,而rfid必須有閱讀器和標簽組成。RFID只能實現信息的讀取以及判定,... ...
  • 一、node.js實現服務端 創建hello-world-server.js文件,服務端源碼如下: /** * node.js實現http服務端 */ var http = require('http');var fs=require('fs');var url=require('url');var ...
  • 項目實踐過程中,會使用非常多的靜態資源,怎樣可以直接在瀏覽器中訪問到這些靜態資源 const fs = require('fs'); const path = require('path'); module.exports = (dirpath = "./public") => { return a ...
  • 小米官網 京東官網 天貓官網 ...
  • 一、對象(Object) 1.1 認識對象 對象在JS中狹義對象、廣義對象兩種。 廣義:相當於巨集觀概念,是狹義內容的升華,高度的提升,範圍的拓展。狹義:相當於微觀概念,什麼是“狹”?因為內容狹隘具體,範圍窄所以稱為“狹” l 狹義對象 就是用{}這種字面量的形式定義的對象,它是一組屬性的無序集合 上 ...
  • 一、v-model綁定表單控制項 v-model 雙向數據綁定;一般用於表單元素,會忽略表單元素的value、checked、selected的初始值,且將Vue實例的數據作為數據來源。 ① 單行文本框 input[type="text"] 、多行文本框 textarea: v-model值綁定到va ...
  • [ {"countryname":"","name":"請選擇","currency":""}, {"countryname":"歐洲貨幣聯盟","name":"歐元","currency":"EUR"}, {"countryname":"冰島","name":"冰島克朗",&q ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...