news 2026/7/7 20:14:32

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/7/7 4:59:00

12、使用模块扩展Puppet基础设施

使用模块扩展Puppet基础设施 1. 用原生类型替换自定义类型 创建一个带有匹配提供者(或多个提供者)的自定义资源类型并非易事,需要经历以下步骤: 1. 为类型命名 2. 创建资源类型的接口 3. 设计合理的参数钩子 4. 使用资源名称 5. 添加提供者 6. 声明管理命令 7. 实…

作者头像 李华
网站建设 2026/7/7 11:55:51

VS-CODE 里的github copilot 不支持自己配置模型api

1. 关于配置自定义 Claude API 的支持情况结论:不支持。机制说明:VS Code 官方 GitHub Copilot 扩展(包括 Agent 功能)强制通过 GitHub 的代理服务器进行鉴权和路由。模型切换:GitHub Copilot 允许在订阅权限范围内切换…

作者头像 李华
网站建设 2026/7/7 14:00:07

百度网盘资源解锁神器:告别提取码搜索烦恼的智能方案

百度网盘资源解锁神器:告别提取码搜索烦恼的智能方案 【免费下载链接】baidupankey 项目地址: https://gitcode.com/gh_mirrors/ba/baidupankey 还在为百度网盘提取码而四处奔波吗?这款智能解析工具将彻底改变你的资源获取体验,让繁琐…

作者头像 李华