Cesium系列实现电光弧圈

var shader = `uniform vec4 color;
uniform float speed;

#define pi 3.1415926535
#define PI2RAD 0.01745329252
#define TWO_PI (2. * PI)

float rands(float p){
  return fract(sin(p) * 10000.0);
}

float noise(vec2 p){
  float time = fract( czm_frameNumber * speed / 1000.0);
  float t = time / 20000.0;
  if(t > 1.0) t -= floor(t);
  return rands(p.x * 14. + p.y * sin(t) * 0.5);
}

vec2 sw(vec2 p){
  return vec2(floor(p.x), floor(p.y));
}

vec2 se(vec2 p){
  return vec2(ceil(p.x), floor(p.y));
}

vec2 nw(vec2 p){
  return vec2(floor(p.x), ceil(p.y));
}

vec2 ne(vec2 p){
  return vec2(ceil(p.x), ceil(p.y));
}

float smoothNoise(vec2 p){
  vec2 inter = smoothstep(0.0, 1.0, fract(p));
  float s = mix(noise(sw(p)), noise(se(p)), inter.x);
  float n = mix(noise(nw(p)), noise(ne(p)), inter.x);
  return mix(s, n, inter.y);
}

float fbm(vec2 p){
  float z = 2.0;
  float rz = 0.0;
  vec2 bp = p;
  for(float i = 1.0; i < 6.0; i++){
    rz += abs((smoothNoise(p) - 0.5)* 2.0) / z;
    z *= 2.0;
    p *= 2.0;
  }
  return rz;
}

czm_material czm_getMaterial(czm_materialInput materialInput)
{
  czm_material material = czm_getDefaultMaterial(materialInput);
  vec2 st = materialInput.st;
  vec2 st2 = materialInput.st;
  float time = fract( czm_frameNumber * speed / 1000.0);
  if (st.t < 0.5) {
    discard;
  }
  st *= 4.;
  float rz = fbm(st);
  st /= exp(mod( time * 2.0, pi));
  rz *= pow(15., 0.9);
  vec4 temp = vec4(0);
  temp = mix( color / rz, vec4(color.rgb, 0.1), 0.2);
  if (st2.s < 0.05) {
    temp = mix(vec4(color.rgb, 0.1), temp, st2.s / 0.05);
  }
  if (st2.s > 0.95){
    temp = mix(temp, vec4(color.rgb, 0.1), (st2.s - 0.95) / 0.05);
  }
  material.diffuse = temp.rgb;
  material.alpha = temp.a * 2.0;
  return material;
}
`;
Cesium.Material.EllipsoidElectricType = 'EllipsoidElectric';
Cesium.Material._materialCache.addMaterial(
 Cesium.Material.EllipsoidElectricType,
  {
 fabric: {
 type: Cesium.Material.EllipsoidElectricType,
 uniforms: {
 color: new Cesium.Color(1.0, 0.0, 0.0, 0.7),
 speed: 1,
      },
 source: shader,
    },
 translucent: function (material) {
 return true;
    },
  }
);
var op = viewer.scene.primitives.add(
 new Cesium.Primitive({
 geometryInstances: new Cesium.GeometryInstance({
 geometry: new Cesium.EllipsoidGeometry({
 radii: { x: 1000, y: 1000, z: 1000 },
 maximumCone: Cesium.Math.PI_OVER_TWO,
      }),
 modelMatrix: Cesium.Transforms.eastNorthUpToFixedFrame(
 Cesium.Cartesian3.fromDegrees(110.95115601835178, 34.93149218673128)
      ),
    }),
 appearance: new Cesium.MaterialAppearance({
 material: Cesium.Material.fromType('EllipsoidElectric', {
 color: Cesium.Color.GREEN,
 speed: 5,
      }),
    }),
  })
);

感谢数字视觉（dc-sdk）学习平台