EllisShang

案例研究

Tourist Trap Together

AI 驱动游戏创作者 · 进行中的项目 · 2026年6月 - 现在

Tourist Trap Together media 1
Tourist Trap Together media 2

概述

创建 Tourist Trap Together,一个进行中的浏览器多人在线游戏,玩家可以直接在浏览器里开始单人路线,或进入多人会话。

关键技术

Browser GameMultiplayerBabylon.jsReactViteTypeScriptColyseusExpressPrismaPostgreSQLTailwind CSSAI Coding Agents

成果

  • 在一个周末内完成了初始可玩的 Web 体验。
  • 整个构建过程由 AI 编程智能体完成,我没有逐行手写源代码。
  • 发布了公开浏览器演示,包含完整主菜单、单人入口、多人入口、设置和账号流程。

故事与流程

Tourist Trap Together 是一个进行中的浏览器游戏项目,方向是可在线游玩的多人游戏。项目呈现了一个带有公路旅行和旅游陷阱气质的游戏世界,玩家可以从浏览器中开始单人路线,也可以选择或创建多人服务器。

这个项目最重要的部分是构建方式:我在一个周末内通过 AI 编程智能体完成了初始版本。我没有逐行手写源代码。我的角色是定义产品方向、指导实现、检查行为、优化体验,并把系统推进到一个可以公开演示的浏览器游戏体验。

它是什么

  • 一个可以在浏览器中游玩的游戏,具有完整且风格化的主菜单。
  • 面向多人在线玩法方向,包含账号和 Co-op 入口。
  • 使用 Babylon.js 方向的客户端技术,用于承载交互式 3D 游戏体验。
  • 一个进行中的产品,后续会继续增加玩法、多人联机和内容更新。

技术方向

项目使用现代浏览器游戏技术栈:客户端方向包括 React、Vite、TypeScript、Babylon.js 和 react-babylonjs。多人和后端方向使用 Colyseus、Express、Prisma 和 PostgreSQL。

整体架构围绕 Web 优先的游戏体验设计,同时支持 Web 开发、服务端开发、全栈本地开发以及桌面实验。这里仅以高层方式描述技术方向,不展示或泄露实现代码。

AI 驱动开发

这个项目是我当前用 AI 编程智能体加速产品构建的实验之一。我没有把 AI 只当作自动补全工具,而是把它当作实现团队:我描述产品、审查输出、修正方向、检查运行中的 Demo,并持续迭代直到体验可以展示。

它还不是完成品,而是一个进行中的项目。它证明了当产品方向、技术架构和 AI 辅助实现结合得足够好时,一个周末构建也可以快速变成公开可玩的产品。