ARTICLE · 1080970
AI 做的 3D 游戏能有多强?开源 Tidewater 浏览器直接玩,海岛钓鱼画面拉满
做 3D 游戏这件事,门槛一直高得吓人。要选引擎、写渲染管线的代码、调海洋和天空的效果、做物理、找美术资源、再配上音效,一支小团队做几个月,可能才有个能看的原型。如果只是想给网页加一段逼真的海面或者一个 3D 场景,光是把 WebGL 的水面渲染调好看,就够你熬上好几个晚上。有没有一个东西,能让你直接看到"现在 AI 协作能把 3D 做到什么程度",而且打开浏览器就能玩?
文末附 GitHub 地址和在线试玩地址,开源免费,MIT 协议。
Tidewater 就是干这个的。它是一个跑在浏览器里的完整 3D 海岛钓鱼游戏,由知名 WebGL 创作者 dgreenheck 用 Claude Opus 5.5 协作构建。引擎是自己写的,只用 WebGPU 和 WGSL,没有用任何现成的游戏框架。你从码头、沙滩或者自己的船上抛竿钓鱼,和鱼搏斗,把渔获卖给沙滩上的 Joe,再到 Marta 的杂货铺升级装备。环绕你的是一片实时渲染的热带海洋,可以下水游礁石、开船去深水,甚至能看到座头鲸跃出水面。开源免费、MIT 协议、浏览器打开即玩、无框架自研引擎。
Tidewater 适合对 3D 图形、网页游戏、AI 协作开发感兴趣的开发者和创作者,也可以作为 WebGPU 渲染技术的参考实现。围绕 完整玩法、物理海洋、自研引擎 三大核心能力:
- 完整玩法
:不是技术演示,是真能玩的游戏,抛竿、咬钩、线张力搏斗、卖鱼、升级装备、保存进度一整套 - 物理海洋
:四阶 FFT 海洋(Tessendorf 频谱)、深度感知破碎波、浅水冲刷模拟、船尾流、水下折射与焦散 - 自研引擎
:从数学库、场景图、GPU 资源到 WGSL 着色器组合全部自己写,没有一个现成框架
🤖 技术架构

Tidewater 的核心是一套自研的 WebGPU 实时渲染引擎。它没有用 Three.js 之类的库,从底层的数学与几何、GPU 资源管理、着色器组合,到材质、光照、阴影,都是从这个项目里长出来的。
Tidewater 是"引擎 + 海洋 + 天空 + 世界"的分层结构,其中引擎层负责渲染基础,海洋层负责水体物理,天空层负责大气与云,世界层负责岛屿与角色。具备以下核心能力:
- 四阶 FFT 海洋
:用 Tessendorf 频谱生成真实海面,叠加泡沫、白浪、风纹和涌浪 - 深度感知破碎波
:波浪在浅处翻卷破碎,带出浪花、飞沫和泡沫花边 - 物理大气天空
:基于 Hillaire 2020 的大气模型,日月星、体积积云、卷云、云影一应俱全 - 后处理链
:级联阴影、地面反弹光、GTAO 环境光遮蔽、时间上采样、泛光、自动曝光、运动模糊 - 位置音频
:用真实的 CC0 现场录音,海浪声和每一道破碎波同步,还有鲸歌、鱼竿、船引擎
功能模块
| 钓鱼玩法 | |
| 装备系统 | |
| 岛屿世界 | |
| 海洋模拟 | |
| 水上水下一体 | |
| 在线试玩 |
🖥 系统演示
这是沙滩在傍晚的实机画面。光影、浪花、植被层次都是实时渲染出来的 👇

游戏内容也做得很完整。18 种加勒比海域鱼类分布在不同水域(浅滩、码头、礁石、海湾、深水),有的只在黎明、黄昏或夜里咬钩。钓鱼时要把线张力控制在绿色区间,鱼发力时适当放线,不然会断线。渔获会生成长度和重量的成绩卡,记进鱼志,放进冰箱。码头边的 Joe 会收购你的鱼,Marta 的杂货铺卖更强的线、更快的卷线器、更长的鱼竿、更大的货舱、油箱、重建的引擎、探鱼器和夜间甲板灯。
它还原了鱼竿卷线器的细节动画(线杯、转子、摇把都在动),船上柴油会烧完,需要去杂货铺加油。设置面板可以调海况、时间、太阳方位、云量、雾霭和后处理,进度存在浏览器里。还提供了 URL 参数(比如 ?fly 直接进自由相机、?noAudio 关声音、?noClouds 跳过体积云),方便低配机器降负载。
和普通"AI 生成 3D"差别在哪
过去一年,"AI 生成 3D"大多是生成一个模型文件或者一张静图,看着惊艳,但没法真的用起来。Tidewater 展示的是另一种层次:AI 协作做出的是一个没框架、自研引擎、有完整玩法、跑在浏览器的实时 3D 游戏。它把工程上的难活——GPU 资源管理、着色器组合、光照后处理、音频同步——都落地了,而不是停留在演示片段。
当然它也有前提:需要支持 WebGPU 的浏览器(较新的 Chrome、Edge 或 Safari)和一块像样的显卡(作者目标是 Apple M5 Pro 上 2560×1267 跑 60 帧,性能不足会自动降分辨率);首次打开要编译几百个着色器,可能等一分钟以上,之后靠浏览器缓存会快很多。
总结
Tidewater 支持在浏览器里直接玩一个完整的 3D 海岛钓鱼游戏,以"自研 WebGPU 引擎、物理海洋、完整玩法"为核心理念,覆盖渲染、海洋、天空、玩法全链路,展示 AI 协作开发能到达的高度。
💡 一句话记住这个项目:Tidewater 让你用 打开浏览器 就能体验一个 AI 协作、自研引擎的 3D 钓鱼游戏,FFT 海洋、体积云、真玩法一样不缺。
GitHub 地址:https://github.com/dgreenheck/tidewater 在线试玩:https://dgreenheck.github.io/tidewater/ 如果觉得有用,欢迎 Star ⭐ 支持作者!
点个关注🌟,精彩不迷路❤️
免责声明: 本公众号所发布的内容来源于互联网,我们会尊重并维护原作者的权益。由于信息来源众多,若文章内容出现版权问题,或文中使用的图片、资料、下载链接等,如涉及侵权,请告知我们,我们将尽快处理。