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);
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/11994.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

HarmonyOS应用模型Stage基本介绍

文章目录 <font colorcoral> HarmonyOS应用模型概况<font colorcoral> Stage模型基本概念<font colorcoral> Stage模型UIAbiliry的生命周期<font colorcoral> Stage模型的配置文件<font colorcoral> 写在后面的话<font colorcoral>Referen…

【八大排序算法】插入排序、希尔排序、选择排序、堆排序、冒泡排序、快速排序、归并排序、计数排序

文章目录 一、排序的相关概念二、排序类型三、排序算法实现插入排序1.直接插入排序2.希尔排序 选择排序3.简单选择排序4.堆排序 交换排序5.冒泡排序6.快速排序递归实现非递归实现 7.归并排序递归实现非递归实现 8.计数排序 四、总结 一、排序的相关概念 排序&#xff1a;根据数…

【LAMMPS学习】八、基础知识(6.5)PyLammps 教程

8. 基础知识 此部分描述了如何使用 LAMMPS 为用户和开发人员执行各种任务。术语表页面还列出了 MD 术语&#xff0c;以及相应 LAMMPS 手册页的链接。 LAMMPS 源代码分发的 examples 目录中包含的示例输入脚本以及示例脚本页面上突出显示的示例输入脚本还展示了如何设置和运行各…

[JAVASE] 类和对象(二)

目录 一. 封装 1.1 面向对象的三大法宝 1.2 封装的基本定义与实现 二. 包 2.1 包的定义 2.2 包的作用 2.3 包的使用 2.3.1 导入类 2.3.2 导入静态方法 三. static 关键字 (重要) 3.1 static 的使用 (代码例子) 3.1.1 3.1.2 3.1.3 3.1.4 四. 总结 一. 封装 1.1 面向对象…

推荐网站(9)pixabay免费可商用的图片、视频、插画、矢量图、音乐

今天推荐一款可以免费可商用的图片、视频、插画、矢量图、音乐的资源网站&#xff0c;这里面的所以东西都是免费的&#xff0c;并且可以商用。对那些做视频剪辑的人来说帮助非常大。它里面的资源非常的丰富&#xff0c;质量也高。 比如搜索下雨 链接直达&#xff1a;https://pi…

如何安装在系统中安装make命令

文章目录 WindowsMacUbuntuCentOS/Red Hat make是系统比较基础的命令&#xff0c;一般会自己携带&#xff0c;如果没有就手动安装一下吧。 Windows 从官网下载 make.exe Make for Windows 官网首页&#xff1a;https://www.gnu.org/software/make/ 下载地址&#xff1a;htt…

IT行业的革新力量:技术进步与未来展望

在当今时代&#xff0c;信息技术&#xff08;IT&#xff09;行业无疑是全球经济的重要推动力之一。随着数字化转型的不断深入&#xff0c;IT行业的边界正在扩大&#xff0c;它不仅包括传统的软硬件开发、网络建设和运维服务&#xff0c;还涵盖了云计算、大数据、人工智能&#…

我希望未来十年,Java可以变成这样的

ava&#xff0c;这位编程界的常青树&#xff0c;自1995年问世以来&#xff0c;一直是全球开发者的宠儿。随着技术的飞速发展&#xff0c;Java也在持续地自我革新。接下来&#xff0c;让我们来聊聊&#xff0c;未来十年Java可能会有哪些令人兴奋的变化。&#xff08;最重要的一点…

如何申请免费一年SSL证书

申请免费一年的SSL证书可以通过以下几个步骤进行&#xff0c;这里以JoySSL为例&#xff0c;因为它是目前提供此类服务的流行平台之一&#xff0c;同时也提到了宝塔面板中的TrustAsia SSL证书。请根据您的具体需求选择合适的方式&#xff1a; 申请免费一年SSL证书&#xff1a; …

2024年为什么很多电商商家,都想涌入视频号,究竟是什么原因?

大家好&#xff0c;我是电商糖果 对电商有了解的朋友&#xff0c;在今年肯定发现一个现象&#xff0c;那就是很多商家对视频号比较青睐。 视频号究竟有何魔力&#xff0c;让越来越多的商家都想要入驻。 其实很简单&#xff0c;它让商家看到了市场。 视频号背后是谁&#xf…

【Vue】Vue指令与生命周期以及组件化编码

目录 常用内置指令v-text与v-htmlv-text : 更新元素的 textContentv-html : 更新元素的 innerHTML注意&#xff1a;v-html有安全性问题&#xff01;&#xff01;&#xff01;&#xff01; v-once与v-prev-oncev-pre ref与v-cloakrefv-cloak 自定义指令案例定义语法配置对象中常…

两数相加 - (LeetCode)

前言 今天无意间看到LeetCode的一道“两数相加”的算法题&#xff0c;第一次接触链表ListNode&#xff0c;ListNode结构如下&#xff1a; public class ListNode {int val;ListNode next;ListNode() {}ListNode(int val) {this.val val;}ListNode(int val, ListNode next) {…

Sectigo SSL证书申请的流程是怎样的?

在当今数字化时代&#xff0c;网络安全成为了一个不可忽视的问题。为了保护网站和用户数据的安全&#xff0c;SSL证书成为了网站运营的重要组成部分。Sectigo作为全球领先的数字证书颁发机构之一&#xff0c;提供了一系列的证书解决方案来满足不同类型网站的需求。以下是对Sect…

2024年算法建模与计算机通信国际学术会议(ICAMCC 2024)

2024年算法建模与计算机通信国际学术会议(ICAMCC 2024) 2024 International Conference on Algorithm Modeling and Computer Communication(ICAMCC 2024) 会议简介&#xff1a; 2024年算法建模与计算机通信国际学术会议(ICAMCC 2024)将于中国南昌市盛大开幕。这次会议的目的是…

IP应用场景查询API接口

IP应用场景查询API接口指的是输入IP地址&#xff0c;查询IP应用场景信息。那么IP地址应用场景查询接口如何对接呢&#xff1f; 首先我们找到一家有IP地址应用场景查询API的服务商数脉API,然后注册账号&#xff0c;购买免费套餐 接下来就需要技术同学把IP应用场景查询接口对接到…

CentOS7中如何docker-compose

在 CentOS 7 上安装 docker-compose 需要几个步骤 步骤 1: 安装 Docker 首先&#xff0c;确保你已经安装了 Docker。如果没有安装&#xff0c;可以通过以下命令安装&#xff1a; sudo yum update -y sudo yum install -y yum-utils sudo yum-config-manager --add-repo http…

攻防世界(CTF)~web-supersqli(详细解题思路)

题目介绍 题目描述“随便注” 先看一下是否存在注入 判断闭合方式 输入1’ and 11-- -正常回显 输入1and 12-- -无回显,确认是单引号闭合 看一下列数 输入1 order by 2-- - 有回显 输入1 order by 3-- - 报错&#xff0c;由此判断两列 使用union联合注入发现select被过滤了&a…

WMS仓储管理系统如何让仓库管理有过程

在当今竞争激烈的商业环境中&#xff0c;WMS仓储管理系统的智能化与过程化管理显得尤为重要。一个具有过程管理的WMS仓储管理系统不仅能够帮助企业实时监控、分析和调度仓库作业&#xff0c;还能显著提升作业效率和成本控制能力。下面&#xff0c;我们就来深入探讨一下这种“有…

IT Tools

vs & vscode工具 Vs Extensions & Remote Development Vs Extensions Remote-SSH VSCode远程连接到Linux并实现免密码登录 Git Graph C cppreference.com cplusplus 镜像站点 用于下载 QT, Ubuntu, 清华镜像站点 CMake Download Documents Cmake 构建QT …

IO系列(三) - 文件读写操作介绍

一、摘要 在之前的文章中&#xff0c;我们了解到在 Java I/O 体系中&#xff0c;File 类是唯一代表磁盘文件本身的对象。 File 类定义了一些与平台无关的方法来操作文件&#xff0c;包括检查一个文件是否存在、创建、删除文件、重命名文件、判断文件的读写权限是否存在、设置…