news 2026/4/15 14:23:02

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/4/12 0:13:09

C51_HC-05蓝牙通信

文章目录一、蓝牙   1、蓝牙的特点   2、蓝牙特性二、HC-05   1、简介   2、主要参数   3、引脚   4、模块原理图   5、工作模式     1)、命令响应工作模式     2)、自动连接工作模式     3)、进入命令响应工作模式…

作者头像 李华
网站建设 2026/4/13 5:02:31

前端工程师必看:AI+前端+A/B测试 实战指南(小白友好版)

前端工程师必看:AI前端A/B测试 实战指南(小白友好版) 是不是总觉得“AI”“A/B测试”这些技术离自己很远?其实现在前端已经能直接对接AI能力、落地A/B测试了!这篇文章会从**“是什么→前端要做什么→怎么实现”** 一步…

作者头像 李华
网站建设 2026/4/13 16:34:42

2、初探Puppet清单编写

初探Puppet清单编写 1. Puppet简介与重要性 在过去几年里,配置管理在IT领域变得越来越重要。特别是对于服务器操作而言,如果没有强大的管理基础设施,几乎无法进行。在众多可用的配置管理工具中,Puppet已成为最受欢迎和广泛使用的解决方案之一。它最初由Luke Kanies编写,…

作者头像 李华
网站建设 2026/4/13 5:48:34

7、Puppet资源类型与模块:深入剖析与实践应用

Puppet资源类型与模块:深入剖析与实践应用 1. Puppet资源管理基础 在Puppet的资源管理体系中,资源类型和提供者是核心概念。资源类型定义了Puppet在DSL(领域特定语言)中暴露的接口,同时负责输入值的验证、转换等工作。而提供者则封装了实际操作系统及其工具链的知识,实…

作者头像 李华
网站建设 2026/4/6 18:40:13

8、利用类和自定义类型模块化清单

利用类和自定义类型模块化清单 编写综合类 许多类的编写目的是让 Puppet 在代理平台上执行重大任务。以 Apache 类为例,我们可以构思一个能被任何机器的清单包含的类,并确保满足以下条件: - 安装防火墙软件并配置默认规则集。 - 安装恶意软件检测软件。 - 定时任务按设定…

作者头像 李华
网站建设 2026/4/10 18:30:56

linux查看内存

以下几种办法: dfdf -h (显示GB)gpustat

作者头像 李华