[发明专利]一种在网页端选取三维空间物体的控制方法、装置及设备

说明书

本发明公开了一种网页端选取三维空间物体的控制方法、装置、设备及计算机可读存储介质，通过建立网页端对三维空间的当前视角下，三维空间的点的坐标到网页端的人机交互界面的点的二维坐标的映射关系，在接收到对三维空间的三维部件的选取操作的信号后，确定选取操作对应的二维选框的坐标，而后利用映射关系、二维选框的坐标和各三维部件的坐标进行二维碰撞运算，根据二维碰撞运算结果确定选取操作对应的目标三维部件，最后输出目标三维部件的信息。利用相较于三维碰撞运算更为简单的二维碰撞运算，在重复的碰撞算法执行的过程中大大减少了计算量，从而能够更快的确定用户选取的目标三维部件，给用户带来更加流畅的选取体验。

技术领域

本发明涉及网页三维展示技术领域，特别是涉及一种在网页端选取三维空间物体的控制方法、装置、设备及计算机可读存储介质。

背景技术

WebGL(Web Graphics Library)是一种计算机三维绘图协议，它允许把JavaScript(一种具有函数优先的轻量级，解释型或即时编译型的高级编程语言)和开放图形库OpenGL结合在一起，可以为HTML5 Canvas提供硬件三维加速渲染，这样开发人员可以借助于它在浏览器里面使用系统显卡更流畅的展示三维场景或物体。Three.js是基于WebGL封装运行的三维引擎，其提供了许多方便的操作三维场景或物体的工具和计算方法。基于Three.js的网页端提供的人机交互界面，用户可以在二维区域内对三维模型内的部件进行选取操作，通常为鼠标选择二维区域开始，到最终选中从用户视角观察在二维区域内的三维模型部件结束。

现有的在网页端选取三维空间物体的方法，通过用户在二维区域选择的二维选框，生成用户想要选择的立方体区域，利用三维物体OBB等碰撞算法检查立方体区域和三维空间内各三维部件所在区域是否碰撞或包含，进而确定被选中的三维部件。在功能执行期间，鼠标在屏幕上像素位置的每次变化均会触发下述三维物体OBB等碰撞算法的执行，在各次计算执行完毕前，系统将处于卡死状态。当用户操作大型建筑信息模型时会造成严重卡顿甚至不能正常使用，严重影响用户体验。

使用户基于网页端进行大型三维模型内部件的选取时获得更为流畅的操作体验，是本领域技术人员需要解决的技术问题。

发明内容

本发明的目的是提供一种在网页端选取三维空间物体的控制方法、装置、设备及计算机可读存储介质，可以使用户基于网页端进行大型三维模型部件的选取时获得更为流畅的操作体验。

为解决上述技术问题，本发明提供一种在网页端选取三维空间物体的控制方法，包括：

建立网页端对三维空间的当前视角下，所述三维空间的点的坐标到所述网页端的人机交互界面的点的二维坐标的映射关系；

当接收到对所述三维空间的三维部件的选取操作的信号后，确定所述选取操作对应的二维选框的坐标；

利用所述映射关系、所述二维选框的坐标和各所述三维部件的坐标进行二维碰撞运算，根据二维碰撞运算结果确定所述选取操作对应的目标三维部件；

输出所述目标三维部件的信息。

可选的，所述当接收到对所述三维空间的三维部件的选取操作的信号后，确定所述选取操作对应的二维选框的坐标，具体包括：

当接收到鼠标在所述人机交互界面的按下信号后，记所述按下信号对应的坐标为所述二维选框的起始坐标；

记录所述鼠标移动过程中对应的坐标，直至接收到所述鼠标的抬起信号，记所述抬起信号对应的坐标为所述二维选框的终止坐标；

相应的，所述利用所述映射关系、所述二维选框的坐标和各所述三维部件的坐标进行二维碰撞运算，根据二维碰撞运算结果确定所述选取操作对应的目标三维部件，具体包括：