news 2026/4/23 1:16:48

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/21 0:30:45

14、充分利用语言的完整工具集

充分利用语言的完整工具集 在配置管理中,我们常常需要高效地管理和分配资源。Puppet 提供了一系列强大的功能,让我们可以更灵活地处理各种资源。下面将详细介绍 Puppet 中的资源标签、资源导出与导入、资源参数覆盖以及资源默认值等重要特性。 资源标签的使用 Puppet 会隐…

作者头像 李华
网站建设 2026/4/21 11:20:31

AI算力:驱动智能时代多元计算与高效调度的基础

各行各业正被人工智能发展浪潮以前所未有的力道进行重塑,而且支撑其运作的底层基础是算力。换种通俗易懂的说法,AI算力是指用来执行人工智能算法,对海量数据予以处理以及解析所需要的计算能力。它不是一项简单的硬件指标,而是包含…

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

AI知识库的构建:从数据采集、处理到高效检索的全流程解析

AI知识库的搭建以及运用属于一项具备系统性的工程项目,它的关键之处在于怎样以高效且精准地把领域方面的知识给予人工智能系统,从而让其拥有专业领域范畴内的认知以及推理能力。这个进程一般被称作“知识库投喂”或者“知识灌注”,它并非仅仅…

作者头像 李华
网站建设 2026/4/18 23:15:04

Git工作流程指南: 基础 Git 操作

基础 Git 操作 仓库初始化 # 创建新的仓库 git init# 克隆已经存在的仓库 git clone <repository_URL>文件操作 # 将文件添加到暂存区&#xff08;Staging Area&#xff09; git add <file_name> # 添加单个文件 git add . …

作者头像 李华
网站建设 2026/4/20 4:42:56

Modelsim联合高云ip仿真流程

一、改变工作器件库打开modelsim&#xff0c;调整工作器件库&#xff1a;modelsim --> File --> Change Directory --> 选择modelsim的安装目录C:\modeltech64_10.7&#xff08;我装在C盘&#xff09;&#xff0c;点击选择文件夹&#xff0c;如下图。二、创建libirary…

作者头像 李华
网站建设 2026/4/19 9:54:45

69.学习复盘-21天核心知识点梳理与记忆技巧-附思维导图

69 学习复盘:21 天核心知识点梳理与记忆技巧 你好,欢迎来到第 69 讲,也是我们整个课程的倒数第三讲。 在过去的 20 多天里,我们一起经历了一段信息量巨大、充满挑战但也收获满满的 DDD 学习之旅。我们从最基础的概念,一路走到了复杂的企业级案例和面试技巧。 在即将结束…

作者头像 李华