[发明专利]一种基于移动设备浏览器的虚拟现实的实现方法

摘要

本发明涉及浏览器虚拟实现技术领域，公开了一种基于移动设备浏览器的虚拟现实的实现方法，包括：(1)浏览器类型判断步骤；(2)浏览器支持虚拟现实判断步骤；(3)创建头盔显示设备对象并设置参数；(4)创建传感器设备对象并设置参数；(5)绑定虚拟现实头盔设备对象和位置传感器设备对象；(6)获取硬件信息并计算朝向信息；(7)计算相机参数并渲染左右眼三维图像。本发明让移动设备平台除Firefox浏览之外的主流浏览器也能使用虚拟现实技术；使除了Firefox外的基于移动设备的主流浏览器，能提供网页的虚拟现实应用能简单、便捷的使用，得到推广和普及。

主权项

1.一种基于移动设备浏览器的虚拟现实的实现方法，其特征在于，所述方法包括如下步骤：(1)浏览器类型判断步骤：检测浏览器是否为移动设备平台的浏览器，通过在网页的JavaScript代码中获取浏览器的navigator.userAgent和navigator.vendor参数，与预先确定的浏览器判断移动平台的正则表达进行判断，判断为是，进入步骤(2)；判断为否，跳出流程；(2)浏览器支持虚拟现实判断步骤：将移动设备的浏览器，通过引用外部JavaScript文件的方式，在网页应用中加载实现该文件内的JavaScript代码，接着获取浏览器的navigator.getVRDevices对象，调用已加载的JavaScript代码来判断浏览器是否已经提供了虚拟现实接口的支持，判断为是，跳出流程；判断为否，进入步骤(3)；(3)创建头盔显示设备对象并设置参数：当移动设备的浏览器不支持虚拟现实接口时，通过已加载的JavaScript代码创建出虚拟现实头盔显示设备的对象，该对象实现了Mozilla WebVR标准的HMDVRDevice接口，提供了使得getEyeParameters符合Mozilla标准的接口方法，该方法把头盔显示设备的视场参数和左右眼的距离参数，设置给虚拟现实头盔显示设备的对象；(4)创建传感器设备对象并设置参数：接着通过已加载的JavaScript代码，创建出基于JavaScript代码实现的虚拟现实位置传感器设备对象，该对象实现了Mozilla WebVR标准的PositionSensorVRDevice接口，并提供了getState、getOrientation符合Mozilla标准的接口方法；通过devicemotion和orientationchange标准事件接口绑定到虚拟现实位置传感器设备对象的相应接口方法，将传感器硬件相关的信息传递给JavaScript位置传感器设备对象；(5)绑定虚拟现实头盔设备对象和位置传感器设备对象：根据步骤(4)创建的虚拟现实头盔设备对象和位置传感器设备对象绑定到浏览器提供的navigator顶级JavaScript对象，实现了与Mozilla WebVR接口一致的HMDVRDevice和PositionSensorVRDevice接口，从而保证与Mozilla WebVR标准保持一致性，实现了网页中提供虚拟现实方法的基本设备对象；(6)获取硬件信息并计算朝向信息：通过步骤(5)中绑定的浏览器标准事件接口，在移动设备的浏览器获取传感器相关的硬件信息，根据步骤(4)中创建的位置传感器对象计算出新的朝向信息；(7)计算相机参数并渲染左右眼三维图像：根据步骤(6)计算的朝向信息、头盔显示设备对象的参数，计算出三维空间中左眼和右眼的相机参数，并传递给WebGL的图形渲染层，调用WebGL的接口并根据左眼和右眼的相机参数，渲染出同屏中左、右的三维图像。