品牌遊戲案例：依玩法分類，各自要改哪裡

看品牌遊戲案例時，依玩法判斷會比依知名行銷活動判斷容易得多。堆疊遊戲、找字遊戲、一輪知識問答和一張撞球桌，品牌出現的地方都不一樣：在顏色裡、在文字裡、在題目裡，或在場地上。先決定玩法，其餘的需求就單純多了。

這一頁整理了十二種玩法。每一種都對應一款我們販售的 HTML5 完成品遊戲，說明適合什麼情境、品牌放在哪裡（取自商品頁上的實際檔案）、先改什麼，以及購買前該知道的限制。我們不列品牌行銷活動；案例就是遊戲本身，每個試玩版都能在花錢前先玩。

如何閱讀這些品牌遊戲案例

下面每種玩法都有五行說明。「遊戲」是商店中的商品和它的美元定價。「適合」是它適用的情境。「品牌放在哪裡」列出各商品頁描述的檔案。「先改」是視覺效果最明顯的一項修改。「留意」是你應該知道的限制。

這些遊戲都能在瀏覽器中、從靜態主機執行：不需要 PHP、資料庫或帳號。支援手機和電腦，觸控或滑鼠都能操作，並附上易讀的原始碼。

打開商店試玩看看

快節奏街機玩法

回合短、一個手勢、一個分數。適合品牌網站、活動頁面和展位，大家只會給你一分鐘，不會給你十分鐘。

堆疊遊戲

• 遊戲：Trimora（$19）。
• 適合：品牌網站或展位上的短暫休息；點一下，挑戰一個分數。
• 品牌放在哪裡：產品名稱、配色和存檔鍵在 brand.ts；節奏和難度在 tuning.ts。
• 先改：顏色和名稱，接著用 npm 重新建置。
• 留意：純分數遊戲，沒有關卡模式、商店或任務。

單鍵時機遊戲

• 遊戲：Pinloop（$24）。
• 適合：走道、排隊區和注意力短暫的場合。
• 品牌放在哪裡：標題、顏色、30 個目標的清單和 12 張背景，全都在 brand.ts。
• 先改：顏色和背景；要把目標換成你的產品，得修改 skins.ts 裡的繪製程式碼。
• 留意：目標是用程式碼畫出來的，不是載入圖片，所以做成產品造型需要工程師。

3D 高塔街機

• 遊戲：Twirldrop（$29）。
• 適合：需要動態和色彩的新品上市頁。
• 品牌放在哪裡：名稱、顏色和存檔鍵在 brand.ts；30 座塔的關卡在 towers.ts。
• 先改：塔的顏色，再來是關卡開頭的幾座塔。
• 留意：需要 WebGL2，請用舊款手機測試。

附每日挑戰的方塊拼圖

• 遊戲：Gridspark（$29）。
• 適合：希望使用者一再回訪的品牌網站。
• 品牌放在哪裡：配色在 src/config.js，繪製的標誌在 logo.js 和 render.js，文字在 src/locales.js。
• 先改：配色，因為每個方塊都會用到。
• 留意：每日挑戰在 UTC 00:00 更換，不是當地的午夜。

看看一鍵堆疊遊戲 Trimora

文字與知識玩法

這類玩法由內容替品牌發聲。機制不變，換的是單字、提示或題目，通常比重畫美術便宜。

找字遊戲

• 遊戲：Aurora Words（$39）。
• 適合：有自己詞彙的品牌：餐飲、旅遊、運動、產品系列。
• 品牌放在哪裡：字庫是純 JSON，十種語言各一套；可以新增主題。
• 先改：用你自己的詞做一個主題。
• 留意：每個主題都有專屬圖片，新增主題要準備美術。

提示猜字

• 遊戲：Letter River（$29）。
• 適合：想透過提示傳達訊息的品牌。
• 品牌放在哪裡：單字和提示每種語言一個檔案（英文、葡萄牙文、西班牙文）；樣式在 css/。
• 先改：依你的主題重寫提示。
• 留意：修改後執行內附的檢查，確保每一關都還能玩。

知識問答

• 遊戲：Zabum（$49）。
• 適合：介紹某個品類或產品的知識。
• 品牌放在哪裡：題目每種語言一個 JSON 檔；類別、顏色和吉祥物在原始碼中；標誌文字、圖示和音樂各有各的位置。
• 先改：先改題目，再改類別名稱。
• 留意：主持人語音只錄了這三種語言；新增的語言不會有配音。

益智與吉祥物玩法

節奏較悠閒、有角色的遊戲。吉祥物給品牌一張臉；工作量取決於你要替換到什麼程度。

吉祥物益智遊戲

• 遊戲：Tenguin（$39）。
• 適合：以家庭為對象的親切品牌形象。
• 品牌放在哪裡：標題、標誌路徑、強調色、獎勵和價格都在 tenguin.config.js，不必重新建置。
• 先改：在設定檔裡換標誌和強調色。
• 留意：要換掉企鵝本身，就得在原始碼中放入新美術。

有角色的分類拼圖

• 遊戲：Mochi Monsters（$39）。
• 適合：可愛、溫和的品牌與年紀較小的受眾。
• 品牌放在哪裡：瀏覽器標題、標誌、預設語言和存檔鍵在 mochi.config.js；規則和美術在 TypeScript 原始碼中。
• 先改：標誌和標題，不必重新建置。
• 留意：新角色需要修改原始碼並重新建置。

腦筋急轉彎謎題

• 遊戲：Brain Mischief（$5）。
• 適合：用小預算測試點子。
• 品牌放在哪裡：文字在 source/src/i18n，外觀在 style.css，謎題在 source/src/levels，WebP 美術在 source/assets-web。
• 先改：樣式表和標題畫面。
• 留意：共 30 道謎題；想要更長的遊戲，就得再寫更多。

運動與桌遊玩法

大家熟悉的遊戲，由品牌擁有場地：球場、球桌、球道、咖啡館。適合贊助，也適合全年齡受眾。

運動贊助

• 遊戲：Golazo（$49）、Velvet Pool（$39）、Puttide（$39）。
• 適合：運動品牌和比賽日行銷活動。
• 品牌放在哪裡：Golazo 的球場看板文字在 config.js，球隊顏色在 teams.js。Velvet Pool 的檯布和球桿在 progress.js，標誌在 assets/logo。Puttide 的顏色在 css/style.css，自訂球洞寫在球場檔案中。
• 先改：贊助版位：看板、檯布或球場。
• 留意：Golazo 沒有官方隊徽或球衣，也不宣稱與任何足球協會有關。

經典桌遊與紙牌

• 遊戲：Boba Club（$49）、Pip Club（$49）、Ludo Cats（$49）。
• 適合：全年齡受眾：接龍、骨牌、Ludo 飛行棋。
• 品牌放在哪裡：Boba Club 和 Pip Club 的標題、存檔名稱和預設語言在設定檔中；Ludo Cats 的美術在 assets/，規則在 js/rules.js。
• 先改：標題和桌面顏色。
• 留意：Boba Club 和 Pip Club 更深入的美術修改要透過 TypeScript 原始碼。

看看 Golazo 和它的球場看板

用四個問題決定玩法

1. 大家會在哪裡玩？展位適合快節奏街機；品牌網站可以放每日謎題；家庭頁面適合經典桌遊。
2. 他們會停留多久？不到一分鐘，就選堆疊或時機遊戲。幾分鐘的話，可以選文字、問答和邏輯遊戲。
3. 你有哪些品牌素材？鮮明的配色和標誌適合換皮。有自己的詞彙適合文字遊戲。如果有自家吉祥物，可能需要客製美術。
4. 誰來改檔案？行銷人員可以改設定檔。用 Node.js 和 npm 重新建置 TypeScript，就需要工程師。

如果最後一題的答案是「沒有人」，就選有設定檔、不必重新建置的遊戲，例如 Tenguin、Mochi Monsters 或 Golazo，或請我們為修改內容報價。

玩法不夠用的時候：客製開發

上面每一種玩法都能輕鬆改外觀和內容。若要改變遊戲本身，例如新規則、貫穿整個遊戲的自家角色、帳號、共用排行榜，或從遊戲內部送出的分析事件，就屬於客製開發。我們承接使用客戶品牌的委託專案，依專案報價；這部分不公開價目表。

• 一份授權對應一個最終產品，可用於你自己或一位客戶。可以白牌使用。
• 你可以修改產品中的程式碼、美術和音效，但不能單獨轉售範本或程式碼。
• 支援：6 個月，加購延長方案則為 12 個月。客製修改另外報價。
• 2026 年 11 月 30 日前，黑色星期五優惠所有範本打 85 折，同一筆訂單購買多個範本另享 5% 到 20% 的組合折扣。

索取報價或代理商訂購

常見問題

品牌遊戲有哪些案例？

常見的玩法有品牌配色的堆疊和時機遊戲、使用品牌詞彙的找字遊戲、關於某個產品品類的知識問答、吉祥物益智遊戲，以及由贊助商擁有場地的運動或桌遊。這一頁把其中十二種對應到你現在就能玩的遊戲。

哪一種玩法做品牌化最便宜？

有設定檔、不必重新建置就能改標題、標誌和顏色的遊戲，例如 Tenguin、Mochi Monsters 或 Golazo。如果想先測試點子，Brain Mischief 定價只要 $5。

可以把我的產品放進遊戲裡嗎？

部分玩法可以：在 Aurora Words 做一個由產品名稱組成的主題，或把你的標誌檔案放到 Velvet Pool 的球桌上。Pinloop 的目標是用程式碼畫的，要變成產品需要工程師。把產品做成有自己行為的角色，則屬於客製開發。

這些遊戲會追蹤玩家嗎？

不會。進度存在玩家的瀏覽器裡，遊戲不會呼叫任何追蹤服務。成效衡量放在遊戲外圍的頁面上。

代理商可以把同一款遊戲用在好幾位客戶身上嗎？

不行。一份授權對應一位客戶或一個最終產品。第二位客戶需要第二份授權。