Question

需求：通过超图webgl产品（cesium，材质、着色器等）前端动态渲染水面特效（因为水面数量和范围不是固定的），水面特效效果需要达到或趋近于超图示例（三维切片服务形式）。

萨尔兹堡（水面特效）

鸟巢（水面特效）

Answer 1

感觉可以参考一下这篇博客呢 https://www.cnblogs.com/mumu122GIS/p/11233063.html

Comments

谢谢，这篇blog我也有看到，但是这样做效果一般，不够逼真，没有水的折射和反射效。

---

Cesium自带的那个的确是没有反射效果，或许可以这样能，用超图的组件自己封装一个接口，有新的面数据进来了就自动处理成水面然后发服务，给前端返回一个服务地址；这样做虽然麻烦了一点，但是应该是可以实现的

---

嗯，谢谢，但是不行，我这边需求是内涝淹没仿真模拟，根据水动力模型计算的淹没范围进行展示。

不同模型每次计算结果对应有N多个时刻，每个时刻的这个淹没范围的面大小和数量都是不固定的。

Answer 2

记得cesium自带了水面的材质，直接绘制个primitiv然后加个水面的shader就可以了吧。

Comments

谢谢，这样做效果一般，不够逼真，没有水的折射和反射效。

Answer 3

您好，

楼上说的没有问题，具体的示例代码您可以参考

https://blog.csdn.net/qq_36213352/article/details/122621929

或者

https://blog.csdn.net/weixin_45782925/article/details/123382069

Comments

你好，这两篇blog，都有看到。但是这个水的效果还是不够逼真，没有水的折射和反射效果。

---

Cesium这个自带的水特效确实没有折射反射效果。

如果要通过前端的话您可以看一下这篇博客

https://www.cnblogs.com/mazhenyu/p/14622604.html

这个是基于Cesium，结合three.js去实现的