Cesium 3DTileset Style 原理简析

2024-05-15 08:36

本文主要是介绍Cesium 3DTileset Style 原理简析,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

Cesium 3DTileset Style 原理简析

应用层会看到这样的使用。那么原理是什么, 为啥写 height, 除了这个还有啥?

const tileset = await Cesium.Cesium3DTileset.fromUrl("../../public/tileset/building/tileset.json");
tileset.style = new Cesium.Cesium3DTileStyle({color: {conditions: [["${height} >= 7", "rgba(0, 149, 251, 0.3)"],["${height} >= 6", "rgb(0, 149, 251, 0.3)"],["${height} >= 5", "rgb(0, 149, 251, 0.3)"],["${height} >= 4", "rgb(0, 149, 251, 0.3)"],["${height} >= 3", "rgb(0, 149, 251, 0.3)"],["${height} >= 2", "rgb(0, 149, 251, 0.3)"],["${height} >= 1", "rgb(0, 149, 251, 0.3)"],["true", "rgb(0, 149, 251, 0.3)"]]}
});
1、相关类的结构
Cesium3DTileset┖ Cesium3DTile┖ Model3DTileContent┖ Model┖ ModelFeatureTable┣ Cesium3DTileFeature┖ BatchTexture
2、属性的存储

如果 tileset 可以存储一些属性信息, 比如 height,name等信息。都会存在 ModelFeatureTable中。可以通过拾取获取。

const handler = new Cesium.ScreenSpaceEventHandler(viewer.canvas);
handler.setInputAction(function (movement) {const feature = viewer.scene.pick(movement.position);if (!Cesium.defined(feature)) {return;}console.log(`Class: ${feature.getExactClassName()}`);console.log("Properties:");const propertyIds = feature.getPropertyIds();const length = propertyIds.length;for (let i = 0; i < length; ++i) {const propertyId = propertyIds[i];const value = feature.getProperty(propertyId);console.log(`  ${propertyId}: ${value}`);}
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);
3、样式的应用

当设置 样式时, 比如:

conditions: [["${height} >= 7", "rgba(0, 149, 251, 0.3)"],["${height} >= 6", "rgb(0, 149, 251, 0.3)"],["${height} >= 5", "rgb(0, 149, 251, 0.3)"],["${height} >= 4", "rgb(0, 149, 251, 0.3)"],["${height} >= 3", "rgb(0, 149, 251, 0.3)"],["${height} >= 2", "rgb(0, 149, 251, 0.3)"],["${height} >= 1", "rgb(0, 149, 251, 0.3)"],["true", "rgb(0, 149, 251, 0.3)"]
]

那么就会遍历 ModelFeatureTable中的属性, 找到 height属性, 然后判断条件, 如果满足条件,
就会将该颜色值写入到 批处理纹理(BatchTexture)中。最终以 model_batchTexture 传入到shader中。

示意图:
在这里插入图片描述

// featureId 和 batchID 概念相同
vec2 computeSt(float featureId) {float stepX = model_textureStep.x;float centerX = model_textureStep.y;return vec2(centerX + (featureId * stepX), 0.5);
}void selectedFeatureIdStage(out SelectedFeature feature, FeatureIds featureIds) {int featureId = featureIds.SELECTED_FEATURE_ID;vec2 featureSt = computeSt(float(featureId));feature.id = featureId;feature.st = featureSt;feature.color = texture(model_batchTexture, featureSt);
}

这篇关于Cesium 3DTileset Style 原理简析的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/991334

相关文章

JAVA封装多线程实现的方式及原理

《JAVA封装多线程实现的方式及原理》:本文主要介绍Java中封装多线程的原理和常见方式,通过封装可以简化多线程的使用,提高安全性,并增强代码的可维护性和可扩展性,需要的朋友可以参考下... 目录前言一、封装的目标二、常见的封装方式及原理总结前言在 Java 中,封装多线程的原理主要围绕着将多线程相关的操

kotlin中的模块化结构组件及工作原理

《kotlin中的模块化结构组件及工作原理》本文介绍了Kotlin中模块化结构组件,包括ViewModel、LiveData、Room和Navigation的工作原理和基础使用,本文通过实例代码给大家... 目录ViewModel 工作原理LiveData 工作原理Room 工作原理Navigation 工

Java的volatile和sychronized底层实现原理解析

《Java的volatile和sychronized底层实现原理解析》文章详细介绍了Java中的synchronized和volatile关键字的底层实现原理,包括字节码层面、JVM层面的实现细节,以... 目录1. 概览2. Synchronized2.1 字节码层面2.2 JVM层面2.2.1 ente

MySQL的隐式锁(Implicit Lock)原理实现

《MySQL的隐式锁(ImplicitLock)原理实现》MySQL的InnoDB存储引擎中隐式锁是一种自动管理的锁,用于保证事务在行级别操作时的数据一致性和安全性,本文主要介绍了MySQL的隐式锁... 目录1. 背景:什么是隐式锁?2. 隐式锁的工作原理3. 隐式锁的类型4. 隐式锁的实现与源代码分析4

MySQL中Next-Key Lock底层原理实现

《MySQL中Next-KeyLock底层原理实现》Next-KeyLock是MySQLInnoDB存储引擎中的一种锁机制,结合记录锁和间隙锁,用于高效并发控制并避免幻读,本文主要介绍了MySQL中... 目录一、Next-Key Lock 的定义与作用二、底层原理三、源代码解析四、总结Next-Key L

Spring Cloud Hystrix原理与注意事项小结

《SpringCloudHystrix原理与注意事项小结》本文介绍了Hystrix的基本概念、工作原理以及其在实际开发中的应用方式,通过对Hystrix的深入学习,开发者可以在分布式系统中实现精细... 目录一、Spring Cloud Hystrix概述和设计目标(一)Spring Cloud Hystr

前端 CSS 动态设置样式::class、:style 等技巧(推荐)

《前端CSS动态设置样式::class、:style等技巧(推荐)》:本文主要介绍了Vue.js中动态绑定类名和内联样式的两种方法:对象语法和数组语法,通过对象语法,可以根据条件动态切换类名或样式;通过数组语法,可以同时绑定多个类名或样式,此外,还可以结合计算属性来生成复杂的类名或样式对象,详细内容请阅读本文,希望能对你有所帮助...

MySQL中的MVCC底层原理解读

《MySQL中的MVCC底层原理解读》本文详细介绍了MySQL中的多版本并发控制(MVCC)机制,包括版本链、ReadView以及在不同事务隔离级别下MVCC的工作原理,通过一个具体的示例演示了在可重... 目录简介ReadView版本链演示过程总结简介MVCC(Multi-Version Concurr

Redis主从/哨兵机制原理分析

《Redis主从/哨兵机制原理分析》本文介绍了Redis的主从复制和哨兵机制,主从复制实现了数据的热备份和负载均衡,而哨兵机制可以监控Redis集群,实现自动故障转移,哨兵机制通过监控、下线、选举和故... 目录一、主从复制1.1 什么是主从复制1.2 主从复制的作用1.3 主从复制原理1.3.1 全量复制

Redis主从复制的原理分析

《Redis主从复制的原理分析》Redis主从复制通过将数据镜像到多个从节点,实现高可用性和扩展性,主从复制包括初次全量同步和增量同步两个阶段,为优化复制性能,可以采用AOF持久化、调整复制超时时间、... 目录Redis主从复制的原理主从复制概述配置主从复制数据同步过程复制一致性与延迟故障转移机制监控与维