从 Three.js 到原生 WebGL:一次 AI 迁移实验
不使用 Three.js,能否让 AI 用原生 JavaScript 与 WebGL 实现一个已有的 3D 作品?一次小型迁移实验给出了具体案例。
实验怎么做
实验先用 Three.js 制作了一枚裸鳃海蛞蝓主题的法贝热风格彩蛋,随后在创建该作品的同一段对话中,要求 Claude 将其迁移到原生 JavaScript。
使用的模型标注为 Claude Opus 5.5 Medium,运行于普通 Claude Chat 中。迁移后的实现使用原生 JavaScript 与 WebGL,不再依赖 Three.js。
两个版本标注的文件大小分别为:
| 实现方式 | 文件大小 |
|---|---|
| Three.js | 77KB |
| 原生 JavaScript + WebGL | 98KB |
能实现,但并非完全复刻
两个版本的视觉效果并不完全相同。Claude 在对话中解释了差异,但实验者表示,自己并未完全理解造成这些差异的原因。
在代码可读性上,实验者粗略查看后认为,Three.js 版本稍微更容易理解。不过,他平时很少查看这些 3D 项目的代码,因此没有把这一点视为主要问题。
这个案例说明了什么
至少在这个具体作品中,Claude 完成了从 Three.js 到原生 JavaScript 与 WebGL 的迁移。不过,完成迁移不等于效果完全一致,也不等于性能更好。
这份实验记录没有提供帧率、加载耗时、兼容性或维护成本的比较;仅凭两个文件的大小,也无法判断哪一种方案整体更优。
浏览(10)
