单体化解锁3DGS场景深层交互价值,让3DGS模型真正被用起来!

3D高斯泼溅(3DGS)爆火,但你的模型还不能实现单独对象的选择?

短短数月,3DGS凭借逼真的细节(连电力线弧度都清晰可见)成为数字孪生新宠,GitHub星标破万,工业界争相集成。但实际使用时,开发者常遇到一个关键问题:3DGS输出的模型是个"无缝整体",建筑、树木、车辆全"粘"在一起,想单独选中某个对象?目前还很困难。

Mapmost团队深耕三维可视化多年,曾用一套成熟的倾斜摄影单体化方案解决过类似难题。这次,我们带着实战经验进入3DGS领域,测试了几种3DGS单体化实现方式和效果与大家分享。

一、倾斜模型单体化经验

我们知道,倾斜摄影模型是一个连续、无缝的三角网模型 ,俗称的"一张皮"模型。由于地物在几何层面未被分离,此类数据无法直接选中或操作单个地物(如独立选择一栋建筑),必须借助后续处理手段才能实现"单体化"

常见的方法有以下几种:

# 方法一:对倾斜摄影模型进行切割,即把连续的三角面片网从物理上分割开,从而实现单体化。

方法二:利用三角面片中每个顶点额外的存储空间,把对应的地物的ID值存储起来;即一个建筑所对应的三角面片的所有顶点,都存储了同一个ID值,从而实现在鼠标选中这个建筑时,该建筑可以呈现出高亮的效果。

**方法三:**三维场景渲染后,框定空间范围,把该范围内的模型高亮,动态地实现倾斜摄影模型选中的效果。

二、3DGS单体化探索

3DGS模型与倾斜摄影模型在重建过程上具有相似性,两者在重建过程中都不能自动区分不同语义类别的地物,输出结果同样是一个整体。但3DGS模型并不像倾斜模型那样拥有三角面片,而是3D高斯椭球,终究是有区别。

因此,**3DGS模型单体化可以参考倾斜摄影模型单体化的思路,但也面临独特挑战。**我们逐一测试了几种方案,测试结果如下:

#01 将目标地物分割为独立模型

通过对3DGS模型人工编辑,可以将其分割为多个独立模型 ,但前端加载多个独立3DGS模型会带来显示问题:如下图中,位于更远处的电力塔遮挡住了位于更近的建筑,空间遮挡关系出现错误

因为3DGS模型是半透明的,前端渲染中半透明渲染问题需要额外的计算和处理。

Mapmost SDK for WebGL加载多个3DGS模型

#02 存储地物标识ID

在3DGS数据中为每个高斯点存储所属地物的ID ,理论上可以实现类似倾斜摄影模型的ID单体化。但是,实际上难以达到使用要求

  • **渲染卡顿:**在渲染时需要遍历每个高斯点找到对应ID,会引入额外的计算,严重影响渲染效率。
  • **边缘不清晰:**在渲染时,每个高斯点会绘制成椭球,如果仅根据标识的高斯点进行渲染,边缘会有"锯齿状"的效果,椭球越大越明显。如下图中这样,除了建筑,周边区域也被高亮了。

存储标识ID实现单体化

#03 动态单体化

通过自定义包围盒来框选3DGS模型进行高亮 ,以实现动态单体化,确实带来了较好的效果。

Mapmost SDK for WebGL实现3DGS动态单体化

在Mapmost SDK for WebGL中,可使用和倾斜模型同样的方式 实现动态单体化。还是原来的接口,用户只需设置二维范围、底面起始高度以及在垂直方向上的拉伸高度即可完成包围盒的设置,添加单体化高亮颜色以及颜色透明度,即可实现3DGS模型的动态单体化。

三、总结

3DGS虽潜力无限,可若连最基础的"选中单个对象"都做不到,再逼真的模型也只能停留在"看"的层面 ------而业务场景需要的是"交互"。

Mapmost此次验证的动态单体化方案 (兼容倾斜摄影成熟接口,仅需几行代码设置包围盒),正是那座连接**"视觉效果"与"业务逻辑"的关键桥梁。它不仅解决了3DGS的单体化难题,更让开发者能快速将三维模型转化为可操作的生产力工具**。

如果你也在探索3DGS的深度应用,不妨试试Mapmost的方案。

免费试用Mapmost SDK for WebGL:

www.mapmost.com/#/layout/we...

动态单体化文档:www.mapmost.com/mapmost_doc

相关推荐
0思必得06 小时前
[Web自动化] Selenium处理动态网页
前端·爬虫·python·selenium·自动化
东东5166 小时前
智能社区管理系统的设计与实现ssm+vue
前端·javascript·vue.js·毕业设计·毕设
catino7 小时前
图片、文件的预览
前端·javascript
layman05288 小时前
webpack5 css-loader:从基础到原理
前端·css·webpack
半桔9 小时前
【前端小站】CSS 样式美学:从基础语法到界面精筑的实战宝典
前端·css·html
AI老李9 小时前
PostCSS完全指南:功能/配置/插件/SourceMap/AST/插件开发/自定义语法
前端·javascript·postcss
_OP_CHEN9 小时前
【前端开发之CSS】(一)初识 CSS:网页化妆术的终极指南,新手也能轻松拿捏页面美化!
前端·css·html·网页开发·样式表·界面美化
啊哈一半醒9 小时前
CSS 主流布局
前端·css·css布局·标准流 浮动 定位·flex grid 响应式布局
PHP武器库9 小时前
ULUI:不止于按钮和菜单,一个专注于“业务组件”的纯 CSS 框架
前端·css
电商API_180079052479 小时前
第三方淘宝商品详情 API 全维度调用指南:从技术对接到生产落地
java·大数据·前端·数据库·人工智能·网络爬虫