这个走红的项目名字叫 Abyssal Garden，是一个可以直接在浏览器打开交互的水下模拟场景，整体只打包成单个 97KB 的 HTML 文件，没有外置图片、3D 模型、音频和第三方库，海底景物、生物、光影效果全部依靠代码在页面加载的时候实时生成，整套代码都是开发者借助 Claude 完成编写，AI 还会自主校验代码，减少画面 bug；开发者只用一条初始提示词就生成基础版本，后续不断追加指令，陆续加上菜单、碰撞检测、画质调节功能，打开网页之后用户可以自由在水下漫游，里面包含海带森林、沉船、鲸鱼尾石雕、蝠鲼、游动鱼群、水面光束等丰富画面，依靠 WebGPU 渲染，体积极小但是视觉效果惊艳，在海外社区快速传播走红。

项目基础信息清单

  • 项目名称：Abyssal Garden（深渊花园）
  • 文件大小：97KB，单 HTML 文件
  • 开发工具：Claude（Fable 5.2）
  • 渲染技术：WebGPU
  • 资源特点：无图片、无模型、无音频、无外部依赖库
  • 授权：MIT 开源协议
  • 创作者：Any-Reputation8118

场景内置内容清单

  1. 自然景观：大片海带森林、海底岩石、水下体积光（阳光从水面穿透）
  2. 场景摆件：沉船残骸、石质鲸鱼尾雕塑
  3. 动态生物：鱼群、蝠鲼，具备自主游动逻辑
  4. 配套功能：主菜单、画质档位调节、碰撞检测，防止直接穿模

开发流程步骤

  1. 开发者提交第一条提示词给 Claude，生成水下场景基础原型，完成基础漫游和渲染逻辑。
  2. 持续发送迭代提示词，让 Claude 新增交互菜单、画质选项。
  3. 要求 Claude 增加碰撞检测逻辑，优化场景边界，避免穿模。
  4. Claude 自主校验代码，排查渲染异常、画面错乱的问题，自动修正部分 bug。
  5. 最终输出单文件 HTML，压缩后仅 97KB，上传 GitHub 开源分享。

优势与局限对比表

项目优势存在局限
文件体积极小，传输、打开速度快对浏览器 WebGPU 支持有要求，老旧浏览器无法运行
零外部资源，所有画面程序化生成没有音效，缺少听觉氛围
开源，代码全部由 AI 生成，适合学习 AI 图形编程设备显卡性能弱的时候容易卡顿、掉帧

补充背景说明

这个项目并不是独立浏览器软件，而是网页应用，“浏览器水下世界” 意思是在普通浏览器里面直接访问体验；它属于程序化图形生成 Demo，不是商业游戏，亮点在于证明大模型可以独立完成一套完整 WebGPU 图形项目代码，而不是只写简单小段脚本。

【相关 FAQ】

问题 1：这个爆火的 97KB 浏览器水下世界项目叫什么名字，代码是谁写的？

回答 1：项目名叫 Abyssal Garden，也就是深渊花园，整套项目全部代码由 Claude 编写，开发者通过提示词引导 AI 迭代开发。

问题 2：97KB 浏览器水下世界里面有没有图片、3D 模型素材？

回答 2：没有，这个 97KB 的 HTML 文件不附带图片、3D 模型、音频文件，所有水下画面都是加载时由代码实时程序化生成。

问题 3：体验 97KB 浏览器水下世界 Abyssal Garden，需要安装专门客户端吗？

回答 3：不需要客户端，它是网页项目，只要浏览器支持 WebGPU，直接打开 HTML 或者访问项目链接就可以在浏览器里面漫游水下世界。

问题 4：Claude 编写 97KB 浏览器水下世界的时候，能不能自己检查代码问题？

回答 4：可以，开发者介绍 Claude 会自主检查渲染代码，主动修复部分画面异常、视觉 bug，降低迭代调试的工作量。

【参考资料】

[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

【免责声明】

本文为项目资讯科普，97KB 浏览器水下世界 Abyssal Garden 属于开源演示 Demo，不同浏览器、显卡硬件运行效果差异较大；WebGPU 兼容性、项目后续更新以 GitHub 项目主页和 Claude 官方说明为准，不代表 AI 可以无条件开发各类复杂 3D 程序。