news 2026/4/16 15:25:21

Cesium快速入门18:Entity材质设置

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
Cesium快速入门18:Entity材质设置

前面的课程里,我们先后讲了 Entity(实体)和 Primitive(图元)这两种“物体”。
它们都能贴材质,只不过用法有简有繁。
今天先集中火力把Entity 的材质系统撸一遍,看看 Cesium 到底给我们备好了哪些“现成布料”,以及怎么换布料。


一、Entity 材质入口:material 属性

以矩形为例,只要在配置项里写一行material: ...就能换皮肤。
既可以直给颜色,也能塞一个正式的 MaterialProperty 对象。

rectangle: { coordinates: Cesium.Rectangle.fromDegrees(...), material: Cesium.Color.RED.withAlpha(0.5) // 直接写颜色,底层会自动包成 ColorMaterialProperty }

二、MaterialProperty 是什么?

MaterialProperty是所有材质属性的“老祖宗”,一个抽象基类,不能直接 new
它只规定派生类必须实现哪些方法和属性。
我们真正用的是它的那群“子子孙孙”——
名字统一以***MaterialProperty结尾,随手一搜就能找到。


三、官方常备“布料”清单

下面 4 种最常用,无需自己写着色器,直接配参数即可。

  • 纯色布料(ColorMaterialProperty)

    和直接写颜色等效,写不写都行。

const material = new Cesium.ColorMaterialProperty( Cesium.Color.RED.withAlpha(0.5) );
  • 棋盘格(CheckerboardMaterialProperty)

    黑白格子,可改颜色、可改密度。

const material = new Cesium.CheckerboardMaterialProperty({ evenColor: Cesium.Color.WHITE, // 偶数格 oddColor: Cesium.Color.BLACK, // 奇数格 repeat: new Cesium.Cartesian2(4, 4) // 横向、纵向各重复 4 次 });
  • 条纹布(StripeMaterialProperty)

    横条 or 竖条,随你挑。

const stripMaterial = new Cesium.StripeMaterialProperty({ evenColor: Cesium.Color.WHITE, oddColor: Cesium.Color.BLACK, repeat: 32, // 条纹数量 offset: 0.0, // 起始偏移 orientation: Cesium.StripeOrientation.HORIZONTAL // 或 VERTICAL });
  • 网格布(GridMaterialProperty)

    把面切成“豆腐块”,适合画地块、棋盘。

const gridMaterial = new Cesium.GridMaterialProperty({ color: Cesium.Color.YELLOW, // 网格线颜色 cellAlpha: 0.2, // 格子填充透明度 lineCount: new Cesium.Cartesian2(8, 8), // 横、竖各 8 条线 lineThickness: new Cesium.Cartesian2(2.0, 2.0) // 线宽(像素) });

四、把布料穿到矩形上

无论哪种材质,最后都交给material字段即可。

const redRectangle = viewer.entities.add({ name: "Red translucent rectangle", rectangle: { coordinates: Cesium.Rectangle.fromDegrees(114.0, 23.4, 114.4, 23.6), extrudedHeight: 30000.0, // 挤出高度,单位米 material: material, // 上面任意一种材质 }, });

小结一句话

Entity 换皮肤 = 找***MaterialProperty→ 配参数 → 扔给material
官方给的“布料”不够炫?后面我们教你亲手写着色器,想怎么酷就怎么酷。

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

双 Token 机制解析:提升用户体验的安全认证方案

双 Token 机制解析:提升用户体验的安全认证方案 在现代 Web 与移动应用中,“安全”与“用户体验”往往存在天然冲突: Token 有效期太短 → 用户频繁掉线、体验差 Token 有效期太长 → 安全风险高,容易被盗用 双 Token(Access Token + Refresh Token)机制正是为了解决这…

作者头像 李华
网站建设 2026/4/16 17:52:02

后台任务与WebSocket实时应用

目录后台任务与WebSocket实时应用开发指南1. 引言:现代Web应用的实时需求 {#引言}1.1 实时应用的关键指标1.2 技术选型对比2. 技术架构概览 {#技术架构}2.1 系统架构图2.2 核心组件交互流程3. 后台任务系统设计与实现 {#后台任务系统}3.1 任务调度器设计4. WebSocke…

作者头像 李华
网站建设 2026/4/16 15:47:38

端侧AI新突破:glm-edge-4b-chat如何重构智能交互体验

在大语言模型爆发式增长的当下,技术选型正成为企业数字化转型的关键命题。当行业目光聚焦于参数规模竞赛时,一款名为glm-edge-4b-chat的端侧模型正以"小而美"的姿态重新定义边缘计算场景的AI应用范式。这款由智谱AI推出的4B参数对话模型&#…

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

SolidWorks特征阵列类型及应用介绍

一、概述:什么是特征阵列特征阵列是通过对一个或多个已有特征进行复制,按照特定的规则(线性、圆周、沿曲线等)排列,从而生成一系列相同或变化的特征。其核心优势在于:效率:​ 一次性创建大量重复…

作者头像 李华
网站建设 2026/4/16 9:01:51

同一线程有两个boost::asio::io_context可以吗?

目录 1.什么是boost::asio::io_context? 2.核心接口详解 3.多线程使用(核心进阶场景) 3.1.多线程 run() 的核心特性 3.2.Strand:回调序列化(解决线程安全) 4.跨平台事件多路复用器(核心适…

作者头像 李华