非科班Java出身GISer

非科班Java出身GISer

Cesium 实战 - 自定义纹理材质系列之 - 动态扩散效果

Cesium 给实体对象(Entity)提供了很多实用的样式,基本满足普通项目需求;

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

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

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

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

本文为自定义纹理材质系列之 - 动态扩散效果。

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

本文包括三部分。


核心代码

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

通过计算不同时间的片元颜色,每帧刷新的时候,就是呈现出动态效果。

详细解释见注释:


uniform vec4 color; // 定义颜色,用于设置材质的颜色
uniform float speed
06-25 08:16