当年偷偷玩小霸王,现在偷偷用 Trae Solo 复刻坦克大战

今夏上海的蝉鸣,喧嚣地攀上热搜。

空气如绷紧的橡皮筋,轻轻一弹,整座城便在闷热的嗡鸣里摇荡。思绪被这声浪卷起,瞬间送回那个午后------仿佛捉住一只嘶鸣的蝉,便攥紧了整个童年的夏天。

蝉声,燥热,切开冰爽的西瓜,巷口呼喊的伙伴......还有抽屉深处,那台偷接电视的小霸王。每一次卡带嵌合的轻响,都是一道通往时光隧道的开关。

如今的我,虽远离了家乡,远离了曾经的那个夏天,但是现在我可以用 Trae Solo 来复刻那个夏天。

Trae Solo 是什么

"过去,我们努力把 AI 做进工具,提升补全效率与开发体验。 如今,我们把工具反向集成于 AI 之中,由它统一调度任务、理解上下文、组织工作。 TRAE SOLO 正是在这个思路下诞生 ------ 致力于实践上下文工程,构建真正由 AI 驱动的开发闭环" ------ Trae 官网

7 月 21 日,#TRAE2.0SOLO出道,TRAE 国际版 SOLO 模式已全面上线。SOLO 是行业首个 Context Engineer,不仅能协助编码,更能基于精准上下文理解和工具调用,从构思、规划、开发到上线,自主驱动开发全流程。使用 Trae Solo 我们可以体验由AI主导开发,从输入到交付的全链路协同的开发模式,这十分符合本次我们要复刻坦克大战的目标,儿时的我可不会开发游戏,这在我看来是一件非常酷的事情!

开启 Solo 模式

如果你和我一样获取到了 Solo Code 的话,可以这样开启 Solo 模式。 切换之后他长这个样子,将AI聊天窗口移动到了左侧,中间可以切换编辑器、终端、浏览器和文档,而右侧则是资源管理器等,这也比较符合 Solo 模式的定位------AI主导开发流程。

开始复刻!

上次玩小霸王,还是在上次。那是很遥远的一个时间,遥远到玩的游戏只记得个大概,也许只有快乐会永远留在记忆中。不过不用怕,我们只需要一句话,复刻的事情交给 Trae Solo。

整理需求

我这次要复刻坦克大战游戏,简单整理了下要求,将下边的文字发送给 Trae。

markdown 复制代码
使用 HTML5 Canvas 和 JavaScript 开发一款经典坦克大战游戏,支持单人对战 AI,方向键控制移动,空格射击,包含关卡系统、碰撞检测、爆炸动画、音效、计分系统,使用 localStorage 保存进度。

Trae Solo 主导开发

我们将需求发送给 Trae 之后,他会分析当前项目的现状和需求内容,根据现状和需求来产出一个PRD。如下图,它整理出了核心功能模块和技术规范,并将其写入到了.trae/documents目录中。

它会抛出确认按钮,等待我门阅读完成后确认开始开发,我这里直接点击确认,开始开发!

我们确认开始之后,它会像一个真正的 Context Engineer,先构思,然后规划,最后开发。下图是打工中的Trae,效率挺高。

开发过程中,Trae也会检查并修复控制台的报错,力求最后0 error(s),0 warning(s)

开玩!

喝杯水的功夫,Trae已经把坦克大战复刻出来了,顺便总结了当前实现的功能和界面介绍以及技术栈相关内容,并将项目启动了。

我们回到Trae的中心区域的浏览器,开始玩游戏,看看能否从 Trae Solo 这里找回童年回忆。

体验与问题修复

游戏体验下来还挺好玩,不过仍有一些bug,我们接下来让 Trae 修复一下这个问题,检验一下它定位、修复问题的能力。 问题清单:

  • 通关后敌人刷新时会闪烁
  • 生命数量归零时会卡在死亡界面

其实不出意外,修复这些小问题对于 Trae 来讲已经完全可以胜任。

部署

视野来到 Trae 中心区域的浏览器,右上角有个部署按钮,点击之后Trae 可以帮我们将应用一键部署到Vercel上,简单方便。这是部署好的坦克大战复刻版,欢迎体验(Vercel访问不稳定,如果无法访问可以切换到国际网络)。

总结

虽然 Trae Solo 复刻的坦克大战和儿时玩的并非完全一样,但也已满足了我们最初的需求。欲买桂花同载酒,终不似少年游,即使复刻得再像,我们也无法再回到从前,但工程的魅力正在于此------用新的工具链把旧日的快乐从记忆中唤醒。这是一次现代 AI 与童年跨越时空的交流,是一次非常酷的体验!

相关链接

相关推荐
Robot_Nav18 小时前
AI 编程助手 Skill 完全指南:VS Code · Trae CN · Claude Code
人工智能·vscode·skill·trae·claude code
小白蒋博客1 天前
【ai开发段永平投资理财的知识图谱网站】第一天:搭 Vite + Vue 项目,跑通 Hello World
vue.js·人工智能·trae
千码君20162 天前
flutter: 分享一下基于trae cn 构建的过程
java·vscode·flutter·kotlin·trae
飞哥数智坊3 天前
TRAE 支持自定义模型了,配置个 DeepSeek V4 试试
deepseek·trae
陈蒙_4 天前
三板斧解决 Trae 卡顿
安卓·agent·ai编程·trae·trae 卡顿
豆包MarsCode5 天前
TRAE × IGA Pages:TRAE 中国版如何快速实现一键部署
trae
豆包MarsCode5 天前
万字干货|AI 时代的 Git 版本管理,你用对了吗?
trae
茶茶敲代码6 天前
Simpack的DOE处理
python·pygame·trae·simpack
豆包MarsCode7 天前
SOLO 桌面端+网页端语音输入功能上线,TRAE × 影石 Insta360 限定 Mic Air 正式发布!
trae
深念Y7 天前
TraeCN 新老用户排队机制差异的实测与分析
ide·编程·claude·模型·cli·trae·vibe coding