Cesium开发:模型实体高亮

简介: Cesium开发:模型实体高亮

在选中Cesium的模型对象时,需要高亮的效果,通过给模型的表面或者周边设置高亮颜色,达到突出显示模型的效果。
在Entity实体查找或者点击Entity时,获得对象,通过修改Entity中model的颜色,在模型的表面覆盖一层颜色,具体的效果如下图:
image.png
将模型高亮成红色,使用Cesium的颜色类,顺序是R\G\B\A,A是透明度,范围是0-1,所以,在使用0-255范围的颜色值时,中间需要有个值的换算。
entity.model.color = new Cesium.Color(1.0, 0, 0, 1.0);
将模型设置非高亮,可以将模型颜色设置为空,或者设置为白色:
entity.model.color = null; 或者
entity.model.color = new Cesium.Color(1.0, 1.0, 1.0, 1.0);
这样设置的时候,虽然透明度设置是不透明,但是还能看到模型,这样在模型比较小或者模型颜色比较深的时候,高亮效果不明显。
这时,可以设置模型的colorBlendMode为replace模式,这样就将模型都替换成颜色了。
entity.model.colorBlendMode = Cesium.ColorBlendMode.REPLACE;

效果如下图:
image.png
如果觉得这种替换效果不好,可以在模型周边设置轮廓线:
entity.model.silhouetteColor = new Cesium.Color(1.0, 0, 0, 1.0);
entity.model.silhouetteSize = 2.0;
效果如下图:
image.png

相关文章
|
前端开发 搜索推荐 定位技术
GIS前端—Popup标注视图
GIS前端—Popup标注视图
108 0
|
定位技术
百度地图标注maker图标按照分类显示不同的样式
百度地图标注maker图标按照分类显示不同的样式
110 0
|
2天前
Highcharts 组合图
Highcharts 组合图
16 5
|
1月前
|
UED 开发者
鸿蒙next版开发:ArkTS组件通用属性(运动模糊)
在HarmonyOS 5.0中,ArkTS引入了运动模糊功能,允许开发者为组件添加动态模糊效果,增强视觉表现。本文详细解读了运动模糊的属性和使用方法,并提供了示例代码。运动模糊可增强视觉效果、提升用户体验和实现动态效果,适用于多种场景。
104 2
|
1月前
|
API 开发者 UED
鸿蒙next版开发:ArkTS组件通用属性(形状裁剪)
在HarmonyOS 5.0中,ArkTS引入了形状裁剪的通用属性,支持矩形、圆形、椭圆及自定义路径等多种形状的裁剪和遮罩处理。本文详细解读了clip、clipShape、mask和maskShape属性,并提供了示例代码,帮助开发者实现多样化的界面设计和动画效果。
99 1
|
2月前
Threejs创建胶囊体
这篇文章介绍了在Three.js中创建胶囊体(两端为半球形中间为圆柱形的模型)的方法,包括建立几何体、设置材质以及将其添加到场景中的步骤。
35 1
Threejs创建胶囊体
|
数据可视化 物联网
Threejs物联网,养殖场3D可视化(三)模型展示,轨道控制器设置,模型沿着路线运动,模型添加边框,自定义样式显示标签,点击模型获取信息
Threejs物联网,养殖场3D可视化(三)模型展示,轨道控制器设置,模型沿着路线运动,模型添加边框,自定义样式显示标签,点击模型获取信息
957 15
Threejs物联网,养殖场3D可视化(三)模型展示,轨道控制器设置,模型沿着路线运动,模型添加边框,自定义样式显示标签,点击模型获取信息
|
机器学习/深度学习 缓存 人机交互
OpenCV-实现背景分离(可用于更改证件照底色)
OpenCV-实现背景分离(可用于更改证件照底色)
388 1
解决opacticy让背景和文本都透明
解决opacticy让背景和文本都透明
50 0
|
JavaScript 定位技术 API
GIS开发:three.js标签注记添加
GIS开发:three.js标签注记添加
385 0