news 2026/8/7 17:30:12

Cesium快速入门19:Entity折线材质

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
Cesium快速入门19:Entity折线材质

上一节课我们把“面”的材质讲完了,今天换“线”——折线(Polyline)。
不管是道路、航线还是飞线特效,全靠下面几种现成材质,一句代码就能换皮肤。


一、最朴素的红线

先画两个点,宽度 5 像素,纯红色,跑通流程。

viewer.entities.add({ name: "polyline", polyline: { positions: Cesium.Cartesian3.fromDegreesArray([112.0, 23.1, 115.4, 23.1]), // 起点、终点 width: 5, // 线宽(像素) material: Cesium.Color.RED, // 纯色材质 }, });

刷新后一条笔直的红线横跨屏幕,平平无奇,却是后面所有花样的地基。


二、虚线——PolylineDashMaterialProperty

想让线变成“一短一长”的虚线?用PolylineDashMaterialProperty,可调颜色、段长、偏移量。

const polyLineDashedMaterial = new Cesium.PolylineDashMaterialProperty({ color: Cesium.Color.YELLOW, // 虚线颜色 dashOffset: 16, // 单段虚线长度(像素越大越长) });

material: polyLineDashedMaterial替换进去,就能看到黄色虚线。
dashOffset从 16 改成 30,段长翻倍,视觉更稀疏。


三、箭头线——PolylineArrowMaterialProperty

一条线从头粗到尾,末端自带箭头,做“流向”提示最直观。

const polyLineArrowMaterial = new Cesium.PolylineArrowMaterialProperty( Cesium.Color.YELLOW // 箭头颜色 );

换材质后,线瞬间变成“箭头跑道”,方向永远从起点指向终点。


四、发光飞线——PolylineGlowMaterialProperty

做“飞线”特效全靠它:中间亮、两边暗,还能控制粗细衰减。

const polyLineGlowMaterial = new Cesium.PolylineGlowMaterialProperty({ color: Cesium.Color.YELLOW, glowPower: 0.3, // 发光强度 0–1,越大越亮 taperPower: 0.1, // 尾部收缩程度 0–1,越大越早变细 });

参数秒懂:

  • glowPower = 0.8时,整条线“胖”到几乎成带子;

  • taperPower = 1时,线身几乎无渐变,失去“飞线”尾巴。
    常用组合:glowPower: 0.3taperPower: 0.1,既有光晕又有尾巴。


五、小结

折线换皮肤只要记住三步:

  1. 选材质类(Dash / Arrow / Glow …);

  2. 调参数;

  3. 把实例赋给polyline.material

官方给的这几种线型已能 cover 80% 场景,想要更炫的脉冲、渐隐、彩虹渐变?后面我们上手自定义着色器,再带大家手写“神仙飞线”。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/8/7 1:43:14

CS配合CrossC2插件,实现MacOS/Linux上线

前言 我们知道CS原生只支持Windows上线,那么对于MacOS、Linux我们可以通过CrossC2插件实现上线下载地址:https://github.com/gloxec/CrossC2/releases我这里主要是演示上线MacOS,上线Linux是相同的,参考文章:https://…

作者头像 李华
网站建设 2026/8/6 15:23:42

4、Puppet 入门:从基础使用到主从架构搭建

Puppet 入门:从基础使用到主从架构搭建 1. Puppet 类型文档与常用资源类型 Puppet 安装后,代码中内置了类型文档,可通过 puppet describe 命令在命令行打印: puppet describe <type> [-s]若不确定某个类型是否存在,可使用以下命令获取所有可用资源类型的完整列…

作者头像 李华
网站建设 2026/8/7 16:28:05

线性代数(五)向量空间与子空间

根据课程内容&#xff0c;先补充一下置换矩阵和对称矩阵的概念。置换矩阵是用来交换矩阵行数或列数的单位矩阵&#xff0c;对于N阶单位矩阵&#xff0c;其具有N!个不同的置换矩阵。用排列组合的知识可以很容易证明&#xff1a;对于N阶单位阵&#xff0c;第一行可以有个位置可供…

作者头像 李华
网站建设 2026/8/7 19:11:00

matlab debug 调试程序

设置断点(一般在循环之前),点击运行然后点step分步运行点击Quit Debugging 退出调试 如果有改动,保存程序之后,才可以重新设置断点

作者头像 李华