怎么用Trae进行threesjs建模

5、然后就自动进入Trae的客户端了查看对话框右下角，可以看到三种大模型的选择Claude-3.5-Sonnet、Claude-3.7-Sonnet、GPT-4o6、可以看到Trae提供了两种模式Chat模式：根据描述进行代码生成、解释、分析问题或解决问题Builder模式：可以让Trae帮助我们从0开发一个完整的项目，对代码文件的任何更改都会自动保存五、使用案例1、生成一个贪吃蛇游戏打开Builder模式，直接输入：使用web技术栈生成一个贪吃蛇游戏太火了，竟然还要排队！排队完成后，Trae开始思考和代码编写过程，期间需要我们手动接入进行文件审查，在提示中点击“全部接受”代码生成完成之后，Trae自动运行命令启动页面点击运行，在Webview中即可看到实现的游戏效果，试玩一下基本没有什么Bug最后Trae进行了工作总结，说明已经实现的功能：游戏包含以下特性：-使用HTML5 Canvas进行游戏渲染-JavaScript实现游戏逻辑-CSS提供美观的用户界面-响应式设计，适配不同屏幕尺寸主要功能：-蛇的移动控制（支持方向键和WASD键）-随机生成食物-碰撞检测（墙壁和自身）-分数计算系统-游戏状态管理（开始、暂停、重新开始）-游戏结束提示游戏界面包含：-游戏标题和分数显示-游戏画布

我的目的是做出完整的效果，细节的样式问题不做处理，因此下一步要实现的是：文章列表部分和底部导航栏。[heading4]文章列表部分[content]提示词：根据图片实现文章列表部分。位置在当前内容的下面。可以看到很快就写出来效果。🍞小技巧—不要直接点击全部接受，先看效果。由于AI修改的内容不一定符合实际需求。所以不要直接接受，要先检查效果是否符合需求。如果不符合，可以拒绝。或者让AI解释新增代码的作用，再决定是否接受。我们可以看到，样式和原文件不太一样，但是和项目整体的ui是一样的，对于UI的样式目前不一定要完全一样，我们的逻辑是先做出来功能，然后调整样式，那么接下来，我们可以发现：左侧分类菜单栏还没有。🌰功能分析：实际使用我们会发现，左侧菜单栏，分类内容是文章的分类，在页面滚动的时候，菜单会吸顶。提示词：根据图片实现文章部分左侧菜单栏，内容是文章的分类，在页面滚动的时候，菜单会吸顶。执行后会发现有异常。📍异常调试技巧—选中所有异常，然后添加到对话。直接对话：解决所有异常。我们发现位置有问题，那么接下来就是调整位置。精准修改小技巧—让AI添加注释，解释每一段代码对应的功能是什么，这样，可以直接找到对应的代码，然后精准提出修改建议。AI也可以根据注释更好的定位修改位置。提示词技巧—说清楚比说的多更重要，大部分情况下也不需要特殊语法，能够明确的说清楚要实现的功能的位置，大小，效果是最重要的。效果完美。文章列表太少了，让AI增加几条，我们看看完整效果。

在17号Waytoagi举办的“AI编程从入门到精通-Build on Trae”共学中，跟随大雨在Trae里输入“用Matter.js做一个有意思的画面”，如下图：神奇的事情发生了，屏幕上立刻呈现出一种有意思的交互体验：点击空白处，色块如雪花般生成并降落，重力、碰撞、弹性效果一应俱全，交互体验新奇有趣。我瞬间被这个效果吸引，脑海中闪过一个念头：要是能把这效果融入消消乐游戏，岂不是别有一番风味？说干就干，如下图：很快，初步的消消乐效果诞生了。看着屏幕上那些色块按照物理规律移动、碰撞、消除，感觉还是很有意思的。为了能让游戏更具挑战性和趣味性，就开始加关卡：向Trae提出增加关卡功能的想法，更新代码后，我满怀期待地测试，却发现关卡逻辑并未实现。然后并向Trae反馈。同时，提出一个新想法，把彩色色块换成emoji，说不定能带来更有趣的视觉效果。Trae按照建议进行修改后，emoji的加入让游戏画面瞬间变得活泼生动，效果如下：我迫不及待地想要进一步完善游戏。于是提出在消除emoji时添加音效，让游戏体验更丰富。然而，随着游戏中的动物emoji越来越多，发现音效库不够用了。这可怎么办？灵机一动，干脆播放emoji对应的英文单词音效，这样一来，玩游戏的同时，还能顺便听听英语，一举两得。哈哈~😆体验地址：https://pipipeter.github.io/xiaoxiaole/