【TraeCode 上手记】从零开始,我用 TraeCode 做出了一个可玩的 3D 互动工坊

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

img_v3_02154_8cde14a7-ea6a-4d97-80f0-d1e2f81fb11g

新学期刚开始,刚好社区在做模型推荐的活动,我就那GLM模型,做一个 3D 互动应用

具体想法是:把我们社区的 IP 角色「TRAE 宝」做成一个 3D 小机器人,放在一个虚拟工坊里,玩家可以指挥它在原料台、组装台、涂装台、展示台之间跑来跑去,一步一步做出一只迷你 TRAE 宝。要有能拖动旋转的镜头、能自由走动的角色、有制作进度、有完成庆祝——听起来就很复杂。

而我本人是不懂变成的,完全依靠TraeCode,通过Three.js帮我实现。

二、我是谁,为什么这件事对我重要

我平时的工作和代码不沾边,一直觉得「做应用」是程序员的事,离自己很远。

这次想试试 TraeCode,一方面是想验证一个疑问:对于现在的大模型来说,一个完全不会写代码的人,能不能不把需求说清楚,也可以做出一个能玩的东西? 另一方面,我是 TRAE 宝这个 IP 的关注者,一直希望它能以更有趣的形式出现,与其等别人做,不如自己动手试一次。

对我来说,这不只是做个玩具,而是想知道新学期想补技能的时候,「不会编程」到底还是不是那道跨不过去的坎。

三、我是怎么把 TraeCode 慢慢用顺的

我的整个开发过程,就是一轮一轮「对话——验收——反馈」的过程,几次关键节点大概是这样:

第一次下手:直接说需求,别怕说得外行。 我一开始就把整个想法完整丢给它——角色、场景、四个工作台、制作流程全说了。它直接生成了一份完整的单文件网页,打开就能跑,第一版就有 3D 场景和会走路的机器人。这一步给我的震撼最大:原来「不知道代码怎么写」根本不是第一道坎,第一道坎是「敢不敢开始」。

卡住的地方:验收要仔细,反馈要具体。 第一版跑起来后,我发现 TRAE 宝的形象和我预期的不一样(参考图里是方正的黑色小机器人,做出来却是另一个样子),我把参考图放进项目文件夹,告诉它「照着这个重新设计几何外形」,它就把头部、面屏、眼睛一块一块重建了。后面我又陆续验收出这些问题,每次都直接描述现象:

  • 角色是灰色不是黑色 → 改配色
  • WASD 按了没反应 → 修移动
  • 点一个工作台任务就连跑到底,不一步一步来 → 修流程节奏
  • 镜头自动转动时和我的手动拖动「打架」 → 修运镜逻辑
  • 工作时角色被界面文字挡住 → 改成制作时界面自动淡出
  • 搬运作品时最好是端着托盘 → 加了托盘动画
  • 两张桌子的朝向不对 → 修场景布局

四、我最后做成了什么,想给后来的人留一句什么建议

最后做出来的东西,我自己还是比较满意的:

给后来人的建议就一句:不要等学会了再开始,直接把你想做的东西说给 TraeCode 听。 你的任务不是写代码,而是当一个认真的产品验收员——每一轮打开页面仔细看,把你看到的问题用大白话反馈回去。非技术背景在这个流程里不是劣势,有时候反而是优势:你不会被实现细节带偏,只关注这东西好不好用、好不好

Trae宝.html (50.7 KB)

3 个赞

这个想法真心不错,还有进步空间

1 个赞