claude 3.7 玩 three.js 也太震撼

想着等cursor敲代码时,用Claude官网版测一下three.js的效果,结果也太惊艳


chrome-capture-2025-2-27

Prompt:

创建一个单一HTML文件,包含CSS和JavaScript,以Three.js生成一个动态的太阳系运行图。这个运行图应该包含以下天体,并具有各自独特的动画效果:
1. 太阳:显示在中央,有发光和脉动效果
2. 水星:最靠近太阳的行星,灰褐色
3. 金星:第二颗行星,黄白色
4. 地球:第三颗行星,蓝绿色,可选添加一个绕行的月球
5. 火星:第四颗行星,红色
6. 木星:第五颗行星,橙褐色,体积最大
7. 土星:第六颗行星,黄棕色,具有环带
8. 天王星:第七颗行星,青蓝色
9. 海王星:第八颗行星,深蓝色
10. 冥王星:被开除行星籍的矮行星,灰褐色,体积最小
每个天体应该:
* 按照相对真实的轨道半径比例围绕太阳运行(可适当调整以适应显示)
* 具有相对准确的视觉特征(颜色、环等)
* 以不同的速度运行,模拟真实的轨道周期差异
整个运行图应具有以下特点:
* 深色背景,模拟太空环境,可添加星星点缀
* 太阳应有发光效果
* 使用者可以通过按钮或控制面板调整运行速度(如:慢速、中速、快速)
* 可选添加行星名称标签和轨道线
请提供完整的HTML、CSS和JavaScript代码,使这个太阳系运行图能够在浏览器中直接运行。代码应组织良好,并附有注释,以便于理解和修改。
65 个赞

试了一下好厉害

2 个赞

牛牛牛!!!

1 个赞

是不是只有 claude 可以实时演示?试了其他几家模型都只给源代码 没有实时模拟演示~

1 个赞

应该chatgpt也有,但我脱离chatgpt很久了,只泡在claude和cursor。
实在没有你把代码保存一份.html文件,直接拖到浏览器也可以直接看到效果

1 个赞

用trae的claude3.5试一了下

3 个赞

这样看来claude 3.7对prompt的理解和掌控比以前更精准了,基本上10个星体和对应的要求都完全呈现。
这个prompt也不是我自己写的,我是叫claude帮我写个prompt,然后我直接复制。
以后prompt工程更简化了。最懂AI还是只有AI :tieba_087:

3 个赞


牛的,牛的

1 个赞

deepseek 官方的效果
Jietu20250227-171001-HD

这么牛!

GPT


我的claude一直报这个错:

牛啊,太厉害了


这是cursor的3.5


Trae的Claude3.5

1 个赞


震撼到我了!!!!

太阳系模拟.txt (21.7 KB)
把代码也附上吧

用今天的国内版Trae试了试,使用的DS- R1模型。

牛啊,太厉害了

我都想转前端了,前段太爽了

啊啊,震撼