一、我这次想解决什么,或者想试什么

新学期刚开始,刚好社区在做模型推荐的活动,我就那GLM模型,做一个 3D 互动应用。
具体想法是:把我们社区的 IP 角色「TRAE 宝」做成一个 3D 小机器人,放在一个虚拟工坊里,玩家可以指挥它在原料台、组装台、涂装台、展示台之间跑来跑去,一步一步做出一只迷你 TRAE 宝。要有能拖动旋转的镜头、能自由走动的角色、有制作进度、有完成庆祝——听起来就很复杂。
而我本人是不懂变成的,完全依靠TraeCode,通过Three.js帮我实现。
二、我是谁,为什么这件事对我重要
我平时的工作和代码不沾边,一直觉得「做应用」是程序员的事,离自己很远。
这次想试试 TraeCode,一方面是想验证一个疑问:对于现在的大模型来说,一个完全不会写代码的人,能不能不把需求说清楚,也可以做出一个能玩的东西? 另一方面,我是 TRAE 宝这个 IP 的关注者,一直希望它能以更有趣的形式出现,与其等别人做,不如自己动手试一次。
对我来说,这不只是做个玩具,而是想知道新学期想补技能的时候,「不会编程」到底还是不是那道跨不过去的坎。
三、我是怎么把 TraeCode 慢慢用顺的
我的整个开发过程,就是一轮一轮「对话——验收——反馈」的过程,几次关键节点大概是这样:
第一次下手:直接说需求,别怕说得外行。 我一开始就把整个想法完整丢给它——角色、场景、四个工作台、制作流程全说了。它直接生成了一份完整的单文件网页,打开就能跑,第一版就有 3D 场景和会走路的机器人。这一步给我的震撼最大:原来「不知道代码怎么写」根本不是第一道坎,第一道坎是「敢不敢开始」。
卡住的地方:验收要仔细,反馈要具体。 第一版跑起来后,我发现 TRAE 宝的形象和我预期的不一样(参考图里是方正的黑色小机器人,做出来却是另一个样子),我把参考图放进项目文件夹,告诉它「照着这个重新设计几何外形」,它就把头部、面屏、眼睛一块一块重建了。后面我又陆续验收出这些问题,每次都直接描述现象:
- 角色是灰色不是黑色 → 改配色
- WASD 按了没反应 → 修移动
- 点一个工作台任务就连跑到底,不一步一步来 → 修流程节奏
- 镜头自动转动时和我的手动拖动「打架」 → 修运镜逻辑
- 工作时角色被界面文字挡住 → 改成制作时界面自动淡出
- 搬运作品时最好是端着托盘 → 加了托盘动画
- 两张桌子的朝向不对 → 修场景布局
四、我最后做成了什么,想给后来的人留一句什么建议
最后做出来的东西,我自己还是比较满意的:
-
一个完整的 3D 工坊场景,四张工作台环形排布,各有各的道具
-
黑色 Q 版 TRAE 宝,会呼吸、眨眼、挥手说话,点击还有反应
-
完整的玩法闭环:切割零件 → 端着托盘运构件 → 组装成型 → 喷上黑涂装 → 展示台点亮,每一步都有进度条、火花粒子和自动运镜
-
WASD 自由走动、镜头跟随、拍照模式、音效开关、完成时弹出带实时截图的作品卡片
-
全程不用装任何环境,双击一个 HTML 文件就能玩
给后来人的建议就一句:不要等学会了再开始,直接把你想做的东西说给 TraeCode 听。 你的任务不是写代码,而是当一个认真的产品验收员——每一轮打开页面仔细看,把你看到的问题用大白话反馈回去。非技术背景在这个流程里不是劣势,有时候反而是优势:你不会被实现细节带偏,只关注这东西好不好用、好不好
Trae宝.html (50.7 KB)




