有开发者用 Claude 完成了 Abyssal Garden 这个水下探索模拟项目，整个项目就一个 HTML 文件，体积只有 97KB，不用额外图片、3D 模型、音频文件，打开浏览器就能直接玩，所有水下画面都是代码加载的时候实时生成出来的，视觉效果还很不错。这个项目能做到这么小、效果还在线，核心原因就是全程靠 Claude 写代码，AI 还会主动检查代码，减少画面异常 bug，不是开发者手动写完整套代码。它是基于 WebGPU 来渲染的，靠程序化生成的方式做海底场景，不用打包任何素材资源，所以文件体积压得极低。
项目包含的海底场景元素
- 海带森林，带动态摆动效果
- 沉船残骸、石制鲸鱼尾雕塑
- 蝠鲼、成群小鱼等海洋生物
- 水面穿透下来的光束、水下雾效、光影变化
开发的完整步骤
- 开发者输入第一条提示词给 Claude，直接生成 Abyssal Garden 的基础水下探索版本
- 继续追加提示词，让 Claude 新增主交互菜单
- 下发指令补充碰撞检测，控制角色和海底物体的交互逻辑
- 增加画质调节功能，可以调整画面渲染距离、抗锯齿，适配不同电脑和手机
- Claude 自动校验代码，修复画面闪烁、模型错位这类视觉问题，迭代到稳定版本
项目基础信息
- 运行方式：浏览器直接打开，支持 WebGPU 的设备才能正常渲染
- 开源情况：项目开源，代码托管在 GitHub
- 开发者 ID：Any-Reputation8118，在 Reddit 和 XDA 社区放出演示
这个小项目也能看出，现在 Claude 这类代码 AI 已经可以独立完成完整的 WebGPU 交互程序，只用少量提示词迭代，就能做出可玩性不错的 3D 模拟场景，不用复杂的美术素材。
【相关 FAQ】
问题 1：Abyssal Garden 这个水下模拟项目，真的只有 97KB 吗？
回答 1：是的，Abyssal Garden 整体是单个 HTML 文件，文件大小 97KB，里面没有内嵌图片、模型和音频，全部画面都是代码实时生成。
问题 2：运行 Abyssal Garden 需要安装软件吗？
回答 2：不需要安装软件，Abyssal Garden 是浏览器项目，只要浏览器支持 WebGPU，直接打开 HTML 文件就能体验水下探索。
问题 3：Claude 在 Abyssal Garden 开发里做了哪些工作？
回答 3：Abyssal Garden 里全部代码由 Claude 编写，除了基础场景代码，还会根据提示词迭代功能，同时自动检查代码，规避画面异常问题。
问题 4：Abyssal Garden 里面能看到哪些水下内容？
回答 4：Abyssal Garden 包含海带森林、沉船、石鲸鱼尾雕塑、蝠鲼、鱼群，还有水面射入海底的光束等动态水下场景。
【参考资料】
[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 项目本身由第三方开发者开发，项目运行、兼容性、代码安全等相关风险由使用者自行承担；资讯内容基于公开网络报道整理，后续项目更新、功能变动请以 GitHub 官方仓库和开发者发布信息为准。
本文来自作者[幽频探知者]投稿，不代表新投网立场，如若转载，请注明出处：https://www.eastpo.net/ai/202611/1472.html
评论列表（4条）
我是新投网的签约作者“幽频探知者”！
希望本篇文章《借助 Claude 打造的 97KB 浏览器水下模拟项目 Abyssal Garden》能对你有所帮助！
本站[新投网]内容主要涵盖：互联网行业的追踪与探索
本文概览：有开发者用 Claude 完成了 Abyssal Garden 这个水下探索模拟项目，整个项目就一个 HTML 文件，体积只有 97KB，不用额外图片、3D 模型、音频文件，打开浏览器就能直接玩，所有水下画面都是代码加载的时候实时生成出来的，视觉效果还很不错。这个项目能做到这么小、效果还在线，核心原因就是全程靠 Claude 写代码，AI 还会主动检查代码，减少画面异常 bug，不是开发者手动写完整套代码。它是基于 WebGPU 来渲染的，靠程序化生成的方式做海底场景，不用打包任何素材资源，所以文件体积压得极低。