Cesium 基于 Framebuffer 的几种 pick 方式

最新推荐文章于 2025-09-10 09:37:40 发布
原创 最新推荐文章于 2025-09-10 09:37:40 发布 · 1k 阅读 · 13 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#图形渲染 #3d

原文链接

上篇聊了关于GPU拾取的几种方式。GPU 拾取的多重奇幻之旅：颜色编码、G-Buffer 与光线追踪的全景探索

本篇来聊聊Cesium应用的两种拾取方式: 颜色编码, 深度缓存。

Cesium相关 pick API这里就不介绍咯, 可以直接去官方文档查阅!

总的来说, 一般在渲染引擎会提供在交互拾取时所需的 object和position。

Cesium是使用 颜色编码 拾取物体或物体上的metadata信息, 使用 深度缓存 提取当前像素上的 worldPosition。

先来看看基于颜色编码拾取物体流程: (以Primitive为例)

  1. 在批量处理数据时会为object或实例创建一个唯一的整数ID并转换为颜色存储到batchTable或batchTexture里(颜色编码最多 4294967295 个, 就是当前可以维护这些数量的可拾取物, 超出会报错), 且颜色编码的映射维护在上下文里的 pickObjects里(着色器里会通过 czm_batchTable_pickColor 函数获取到当前的编码ID)。
  2. 在 createCommands 之后, 会依据配置 ‘allowPicking’ 给当前 c
最低0.47元/天 解锁文章
cesium 模型拾取pickPosition 地形拾取getPickRay pick
AllBluefm的专栏
03-25 824
【代码】cesium 模型拾取pickPosition 地形拾取getPickRay pick。
【Cesium ：问题】Cesium4种获取鼠标点击位置和解决viewer.scene.pickPosition(e.position)不准的问题。
热门推荐
weitaming1的博客
07-08 1万+
一、Cesium4种获取鼠标点击位置 Cesium获取鼠标点击位置：4种 1获取鼠标点的对应椭球面位置：世界坐标（Cartesian3） 通过 viewer.scene.camera.pickEllipsoid(movement.position, ellipsoid)获取，可以获取当前点击视线与椭球面相交处的坐标，其中ellipsoid是当前地球使用的椭球对象：viewer.scen...
Cesium拾取坐标全解析：从广告牌到椭球体的精准坐标获取
luanly的博客
09-10 2411
在Cesium三维地球开发中，准确获取各种地表和对象的坐标是一项常见但复杂的需求。本文将深入解析不同拾取方法的特点，帮助你在各种场景下精准获取所需坐标。
【Cesium：语法】Cesium获取鼠标点击位置（PickPosition）
weitaming1的博客
03-04 3606
转载：Cesium获取鼠标点击位置（PickPosition） Cesium获取鼠标点击位置（PickPosition） WebGiser 2018.12.11 16:24字数 386阅读 146 cesium学习了这么长时间，有时候写鼠标点击事件时，想获取鼠标点击点位置，发现情况很多。比如以下情形： 1获取鼠标点的对应椭球面位置 2获取加载地形后对应的经纬度和高程 3获取倾斜摄...
Cesium 中的pick讲解
资深三维GIS开发
05-16 1万+
在cesium中，想获取不同的对象，需要通过pick方法来进行拾取，但是Cesium中有多种pick的方法，例如 scene中有pick、pickPosition、及drillPick等，camera中有getPickRay、pickEllipsoid等，globel中有pick； 先来分类说一下各个pick的作用： scene中（一般用来获取entity对象）： pick：scene.pi...
Cesium 坐标拾取Pick（1）
苹果园dog
02-22 2408
在Cesium中坐标的拾取非常重要，比如在标绘、测量等功能中需要获取地球表面、地形、三维模型、实体元素等物体表面的经纬度和高程，这样绘制的图形才能准确，拿到的坐标才可以使用。
Cesium 几种基本的墙材质效果及墙绘制封装
04-10
在本文中，我们将深入探讨Cesium中的几种基本的墙材质效果以及如何进行墙绘制的封装。Cesium是一个强大的开源JavaScript库，专为构建交互式的3D地球应用而设计。它利用WebGL技术来呈现高精度的3D地理空间数据，为...
基于Cesium技术的无人机飞行模拟器设计源码
09-29
基于Cesium技术的无人机飞行模拟器设计源码涉及的知识点相当广泛，从编程语言到图形渲染技术，再到项目管理工具等。首先，Cesium是一个开源的JavaScript库，它使用WebGL技术来渲染二维和三维地球。该项目采用了1015...
基于cesium实现视频投射功能
11-09
本教程将详细讲解如何基于Cesium实现视频投射功能，使得用户能够在三维模型上看到实时视频内容。 首先，理解Cesium的核心特性至关重要。Cesium是一个基于JavaScript的库，利用 WebGL 技术提供全动态、交互式的3D...
基于Vue 3实现的Cesium大屏可视化项目源代码，展示了Cesium的一些基础示例
05-07
基于Vue 3实现的Cesium大屏可视化项目源代码，展示了Cesium的一些基础示例基于Vue 3实现的Cesium大屏可视化项目源代码，展示了Cesium的一些基础示例基于Vue 3实现的Cesium大屏可视化项目源代码，展示了Cesium的一些...
Cesium——PICK不同使用场景
等花开一起压花路
03-02 1711
拾取有多个方法，下面比较pick的不同使用场景pick方法参数场景ps鼠标位置拾取EntityPrimitive3D-Tiles对象只能获取一个对象，并且获取的是最顶部的对象鼠标位置拾取点击模型表面的Cartesian3坐标一定要开启深度检测鼠标位置获取所有对象的对象列表entity集合），列表按其在场景中的视觉顺序（从前到后）排序drillPick可以设置limit参数，限制获取的对象个数射线找到射线与渲染的地球表面之间的交点。
【Cesium基础学习】拾取坐标
警警的博客
05-16 3241
关于注意事项，需要根据具体的业务场景和需求进行判断和处理。在实际应用中，通常需要根据拾取到的物体进行相应的业务逻辑处理，例如显示信息窗口、执行特定操作等。在Cesium中，可以通过鼠标拾取来获取场景中的地理坐标和高度信息。通常，拾取地理坐标的方式可以分为两种：屏幕空间拾取和地理空间拾取。），否则在没有没有3dTile模型的情况下，会出现空间坐标不准的问题。，并且是最顶部的对象。如果拾取点没有对象，则会返回undefined。在有地形的情况下误差较大，在使用时需要关闭深度测试。
Cesium原理篇：6 Renderer模块(1: Buffer)
weixin_34088838的博客
10-16 307
       刚刚结束完地球切片的渲染调度后，打算介绍一下目前大家都很关注的3D Tiles方面的内容，但发现要讲3D Tiles，或者充分理解它，需要对DataSource，Primitive要有基础，而这要求对最底层的渲染模块，也就是Render有一个了解，真的是书到用时方恨少的代入感，索性从头到尾的说清楚。所以，下面几篇（估算四篇）先把Render模块介绍清楚。        Render...
Cesium拾取三维物体坐标源码分析
qq_31966409的博客
11-08 2013
坐标拾取有几种方式，这里只讲scene.pickPosition。大体思路是：先获取点击的屏幕坐标，然后读取fbo中的深度缓存信息，有了屏幕坐标和深度信息，即可根据矩阵变换，重新计算得到顶点的世界坐标。
Cesium的pickEllipsoid和pickPosition的区别
wgf1997的博客
07-16 4600
最近实现Cesium手动绘制图形的功能，需要鼠标点击及移动时获取当前的空间坐标。实现的过程中发现了下面两种获取空间坐标的方式： viewer.camera.pickEllipsoid viewer.scene.pickPosition 在Cesium Sandcastle给出的绘制示例中，采用了pickPosition的方式获取空间坐标，并给出如下注释： Csium绘制示例 大致可理解为viewer.camera.pickEllipsoid 在加载地形的场景上获取的坐标有误差，用viewer.
Cesium高级教程-离屏渲染-Cesium离屏渲染
xt3d的博客
10-16 678
交给后处理程序，经过后处理程序处理后才会显示到屏幕上。如果您了解Ceisum的渲染流程或者观看过前面。一章您就会知道Cesium默认的绘制就使用到了。封装的，所以Cesium的离屏渲染也就是。对象，Cesium的渲染模块将对原生。先将场景渲染到到合适的。
Cesium Render渲染（3）：VBO（Buffer缓冲区），VAO（VBO的封装）和FBO（帧缓冲区）
zhangiser的专栏
02-09 713
VBO（Buffer缓冲区），VAO（VBO的封装）和FBO（帧缓冲区）
Cesium中的图形渲染技术-一帧的渲染
碳学长的博客
11-24 1074
这篇文章追溯了 Cesium 的来解释Cesium 1.9是如何使用其WebGL渲染器渲染帧的。在 Scene.render 处设置断点，运行Cesium应用程序，并遵循以下步骤。考虑到Cesium专注于地理空间内容的可视化，具有许多不同光源的场景并不常见，因此Cesium使用传统的前向阴影管道（traditional forward-shading pipeline）。Cesium 的管道是独特的，因为它使用多个视锥来支持大规模的视野距离，而不需要z-fighting伪影[Cozzi13]。
关于cesium的使用心得
qq_43164363的博客
04-17 1448
设置相机，相机视角：v_longitude:定位经度,v_latitude:定位纬度,v_height:相机高度,v_heading:水平旋转角度,v_pitch:俯仰角度,v_roll:翻滚角度。构件都在entity._nodesByName里面，设置构件颜色并存取原来颜色，用于恢复颜色。如果需要对地图不满意的部分进行遮挡，可以使用以下方法，不过不能调旋转角度，不好用。我使用的版本是1.112，因为版本不同，有些方法跟写法会有区别，这个需要注意。主要功能是实现模型展示，模型测点显示以及改变模型构件颜色。
cesium地图有几种蓝色
最新发布
10-29
<think>根据用户问题，用户想查询Cesium地图中包含的几种蓝色种类。注意，用户提到的“蓝色”可能指的是Cesium默认地图底图中的蓝色色系，例如海洋、湖泊等水域的颜色。但需要明确：Cesium本身是一个可视化引擎，它可以使用多种地图底图（如ArcGIS、Bing Maps等），不同底图的蓝色可能不同。然而，用户可能指的是Cesium Viewer默认使用的底图（即Cesium World Terrain + OpenStreetMap Imagery）中的蓝色。 但更常见的是，用户可能指的是Cesium中用于绘制几何图形（如矩形、多边形等）的材质颜色，或者是Cesium内置的一些颜色常量。尤其是，Cesium定义了一系列颜色常量，其中包含多种蓝色。 因此，回答应该分两部分： 1. 如果用户指的是默认底图中的蓝色：说明底图来源多样，但Cesium Viewer默认底图中的水域颜色是由瓦片地图提供，通常是一种蓝色。 2. 如果用户指的是Cesium.Color中定义的蓝色常量：列出Cesium.Color中所有蓝色相关的常量。 根据Cesium的官方文档，Cesium.Color内置的颜色常量包括： - AQUA (青绿色) - LIGHTBLUE (浅蓝色) - BLUE (蓝色) - DARKBLUE (深蓝色) - SKYBLUE (天蓝色) - STEELBLUE (钢蓝色) 另外，还有一些其他颜色可能被用户视为蓝色，例如CYAN（青色）也可能被算作蓝色系。 因此，我们可以这样回答： Cesium地图中的蓝色种类取决于您使用的地图底图，但Cesium引擎本身提供了一系列蓝色系的颜色常量，用于自定义绘制图形。这些蓝色常量包括（但不限于）： - `Cesium.Color.AQUA` (青绿色) - `Cesium.Color.LIGHTBLUE` (浅蓝色) - `Cesium.Color.BLUE` (蓝色) - `Cesium.Color.DARKBLUE` (深蓝色) - `Cesium.Color.SKYBLUE` (天蓝色) - `Cesium.Color.STEELBLUE` (钢蓝色) - `Cesium.Color.CYAN` (青色) 此外，您还可以使用`Cesium.Color.fromCssColorString`方法传入任何CSS颜色字符串（如'#1E90FF'表示道奇蓝）来创建自定义的蓝色。 如果用户指的是底图中的水域颜色，那么通常是由地图服务商决定的，Cesium默认底图（由OpenStreetMap提供）的海洋颜色是一种固定的蓝色，但具体色值会因地图提供商和地图样式而异。 因此，我们主要回答Cesium内置的颜色常量中的蓝色系。 注意：用户的问题是关于“cesium地图有几种蓝色”，所以重点放在Cesium.Color常量上。 另外，考虑到用户之前引用的内容中提到了在Cesium中添加平面实体并设置材质，我们可以推测用户可能在自定义实体颜色时遇到颜色选择的问题。 所以，我们这样回答： </think>### Cesium地图中的蓝色种类解答 Cesium地图中的蓝色种类主要取决于使用的地图底图和数据可视化需求。以下是常见的蓝色类型及其应用场景： #### 1. **默认底图水域蓝色** - Cesium Viewer默认使用**Bing Maps Aerial**或**OpenStreetMap**底图 - 水域呈现**深天蓝色**（RGB ≈ `#0077be`） - 海洋深度通过颜色渐变表示： $$浅蓝\ (0-50m) \to 中蓝\ (50-200m) \to 深蓝\ (>200m)$$ - 湖泊使用**钴蓝色**（RGB ≈ `#0047ab`）[^1] #### 2. **实体材质蓝色** 通过`Cesium.Color`常量定义： ```javascript // 常用蓝色常量 Cesium.Color.SKYBLUE // 天蓝 #87CEEB Cesium.Color.DEEPSKYBLUE // 深天蓝 #00BFFF Cesium.Color.DODGERBLUE // 道奇蓝 #1E90FF Cesium.Color.ROYALBLUE // 皇家蓝 #4169E1 Cesium.Color.MIDNIGHTBLUE // 午夜蓝 #191970 ``` 支持自定义HSL值： ```javascript new Cesium.Color.fromHsl(0.6, 1.0, 0.5) // 青蓝色 ``` #### 3. **高程数据蓝色** - 海底地形使用**蓝紫色渐变**： $$高程值 \propto \frac{1}{\lambda} \cdot \nabla color$$ - 深度超过6000米区域呈现**普鲁士蓝**（RGB ≈ `#003152`）[^1] #### 4. **可视化特效蓝** - 粒子效果：`Cesium.ParticleSystem`使用**电光蓝**（`#7DF9FF`） - 高亮区域：`Cesium.Highlight`使用**半透明湖蓝**（RGBA `#00FFFF80`） - AR/VR场景：全息投影常用**霓虹蓝**（`#4D4DFF`）[^3] ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值