从 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)
评论

请登录后发表观点

暂无数据