纯 HTML 文件造出 3D 水族馆:960 条鱼零库零贴图,Claude 全程代写

Greedy-Giraffe-4269 · reddit · 2026-11-14

Reddit 用户展示了一个惊人的 Claude Code 产出:一个 186 KB、约 3000 行的单 HTML 文件,用纯 WebGL(无库、无图片、无 3D 引擎)实现了裸眼 3D 水族馆效果——鱼群、珊瑚礁、鲸鲨、水母全部由数学在加载时生成。

制作方式:作者只给了一句自然语言挑战「让我的屏幕像鱼缸一样深」,然后不断说「再推进一步」。Claude 写引擎并「执导」全片,把鲸鲨、玻璃碎裂、珊瑚礁、发光夜景四个场景分给 Opus 子代理按书面简报并行完成。作者没写一行代码。
渲染管线:用 headless Chromium 逐帧渲染,每帧取 64 次不同镜头位置/时刻/光源的渲染平均,得到真实的景深模糊、运动模糊和软阴影;3900 帧 1080p60 渲染耗时 22 分钟,帧序列喂给 ffmpeg 合成 65 秒影片。
裸眼 3D 原理:把画面当作「窗户」绘制,画框提供固定边缘参照,鱼穿过画框时大脑自动判定其在屏幕前方。
数字:960 条鱼、9 只水母、335 块玻璃碎片,两个投影光源、镜面水面、随距离衰减红光的拟真水体。

「编程与Agent」频道最新