展示圖：

功能思路：

1、使用WebGL的著色器功能，生成動態的動畫紋理
2、接著使用PolylineMaterialAppearance方法，其作用於PolylineGeometry支援材質著色的外觀，在_fragmentShaderSource屬性（該屬性官方文件沒有）中將動畫紋理賦值上去。
3、最後建立線實體（官方示例中有），線上的材質屬性中賦值，就成功了。

封裝好的方法呼叫

1、Primitive線的建立

var positions2 = [];
positions2.push(Cesium.Cartesian3.fromDegrees(118.21772195, 23.725681793, 0));
positions2.push(Cesium.Cartesian3.fromDegrees(118.21772195, 23.725681793, 5000));

 

2、例項化

var routes2 = [{
			positions: positions2,//經緯度陣列
			startTime: 0.0,
			duration: 2,//速度
			forward: false,//方向 反方向為false 正方向為true
			round: true //true為雙向來回 false 為單方向
		}];
var ss = new ErectdynamicLine({
    routes: routes2,
    width: 2.0,
    color: Cesium.Color.fromCssColorString("#FF0000").withAlpha(0.8),
    id:"erectline"
})

 

豎立流光~指令碼
指令碼已壓縮，能看懂自然懂，不懂的可以呼叫指令碼
https://download.csdn.net/download/qq_35984445/18608974

本文轉自 https://blog.csdn.net/qq_35984445/article/details/116696017?spm=1001.2014.3001.5502，如有侵權，請聯絡刪除。