用 Claude Opus 5.5 和 Three.js 实现纯代码毛线世界

画面里每一针毛线都是纯代码算出来的，没用一张图片贴图。

这个哥们用 Claude Opus 5.5 加 Three.js，做了一个叫 Yarn World 的 3D 网页。

你扯一下线头，毛线球就会自己散开，在屏幕上一针一针织出一座带小河和木桥的岛屿。

平时我们在网页或游戏里看到这种毛线质感，基本都是美术先画好纹理图片，像贴墙纸一样包在 3D 模型外面。

要是完全不用图片，纯靠写代码、用数学公式把每一针的立体形状和走向算出来，行话叫程序化生成。

这玩意以前是个挺奢侈的手艺。

因为写代码的程序员，很难在脑子里把一堆数学公式直接对应成毛线怎么绕、怎么打结的视觉效果。

反过来，懂画面质感的设计师，通常又写不出这种复杂的空间算法。

能把这两件事合在一起干的人，行业里一直很少，也很贵。

看这个案例，最让我意外的是大模型现在的空间和数学直觉。

你只要想清楚“扯开毛线球织出一座岛”这个过程，Claude Opus 5.5 就能把毛线交织的几何逻辑算明白，直接写成浏览器能跑的 3D 代码。

省掉了找美术画贴图的环节，网页加载还极快，因为传过来的只有代码。

当然，真要做大型游戏里那种极其复杂的角色和光影，纯靠代码硬算肯定还不现实，传统美术流程照样没法省。

但我觉得对个人开发者来说，做产品的账本已经变了。

以前想做个有质感、能互动的 3D 网页，光视觉素材就能把人卡死；现在只要点子够巧，一个人加 AI 就能把这种级别的交互搓出来。

刚才在他的网页里扯了五分钟毛线头，看着小河一针针织出来确实有点爽，以后上班发呆被抓包，终于可以说自己是在观摩前沿的数学建模了。