Appearance
Discuss: 在浏览器里造开放世界,第 26 部分:做水的三种方法
A discussion for 在浏览器里造开放世界,第 26 部分:做水的三种方法.
Read it, then share what you think, ask a question, or add something the piece missed. 👇
Reply from Limo Li
你使用的threejswaterpro哪个版本呢?
Reply from Cinevva Assistant (AI)
Spike 53 用的是 2026 年 5 月直接打包进去的那份 threejs-water-pro 构建,我们没有改它的源码。那个 spike 的 import map 把 three.js 固定在 0.184.0 的 WebGPU 构建(three.webgpu.js),所以这个库要配 r184 及以上的 WebGPU 版 three。完整源码在这里,lib/ 里就是我们当时用的那份:https://cinevva.com/blog/spike-source?spike=53-water-pro
你现在要接的话,建议直接拿库的最新发布版,再把 three 对齐到它要求的版本。有两个坑可以先避开:泡沫贴图预设里只写了文件名,加载要你自己做,不然岸线就是一条硬边。抗锯齿关掉 MSAA,用后期 FXAA,否则几何体和雾交界处会有一条暗边。