当前位置：首页 > news >正文

cesium 3dtile ClippingPlanes 多边形挖洞ClippingPlaneCollection

news 来源：原创 2025/6/26 14:31:50

原理就是3dtiles里面的属性clippingPlanes

采用ClippingPlaneCollection，构成多边形来挖洞。

其次就是xyz法向量挖洞

clippingPlanes: new this.ffCesium.Cesium.ClippingPlaneCollection({unionClippingRegions: true, // true 表示多个切割面能合并为一个有效的切割区域planes: [new this.ffCesium.Cesium.ClippingPlane(new this.ffCesium.Cesium.Cartesian3(0.0, 0.0, -1.0), // 法向量23.0 // 切割平面到原点的距离（高度）)]
})

以下是多边形裁剪

import * as Cesium from 'cesium'
class tileSetClipByPolygon {constructor(options) {this.tileSet = options.tileSet || null  //3dtiles this.originPositions = options.originPositions || []  //点this.unionClippingRegions = !options.unionClippingRegions ? options.unionClippingRegions : truethis.enabled = !options.enabled ? options.enabled : truethis.edgeColor = options.edgeColor || Cesium.Color.WHITEthis.edgeWidth = options.edgeWidth || 0.0}isClockwise(polygon) {var area = 0var length = polygon.lengthfor (var i = 0; i < length; i++) {var j = (i + 1) % lengtharea += polygon[i][0] * polygon[j][1] - polygon[j][0] * polygon[i][1]}return area < 0}getInverseTransform() {let transformlet tmp = this.tileSet.root.transformif ((tmp && tmp.equals(Cesium.Matrix4.IDENTITY)) || !tmp) {// 如果root.transform不存在，则3DTiles的原点变成了boundingSphere.centertransform = Cesium.Transforms.eastNorthUpToFixedFrame(this.tileSet.boundingSphere.center)} else {transform = Cesium.Matrix4.fromArray(this.tileSet.root.transform)}return Cesium.Matrix4.inverseTransformation(transform, new Cesium.Matrix4())}clippingByPositions(clipping) {// debuggerconsole.log('this.tileSet', this.tileSet)this.tileSet.clippingPlanes = nullconst Cartesian3 = Cesium.Cartesian3const pointsLength = clipping.lengthconst clockwise = this.isClockwise(clipping)//所有的裁切面const clippingPlanes = []let positionsif (clockwise) {//如果为逆，则需要对数组取反positions = clipping.reverse()} else {positions = clipping}positions = clippingconst inverseTransform = this.getInverseTransform()for (let i = 0; i < pointsLength; ++i) {const nextIndex = (i + 1) % pointsLengthconst next = Cesium.Matrix4.multiplyByPoint(inverseTransform, Cesium.Cartesian3.fromDegrees(positions[nextIndex][0], positions[nextIndex][1]), new Cesium.Cartesian3())const now = Cesium.Matrix4.multiplyByPoint(inverseTransform, Cesium.Cartesian3.fromDegrees(positions[i][0], positions[i][1]), new Cesium.Cartesian3())// 定义一个垂直向上的向量uplet up = new Cesium.Cartesian3(0, 0, 10)//得到指向下一个点的向量let right = Cartesian3.subtract(next, now, new Cartesian3())right = Cartesian3.normalize(right, right)let normal = Cartesian3.cross(right, up, new Cartesian3())Cartesian3.normalize(normal, normal)//将法向量进行反向if (this.unionClippingRegions) {Cartesian3.negate(normal, normal)}//由于已经获得了法向量和过平面的一点，因此可以直接构造Plane,并进一步构造ClippingPlanelet planeTmp = Cesium.Plane.fromPointNormal(now, normal)const clipPlane = Cesium.ClippingPlane.fromPlane(planeTmp)clippingPlanes.push(clipPlane)}let the = thisconst clipPlanes = new Cesium.ClippingPlaneCollection({planes: clippingPlanes,edgeWidth: the.edgeColor,edgeColor: the.edgeColor,enabled: the.enabled,unionClippingRegions: the.unionClippingRegions})console.log('clipPlanes', clipPlanes)this.tileSet.clippingPlanes = clipPlanes}removeTilesetClip() {this.tileSet.clippingPlanes.enabled = false}
}
export default tileSetClipByPolygon

使用

this.CeiumPolygonClipA = new CeiumPolygonClip({tileSet: photographyTileset.value,originPositions: clipping,unionClippingRegions: false})this.CeiumPolygonClipA.clippingByPositions(clipping)

在 CesiumJS 中，ClippingPlane 和 ClippingPlaneCollection 通常用于控制哪些部分的场景或模型是可见的。通过切割面（ClippingPlanes），你可以裁剪或隐藏指定区域的内容。clippingPlanes 主要应用于以下几种对象：

1. 3D Tiles

3D Tiles 是一种用于存储和传输大规模 3D 场景的格式，它可以通过 clippingPlanes 进行裁剪。这是一个非常常见的应用，尤其是在城市建模和大规模场景可视化中。

clippingPlanes 可以直接应用于 Cesium3DTileset 对象，以裁剪掉 3D Tiles 模型的一部分。

示例：

const tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({url: 'path/to/your/3dtiles/tileset.json',clippingPlanes: new Cesium.ClippingPlaneCollection({planes: [new Cesium.ClippingPlane(Cesium.Cartesian3.UNIT_Z, 100.0)]})
}));

在这个例子中，Cesium3DTileset 会被切割，只显示离 Z 轴 100 单位以内的区域。

2. Primitive（原始几何体）

clippingPlanes 也可以用于 Primitive 对象（如几何体、模型等），这是最基础的 3D 对象类型。通过将 ClippingPlaneCollection 赋值给 Primitive，可以在渲染时裁剪它的几何体。

这种方法适用于自定义的几何体或其他静态几何体，例如：球体、立方体等。

示例：

const sphereGeometry = new Cesium.SphereGeometry({radius: 100.0
});const sphere = new Cesium.Primitive({geometryInstances: new Cesium.GeometryInstance({geometry: sphereGeometry,modelMatrix: Cesium.Matrix4.fromTranslation(new Cesium.Cartesian3(0.0, 0.0, 0.0)),}),appearance: new Cesium.MaterialAppearance({material: Cesium.Material.fromType('Color', {color: Cesium.Color.RED})}),clippingPlanes: new Cesium.ClippingPlaneCollection({planes: [new Cesium.ClippingPlane(Cesium.Cartesian3.UNIT_Z, 50.0) // 裁剪半径为 50 的球体]})
});viewer.scene.primitives.add(sphere);

在这个例子中，创建了一个球体并将其裁剪，裁剪面距离原点 50 单位，隐藏球体超过该高度的部分。

3. Models（3D 模型）

ClippingPlanes 也可以应用于 3D 模型（如 glTF 模型）。在 Cesium.Model 中，clippingPlanes 可以用来裁剪模型的一部分。

示例：

const model = viewer.scene.primitives.add(Cesium.Model.fromGltf({url: 'path/to/your/model.glb',clippingPlanes: new Cesium.ClippingPlaneCollection({planes: [new Cesium.ClippingPlane(Cesium.Cartesian3.UNIT_Z, 50.0)]})
}));

这段代码将对加载的 glTF 模型应用切割面，裁剪掉离 Z 轴 50 单位以上的部分。

4. Terrain（地形）

对于 Cesium 中的地形数据（例如使用 3D Tiles 数据源的地形），可以通过切割面进行裁剪。地形通常是通过 Cesium.CesiumTerrainProvider 加载的，而切割面可以用来限制地形的显示。

这种应用场景通常适用于大规模的地形可视化，用户可以通过切割面查看地形的特定部分，或从不同的切割角度进行分析。

5. Imagery（影像图层）

clippingPlanes 还可以用于影像图层，特别是当你想要切割或限制影像图层的显示时。通过使用 clippingPlanes，你可以将某些区域的影像数据裁剪掉，以使其他数据更加突出。

示例：

const imageryLayer = viewer.imageryLayers.addImageryProvider(new Cesium.UrlTemplateImageryProvider({url : 'https://your-imagery-url/{z}/{x}/{y}.png'
}));imageryLayer.clippingPlanes = new Cesium.ClippingPlaneCollection({planes: [new Cesium.ClippingPlane(Cesium.Cartesian3.UNIT_Z, 100.0)]
});

在这个例子中，影像图层会被切割，只显示离 Z 轴 100 单位以内的部分。

其他可能的应用场景：

Skybox（天空盒） clippingPlanes 也可用于裁剪 天空盒，这在某些需要动态裁剪天空内容的应用中有用。
Custom Primitives（自定义原始几何体） 如果你自己创建了自定义几何体，可以通过 clippingPlanes 使其进行裁剪，减少计算负担或者实现特定的可视化效果。
Ground Clipping (地面裁剪) 对于需要动态控制地面显示的场景，clippingPlanes 可以用来裁剪地面，或者将其与其他场景元素进行交互。

总结

ClippingPlanes 在 Cesium 中是一个非常灵活的工具，可以应用于以下对象：

3D Tiles（如城市模型）
Primitives（如几何体）
Models（如 glTF 模型）
Terrain（地形）
Imagery（影像图层）
Skybox（天空盒）
Custom Primitives（自定义几何体）

这些对象可以通过 ClippingPlaneCollection 结合多个切割面来实现不同的裁剪效果，从而动态地控制场景中的可见部分。

cesium 3dtile ClippingPlanes 多边形挖洞ClippingPlaneCollection

原理就是3dtiles里面的属性clippingPlanes 采用ClippingPlaneCollection，构成多边形来挖洞。其次就是xyz法向量挖洞 clippingPlanes: new this.ffCesium.Cesium.ClippingPlaneCollection({unionClippingRegions: true, // true 表示多个切割面能合并为一个有效的…...

编程日记 2025/6/26 14:31:50

开发者如何使用GCC提升开发效率GUI操作

看此篇前请先阅读https://blog.csdn.net/qq_20330595/article/details/144139026?spm1001.2014.3001.5502 先上效果图找到对应的环境版本配置环境目录结构 CtrlShiftP c_cpp_properties.json {"configurations": [{"name": "Win32","i…...

编程日记 2025/6/26 13:45:26

什么是隐式类型转换？

隐式类型转换（Implicit Type Conversion）是指编译器在没有明确要求的情况下，自动地将一种类型的值转换为另一种类型。C 语言支持隐式类型转换，这通常发生在表达式运算或函数调用中，以确保操作数或参数的类型兼容性。隐…...

编程日记 2025/6/21 13:47:39

爬虫专栏第三篇：Python 实战：运用 requests 突破京东商品评论获取难题（含 cookie 处理与编码设置技巧

简介：本文以京东商品评论为例，详细介绍了使用requests库获取网页数据的过程，包括从打开商品评价页面、抓包分析找到评论接口，到处理cookie参数、解决cookie字符串解析问题，以及设置正确的编码以成功获取评论数据&#…...

编程日记 2025/6/24 23:57:28

HCIE：详解OSPF，从基础到高级特性再到深入研究

目录前言一、OSPF协议基本原理简介基本原理 OSPF路由器类型 OSPF网络类型 OSPF报文类型和封装 OSPF邻居的建立的维护 DR和BDR的选举伪节点 LSDB的更新 OSPF的配置二、OSPF的高级特性虚连接（Virtual-Link） OSPF的LSA和路由选择 OSPF…...

编程日记 2025/6/26 13:35:28

第六十六条：谨慎使用本地方法

其实在java中有很多都是采用C或C语言实现的比如native这种的本地方法，感兴趣的可以找源代码看看。 Java Native Interface (JNI) 允许Java应用程序可以调用本地方法（native method），所谓本地方法是指使用本地程序设计语言&#xf…...

编程日记 2025/6/26 14:00:10

neo4j如何存储关于liquidity structure的层次和关联结构

在 Neo4j 中存储关于流动性结构（liquidity structure）的层次和关联结构非常适合，因为 Neo4j 是一个基于图的数据库，能够自然地建模和存储复杂的关系和层次结构。下面是如何在 Neo4j 中设计和实现这样的数据模型的详细步骤和示例。…...

编程日记 2025/6/26 1:15:59

45 基于单片机的信号选择与温度变化

目录一、主要功能二、硬件资源三、程序编程四、实现现象一、主要功能基于51单片机，采用DS18B20检测温度，通过三种LED灯代表不同状态。采用DAC0832显示信号脉冲，通过8位数码管显示温度。信号脉冲可以根据两个按键分别调整为正弦…...

编程日记 2025/6/26 14:16:36

2、Three.js初步认识场景Scene、相机Camera、渲染器Renderer三要素

三要素之间关系： 有了虚拟场景Scene，相机录像Camera，在相机小屏幕上看到的Renderer Scene当前空间 Mesh人在场景 Camera相机录像 Renderer显示器上首先先描述下Scene： 这个场景为三要素之一，一切需要展示的东西都需…...

编程日记 2025/6/26 14:07:50

Java基础面试题06：hashCode()和equals()方法的重要性体现在什么地方？

前言 Java中的hashCode()和equals()方法看似是干同一件事，但它们的使用场景和作用却大有不同。为了让程序更高效、更准确地运行，我们需要对这两者有深入的了解，并掌握它们的重写规则。 hashCode()和equals()的基础知识什么是hashCode&…...

编程日记 2025/6/23 13:50:10

Matlab Simulink HDL Coder开发流程（一）— 创建HDL兼容的Simulink模型

创建HDL兼容的Simulink模型一、使用Balnk DUT模板二、从HDL Coder库中选择模块三、为DUT开发算法/功能四、为设计创建Testbench五、仿真验证设计功能六、Simulink模型生成HDL代码这个例子说明了如何创建一个用于生成HDL代码的Simulink模型。要创建兼容HDL代码生成的MATLAB算法…...

编程日记 2025/6/26 1:09:46

C#基础之方法

文章目录 1 方法1.1 定义方法1.2 参数传递1.2.1 按值传递参数1.2.2 按引用传递参数1.2.3 按输出传递参数1.2.4 可变参数 params1.2.5 具名参数1.2.6 可选参数 1.3 匿名方法1.3.1 Lambda 表达式1.3.1.1 定义1.3.1.2 常用类型1.3.1.3 Lambda 表达式与 LINQ1.3.1.4 Lambda 表达式的…...

编程日记 2025/6/26 13:54:53

Pytest框架学习19--参数化2

1、数据源是yaml 安装yaml，使用safe_load方法读取文件，解析出数据 pip install PyYAML # test_data.yaml test_case_1:a: 2b: 3expected_result: 5test_case_2:a: -1b: 10expected_result: 9test_case_3:a: 0b: 0expected_result: 0# test_code.pyimpor…...

编程日记 2025/6/26 14:11:01

VSCode中“Run Code”运行程序时，终端出现中文乱码解决方法

问题描述在VSCode中“Run Code”运行程序时，终端输出结果出现中文乱码现象： 解决方法 1. 检查系统cmd的默认编码查看Windows终端当前编码方式的命令： chcp输出结果是一段数字代码，如936，这说明当前的cmd编码方式…...

编程日记 2025/6/24 1:29:38

HarmonyOS 5.0应用开发——列表（List）

【高心星出品】文章目录列表（List）列表介绍列表布局设置主轴方向设置交叉轴方向列表填充分组列表填充滚动条位置设置滚动位置滚到监听列表项侧滑列表（List） 列表介绍列表作为一种容器，会自动按其滚动方向排列…...

编程日记 2025/6/26 13:26:18

C++设计模式外观模式（Facade）

什么是桥接模式？ 桥接模式（Bridge Pattern）是一种结构型设计模式，它的核心目的是解耦抽象部分和实现部分，让它们可以独立变化。在简单的描述中，桥接模式可以让你在不修改原有代码的情况下，分别…...

编程日记 2025/6/26 14:01:34

《Python基础》之Numpy库

目录简介一、创建数组 1、根据列表创建数组 2、创建全0数组 3、创建全1数组 4、创建单位矩阵 5、创建随机数数组二、查看数组的属性三、数组的操作 1、索引和切片 2、变形 3、拼接 （1）、vstack() 纵向拼接 （2）、hs…...

编程日记 2025/6/21 16:41:50

Python异步编程与API调用：提高效率与性能的实践指南

引言在当今的软件开发领域，异步编程已成为提高应用程序性能和响应能力的关键技术。特别是在处理I/O密集型任务，如API调用时，异步编程能够显著提升效率。本文将通过一个具体的示例——使用Python的asyncio和aiohttp库来异步调用API&#xff…...

编程日记 2025/6/23 7:19:51

Zookeeper3.4.14集群安装

Zookeeper3.4.14三节点集群安装为保证集群高可用，Zookeeper 集群的节点数最好是奇数，最少有三个节点，所以这里搭建一个三个节点的集群。(在一个节点模拟三节点，真实的三节点把ip替换一下即可，按照hadoop案件把网络打…...

编程日记 2025/6/24 20:26:13

电机驱动MCU介绍

电机驱动MCU是一种专为电机控制设计的微控制器单元，它集成了先进的控制算法和高性能的功率输出能力。电机驱动MCU采用高性能的处理器核心，具有快速的运算速度和丰富的外设接口。它内置了专业的电机控制算法，包括PID控制、FOC（Fi…...

编程日记 2025/6/26 13:27:26

Python 面向对象编程详解

Python 面向对象编程详解面向对象编程（OOP）是一种编程范式，它使用“对象”来设计软件。在 Python 中，面向对象编程非常强大，允许开发者通过类（class）和对象（object）来模…...

编程日记 2025/6/26 13:54:55

网络技术-不使用K8S情况下哪些方法可搭建服务链编排

在不使用Kubernetes（k8s）（或不使用Docker环境技术的）情况下，搭建服务链编排环境需要依赖其他服务编排和容器化技术，或者采用传统的虚拟机和服务管理方法。以下是一些可能的解决方案： 一、使用其…...

编程日记 2025/6/19 19:53:14

JVM_总结详解

1、CPU和内存的交互了解jvm内存模型前，了解下cpu和计算机内存的交互情况。【因为Java虚拟机内存模型定义的访问操作与计算机十分相似】有篇很棒的文章，从cpu讲到内存模型:[什么是java内存模型？] 在计算机中，cpu和内存的交互最…...

编程日记 2025/6/26 13:41:24

go语言 Pool实现资源池管理数据库连接资源或其他常用需要共享的资源

go Pool Pool用于展示如何使用有缓冲的通道实现资源池，来管理可以在任意数量的goroutine之间共享及独立使用的资源。这种模式在需要共享一组静态资源的情况（如共享数据库连接或者内存缓冲区）下非常有用。如果goroutine需要从池里得到这些资…...

编程日记 2025/6/26 14:01:33

初级数据结构——邻接表

目录前言一、定义与结构二、特点与性质三、构建方式四、操作与应用五、代码模版六、经典例题[1.——LCP 07. 传递信息](https://leetcode.cn/problems/chuan-di-xin-xi/description/)代码题解 [2.——547. 省份数量](https://leetcode.cn/problems/number-of-provinces/)代码题…...

编程日记 2025/6/26 13:44:23

思维导图+实现一个登录窗口界面

QQ2024122-205851 import sys from PyQt6.QtGui import QIcon, QPixmap, QMovie from PyQt6.QtWidgets import QApplication, QWidget, QLineEdit, QPushButton, QLabel, QVBoxLayout# 封装我的窗口类 class LoginWidget(QWidget):# 构造函数def __init__(self):# 初始化父类su…...

编程日记 2025/6/24 8:20:29

多级缓存设计实践

缓存是什么？ 缓存技术是一种用于加速数据访问的优化策略。它通过将频繁访问的数据存储在高速存储介质（如内存）中，减少对慢速存储设备（如硬盘或远程服务器）的访问次数，从而提升系统的响应速度和…...

编程日记 2025/6/26 13:33:52

ElasticSearch学习笔记一

目录 1.ElasticSearch-Head如何启动 2.ElasticSearch-Head创建索引 2.1创建索引时的“分片数”和“副本数”是什么意思？ 类比 1：图书馆的书架与备份类比 2：快递分拣中心与包裹副本总结编辑 2.2如何查看现有索引的分片数和备份数 …...

编程日记 2025/6/26 14:30:13

A058-基于Spring Boot的餐饮管理系统的设计与实现

🙊作者简介：在校研究生，拥有计算机专业的研究生开发团队，分享技术代码帮助学生学习，独立完成自己的网站项目。代码可以查看项目链接获取⬇️，记得注明来意哦~🌹 赠送计算机毕业设计600个选题ex…...

编程日记 2025/6/26 13:35:28

代码设计：设计模式：应对变化

文章目录概述1.拆分代码2.解耦3.扩展总结概述代码的设计模式主要为了应对变化三种代码设计中应对变化的方式 1.拆分代码 2.解耦 3.扩展 1.拆分代码减小变化对代码的影响需要拆分代码的几种情况 1.类或方法的代码量巨大，导致代码可读性降低 2.存在复杂的代码，如…...

编程日记 2025/6/26 13:56:16

《Vue 路由导航：打造流畅的单页应用一》

一、Vue Router 简介 Vue Router 是什么？ Vue Router 是 Vue.js 官方提供的路由管理器，用于构建单页面应用并实现页面间导航。它基于 Vue 的组件系统构建，通过配置路由将浏览器的 URL 和用户看到的内容绑定起来。当用户在应用中浏览不同页面…...

编程日记 2025/6/26 11:10:27

【xshell连接失败】

xshell用pem连接失败 Warning: Identity file ”open_api_test.ssh not accessible: No such file or directory. Warning: Identity file open_api_test2.pem not accessible: No such file or directory. Permission denied (publickey,gssapi-keyex,gssapi-with-mic). 搞了半…...

编程日记 2025/6/26 13:51:35

1. 3D Tiles

2. Primitive（原始几何体）

3. Models（3D 模型）

4. Terrain（地形）

5. Imagery（影像图层）

其他可能的应用场景：

总结

相关文章：