[发明专利]一种基于WebGL虚拟现实自动旋转展示的方法

说明书

本发明公开一种基于WebGL虚拟现实自动旋转展示的方法，利用WebGL技术并结合虚拟现实的全景照片或全景视频，以第一视角方式完全还原拍摄现场的真实画面，让使用者有身临其境的感觉。同时，提供了在虚拟场景内通过点击热点走动的功能，可以通过多个地点浏览整个场景的构造，让用户对场景了然于胸。另外，由于采用了自动旋转技术，用户在第一次使用全景播放器时可以更便捷地观看整张图片的全貌，以防用户误认为所看到的只是屏幕的固定部分而忽略了全景图片或视频的全景特性，是一种很好的创新方案，很有市场推广前景。

技术领域

本发明涉及场景展示系统中图形展示技术领域，特别是涉及一种基于WebGL虚拟现实自动旋转展示的方法。

背景技术

WebGL是一种在任何可兼容的网页浏览器中渲染3D图形的JavaScript API，无需加装插件。通过WebGL的技术，只需要编写网页代码即可实现3D图像的展示。WebGL是基于OpenGL ES提供的3D图像API。可以利用JavaScript实现自动内存管理，WebGL使用GLSL作为着色器。

虚拟现实(Virtual Reality，简称VR)是利用计算机技术模拟产生三维的虚拟世界，让使用者及时、没有限制地感知虚拟空间内的事物。虚拟现实技术利用视觉、听觉、触觉、嗅觉等对人体进行全方位欺骗，达到让使用者“身临其境”的效果。近几年来，虚拟现实技术蓬勃发展，各大厂商也纷纷进入虚拟现实领域大展拳脚，该领域的投资并购不胜枚举。

如图1所示，现在市面上的场景展示系统大多是基于正常照片的滚动式的照片橱窗浏览系统，图片底部是一个可以左右滑动的照片选择器，用户可以点击最左边或最右边的按钮移动照片选择器中的照片，点选其中的某张照片可以改变选择器上方的展示大图。

现有的场景展示系统只能通过从某个固定角度拍摄的照片观看场景，具有较大的观察死角，无法客观了解场景的全貌，容易造成网上看到的与实地看到的场景有较大差距，实用性能不佳，存在着不足，不能满足社会高速发展的需求。

综上所述，针对现有技术的缺陷，特别需要一种基于WebGL虚拟现实自动旋转展示的方法，以解决现有技术的不足。

发明内容

针对原有的场景展示系统存在盲区，导致无法客观了解场景全貌，本发明提出一种基于WebGL虚拟现实自动旋转展示的方法，设计新颖，还原拍摄现场的真实画面，让使用者有身临其境的感觉，感观性能优，已解决现有技术的缺陷。

为了实现上述目的，本发明的技术方案如下：

一种基于WebGL虚拟现实自动旋转展示的方法，包括如下步骤：

步骤S1:通过拍摄设备到现场获取全景照片或视频；

步骤S2：利用WebGL中的three.js将拍摄到的全景照片构成3D场景的基础构建，采用开源的3D引擎库提升开发的效率；

步骤S3:构建多个全景场景切换，即进入房间后的走动效果；

步骤S4:构建全景场景的自动旋转；自动旋转的实现方式包含有电脑端、移动端；

步骤S5:实现虚拟现实分屏观看；

步骤S6:分屏模式下实现点击效果。

进一步，本发明获取展示素材的全景照片或视频的方式为：

1)、直接拍摄全景照片或视频；

2)、采用单反加鱼眼的模式拍摄多张照片，使用全景照片拼接软件拼合成一张全景图；

3)、通过多个运动相机同时拍摄多个角度的视频，再使用拼接软件拼合成一个全景视频。

进一步，本发明构建基础3D场景的步骤为：