【标签】 按所选赛道选择话题标签：生活娱乐/学习工作/社会服务/硬件交互，必须四选一；参加附加赛题的还可加选 社会公益 标签。（需要跟报名通过的赛道保持一致）
【标题】 报名赛道 + Demo 名称
（示例：【生活娱乐赛道】+XXXX
【正文】 至少包含以下 4 个部分，可以增加额外的部分（比如自我介绍、经验总结、踩坑复盘等）
0. 先和大家打个招呼吧 
-
你是谁： 一个计算机专业的学生
-
你是怎么用 TRAE 把 Demo 做出来的： 根据我的想法让trae写出一个markdown方案，在此文件基础上对方案修改，对与某方面不叫粗糙的点上询问实现意见，尽量让方案成熟后再交给trae去实现
-
于此我不得不去吐槽，国内版trae所提供的模型太拉了，高级点的还要排队，工具是好工具，但用起来气太大了，不充钱还要排队，最高一次ds-v4-pro排了两千八，给我整乐了，只能说还可以
1. Demo 简介
-
是什么：一款基于 Web 的 3D 魔方教学与复原工具（网站应用，Vue 3 + Three.js 实现），支持浏览器内实时交互。
-
面向谁：魔方初学者与爱好者——用于学习转动记法、观察复原过程、手动录入并求解自定义状态。
-
主要功能：3D 魔方交互渲染 ：支持 2×2 至 5×5 阶，可鼠标拖拽观察，左键顺转 / 右键逆转的基础转动按钮（U/D/F/B/L/R）。随机打乱 + 分步复原 ：一键生成 20 步打乱序列，调用 cubejs 求解器输出最优解，并按步播放 3D 旋转动画。颜色手动录入与求解 ：通过 ColorInputPanel 录入现实魔方的六面贴纸颜色，交由 SolveController 生成复原步骤。
2. Demo 创作思路
-
灵感来源：因为兴趣买了个魔方，瞎拧拧乱了，又不乐意去学，就整个这让我拧回原状；
-
想解决的问题：懒得学怎么拧，给个方便的抄作业工具；
-
为什么做这个方向：市场上找不到这种可视化方便的工具。
3. Demo 体验地址（三选一）
-
交互式可体验的HTML格式文件，请使用Zip格式打包上传到社区；
-
一个很简单的东西，就不拍视频了，压缩的东西说我太大了上传不了（乐，我没招了只能放github上了，很无奈
4. TRAE 实践过程
-
清晰展示用 TRAE 完成 Demo 开发的完整流程；
-
附开发关键步骤截图（不少于 3 张）；
-
附关键任务对话的 Session ID（不少于 3 个），用于证明作品由 TRAE 开发完成。
-
.3300081602397632:44d13f521d591dd83548902d4c639b9a_6a50e8d3fac4e418d3d574f7.6a511037fac4e418d3d575a3.6a511037f9a50867bc7c106c:Trae CN.T(2026/7/10 23:31:03)
-
.3300081602397632:67a2b2e5661219727ca841775b1bee79_6a50e8d3fac4e418d3d574f7.6a50e8f1fac4e418d3d574f9.6a50e8f1f9a50867bc7c106a:Trae CN.T(2026/7/10 20:43:29)
-
.3300081602397632:ed83e8bd6fd7ee3541094a54830ab853_6a50e8d3fac4e418d3d574f7.6a511ffcfac4e418d3d577c3.6a511ffcf9a50867bc7c106d:Trae CN.T(2026/7/11 00:38:20)
5. 对应的报名审核通过的帖子链接
Session ID 在哪找？ Session ID 是 TRAE 每段对话任务的唯一标识，用来证明作品确实由 TRAE 开发完成。请在创作时保留关键任务的对话记录，发帖时附上对应 Session ID——双击 TRAE 的对话复制出来即可。（如下图）
