Cesium 实战 - 自定义纹理材质系列之 - 涟漪效果

Cesium 实战 - 自定义纹理材质系列之 - 涟漪效果

• • 核心代码
  • 完整代码
  • 在线示例

Cesium 给实体对象（Entity）提供了很多实用的样式，基本满足普通项目需求；

但是作为 WebGL 引擎，肯定不够丰富，尤其是动态效果样式。

对于实体对象（Entity），可以通过自定义材质，实现各种动态效果，虽然类似代码网上一搜一堆。

但是本着方便简单易用的原则，本专栏还是添加上，作为一个小系列，提供给需要的 GISer 使用。

作为 自定义纹理材质系列，大概有十几篇文章，包括扩散、涟漪、预警、动态线等效果。

本文为自定义纹理材质系列之 - 涟漪效果。

另外，本文的亮点在于 GLSL 关键注释 以及 在线示例。

本文包括核心代码、完整代码以及在线示例三部分。

核心代码

最主要部分就是 GLSL 代码，对于涟漪效果来说，一般都是通过帧率计算时间，

通过波纹算法，根据不同时间帧率计算波纹间隔以及动态，实现波纹效果。

可以传递颜色、波纹速度、波纹数量、渐变等参数。

详细解释见注释：

// 定义颜色，用于设置材质的颜色
uniform vec4 color;