Cesium中的primitive竖立流光飞线

展示图：

功能思路：

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 正方向为trueround: 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

Cesium中的primitive竖立流光飞线相关推荐

Cesium中自定义材质（以飞线材质为例）
1.entity自定义材质 entity材质类型为Cesium.MaterialProperty.自定义材质实例如下,例子为实现飞线材质 import * as Cesium from 'cesium ...
Cesium中图元Primitive详细介绍及案例
Cesium从入门到项目实战总目录: 点击文章目录 Cesium中图元Primitive详细介绍 Cesium中Primitive案例 Cesium中图元Primitive详细介绍在Cesium中 ...
Cesium中通过Primitive显示大量的点以及点的运动
如果想在Cesium中显示一个点,目前有这么几种方法: Primitive Entity czml文件 GeoJson文件等如果要显示大量的点呢?比如几千个,几万个,甚至是几十万,上百万个?那么什么 ...
cadence16.5中电源线、地线取消飞线显示
在PCB布线中,电源线.底线都只要通过很短的一段走线后直接打过孔到相应的电源层或地层,但是在布线前,电源和地的飞线是非常乱的,而且在走电源或地线时属线会连接到其他的电源或地引脚上.这样会带给布线很大的 ...
cesium实现飞线特效
效果如下另外我这边做了4种飞线特效,是用不同的着色器来实现的此效果依赖着色器,主要代码如下: 根据经纬度.高计算飞线数据 computeFlyline (point1,point2,h ) {le ...
canvas绘制飞线效果
在我们做的可视化大屏项目中,经常会遇到飞线的效果. 在我们的大屏编辑器中,可以通过拖拽+配置参数的方式很快就能够实现.下面是我们使用大屏编辑器实现的一个项目效果: 中间地图就有飞线的效果. 抛开编辑器 ...
cesium画飞线_Cesium+earthSD实现相机飞行动画
//创建相机跟随 createCameraFollow(line) {//var p1 = [ //[[DtoR(-122.174699), DtoR(37.433888), 0], [ 2.0991 ...
AMap + echarts、google map + d3.js分别实现数据可视化中的飞线图（迁徙图）
首先肯定是给出demo啦: 演示demo 直接到左侧选择框中选择View taxi flow里面随便选个日期总体介绍最近由于工作室项目需要做一个数据可视化平台,这个平台最终是交由国外人使用的.而国 ...
Shader cesium中材质
Shader 首先,在本文开始前,我们先普及一下材质的概念,这里推荐材质,普及材质的内容都是截取自该网站,我觉得他写的已经够好了.在开始普及概念前,推荐一首我此刻想到的歌<光---陈粒>. ...
飞线5根连接图_“飞线”和“跳线”有什么区别，你用对了吗？电路故障的排查方法...
短路和开路上面两张图,左侧是一个完整的电路,灯会点亮.右侧红色的线断开了,导致灯熄灭,这种线路故障叫做开路或者断路. 短路的意思就是电流不经过用电器,电流从正极出来直接走导线,然后回到负极.相当于图 ...