夜雨聆风学习资料网

ARTICLE · 1080970

AI 做的 3D 游戏能有多强?开源 Tidewater 浏览器直接玩,海岛钓鱼画面拉满

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 现场录音,海浪声和每一道破碎波同步,还有鲸歌、鱼竿、船引擎

功能模块

模块
能做什么
钓鱼玩法
抛竿、咬钩、线张力搏斗、渔获卡与鱼志 — 原来只是看画面,现在真能玩
装备系统
卖鱼换钱,买线、卷线器、鱼竿、货舱、引擎、探鱼器 — 原来一竿到底,现在有成长曲线
岛屿世界
沙滩、丘陵、岬角、渔村、码头、珊瑚礁、植被 — 原来只有空场景,现在是个完整环境
海洋模拟
FFT 海面、破碎波、浅水冲刷、船尾流、焦散 — 原来水面靠贴图,现在是真物理
水上水下一体
水线上下分屏视图、海床折射、出水后镜头水滴 — 原来只能看水面,现在能潜下去
在线试玩
浏览器直接打开即可玩 — 原来要配环境,现在点开就行

🖥 系统演示

这是沙滩在傍晚的实机画面。光影、浪花、植被层次都是实时渲染出来的 👇

游戏内容也做得很完整。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 ⭐ 支持作者!

点个关注🌟,精彩不迷路❤️

免责声明: 本公众号所发布的内容来源于互联网,我们会尊重并维护原作者的权益。由于信息来源众多,若文章内容出现版权问题,或文中使用的图片、资料、下载链接等,如涉及侵权,请告知我们,我们将尽快处理。

相关学习资料