news 2026/10/20 15:46:17

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/10/19 5:30:17

Elasticsearch 的倒排索引原理

🕵️‍♀️ Elasticsearch 的核心:倒排索引原理 Elasticsearch 是基于 Apache Lucene 库构建的,而倒排索引正是 Lucene 的基石。它彻底颠覆了传统数据库按行存储和查找的模式,实现了基于内容的快速定位。 1. 什么是倒排索引&#…

作者头像 李华
网站建设 2026/10/20 7:06:10

从课本到实战:用结构体指针写一个能真正用的学生信息管理器

摘要 本文围绕“结构体指针”的概念,把你给出的教材示例扩展成一个实用的小工具——简易学生信息管理器(命令行版)。通过这个例子,我会讲清楚: 为什么用结构体指针比直接使用结构体变量更灵活;如何用结构体…

作者头像 李华
网站建设 2026/10/20 2:49:37

SolidWorks二维到三维设计深度介绍

SolidWorks作为主流的三维CAD软件,其核心优势在于将二维设计思维升级为三维数字化建模,并通过参数化、全相关的设计逻辑实现从概念到制造的全流程贯通。以下从设计思维转变、核心技术逻辑、全流程解析、高级应用四个维度,深度解析SolidWorks二…

作者头像 李华
网站建设 2026/10/19 6:21:21

downkyi终极指南:轻松掌握B站高清视频下载技巧

downkyi终极指南:轻松掌握B站高清视频下载技巧 【免费下载链接】downkyi 哔哩下载姬downkyi,哔哩哔哩网站视频下载工具,支持批量下载,支持8K、HDR、杜比视界,提供工具箱(音视频提取、去水印等)。…

作者头像 李华
网站建设 2026/10/19 6:07:17

Dubbo学习(二):深入 RPC

深入 RPC:一次远程调用的“奇幻漂流” —— 协议、Metadata 与序列化 请关注公众号【碳硅化合物AI】 摘要 本篇将深入 Dubbo 的核心地带 —— RPC 层。我们将揭开一次方法调用是如何被“打包”成网络请求,又是如何在另一端被“还原”并执行的。本文涵盖 Invoker 的前世今生…

作者头像 李华