cesium 射线碰撞检测拾取 ray drillPickFromRay

AllBlue

已于 2024-04-27 10:05:55 修改

阅读量890

点赞数 14

分类专栏： cesium GIS 文章标签： cesium

于 2024-04-26 15:55:00 首次发布

本文链接：https://blog.csdn.net/allbluefm/article/details/138221267

版权

cesium 同时被 2 个专栏收录

58 篇文章 2 订阅

订阅专栏

GIS

56 篇文章 2 订阅

订阅专栏

本文介绍了如何在Cesium中使用Cartesian3类进行坐标操作，如从world坐标系转换到局部坐标，并创建Ray对象进行空间射线检测，通过`drillPickFromRay`方法进行场景选择。

摘要由CSDN通过智能技术生成

let dir = Cesium.Cartesian3.normalize(Cesium.Cartesian3.subtract(target, origin, new Cesium.Cartesian3()), new Cesium.Cartesian3());
let ray = new Cesium.Ray(origin, dir);
let pick = viewer.scene.drillPickFromRay(ray, 20);

1、origin和target都是世界坐标系中的坐标

相对坐标系的转换参考 cesium trackedEntity 调整viewFrom 世界坐标转局部坐标-CSDN博客

2、subtract(target, origin, new Cesium.Cartesian3())的结果是从origin指向target，normalize归一化得到方向

3、Cesium.Ray(origin, dir)：以origin为原点，方向是从origin指向target发射线

4、cesium常见射线参考：cesium 常见的几种射线-CSDN博客

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

AllBlue

关注关注

14
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Cesium 坡度和坡向分析

God's asylum的博客

08-14

302

1、绘制多变形边界，使用turf将多边形等分成相等大小的网格。// 清空斜率提示框。 2、计算每个网格的中心点和边界点的坐标，使用Cesium提供的函数获取这些点的地形高度。 3、计算最大高度差：遍历每个网格区域的点，找到相对于中心点的最大高度差，利用中心点和高度差最大的点计算斜率。

cesium的四种点击拾取方法

DTCloud

04-20

2460

通过坐标位置，拾取实体（Entity），图元（Primitive）,3DTiles对象，返回的是scene中指定位置最上层的对象。例如点击获取Entity的pick对象，通过pick.id可以拾取当前的entity对象。拾取后，可以用于改变对象的属性参数，如颜色，图片等。：只能获取一个对象，并且是最顶部的对象。如果拾取点没有对象，则会返回undefined。

参与评论您还未登录，请先登录后发表或查看评论

Cesium相机碰撞检测源码解析

u010447508的博客

03-02

4175

通过查看Cesium源代码解释了相机碰撞检测的流程及原理。首先，cesium针对基本的鼠标事件在初始化viewer时会注册相关事件。 ScreenSpaceCameraController.js：L1921 function update3D(controller) { reactToInput(controller, controller.enableRotate, c...

Cesium 航线检测是否碰撞点云

最新发布

ッ微凉的博客

08-29

221

检测航线是否碰撞点云

【超图+CESIUM】【基础API使用示例】50、超图｜CESIUM - moveLeft\moveRight\moveForward\moveBackward实现运动中的碰撞检测效果

汪同学丶的博客

12-07

2548

由于项目业务需要，所以实现了这四个api的碰撞检测效果。核心是通过ray射线来做碰撞检测。

cesium 常见的几种射线

AllBluefm的专栏

04-26

788

三、沿着z轴方向的射线,也叫垂直射线。四、相机位置到屏幕坐标点的射线。一、沿着x轴方向的射线。二、沿着y轴方向的射线。六、A点到B点的射线。

cesium 计算射线与模型交点

06-06

要计算射线与模型的交点，可以使用Cesium的Ray类和IntersectionTests类，具体步骤如下： 1. 创建射线，可以使用Cesium的Ray类，代码如下： ```javascript const ray = new Cesium.Ray(origin, direction); ``` ...

cesium获取坐标及高程

weixin_30377461的博客

05-31

4566

1、获取entity坐标及高程 var cartographic = Cesium.Cartographic.fromCartesian(entity.position.getValue()); var lon = Cesium.Math.toDegrees(cartographic.longitude); var lat = Cesium.Math.toDegrees(...

Cesium 模型移动旋转控制-丝滑版

qq_16603051的博客

02-20

1113

length: radius * 1, //坐标轴的长度应该视模型的直径而定。* @param rotationX{Cesium.Matrix4} 旋轉角度。// 由z轴向上地表向上两个向量叉乘, 则可以得出, 向右的向量。//更新position模型当前的位置。* 从摄像头发出与视窗上一点相交的射线。* 添加辅助球, 用于辅助位置拾取。//平移矩阵和当前模型矩阵相乘。// 利用叉乘性质判断方向。// 清除操纵杆, 监听器。

碰撞检测中函数（线与面，线与多边形，点到线的最近点）

09-21

碰撞检测中函数（线与面，线与多边形，点到线的最近点），看看是否对你有用！

Cesium：绘制抛物线/散射线

席木木的博客

10-17

1073

Cesium：抛物线/散射线，可用于展示中心位置对于附近区域点的辐射关系。

Cesium中通过射线计算日照

yue1241630499的博客

08-09

1577

前段时间接触到一个需求，需要实时的计算建筑的日照，通常优先通过shadow map来实现。通过shadow map可以直接获取某一时刻的光照信息，累积不同太阳光位置的shadow map即可得到物体表面的光照时长。不过本人技术有限，还没能力手撕shadow map，之前看了光线追踪的内容，考虑到也可以通过射线求交的方法来计算物体表面是否直达光源，来累积光照时长。

Cesium 坐标拾取Pick（1）

苹果园dog

02-22

1476

在Cesium中坐标的拾取非常重要，比如在标绘、测量等功能中需要获取地球表面、地形、三维模型、实体元素等物体表面的经纬度和高程，这样绘制的图形才能准确，拿到的坐标才可以使用。

cesium drillPick实现原理

A873054267的博客

03-31

1517

首先谈谈webgl的pick实现原理：即给每一个渲染的物体绑定一个唯一的id，在内存中这个是很容易做到，但是GPU只有渲染的图像，没有像内存一样的东西（这也是为何调试shader只能通过颜色来判断）因此要绑定这个id，则需要用相应的颜色来记录这个id，颜色的表示方法为rgba(1,1,1,1)，每个分量的取值范围为0-255，因此cesium可记录的最大的pickid entity限制为256*256*256*256 =2的32次方，刚好是一个Uint32的记录长度。_nextPickColor会依次递

【Cesium】Cesium实现可视域分析

似水流年

05-05

3463

本文的程序思路如下：首先确定视点位置，然后确定视野终点（即确定了可视距离）。可视角度为45°至135°，计算视野范围内每隔1°的视野终点，视点依次连接即为可视范围。可视域分析师计算从某点出发的视线在一定的视角范围内能通视的区域。3.2 构建视野范围。3.4 html代码。

cesium拾取pick系列（拾取坐标和对象）

挣钱花388的博客

10-18

3370

1window.viewer.scene拾取 1.1 window.viewer.scene.pick 1.2 window.viewer.scene.pickPosition 1.3 window.viewer.scene.drillPick 2window.viewer.scene.camera拾取 3window.viewer.scene.globe拾取 4window.viewer.imageryLayers.pickImageryLayerFeatures 拾取

碰撞检测经典解决方案

u011295947的博客

05-10

2554

http://blog.sina.com.cn/s/blog_668aae780101kkxf.html

cesium 射线拾取

07-13

对于Cesium中的射线拾取，您可以使用Cesium的Scene.pick方法。这个方法允许您在三维场景中发射一条射线，并返回与射线相交的对象信息。以下是一个简单的示例代码，展示了如何使用Cesium进行射线拾取： ```javascript var viewer = new Cesium.Viewer('cesiumContainer'); // 点击事件处理 viewer.screenSpaceEventHandler.setInputAction(function (click) { // 获取点击位置的屏幕坐标 var screenPosition = click.position; // 将屏幕坐标转换为地理坐标 var pickRay = viewer.camera.getPickRay(screenPosition); // 进行射线拾取 var pickedObject = viewer.scene.pick(pickRay); if (Cesium.defined(pickedObject)) { // 如果拾取到了对象 console.log('Picked object:', pickedObject); } else { // 如果没有拾取到对象 console.log('No object picked.'); } }, Cesium.ScreenSpaceEventType.LEFT_CLICK); ``` 在这个示例中，我们创建了一个Cesium的Viewer，并监听了左键点击事件。当用户点击时，我们获取点击位置的屏幕坐标，并将其转换为地理坐标。然后，使用pick方法进行射线拾取，并将结果打印到控制台。您可以根据您的需求进一步处理拾取到的对象信息。希望这个示例能对您有帮助！如有更多问题，请随时提问。

cesium 射线 碰撞检测 拾取 ray drillPickFromRay

cesium 射线碰撞检测拾取 ray drillPickFromRay