开发者借助 Claude Fable 5.2 开发了 Abyssal Garden 水下探索模拟项目，整个项目打包成单个 HTML 文件体积只有 97KB，没有额外图片、3D 模型、音频素材和第三方依赖库，所有海底场景、生物、光影音效全部在浏览器加载时通过代码程序化生成，依靠 WebGPU 完成渲染。传统 3D 演示项目一般要带上大量资源文件，文件体积很容易达到几十 MB，对网络、设备存储要求更高；而这个项目把 WGSL 着色器、海洋光学效果、生物动画逻辑全部写进小段代码里，Claude 不仅负责写代码，还会自检画面 bug，开发者从一条初始提示词起步，不断追加需求，逐步补上菜单、碰撞检测、画质调节等交互功能。想要体验这个项目，只需要打开支持 WebGPU 的浏览器访问对应页面，同时也可以在 GitHub 查看开源源码，后续还能继续用提示词让 Claude 迭代新增海底元素、交互玩法。
Abyssal Garden 项目核心信息清单
- 项目名称：Abyssal Garden
- 开发工具：Claude Fable 5.2
- 文件大小：97KB，单 HTML 文件
- 渲染底层：WebGPU
- 资源特点：无外部图片、模型、音频、第三方库，全程序化生成
- 内置场景：海带森林、沉船、石质鲸鱼尾雕塑、蝠鲼、鱼群、水面光束、水下焦散光影
- 配套功能：主菜单、碰撞检测、画质自适应调节、动态分辨率缩放
- 开源协议：MIT 开源许可
常规 3D 演示项目和 Abyssal Garden 对比
| 项目类型 | 文件体积 | 资源依赖 | 运行条件 | 迭代方式 |
|---|---|---|---|---|
| Abyssal Garden | 97KB | 无外部资源，纯代码生成 | 浏览器支持 WebGPU | 提示词驱动 Claude 迭代代码 |
| 普通 Web 3D 演示 | 数 MB~ 几十 MB | 贴图、模型、音效、前端 3D 库 | 通用浏览器，部分对显卡要求低 | 人工修改模型、资源、代码 |
体验与二次开发步骤
- 准备支持 WebGPU 的浏览器，新版 Chrome、Edge 都可以满足要求
- 打开项目在线地址或者本地打开 HTML 文件，进入水下探索场景
- 测试基础交互，调整画质档位，观察鱼群、光影、海带物理动画效果
- 查看 GitHub 源码，对照 Claude 的提示词记录理解实现思路
- 新增需求提示词给到 Claude，继续扩展生物种类、海底地形、交互机制
- 完成修改后重新打包 HTML，测试不同桌面、移动 GPU 上的帧率稳定性
【常见问题】
问题 1：开发者借助 Claude 开发出体积仅 97KB 水下探索模拟项目 Abyssal Garden，97KB 里面包含了哪些内容？
回答 1：开发者借助 Claude 开发出体积仅 97KB 水下探索模拟项目 Abyssal Garden，97KB 的 HTML 文件包含渲染着色器、场景生成逻辑、生物动画、交互控制、音频合成代码，不包含任何独立图片、模型素材。
问题 2：开发者借助 Claude 开发出体积仅 97KB 水下探索模拟项目 Abyssal Garden，为什么这个项目需要 WebGPU 支持？
回答 2：开发者借助 Claude 开发出体积仅 97KB 水下探索模拟项目 Abyssal Garden，水下光影、焦散效果、大量程序化几何体的实时渲染依赖 WebGPU 的高性能着色管线，不支持 WebGPU 的浏览器无法正常加载画面。
问题 3：开发者借助 Claude 开发出体积仅 97KB 水下探索模拟项目 Abyssal Garden，开发者是怎么用 Claude 完成整个项目迭代的？
回答 3：开发者借助 Claude 开发出体积仅 97KB 水下探索模拟项目 Abyssal Garden，先用一条提示词生成基础水下世界，之后持续追加提示词，让 Claude 增加菜单、碰撞检测、画质控制，同时 Claude 自动检查代码修复画面异常。
【参考资料】
[2026-11-15]（开发者借助 Claude 开发出体积仅 97KB 水下探索模拟项目 Abyssal Garden）IT 之家
[2026-11-15]（Someone Used Claude Fable 5.2 To Generate A Stunning Underwater Sim That’s Only 97 KB In Size）VRGearGuide
[2026-11-14]（Abyssal Garden renders WebGPU ocean in 97KB）AICrier
【免责声明】
本文仅整理 Abyssal Garden 水下模拟项目公开信息，开发者借助 Claude 开发出体积仅 97KB 水下探索模拟项目 Abyssal Garden 属于 AI 生成代码的演示 Demo；不同显卡、浏览器版本的 WebGPU 兼容性存在差异，运行效果会有区别，项目功能和性能以 GitHub 源码和官方演示为准。