Cesium 学习记录（6）改变几何外观的颜色（材质）

最新推荐文章于 2024-06-05 15:11:38 发布
最新推荐文章于 2024-06-05 15:11:38 发布
阅读量2w 收藏 16
点赞数 8
分类专栏： web gis 文章标签： webgis
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zlx312/article/details/79944769
版权

这两天再写一个多条件从数据库检索，然后返回id数组，根据id查找Entity并改变它的颜色（或者材质）的功能，以达到强调的目的。本来也是一个比较简单的小功能，但是查了别人的资料无果，走了点弯路，所以把它记下来。

首先介绍一下官方的颜色定义API：

new Cesium.Color(red, green, blue, alpha)
Core/Color.js 49
A color, specified using red, green, blue, and alpha values, which range from  0 (no intensity) to  1.0 (full intensity).
最低0.47元/天 解锁文章
zlx312
关注
  • 8
    点赞
  • 踩
  • 16
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
Supermap WebGL Cesium 中获取当前场景中点击的图层及图元ID，并设置选中的颜色样式
一醉千秋的专栏
04-27 3867
let selectlayer=_self.mapView.scene.layers.getSelectedLayer(); // 获取选中图元的id,使其选中颜色改成其他的 let selectid=selectlayer.getSelection()[0]; selectlayer.setObjsColor([selectid],Cesium.Color.fromCssColorString...
Cesium开发高级篇 | 02材质设置
暮紫月升
01-29 4957
无论是通过Entity类，还是通过Primitive类添加的空间几何数据，Cesium都提供了对应的方法或材质相关类对材质进行修改。在讲解材质设置之前，首先我们先简单地介绍下什么是材质。比较粗浅的理解是，材质可以是几何对象表面的任意一种着色（Cesium.Color）、可以是贴在其表面的一张图片、也可以是一个纹理或图案，比如下图中的条形或棋盘形的图案。 针对于两种方式（Entity和Primitive）绘制的几何对象，Cesium也提供了Material类和MaterialProperty类，分别对通
【Cesium学习（八）】Cesium设置材质—后续
最新发布
HAI_GUI的博客
06-05 467
【Cesium学习（八）】Cesium设置材质—后续
cesium系列7：SimplePolylineGeometry绘制不同颜色的多段线
bitree1的博客
10-14 2305
记录一下用SimplePolylineGeometry绘制不同颜色的多段线，代码看下面 //创建多段线和每段颜色 addColorLine(){//多颜色线段 var m= this; //创建多段线和每段颜色 随机的 /* const positions11 = []; const colors1= []; for (let j = 0; j <= 50; j += 5) { positio
cesium 使用entities、primitives添加的模型并且改变模型颜色
weixin_43822237的博客
08-23 5385
cesium 使用entities、primitives添加的模型并且改变模型颜色
Cesium示例程序学习和讲解(3)-三维模型着色
qq_32077521的博客
03-12 636
三维模型着色相关实现（给三维模型额外添加一种颜色）
cesium2套蓝天白云天空图材质
05-21
5. **应用材质**：加载成功后，将这些图像赋值给`viewer.scene.skyBox.material`，从而改变天空的外观。 值得注意的是，如果你不熟悉Cesium或者JavaScript编程，使用这些材质可能会遇到困难。因此，描述中提到“不...
Cesium 几种基本的墙材质效果及墙绘制封装
04-10
Cesium中的`Cesium.WallGeometry`和`Cesium.WallOutlineGeometry`类用于创建墙的几何形状，而`Cesium.Material`则用于定义墙的外观，即我们所说的“材质”。 Cesium支持多种材质效果，包括但不限于： 1. **基本...
79.（cesium篇）cesium动态纹理-颜色.zip
05-05
该资源包的执行效果查看地址：https://blog.csdn.net/m0_60387551/article/details/123184049 “地图之家”专栏中的“79.（cesium篇）cesium动态纹理-颜色”。如下载有问题，可联系博主。
Cesium,学习助手！！
03-13
地形着色允许你根据高度、坡度等因素改变地形的颜色，增加视觉效果。光照效果使得模型和地形更具真实感。粒子系统常用于模拟烟雾、火焰、雨雪等现象。空间查询功能则能帮助你在3D空间中定位和分析对象。 此外，...
cesium-PolylineGeometry 使用PerInstanceColorAppearance 无效
A873054267的博客
01-21 4047
该问题已经反馈给cesium官方；看看官方怎么回复吧； issue地址： https://github.com/AnalyticalGraphicsInc/cesium/issues/8556 目前使用SimplePolylineGeometry 来构造instance可以（现知的问题是，线条的宽度无法更改了；了解了一下webgl中绘制有宽度的线的原理，看起来PolylineGeome...
Cesium primitive 多种线元素，选中变色，且只有一条变色
xuerwang的博客
02-26 2419
viewer.screenSpaceEventHandler.setInputAction(function onLeftClick(movement) { var pickedFeature = viewer.scene.pick(movement.position); if (typeof (pickedFeature) != "undefined") //鼠标是否点到线上 ...
cesium中级（一）使用渐变纹理
processing
04-07 7341
官网实例 在渲染地形的时候，我们会使用渐变的纹理，来表示不同的地形高度，官网给出的实例为：Globe Material var viewer = new Cesium.Viewer('cesiumContainer', { //2.本地图片 imageryProvider: new Cesium.SingleTileImageryPr...
cesium材料设置rgba
隔壁家的小屁孩
03-17 838
entitie.polygon.material = new Cesium.Color.fromCssColorString( "rgba(19, 57, 60, 0.7)" );
cesium系列8：多颜色线段的折线实现方法
bitree1的博客
10-20 3177
一、背景 想在项目中实现不同颜色的一段折线的效果，找了些资料，看了api，最终将实现方法记录如下 二、结果 三、实现步骤 3.1方法一 使用SimplePolylineGeometry 方法 主要写法如下 var positions = []; var colors = []; for ( var i = 0; i < 40; ++i) { positions.push(Cesium.Cartesian3.fromDegrees(-100.0 + i, 48.0));.
Cesium中自定义materialPropety-PolylineGlowOutlineMaterialProperty
e465858647的博客
04-23 1129
1. 介绍 Cesium原生API中用于PolygonGraphics的materialProperty大概由三种。分别为Color、PolylineGlowMaterialProperty、PolylineOutlineMaterialProperty。PolylineGlowMaterialProperty可以渲染出外侧发光的效果，但是无法渲染线段本身的颜色。PolylineOutlineMaterialProperty可以渲染线段上和外侧的颜色，单位外侧无法实现外侧发光的效果。这一节我们要做的就是把这
Cesium 材质Fabric（一）
weixin_45611944的博客
07-29 3118
Cesium Material（材质） 一、种类（18种） ColorType ImageType DiffuseMapType AlphaMapType SpecularMapType EmissionMapType BumpMapType NormalMapType GridType StripeType CheckerboardType DotType WaterType RimLightingType FadeType PolylineArrowType PolylineGlowType Poly
Cesium 材质相关
m0_38004751的博客
04-03 1487
cesium开发，材质设置，材质相关。
cesium动态改变模型颜色
05-25
要动态改变Cesium模型的颜色，可以使用模型实例的`color`属性。以下是一个简单的示例： ```javascript var viewer = new Cesium.Viewer('cesiumContainer'); // 加载模型 var model = viewer.scene.primitives.add...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值