只说了 make the model，Claude 交出一只可拆的机械章鱼
一张参考图，25 秒动画，2616 行 three.js 代码。机械章鱼的 8 条臂、202 个连杆和 480 个轮子都能拆，视频里还有它炸开重组的过程。
Fokki 在 X 上发了一条演示：给 Claude Opus 5.5 一张图，只说 make the model，模型返回一只能在浏览器里拆开的机器人章鱼。视频 25 秒，代码 2,616 行。
画面左侧是 Pelagos OC-8 的数据面板，推进器压力、电量、臂部弯曲状态都在跳。右侧的机械章鱼由花瓣状外壳、镜头和连杆组成。输出不是预渲染视频，每个部件都由 three.js 代码搭出来。three.js 是浏览器里的 3D 库，普通读者可以把这段理解成网页里能实时转动、拆件、摆姿势的模型。
Fokki 把过程写得很细。参考图先定外观，花瓣、镜头、连接件逐一对齐。模型没有直接做动画，先渲染一张静帧和原图并排，修了三轮缝隙，才进入后面 25 秒的短片。第一版看起来像玩具，它回去把 202 个连杆和 480 个轮子塞进 8 条臂。每条臂只提交一次 draw call，每帧沿着弯曲链计算姿态。draw call 可以粗略理解为渲染器每帧要处理的绘制批次，数量少一点，实时交互更稳。
动画节奏也清楚。每 2 到 3 秒有部件打开：镜头旋开，外套铰链张开，泵旋转着升起。第 16 秒，整只章鱼在 330° 转台上散开，再在转台转完前合回去。25 秒结束时，它自己走出画面。
这段演示值得看的地方，是模型先做静帧校验，再碰动画。很多生成式 3D 演示死在第一步：远看有形状，近看接缝对不上，一动就散。Fokki 的记录里，三轮修缝隙发生在渲染短片之前，这个顺序很像人类做 3D 的工程流程。评论区有人注意到这点，说修静帧那一步是没人看见的慢活。也有人看完关掉 Blender，还有人问渲染花了多少小时。
有网友联想到《黑客帝国》的 Sentinel。视频在下面。
Fokki 把 skill、prompt 和 live sim 放在原推里，Elvar 也写了文章说明这套 skill。对开发者来说，可以拆开看 three.js 的层级、draw call 控制和逐帧姿态。对非技术读者来说，这是一张图变成可交互机械模型的完整样例。Claude Opus 5.5 这次没有只给一张漂亮的静帧，它把可拆、可动、可自检的流程一起交了出来。
发布时间: 2026-10-31 18:40