尧图网站建设 尧图网络
  • 首页
  • 关于我们
  • 服务项目
  • 案例展示
  • 建站流程
  • 资讯中心
  • 联系我们
首页/资讯中心/详情

Cesium快速入门20:Primitive的外观设置Appearance

Cesium快速入门20:Primitive的外观设置Appearance
📅 发布时间:2026/6/20 18:14:17

前面我们学会了用 Entity 换皮肤;今天轮到Primitive——自己捏几何体后,再给它穿什么样的“外衣”。
在 Cesium 里,这件外衣叫Appearance(外观)。
它决定“像素怎么画、用什么材质、要不要光照”等所有渲染细节。
上回我们图省事,用了PerInstanceColorAppearance,直接拿实例颜色当颜料。
其实官方还备了好几套“成衣”,下面挑最常用的 3 件挨个试穿。


一、PerInstanceColorAppearance:每个实例自带颜色

特点

  • 不额外设置材质,颜色从GeometryInstance.attributes.color里取;

  • 最快、最省,适合做“海量同色不同区”的批量绘制。
    (上节课已用过,这里不再贴代码)


二、EllipsoidSurfaceAppearance:专为“贴地”模型优化

假设你的几何体永远和地球椭球面平行(道路、地块、水域),就可以用它。
内部会预计算顶点属性,省内存、提性能,还能统一套一张材质。

/* 1. 先准备一张纯色材质(后续可换图片、法线、高光等) */ const material = new Cesium.Material.fromType('Color', { color: Cesium.Color.PURPLE.withAlpha(0.5) }); /* 2. 再创建“椭球表面外观” */ const ellipsoidAppearance = new Cesium.EllipsoidSurfaceAppearance({ material: material }); /* 3. 最后把外观塞给 Primitive(其余代码不变) */ const primitive = new Cesium.Primitive({ geometryInstances: [yourInstances], // 你的实例数组 appearance: ellipsoidAppearance });

效果与纯色PerInstanceColorAppearance看起来一样,但背后省了一次材质分支,大批量贴地矩形时帧率更稳。


三、MaterialAppearance:最通用的“基类”外观

不想受任何“贴地”限制,就用它——所有自定义材质的入口。
同样一张纯色材质,写法几乎照抄:

const materialAppearance = new Cesium.MaterialAppearance({ material: Cesium.Material.fromType('Color', { color: Cesium.Color.RED.withAlpha(0.5) }) });

换图、换漫反射、换高光、后期自己写着色器,都靠这个口子。


四、Entity vs Primitive 材质小提醒

  • Entity 世界里,材质属性叫***MaterialProperty(带 Property)。

  • Primitive 世界里,材质类叫Material(不带 Property)。
    两者不要混用,否则运行时会毫不客气地抛异常。


五、Material 自带“布料”大全

Cesium.Material.fromType('xxx', {...})的 xxx 可选值包括但不限于:

  • Color —— 纯色

  • Image —— 贴图

  • DiffuseMap —— 漫反射贴图

  • SpecularMap —— 高光贴图

  • Checkerboard —— 棋盘格

  • Stripe —— 条纹

  • Grid —— 网格

  • PolylineArrow —— 箭头线(配合线几何体)

  • PolylineGlow —— 发光飞线
    ……

下节课我们挑几个常用类型,现场换图、换高光、换法线,看看怎么把 Primitive 玩出 Entity 做不出的高级感。


小结

  1. Primitive 想“穿外衣”→ 先选 Appearance(EllipsoidSurface / Material / PerInstanceColor)。

  2. 再在外衣里塞 Material(不是 MaterialProperty!)。

  3. 大批量贴地模型优先用 EllipsoidSurfaceAppearance,能省内存。

  4. 想自由发挥就用 MaterialAppearance,它是通往自定义着色器的必经之路。

相关新闻

  • 应用层复习总结
  • AFE为何物
  • 实验实验实验实验。

最新新闻

  • GLM-5.1开源实战:本地部署、量化推理与VS Code集成指南
  • 嵌入式开发板电压与时钟配置:从原理到实战排查指南
  • 终极FGO自动化战斗解决方案:Fate/Grand Automata深度使用指南
  • Hermes本地AI Agent架构升级实战:模块化、持久化与沙箱化
  • Kimi Work:面向知识工作者的本地化AI工作台与智能体实践指南
  • 手把手教你学Simulink——基于晶闸管(SCR/Thyristor)的三相可控整流器相位控制(α 角控制)仿真

日新闻

  • Visual C++运行库修复终极指南:5分钟快速解决Windows软件启动错误
  • 手把手教你构建统计局地区经济数据爬虫:从环境搭建到数据持久化全指南
  • 2026多Agent深度解析:用AI团队替代单一模型,四种架构实战落地

周新闻

  • Visual C++运行库修复终极指南:5分钟快速解决Windows软件启动错误
  • 手把手教你构建统计局地区经济数据爬虫:从环境搭建到数据持久化全指南
  • 2026多Agent深度解析:用AI团队替代单一模型,四种架构实战落地

月新闻

  • 【总结】入门篇:50句话让你记住架构核心概念
  • WeChatMsg技术方案解析:实现Mac微信数据自主管理的完整解决方案
  • WeChatMsg:革新性微信数据备份方案,打造你的专属数字记忆库

关于尧图

  • 公司简介
  • 团队介绍
  • 企业文化
  • 荣誉资质

服务项目

  • 定制开发
  • 电商建站
  • UI 设计
  • 运维服务

快速链接

  • 案例展示
  • 建站流程
  • 常见问题
  • 资讯中心

联系方式

  • 📍北京市朝阳区互联网产业园 A 座 10 层
  • 📞400-888-8888
  • ✉️contact@rkmt.cn
  • 🕐周一至周日 9:00-21:00

© 2024 北京尧图网络科技有限公司 版权所有 | 京 ICP 备 XXXXXXXX 号