(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202211067826.0 (22)申请日 2022.09.01 (71)申请人 广州南方智能技 术有限公司 地址 510665 广东省广州市天河区思成路 39号1楼A区 (72)发明人 陶超　徐丹龙　曾沂轮　张启明　 韦锦超　石运财　杨文伟　黄彩梦　 廖天兰　叶宜博　 (74)专利代理 机构 广州市越秀区哲力专利商标 事务所(普通 合伙) 44288 专利代理师 孙柳 (51)Int.Cl. G06T 15/20(2011.01) G06T 15/00(2011.01) G06T 17/00(2006.01)G06F 16/957(2019.01) (54)发明名称 基于WebGL的模型顶点拾取方法、 装置及存 储介质 (57)摘要 本发明公开了基于WebGL的模 型顶点拾取方 法， 应用于模型渲染， 包括： 获取待拾取三维模 型， 并分别通过WebGL对待拾取三维模型进行多 次渲染分别为点渲染以及面渲染， 以得出待拾取 三维模型的顶 点的坐标与 深度值、 物体表面的深 度值； 获取当前拾取框， 并对当前拾取框内所有 的屏幕坐标进行依次遍历， 若当前屏幕点存在顶 点深度值则计算得出顶点的世界坐标和物体表 面的世界坐标； 当顶点的世界坐标与物 体表面的 世界坐标的差值满足预设要求时， 对应顶点为最 终拾取的顶 点。 本发明能够解决模 型的顶点精准 拾取， 同时能够提升模型的像素点拾取导致系统 性能下降等问题。 本发明还公开了基于WebGL的 模型顶点 拾取装置及存 储介质。 权利要求书2页 说明书5页 附图1页 CN 115457187 A 2022.12.09 CN 115457187 A 1.基于WebGL的模型顶点 拾取方法， 其特 征在于， 所述模型顶点 拾取方法包括： 模型获取步骤： 根据待拾取三维模型的信息从场景中获取待拾取三维模型； 点渲染步骤： 通过WebGL对待拾取三维模型进行点渲染， 以得出待拾取模型的若干个顶 点， 以及每 个顶点在场景的屏幕中的深度值； 面渲染步骤： 通过WebGL对待拾取三维模型进行面渲染， 以得出待拾取三维模型的物体 表面， 以及面在场景的屏幕中的深度值； 判断步骤： 获取当前拾取框， 根据点渲染步骤得到的顶点的坐标对当前拾取框内所有 的屏幕坐标进行依 次遍历， 以及当当前屏幕点存在顶点的深度值则得到顶点的坐标， 执行 转换步骤； 转换步骤： 将当前拾取框内得到顶点的坐标转换为屏幕坐标以得到该顶点的世界坐 标、 再根据面渲染步骤获取当前拾取框内的物体表面的深度值、 场景 的屏幕坐标进行逆变 换得出物体表面的世界坐标； 过滤步骤： 判断该顶点的世界坐标与物体表面的世界坐标的差值是否满足预设要求， 若是， 则对应顶点 为最终拾取的顶点。 2.根据权利要求1所述的基于WebGL的模型顶点拾取方法， 其特征在于， 所述过滤步骤 中， 当存在多个顶点， 并且每个顶点的世界坐标与物体表面的世界坐标的差值均满足预设 要求时， 选择深度值 最小的顶点作为 最终拾取的顶点。 3.根据权利要求1所述的基于WebGL的模型顶点拾取方法， 其特征在于， 所述转换步骤 中将当前拾取框内得到顶点的坐标转换为屏幕坐标以得到该顶点的世界坐标具体为： 通过 逆变换矩阵对当前拾取框内的顶点的坐标进行转换以得 出该顶点的世界坐标。 4.根据权利要求1所述的基于WebGL的模型顶点拾取方法， 其特征在于， 所述面渲染步 骤中通过WebGL对待拾取三 维模型进行面渲 染具体包括， 通过WebGL对待拾取三维模型进 行 三角形类型的面 渲染。 5.根据权利要求1所述的基于WebGL的模型顶点拾取方法， 其特征在于， 所述屏幕坐标 为当前屏幕的左下角的坐标值。 6.基于WebGL的模型顶点 拾取装置， 其特 征在于， 包括： 模型获取模块， 用于根据待拾取三维模型的信息从场景中获取待拾取三维模型； 点渲染模块， 用于通过WebGL对待拾取三维模型进行点渲染， 以得出待拾取模型的若干 个顶点， 以及每 个顶点在场景的屏幕中的深度值； 面渲染模块， 用于通过WebGL对待拾取三维模型进行面渲染， 以得出待拾取三维模型的 物体表面， 以及物体表面在场景的屏幕中的深度值； 判断模块， 获取当前拾取框， 根据点渲染步骤得到的顶点的坐标对当前拾取框内所有 的屏幕坐标进行依 次遍历， 以及当当前屏幕点存在顶点的深度值则得到顶点的坐标， 执行 转换模块； 转换模块， 用于将当前拾取框内得到顶点的坐标转换为屏幕坐标以得到该顶点的世界 坐标、 再根据面渲染步骤获取当前拾取框内的物体表面的深度值、 场景 的屏幕坐标进行逆 变换得出物体表面的世界坐标； 过滤模块， 用于判断该顶点的世界坐标与物体表面的世界坐标的差值是否满足预设要 求， 若是， 则对应顶点 为最终拾取的顶点。权　利　要　求　书 1/2 页 2 CN 115457187 A 27.根据权利 要求6所述的基于WebGL的模型顶点拾取装置， 其特征在于， 所述过滤模块， 还用于当存在多个顶点， 并且每个顶点的世界坐标与 物体表面的世界坐标的差值均满足预 设要求时， 选择深度值 最小的顶点作为 最终拾取的顶点。 8.根据权利 要求6所述的基于WebGL的模型顶点拾取装置， 其特征在于， 所述转换模块， 还用于通过逆变换矩阵对当前拾取框内的顶点的坐标进行转换以得 出该顶点的世界坐标。 9.根据权利要求6所述的基于WebGL的模型顶点拾取装置， 其特征在于， 所述面渲染模 块， 还用于通过WebGL对待拾取三维模型进行三角形类型的面 渲染。 10.一种存储介质， 所述存储介质为计算机可读存储介质， 其上存储有计算机程序， 其 特征在于： 所述计算机程序为模型顶点拾取程序， 所述三维模型顶点拾取被处理器执行时 实现如权利要求1 ‑5中任意一项所述的基于WebGL的模型顶点 拾取方法的步骤。权　利　要　求　书 2/2 页 3 CN 115457187 A 3