[发明专利]三维场景中物体的组件信息显示方法及设备

说明书

本发明实施例提供了一种三维场景中物体的组件信息显示方法及设备。其中，所述方法包括：获取三维场景中待展示物体上的任意一点在二维投影区域内的二维投影坐标，根据二维投影坐标获取三维场景中若干物体的数组，并根据数组中的第一个元素获取待展示物体的三维场景坐标及相关数据信息；组合物体的三维场景坐标及相关数据信息形成组件信息，在二维投影区域内显示组件信息；其中，数组中的第一个元素表示三维场景中的待展示物体，若干物体的数组中的每个元素对应表示若干物体中的一个相应物体。本发明实施例提供的三维场景中物体的组件信息显示方法及设备，可以在二维投影区域显示或隐藏三维场景中物体的组件信息，有效提升场景的交互体验效果。

技术领域

本发明实施例涉及计算机技术领域，尤其涉及一种三维场景中物体的组件信息显示方法及设备。

背景技术

在基于WebGL技术搭建的三维场景中，通过右键点击二维平面中object物体的投影集后，通过射线转换捕获该二维投影集对应的三维物体集，取其中的排序第一个三维物体并获取到该物体的所有数据信息和位置信息，将该信息传递给公共的组件信息(组件菜单)并将组件在该二维投影点击位置浮动出来；且在拖动物体或场景的位置或者视角时，浮动组件的位置会跟随在三维物体投影在二维平面位置的正上方同步移动。

目前在three.js搭建的WebGL的三维物体和场景中，会出现需要在物体的上方浮动信息组件的场景需求，同时在用户操作物体或者场景时，组件信息保持一直跟随该物体并实时同步信息，而当前的解决办法是让物体或场景处于静止状态来获取物体位置并固定显示组件信息，而信息组件无法有效隐藏。因此，找到一种只需要右键点击三维场景中的物体，组件信息会自动根据三维物体或者场景的运动算法转换二维平面的投影曲线进行移动，鼠标在点击物体以外的区域时，可以将组件信息有效隐藏，极大的提升三维场景交互性的方法，就成为业界亟待解决的技术问题。

发明内容

针对现有技术存在的上述问题，本发明实施例提供了一种三维场景中物体的组件信息显示方法及设备。

第一方面，本发明的实施例提供了一种三维场景中物体的组件信息显示方法，包括：获取三维场景中待展示物体上的任意一点在二维投影区域内的二维投影坐标，根据所述二维投影坐标获取三维场景中若干物体的数组，并根据数组中的第一个元素获取待展示物体的三维场景坐标及相关数据信息；组合所述物体的三维场景坐标及相关数据信息形成组件信息，在所述二维投影区域内显示所述组件信息；其中，所述数组中的第一个元素表示三维场景中的所述待展示物体，所述若干物体的数组中的每个元素对应表示所述若干物体中的一个相应物体。

进一步地，所述根据所述二维投影坐标获取三维场景中若干物体的数组，包括：采用Raycaster模块获取三维场景中若干物体的数组，再转换所述二维投影坐标。

进一步地，所述数组中的第一个元素记为objects[0]，则所述并根据数组中的第一个元素获取待展示物体的三维场景坐标，包括：p(x,y,z)＝objects[0].position；其中，p(x,y,z)表示待展示物体的三维场景坐标。

进一步地，所述数组中的第一个元素记为objects[0]，则所述并根据数组中的第一个元素获取待展示物体的相关数据信息，包括：objectJSON＝objects[0].infor；其中，objectJSON表示待展示物体的相关数据信息。

进一步地，所述三维场景中待展示物体上的任意一点，包括：鼠标右键点击三维场景中待展示物体上任意一处的点击点。

进一步地，在所述二维投影区域内显示所述组件信息之后，还包括：若所述待展示物体的位置发生动态变化，则将位置发生动态变化后的待展示物体的三维场景坐标投影至所述二维投影区域内，得到位置发生动态变化后的待展示物体在所述二维投影区域内的二维坐标。

进一步地，在所述二维投影区域内显示所述组件信息之后，还包括：若所述若干物体的数组的长度为零，则隐藏所述组件信息。