HTML5 益智遊戲原始碼:買到什麼、該檢查什麼
以 Frogdoku 為例,看一款完成的邏輯解謎遊戲:關卡、每日謎題、TypeScript 原始碼與架設方式。

免費的 HTML5 遊戲程式碼很好找。難找的是已經完成、經過測試、有真正關卡、每日謎題和文件化原始碼的益智遊戲,而大多數買家搜尋「可以直接上線的原始碼」時,要找的就是這種。
Frogdoku 是一款只有一條規則的邏輯解謎遊戲:在每一行、每一列和每個彩色池塘裡各放剛好一隻青蛙,而且任兩隻青蛙都不能相鄰。這篇指南以這個版本為例,說明挑選任何益智遊戲範本時該檢查哪些地方。
先看關卡數量與遊戲模式
買家版本包含 180 個戰役謎題,分布在一條溪流的六個河段,另有每日謎題日曆、Endless 和 Relax 模式、獎盃、復原與重做,以及輔助功能。Ribi 的衣櫥是推進進度的獎勵。
關卡數量比封面更重要。只有 20 關的範本比較接近原型,有 180 關的則比較接近完成的遊戲。請詢問賣家關卡是怎麼製作的、每一關又是怎麼驗證的,因為一道玩家解不開的謎題,是流失玩家最快的方式。
原始碼包含什麼
原始碼以 TypeScript 撰寫,附有測試和第三方授權聲明。套件的檔案清單裡有 JSON 檔,game 資料夾則是可直接架設的建置版本,美術、音效和字型都已放在本機。
- game/:可直接架設的建置版本,美術、音效和字型都已在本機。
- TypeScript 原始碼與測試:您要閱讀和修改的部分。
- Vite:選用,只有從 TypeScript 重新建置時才需要。
購買前的 15 分鐘檢查
評估一套益智遊戲範本,花一小段時間就夠了。先用手機玩第一個河段,再用筆電玩一次,記下哪裡的點擊或拖曳感覺遲鈍或不清楚。連續復原幾次最後一步,確認棋盤每次都回到先前的狀態。
接著打開原始碼,讀一讀測試的名稱。找找看有沒有以謎題規則命名的測試。有測試的規則,代表是在程式碼裡強制執行,而不只是顯示在畫面上。
架設:只需要靜態檔案
和這份指南裡的其他範本一樣,買家版本需要支援 JavaScript 和音訊的新版瀏覽器,以及靜態 HTTP(S) 主機。不需要資料庫,也不需要作者帳號。
把 game/ 裡的內容上傳到謎題要放置的資料夾即可。只有修改 TypeScript 原始碼時才需要重新建置。
價格沒有包含的部分
Frogdoku 沒有雲端存檔、線上排行榜、真實金錢購買或廣告 SDK,一般遊玩時也不會向這類服務發出任何請求。進度儲存在目前使用的瀏覽器中。
原生 App、主機服務和客製開發都不包含在內。每日謎題屬於日曆的一部分,不需要線上排行榜也能玩。
常見問題
我需要自己建置遊戲嗎?
不需要。把 game/ 裡的內容上傳到 HTTP(S) 主機即可。只有修改 TypeScript 原始碼時才需要重新建置。
進度存在哪裡?
存在本機,也就是目前使用的瀏覽器裡。
每日謎題需要線上排行榜嗎?
不需要。沒有排行榜,每日謎題照樣可以玩,進度儲存在玩家的瀏覽器中。
適用什麼授權?
適用結帳時顯示的 Polar Games Marketplace 條款。
益智遊戲範本最能發揮的地方
這類謎題適合學習網站、想讓讀者養成每日解謎習慣的部落格,或是想要一款完成的邏輯遊戲來客製的工作室。如果專案需要排名對戰或會員帳號,就不太適合,因為這些都不在這個版本的範圍內。
