零编程基础,用 TRAE SOLO 做出一款网页解谜游戏

  1. 摘要
    我没有任何编程基础,用 TRAE SOLO 做出了一款网页解谜游戏《流星雨的约定》。玩家通过探索一部虚拟手机中的微信、QQ、微博等 App,收集线索、破解密码,拼凑出一个完整的故事。整个开发过程全程用自然语言和 SOLO 对话完成——我负责想,SOLO 负责做。

  2. 背景
    我一直喜欢《她的故事》《SIMULACRA》这类手机解谜游戏,玩家拿到一部陌生人的手机,通过翻看聊天记录、社交动态、备忘录等,逐步拼凑出真相。但我完全不懂编程,这个想法一直只是想想。

后来接触到 TRAE SOLO,发现只要把想法说清楚,AI 就能帮我实现。于是我抱着试一试的心态开始了这个项目。

  1. 实践过程
    3.1 我是怎么拆解任务的
    我没有从技术角度去想,而是从玩家体验出发,把游戏拆成几个部分:

手机桌面:要有各种 App 图标,看起来像真手机
各个 App 的内容:备忘录、微信聊天、微博动态、淘宝订单……
密码和解谜:有些 App 需要登录,密码线索藏在其他页面里
搜索功能:像真手机一样可以搜索关键词
足迹系统:记录玩家去过哪些页面
3.2 关键 Prompt 与操作
第一步:告诉 SOLO 我想要什么

“帮我做一个手机解谜游戏。玩家拿到一部陌生人的手机,主屏幕有微信、QQ、微博等 App。点进去能看到聊天记录、朋友圈、商品订单等内容。有些页面需要输入密码才能进入,密码线索藏在其他页面里。”

SOLO 直接帮我搭好了整个框架——一个模拟手机界面的网页,包含主屏幕和页面跳转系统。整个过程大概几分钟。

第二步:一个一个填充内容

我按故事线设计每个页面的内容,用自然语言描述:

“备忘录页面,显示 5 条备忘,最后一条写着’手机经常忘带’。”

“微信聊天页面,和暴躁小鹿的对话,她发了一个小红书链接和一个淘宝链接。”

“QQ 空间有一篇私密日志,需要回答安全问题才能解锁。”

每次描述完,SOLO 几分钟就能生成对应的页面。

第三步:设计密码和线索链

这是游戏的核心。我设计了多组密码,每组都藏在不同的地方——有的在日历里,有的在聊天记录里,有的在论坛帖子中。我只需要把线索链描述清楚,SOLO 就帮我实现了密码验证和跳转逻辑。

第四步:反复调整和打磨

开发过程中我不断提出修改意见,每个问题几分钟就能解决:

“点进菜单之后足迹没有记录” → SOLO 把菜单改成独立页面
“足迹按页面编号从小到大排列” → SOLO 修复了排序问题
“两个登录页面要区分是谁的” → SOLO 加上了账号标识
“做一个攻略手册,风格和游戏一致” → SOLO 做了一个完整的攻略页面
3.3 踩过的坑
有些页面找不到入口。开发过程中我发现 33 页怎么点都进不去,跟 SOLO 说"33 页还是找不到在哪",它帮我梳理了所有跳转路径,发现是论坛登录按钮的跳转目标设置错了,补上后就正常了。

密码页面分不清是谁的。游戏中有两个论坛登录页面,一开始足迹里都显示"登录",分不清哪个是哪个。我跟 SOLO 说"足迹对两个登录页具体到是谁的",它把标题改成了"登录·银鬃猫的最爱"和"登录·芒狗冒险家",一眼就能区分。

足迹顺序是乱的。一开始足迹记录是按访问时间排序的,看起来比较乱。我让 SOLO"足迹按编号从小到大排列",它发现是排序逻辑有问题,修复后足迹就按页面编号整齐排列了。
4. 成果展示
游戏界面
主屏幕:模拟手机桌面,包含微信、QQ、微博等 App 图标

微信:聊天消息列表,点击可进入对话

QQ 登录:需要输入密码才能进入,密码线索藏在其他页面

微博登录:同样需要密码,线索在日历中

短信:包含关键线索

DeepSeek:游戏内置的 AI 助手,可以输入页面编号跳转

攻略手册
另外设计了完整的攻略手册,包含全部页面路径、解谜路线和密码速查:

在线体验
:backhand_index_pointing_right: 在线游玩:https://meteor-promise-game.pages.dev/

手机访问体验最佳,PC 端会显示手机外壳效果。

游戏数据
47 个可探索页面(备忘录、短信、QQ、微信、微博、淘宝、B站、小红书、论坛等)
多组密码谜题(QQ、微博、论坛等)
14 个搜索关键词
完整的足迹记录系统
5. 效果与总结
零基础能做到什么?
说实话,如果没有 SOLO,这个游戏对我来说完全不可能实现。我不懂任何编程语言,但有了 SOLO,整个过程就像在和一个很厉害的开发者对话——我说想法,它来实现。

SOLO 在整个过程中做了什么
理解设计意图:我说"手机解谜游戏",它就知道要做模拟手机界面
生成完整代码:每个页面、每个交互都是它写的
快速响应修改:每个调整需求几分钟内完成
主动排查问题:有些我没注意到的 bug,它帮我发现并修复
我的经验总结
大胆描述你的想法:不需要懂技术术语,用日常语言把需求说清楚就行
分步来做:先搭框架,再填内容,最后调细节
多试多改:不追求一次完美,边玩边改,体验会越来越好
把精力放在创意上:技术的事交给 AI,你只需要想清楚"我要讲一个什么故事"
最后
这篇文章本身也是由 TRAE SOLO 帮我整理完成的。从游戏开发到攻略制作再到帖子撰写,全程 AI 辅助。如果你也有一个想做但不会做的项目,不妨试试和 SOLO 对话。

欢迎加入游戏交流群

1 个赞