结合实时位置的web端AR页面添加3D模型的方法技术

本发明专利技术公开了结合实时位置的web端AR页面添加3D模型的方法，用于进行3D模型的标注，包括步骤S1：使用webGL建立3D视图，并且实时获取手机的摄像头数据，从而把摄像头数据对应的实时画面映射到webGL中，并使用定位服务对手机进行定位，以获取手机的实时位置信息。本发明专利技术公开的结合实时位置的web端AR页面添加3D模型的方法，将AR导航页面的坐标系与定位服务的坐标系保持一致，使得很多用于传统导航地图的组件可以无缝切换到AR导航中；不需要重新计算加入模型的位置信息，也不再需要实时更新位置，提高AR导航页面的流畅度，降低手机性能消耗。降低手机性能消耗。

【技术实现步骤摘要】
结合实时位置的web端AR页面添加3D模型的方法


[0001]本专利技术属于AR导航
，具体涉及一种结合实时位置的web端AR页面添加3D模型的方法。

技术介绍

[0002]对于传统的AR导航场景，基本采用的方式都是在摄像头画面上添加路线和导航相关的提示信息，帮助用户确认当前需要移动的方向。在这种实现方式下，为了将模型放置在AR页面上正确的位置，需要进行复杂的计算，并且会影响到AR页面的性能。
[0003]因此，针对上述问题，予以进一步改进。

技术实现思路

[0004]本专利技术的主要目的在于提供结合实时位置的web端AR页面添加3D模型的方法，将AR导航页面的坐标系与定位服务的坐标系保持一致，使得很多用于传统导航地图的组件可以无缝切换到AR导航中；不需要重新计算加入模型的位置信息，也不再需要实时更新位置，提高AR导航页面的流畅度，降低手机性能消耗；减少AR导航的开发流程，提高第三方对接的易用性。
[0005]为达到以上目的，本专利技术提供一种结合实时位置的web端AR页面添加3D模型的方法，用于进行3D模型的标注，包括以下步骤：
[0006]步骤S1：使用webGL建立3D视图，并且实时获取手机的摄像头数据，从而把摄像头数据对应的实时画面映射到webGL中，并使用定位服务(如WiFi定位、AoA定位等)对手机进行定位，以获取手机的实时位置信息；
[0007]步骤S2：在3D视图中创建三维坐标系，该坐标系的xy轴与手机中定位服务的坐标系一致；
[0008]步骤S3：在三维坐标系中生成一个用于呈现3D内容的透视相机，相机的坐标与定位服务的坐标保持一致，通过手机传感器获取手机的绝对方向，并让透视相机的方向与手机方向保持一致；
[0009]步骤S4：根据使用手机的型号查询获取摄像头的焦段和传感器尺寸，并使用转换公式计算获得fov数据，从而修改透视相机的fov参数，使得3D视图贴合手机摄像头画面的实际画面；
[0010]步骤S5：获取模型数据和对应的坐标，将模型放置到3D视图坐标系的对应位置。
[0011]作为上述技术方案的进一步优选的技术方案，步骤S3中用手机传感器获取手机的绝对方向，具体实施为：
[0012]使用手机指南针和手机方向传感器结合的方式进行绝对方向的获取，避免周围磁场的变化导致对方向信息的干扰，包括以下步骤：
[0013]步骤S3.1：对手机进行8字旋转操作，以进行校准手机磁场，之后调用手机的指南针接口获取到当前的手机朝向，并且记录当前与北面的偏移值a0；
[0014]步骤S3.2：调用手机的方向传感器，并且获取手机水平方向的相对方向，记录为b0；
[0015]步骤S3.3：当手机旋转的时，实时获取手机水平方向的相对方向，记录为c，并使用如下公式：
[0016]d＝b0‑
a0+c；
[0017]其中，d为获取到的实时绝对方向。
[0018]作为上述技术方案的进一步优选的技术方案，步骤S4中利用手机摄像头的焦段和传感器尺寸计算fov数据，具体实施为：
[0019]定义传感器的对角线长度为d1，定义镜头焦距为f，则有如下公式：
[0020][0021]其中，FOV为所需的3D视图中相机的fov参数。
[0022]作为上述技术方案的进一步优选的技术方案，步骤S2中坐标系一致包括原点、xy轴方向和xy轴单位长度，其中z轴用于表示高度。
[0023]为达到以上目的，本专利技术还提供一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现所述结合实时位置的web端AR页面添加3D模型的方法的步骤。
[0024]为达到以上目的，本专利技术还提供一种非暂态计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现所述结合实时位置的web端AR页面添加3D模型的方法的步骤。
具体实施方式
[0025]以下描述用于揭露本专利技术以使本领域技术人员能够实现本专利技术。以下描述中的优选实施例只作为举例，本领域技术人员可以想到其他显而易见的变型。在以下描述中界定的本专利技术的基本原理可以应用于其他实施方案、变形方案、改进方案、等同方案以及没有背离本专利技术的精神和范围的其他技术方案。
[0026]在本专利技术的优选实施例中，本领域技术人员应注意，本专利技术所涉及的电子设备等可被视为现有技术。
[0027]优选实施例。
[0028]本专利技术公开了一种结合实时位置的web端AR页面添加3D模型的方法，用于进行3D模型的标注，包括以下步骤：
[0029]步骤S1：使用webGL建立3D视图，并且实时获取手机的摄像头数据，从而把摄像头数据对应的实时画面映射到webGL中，并使用定位服务(如WiFi定位、AoA定位等)对手机进行定位，以获取手机的实时位置信息；
[0030]步骤S2：在3D视图中创建三维坐标系，该坐标系的xy轴与手机中定位服务的坐标系一致；
[0031]步骤S3：在三维坐标系中生成一个用于呈现3D内容的透视相机，相机的坐标与定位服务的坐标保持一致，通过手机传感器获取手机的绝对方向，并让透视相机的方向与手机方向保持一致；
[0032]步骤S4：根据使用手机的型号查询获取摄像头的焦段和传感器尺寸，并使用转换公式计算获得fov数据，从而修改透视相机的fov参数，使得3D视图贴合手机摄像头画面的实际画面；
[0033]步骤S5：获取模型数据和对应的坐标，将模型放置到3D视图坐标系的对应位置。
[0034]具体的是，步骤S3中用手机传感器获取手机的绝对方向，具体实施为：
[0035]使用手机指南针和手机方向传感器结合的方式进行绝对方向的获取，避免周围磁场的变化导致对方向信息的干扰，包括以下步骤：
[0036]步骤S3.1：对手机进行8字旋转操作，以进行校准手机磁场，之后调用手机的指南针接口获取到当前的手机朝向，并且记录当前与北面的偏移值a0；
[0037]步骤S3.2：调用手机的方向传感器，并且获取手机水平方向的相对方向，记录为b0；
[0038]步骤S3.3：当手机旋转的时，实时获取手机水平方向的相对方向，记录为c，并使用如下公式：
[0039]d＝b0‑
a0+c；
[0040]其中，d为获取到的实时绝对方向。
[0041]更具体的是，步骤S4中利用手机摄像头的焦段和传感器尺寸计算fov数据，具体实施为：
[0042]定义传感器的对角线长度为d1，定义镜头焦距为f，则有如下公式：
[0043][0044]其中，FOV为所需的3D视图中相机的fov参数。
[0045]进一步的是，步骤S2中坐标系一致包括原点、xy轴方向和xy轴单位长度，其中z轴用于表示高度。
[0046]本专利技术还公开了一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种结合实时位置的web端AR页面添加3D模型的方法，用于进行3D模型的标注，其特征在于，包括以下步骤：步骤S1：使用webGL建立3D视图，并且实时获取手机的摄像头数据，从而把摄像头数据对应的实时画面映射到webGL中，并使用定位服务对手机进行定位，以获取手机的实时位置信息；步骤S2：在3D视图中创建三维坐标系，该坐标系的xy轴与手机中定位服务的坐标系一致；步骤S3：在三维坐标系中生成一个用于呈现3D内容的透视相机，相机的坐标与定位服务的坐标保持一致，通过手机传感器获取手机的绝对方向，并让透视相机的方向与手机方向保持一致；步骤S4：根据使用手机的型号查询获取摄像头的焦段和传感器尺寸，并使用转换公式计算获得fov数据，从而修改透视相机的fov参数，使得3D视图贴合手机摄像头画面的实际画面；步骤S5：获取模型数据和对应的坐标，将模型放置到3D视图坐标系的对应位置。2.根据权利要求1所述的一种结合实时位置的web端AR页面添加3D模型的方法，其特征在于，步骤S3中用手机传感器获取手机的绝对方向，具体实施为：使用手机指南针和手机方向传感器结合的方式进行绝对方向的获取，避免周围磁场的变化导致对方向信息的干扰，包括以下步骤：步骤S3.1：对手机进行8字旋转操作，以进行校准手机磁场，之后调用手机的指南针接口获取到...

【专利技术属性】
技术研发人员：舒鑫峰，
申请(专利权)人：奕通信息科技上海股份有限公司，
类型：发明
国别省市：