用遊戲範本做遊戲：新手入門 7 步驟

新手想做遊戲，最快的方法是從一款已經完成的遊戲出發。挑一個遊戲範本，玩過它的試玩版，讀完手冊，接著一個檔案一個檔案地改文字、美術和關卡，每改一次就測一次，直到遊戲變成你的。之後再把遊戲資料夾放到網站上，或包成 App。不必先學遊戲引擎，也不用從空白開始。

這篇指南分七個步驟走完整個流程，文中的檔名都來自我們自家範本的商品頁和手冊，讓你在購買前就能看到「修改關卡」實際長什麼樣子。本文寫給從沒發表過遊戲的人：老師、行銷人員、第一次碰遊戲的網頁開發者。哪個步驟需要 Node.js 或程式碼編輯器，我們都會註明。

用遊戲範本做遊戲：七個步驟

1. 挑一個跟你想做的遊戲相近的範本。
2. 玩試玩版，直到熟悉每個畫面。
3. 讀手冊，找出裡面提到的檔案。
4. 修改文字和語言。
5. 修改美術和品牌。
6. 修改關卡、單字或規則。
7. 測試，然後把遊戲放上網站或包成 App。

順序很重要。文字是最安全的修改，所以從這裡開始，同時摸熟檔案怎麼運作。規則放到最後，因為改規則可能讓遊戲壞掉，而且常常要過一段時間才會發現。

瀏覽可以當起點的遊戲範本

步驟 1：挑一個貼近你想法的範本

範本只有在大部分內容都能沿用時才真正省時間。想做文字遊戲，就從文字遊戲開始；把足球遊戲改成問答遊戲是重寫，不是改範本。以下三個問題能幫你縮小選擇。

• 玩家要做什麼？點擊配對、連字拼字、瞄準射擊、分類整理。挑核心操作相符的範本。
• 你打算怎麼改？有些版本的修改大多集中在一個設定檔；有些則是要重新建置的 TypeScript 專案。商品頁會寫清楚是哪一種。
• 遊戲要在哪裡執行？我們每個版本都能在靜態網站上執行。所有版本都不包含原生 App 和商店上架。

我們商店的定價從 5 美元到 59 美元，每個商品頁都有線上試玩，以及一份「此版本不包含」清單。讀這份清單要和讀功能一樣仔細。

步驟 2：用測試人員的眼光玩試玩版

試玩版要玩半小時，而不是兩分鐘。打開每個選單，破一關、輸一關，切換語言，重新整理頁面，確認進度還在。把看到的每個畫面、每段文字都列出來。這份清單就是接下來幾步的地圖：上面每一項都藏在某個檔案裡。

也要用手機玩一次。如果你的玩家會用手機，那手機上的試玩才是對範本真正的考驗，筆電上的不算。

試玩 Tenguin，一款數字配對解謎

步驟 3：打開套件，讀手冊

範本是一個資料夾，不是要安裝的程式。我們的套件裡都有以下幾個部分，每個商品頁都有說明：

• game/：可直接上線的遊戲，含 index.html、美術、音效和字型。放上網路的就是它。
• 原始碼：你要修改的可讀程式碼。在 Ricopop 等版本中，game/ 裡的檔案本身就是原始碼，不需要建置。在 Gridspark 等版本中，原始碼放在另一個資料夾，要重新建置到 game/。
• 文件：附圖的手冊。Gridspark 的手冊涵蓋安裝、客製化、20 個常見問題和疑難排解；Ricopop 和 Zabum 另附一個 START-HERE.txt。
• THIRD-PARTY-LICENSES：字型和函式庫的授權聲明。我們的條款要求你把它們和產品放在一起。

動手前，先讀手冊的安裝和客製化章節。裡面列出了檔名，下面每一項修改都從其中一個檔案開始。

步驟 4：先改文字和語言

改文字風險低，又能讓你熟悉檔案結構。以下是我們商品頁上的實際例子：

• Gridspark：介面文字在 src/locales.js。
• Pinloop、Trimora 和 Twirldrop：介面文字在 i18n.ts，遊戲名稱在 brand.ts。
• Bodoku：文字放在 src/i18n 的字典裡，商品頁提醒要保留插值的預留位置。
• Golazo：文字在各語言字典裡，球隊在 teams.js。

預留位置是最常見的陷阱。像「Level {n} complete」這樣的句子，{n} 在每種語言裡都必須原封不動。只改它周圍的字，括號別碰。

語言也是挑選時要考慮的。我們大多數版本內建 14 種介面語言；Letter River、Plop 和 Zabum 內建 3 種。刪掉一種語言比新增一種容易，而新增語言代表每一行都要翻，不只是選單。

步驟 5：改美術和品牌

授權允許白牌：你可以把 Polar Games 的名稱和標誌換成你自己的，也可以在產品中修改程式碼、美術和音效。怎麼改取決於版本。

• Tenguin：大部分設定都在 index.html 旁的 tenguin.config.js 這一個檔案裡：標題、標誌路徑、強調色、預設語言、獎勵和價格。改個數值、上傳檔案、重新整理，不用建置。
• Bodoku 和 Frogdoku：美術素材在 src/art/manifest.ts 中宣告。
• Pinloop：brand.ts 裡有標題、配色、30 個標靶和 12 張背景；音效和音樂在 public/audio。
• Ricopop：音樂和音效是可以替換的 MP3 檔，ricopop.config.js 控制「點擊開始」畫面和全螢幕按鈕。

替換圖片時，請維持和原檔相同的尺寸和格式。寬度多一倍的標誌，會把選單擠到程式沒預料到的位置。

看看 Pinloop 和它的 brand.ts 檔

步驟 6：改關卡、單字或規則

到了這一步，你的遊戲才不再像別人手上那份一模一樣的拷貝。這也是測試工具最派得上用場的地方。

• Ricopop：50 個關卡是 src/levels.js 裡的文字地圖。選用工具 node tools/validate.mjs 會在你改完地圖後，檢查每一關是否還能過關。
• Letter River：單字和提示在 source/words/en.js、pt.js 和 es.js，謎題產生邏輯在 source/js/levels.js。node test/check.js 會驗證單字表和每種語言的 80 個關卡。
• Deepforge：礦室、十字鎬、數值平衡和文字在 source/src/data/chambers.ts。
• Gridspark：規則常數和色盤在 src/config.js，謎題規則在 game.js、board.js、generator.js 和 shapes.js。

規則是風險最高的修改。一次只動一個數字，玩三局，再動下一個。感覺不對，就回到「original」那份比對。

看看 Letter River，單字表可自行編輯的文字解謎

步驟 7：測試，然後上線或包成 App

用本機伺服器測試，別直接點兩下開啟

我們好幾個商品頁都寫得很清楚：遊戲無法從 file:// 執行，也就是你點兩下 index.html 時得到的網址。請改用本機網頁伺服器測試：很多程式碼編輯器都內建，Ricopop 的選用開發者工具也附了一個。以 TypeScript 撰寫的版本需要 Node.js 重新建置：例如 Gridspark 會執行 npm test 和 npm run build，把可玩的檔案複製到 game/；Pinloop 則建置到 dist/，再由你複製到 game/。

放上主機

把 game/ 的內容上傳到任何靜態 HTTP(S) 主機。我們的版本遊玩時不需要 PHP，也不需要資料庫；Zabum 和 Ricopop 有選用的 PHP 排行榜，預設關閉。照手冊說的，把所有資料夾都放在 index.html 旁邊。

或包成 App

Capacitor 這類工具可以把網頁遊戲放進 Android 或 iOS 專案。Capacitor 的入門頁面要求一個根目錄有 index.html 的已建置網頁資源資料夾，用 npx cap add android 和 npx cap add ios 加入平台，再用 npx cap sync 複製檔案。這已經超出新手第一週的範圍，而且我們所有版本都不包含原生建置或商店上架；這部分工作我們另外報價。

1. 步驟 2 清單上的每個畫面，都顯示你的文字和美術。
2. 重新整理後進度還在。
3. 遊戲在手機上能正常執行，螢幕方向符合預期。
4. THIRD-PARTY-LICENSES 聲明仍和檔案放在一起。
5. 你能逐一說明每個檔案改了什麼。

授權讓你能怎麼使用自己的遊戲

每次購買都取得一份永久、非專屬的授權，用於一個最終產品，可以是你自己的，或一位客戶的。玩家可以免費遊玩，也可以透過廣告變現。你可以修改程式碼、美術和音效，並替換我們的名稱和標誌。你不得將範本、其程式碼或素材單獨轉售或分享，無論是當作範本、套件或素材包。技術支援為 6 個月，加購延長後為 12 個月，範圍包含安裝與使用所提供的檔案，以及可重現的錯誤。客製化和新功能是另外的服務，動工前會先報價。

閱讀完整授權條款

常見問題

不會寫程式也能做遊戲嗎？

不寫程式也能改很多：文字、顏色、圖片和部分設定都放在一般檔案裡。Tenguin 把大多數設定集中在一個設定檔。在 TypeScript 版本中修改規則或關卡，則需要看得懂基本程式碼，並用 Node.js 重新建置。

需要安裝什麼？

像 Ricopop 和 Golazo 這種不需建置的版本，一個程式碼編輯器加一個瀏覽器就夠了。TypeScript 版本需要 Node.js 和 npm 來重新建置；每個商品頁都註明了版本。

用範本做出來的遊戲可以賣或發布嗎？

可以當作一個最終產品發布，給你自己或一位客戶，免費遊玩或放廣告都行。你不能單獨轉售範本或其程式碼。若要做付費 App 或 App 內購買，請先詢問我們。

為什麼打開 index.html 後遊戲一片空白？

通常是因為從 file:// 開啟。請照手冊說明，用本機網頁伺服器執行，或上傳到主機。

要花多久時間？

看你改多少。文字和標誌可能一天就搞定；新關卡、美術和規則要更久。先改文字，發布一個測試版，其餘的分幾輪加上去。

從一款遊戲開始

挑一個範本，玩半小時試玩版，讀一讀手冊的客製化章節。如果裡面提到的檔案看起來你改得動，你就找到起點了。如果想讓我們幫你改，把範本和你的修改清單寄給我們，我們會回覆報價。

查看所有遊戲範本

索取修改報價