品牌游戏案例：按玩法分类，每种该改哪里

看品牌游戏案例，按玩法来判断比按知名营销活动来判断更容易。叠叠乐、找词游戏、一轮知识问答和一张台球桌，品牌出现的位置各不相同：在颜色里、在词语里、在题目里，或在场地上。先选玩法，剩下的需求就简单多了。

本页整理了十二种玩法。每一种都对应一款我们在售的 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 的目标是代码绘制的，把它们变成产品需要开发人员。把产品做成有独立行为的角色，属于定制开发。

这些游戏会追踪玩家吗？

不会。进度保存在玩家的浏览器里，游戏不调用任何追踪服务。数据统计放在游戏外围的页面上。

代理商可以把一款游戏用在多个客户身上吗？

不可以。一份授权对应一个客户或一个最终产品。第二个客户需要第二份授权。