Simon Willison用Claude Opus 5.5将Three.js 3D作品移植为原生JavaScript
作者称,Claude Opus 5.5(Medium档,运行于普通Claude聊天界面)能在同一会话中把Three.js制作的“海蛞蝓主题法贝热彩蛋”改写成Vanilla JS + WebGL;两个版本并不完全相同。
AI解读:Simon Willison记录了一次个人实验:他先做了一个Three.js版“海蛞蝓主题法贝热彩蛋”,然后让Claude Opus 5.5把它移植成原生JavaScript版本。
据他所述,Claude在构建该作品的同一对话线程中完成了移植,输出文件大小为 98KB,原先的Three.js文件为 77KB。
Willison称两个版本并不一致,并把Claude对差异的说明附在对话记录链接中;他表示自己不完全理解差异原因。
他的判断是:Claude Opus 5.5完全能在不使用Three.js的情况下,用原生JavaScript加WebGL做 3D建模;他个人读代码时觉得Three.js版稍容易理解,但他很少看这类 3D项目的代码。
Simon Willison在评论Paul Ford的文章《The Web Is More Than Enough》时,记录了自己用Claude做 3D代码移植的一次尝试。
他说,自己先用Three.js做了一个“海蛞蝓主题法贝热彩蛋”,随后在同一对话线程中要求Claude Opus 5.5(Medium档,运行于普通Claude聊天界面)把它移植为Vanilla JS版本。
两个版本与一份对话记录
Willison给出的Three.js版本文件为 77KB,Claude移植后的原生JavaScript版本为 98KB。
他明确说两者并不相同,并把Claude关于差异的说明放在公开对话记录中;他同时表示自己不完全理解为什么会有差异。
- Three.js版:77KB
- 原生JavaScript版:98KB
- 差异说明见Claude分享的对话记录
作者对结果的判断
Willison的结论是,Claude Opus 5.5能在Vanilla JS + WebGL环境下完成这个 3D建模任务,无需Three.js。
他还提到,粗略浏览代码时,自己觉得Three.js版本稍容易理解;不过他很少查看这类 3D项目的代码,因此这一点对他影响不大。