Claude3.7 结合 Three.js 的测试
最近，claude3.7 模型更新了，在代码生成上更进了一步。
趁着周末，我将其和 Three.js 进行结合，看看他能生成到什么程度进行了下测试，下面我将测试的结果分享一下。
首先，我在花瓣上面随便找了一张图，当作设计稿，想看看它可以基于这个设计稿能够复原到什么程度。
粗粒度尝试
- 我使用的是 windsurf 编辑器，然后选择 Claude3.7 没有打开 thinking
- 创建一个 test 文件夹
- 选择 3.7 并且是 chat 模式
4. 给出提示词,这次给的很简单
基于这个效果图，使用threejs实现
然后，等待一会
可以看到，他能生成大概的色系，但是酷炫的效果无法实现，而且对于光影也拿捏的不是很好。目前看过来，还是比较呆板。
第二次测试
- 这次我优化了下我的提示词
我想开发一个threejs相关的大屏地图数据查看的页面，请你根据我上传的设计稿进行开发，必须还原设计稿的样子。
1. 左右两侧是数据展示，需要带一些透明度，要有科幻风的感觉
2. 中间区域是模拟的城区，需要标记出一些重点的区域，还要标签进行展示
3. 城区需要酷炫一些，支持常用的鼠标操作。
他给出的效果还是有点平淡，接着，我又给出了几次提示，
1. 当前效果比较平淡，将其酷炫一些
2. 增加一些流光效果
3. 城市方块增加分区，而且目前太紧凑了，请分散一些当然，这次不是一次提示词就完成了下面的效果，我又做了一些细节调整还有修复一些问题。不过在这个过程中，我没有写任何一段代码，都是由 claude 完成的。
AI 的发展速度远超我的预估，24 年一年 AI 在编程领域我感觉就已经天翻地覆了。5 年后，会变成的如何谁知道呢。