CN108334324A - 一种vr首页弹出实现方法及系统 - Google Patents

Abstract

一种VR首页弹出实现方法及系统，涉及VR界面设计领域，方法包括VR APP启动后构建三维空间的全景视图，全景视图中悬浮有目标物；当来自VR头显的虚拟焦点在所述目标物中心停留预设时间后，通过目标物纹理产生变化的视觉效果；删除目标物纹理，同时加载动态效果图片产生目标物删除的动画效果。本发明在VR类APP打开后，进入VR home，通过VR home显示VR产品品牌的相关信息及注意事项等，提高VR产品的推广性。

Description

一种VR首页弹出实现方法及系统

技术领域

本发明涉及VR(Virtual Reality，虚拟现实)界面设计领域，具体来讲涉及一种VR首页弹出实现方法及系统。

背景技术

VR技术是一种可以创建和体验虚拟世界的计算机仿真系统，它利用计算机生成一种模拟环境，是一种多源信息融合的、交互式的三维动态视景和实体行为的系统仿真，使用户沉浸到该环境中。

VR技术主要包括模拟环境、感知、自然技能和传感设备等方面。模拟环境是由计算机生成的、实时动态的三维立体逼真图像。感知是指理想的VR应该具有一切人所具有的感知。除计算机图形技术所生成的视觉感知外，还有听觉、触觉、力觉、运动等感知。自然技能是指人的头部转动，眼睛、手势、或其他人体行为动作，由计算机来处理与参与者的动作相适应的数据，并对用户的输入作出实时响应，并分别反馈到用户的五官。传感设备是指三维交互设备。

目前，VR技术已经广泛运用于智能电视机、智能机顶盒、智能手机的VRAPP(Application，应用)软件界面中。VRAPP并搭载VR头显，能给用户带来各类VR内容体验，例如VR视频、VR游戏、VR全景图片等。但是现阶段的各VRAPP打开后，屏幕会出现丰富的VR内容主界面，导致用户直接被VR内容所吸引，用户除了说明书并无法得知所用VR产品品牌的相关信息，以及一些相关的注意事项等等，这不利于VR产品品牌感知提升和VR产品的推广。

发明内容

针对现有技术中存在的缺陷，本发明的目的在于提供一种VR首页弹出实现方法及系统，在VR类APP打开后，进入VR home(虚拟现实首页)，通过VR home显示VR产品品牌的相关信息及注意事项等，提高VR产品的推广性。

为达到以上目的，本发明采取一种VR首页弹出实现方法，包括：

VR APP启动后构建三维空间的全景视图，全景视图中悬浮有目标物；当来自VR头显的虚拟焦点在所述目标物中心停留预设时间后，通过目标物纹理产生变化的视觉效果；删除目标物纹理，同时加载动态效果图片产生目标物删除的动画效果。

在上述技术方案的基础上，当所述动画效果结束后，加载VR内容主界面。

在上述技术方案的基础上，通过3D引擎构建所述三维空间全景视图，所述目标物由N幅图片拼接组成，且N≥1，所述N幅图片提前加载。

在上述技术方案的基础上，所述3D引擎将目标物的N幅图片加载生成纹理后，对不同纹理赋予不同的转速与旋转方向，所述目标物产生旋转的视觉效果。

在上述技术方案的基础上，所全景视图中，目标物下方具有底部坐盘，通过3D引擎对底部坐盘增加自转、运动光效以及凸凹空间的视觉效果。

在上述技术方案的基础上，所述全景视图为三维球体空间视图，球心位置为VR头显的视角中心。

在上述技术方案的基础上，通过碰撞检测的方式，判断虚拟焦点在所述目标物中心的停留，当检测到虚拟焦点与目标物中心处纹理发生碰撞开始计时，预设时间到达后，目标物产生变化的视觉效果。

在上述技术方案的基础上，所述目标物产生变化的视觉效果的过程为：所述全景视图的视野中心与所述目标物的距离逐渐增大，目标物逐渐变小，当所述距离达到全景视图边界最大值时，立即删除目标物纹理。

在上述技术方案的基础上，所述动画效果由M张图片纹理依次交替加载生成，陆续呈现各帧图片纹理，并按照预先设定好的时间点将纹理逐个绘制在全景视图中，其中M＞1。

在上述技术方案的基础上，所述3D引擎为OpenGL ES引擎或DirectX引擎。

本发明提供一种VR首页弹出实现系统，包括：

3D引擎，其用于构建三维空间的全景视图，还用于产生目标物的视觉效果，以及目标物删除的动画效果；

检测模块，其用于检测所述虚拟焦点在目标物中心停留以及停留的时间。

在上述技术方案的基础上，所述3D引擎包括：

全景视图模块，其用于构建三维空间的全景视图作为虚拟现实首页；

视效模块，其用于产生目标物的视觉效果；

动画模块，其用于产生所述目标物删除时的动画效果。

在上述技术方案的基础上，所述视效模块用于将N幅图片加载生成目标物纹理，还用于根据不同纹理赋予不同的转速与旋转方向。

在上述技术方案的基础上，所述检测模块通过虚拟焦点与目标中心处纹理处的碰撞，来检测虚拟焦点在目标物中心停留。

在上述技术方案的基础上，所述全景视图模块用于在所述目标物下方建立底部坐盘，还用于对底部坐盘增加自转、运动光效以及凸凹空间的视觉效果。

在上述技术方案的基础上，所述3D引擎为OpenGL ES引擎或DirectX引擎。

本发明的有益效果在于：

1、通过在VR APP启动后插入三维空间的全景视图(即VR home)，采取目标物的形式吸引用户注意，目标物可以绘制VR产品品牌的相关信息，也可以绘制注意事项，并通过自转、韵律呼吸等效果，增强展示效果，有利于推销VR产品，带给用户更好的3D体验感。

2、目标物下方具有底部坐盘，底部坐盘中可以设置VR产品品牌的相关信息及注意事项等，避免用户采用纸质说明书去寻找相关信息，方便用户使用VR APP。通过3D引擎对底部坐盘增加自转、运动光效以及凸凹空间的视觉效果，增加用户的3D沉浸感。

3、通过3D引擎OpenGL ES(OpenGL for Embedded Systems)进行设计，设计方式简单，且内容丰富多样，可以设置不同的效果，满足不同用户需求。虚拟焦点在所述目标物中心停留预设时间后，采用动画效果删除目标物纹理，动画效果结束后，加载VR内容主界面，停留时间可以根据不同需求设置，并且不会影响VR内容主界面的加载，不影响用户后续使用VR APP，又增加了VR home的趣味性和展示性，带给用户更好的体验。

附图说明

图1为本发明第一、二实施例VR home各部分布局图；

图2为本发明第三、四、五实施例VR home各部分布局图；

图3为本发明VR首页弹出实现系统示意图。

附图标记：

3D引擎1，全景视图模块11，视效模块12，动画模块13，检测模块2。

具体实施方式

以下结合附图及实施例对本发明作进一步详细说明。

本发明VR首页弹出实现方法，适用于采用VR头显使用VR APP的情况，包括：

VR APP启动后，构建三维空间的全景视图，即VR home，全景视图中悬浮有目标物。

当来自VR头显的虚拟焦点在所述目标物中心停留预设时间后，通过目标物纹理产生变化的视觉效果。

删除目标物纹理，同时加载动态效果图片产生目标物删除的动画效果。

当所述动画效果结束后，加载VR内容主界面。

第一实施例：

VR APP启动后，采用3D引擎加载图片模式，加载出VR home。如图1所示，VR home的界面为三维空间的全景视图，在全景视图视野中间有一醒目的目标物，目标物成悬浮状态。目标物由N幅图片拼接组成，且N≥1；为了增强VR home显示的流畅性，N幅图片需要提前加载。

本实施例中，VR home为三维球体空间视图，球心位置为VR头显的视角中心。目标物上还可以绘制VR产品品牌的相关信息，也可以绘制注意事项。

当来自VR头显的虚拟焦点在所述目标物中心停留预设时间后，通过目标物纹理产生变化的视觉效果。视觉效果后立即删除目标物纹理，同时加载动态效果图片产生目标物删除的动画效果。当所述动画效果结束后，加载VR内容主界面。

第二实施例：

如图1所示，在第一实施例的基础上，VR APP启动，3D引擎将目标物的N幅图片加载生成纹理后，对不同纹理赋予不同的转速与旋转方向，使目标物产生更加丰富的旋转视觉效果。目标物悬浮在全景视图的视野中间，通过3D引擎增加目标物的自转、韵律呼吸等效果，从而加强目标物感知和3D空间感，能有效融合在全景视图中。

优选的，3D引擎采用的是OpenGL ES引擎，用来加载目标物，OpenGL ES是OpenGL三维图形API的子集，针对手机、PDA和游戏主机等嵌入式设备而设计。3D引擎还可以是DirectX引擎等，除此之外，3D引擎还可以是其他引擎，比如用于游戏的Unreal、寒霜等。

当来自VR头显的虚拟焦点在所述目标物中心停留预设时间后，通过目标物纹理产生变化的视觉效果。视觉效果后立即删除目标物纹理，同时加载动态效果图片产生目标物删除的动画效果。当所述动画效果结束后，加载VR内容主界面。

第三实施例：

在上述任意一个实施例的基础上，本实施例通过3D引擎，如图2所示，在全景视图中的目标物下方增加底部坐盘图像，通过3D引擎对底部坐盘增加凹凸空间感、自转和运动光效等视觉效果，从而有效彰显底部坐盘的科技感和厚重感。

本实施例中，目标物中烙印VR产品品牌，VR产品品牌由N幅logo图片拼接组成，N≥1，3D引擎通过将N幅图片加载生成纹理后，对不同纹理赋予不同的转速与旋转方向进行显示。底部坐盘内增加VR产品品牌的相关信息或注意事项，也是通过N幅图片拼接组成，3D引擎将目标物和底部坐盘二者通过自转、空间感、光效、金属材质等设计元素设置动画的视觉效果。

本实施例中通过碰撞检测的方式，判断虚拟焦点在目标物中心的停留。具体的，3D引擎对目标物中心处纹理添加碰撞检测，当对应的应用程序检测到虚拟焦点与中心处纹理发生碰撞后，说明虚拟焦点开始停留，同时开始计时，待预设时间到达后，目标物产生变化的视觉效果。其中预设时间可以根据实际需求设置长短，不建议时间过长，例如可以设置为1s或者2s等时间。视觉效果后立即删除目标物纹理，同时加载动态效果图片产生目标物删除的动画效果。当所述动画效果结束后，加载VR内容主界面。

第四实施例：

如图所示，在第三实施例基础上，通过3D引擎建立目标物，在全景视图中的目标物下方增加底部坐盘图像，目标物和底部坐盘展开的一系列视觉效果，均通过N张相关图片叠加而成。由于每一张图片较大，为了保证画面的流畅性，3D引擎将N个待显示图片分别生成相应的纹理，将不同的纹理分别绘制在全景视图中，并提前加载好。

通过碰撞检测的方式，判断虚拟焦点在目标物中心的停留，同时开始计时，待预设时间到达后，目标物产生变化的视觉效果。

本实施例中，目标物产生变化的视觉效果的过程为：3D引擎将全景视图的视野中心与目标物之间的距离R逐渐增大，从而形成目标物逐渐远离、变小的视觉效果；待距离R达到全景视图边界最大值时，立即删除目标物纹理，同时加载动态效果图片产生目标物删除的动画效果。当所述动画效果结束后，加载VR内容主界面。

第五实施例：

本实施例中，如图2所示，通过3D引擎OpenGL ES建立目标物，在全景视图中的目标物下方增加底部坐盘图像，目标物和底部坐盘展开的一系列视觉效果，均通过N张相关图片叠加而成。由于每一张图片较大，为了保证画面的流畅性，OpenGL ES引擎将N个待显示图片分别生成相应的纹理，将不同的纹理分别绘制在全景视图中，并提前加载好。

本实施例中，目标物中烙印VR产品品牌，VR产品品牌由N幅logo图片拼接组成，OpenGL ES引擎通过将N幅图片加载生成纹理后，对不同纹理赋予不同的转速与旋转方向进行显示。底部坐盘内增加VR产品品牌的相关信息或注意事项，也是通过N幅图片拼接组成，OpenGL ES引擎将目标物和底部坐盘二者通过自转、空间感、光效、金属材质等设计元素设置动画的视觉效果。

通过碰撞检测的方式，判断虚拟焦点在目标物中心的停留，同时开始计时，待预设时间到达后，OpenGL ES引擎将全景视图的视野中心与目标物之间的距离R逐渐增大，从而形成目标物逐渐远离、变小的视觉效果。待距离R达到全景视图边界最大值时，立即删除目标物纹理，从而给用户带来目标物迅速消失在视角范围内的动态效果。

本实施例中，目标物纹理被删除的同时，OpenGL ES引擎立即加载“爆炸”效果，该动画效果由M张图片纹理依次交替加载生成，M＞1，M张图片陆续呈现各帧图片纹理，并按照预先设定好的时间点将纹理逐个绘制在全景视图中，从而展现出连贯的动画效果。最后一张图片序列加载显示结束后，OpenGL ES引擎将其删除并加载VR内容主界面，从而给用户带来视野前方弹出VR内容主界面的动画效果。

第六实施例：

如图3所示，本发明还提供一种VR首页弹出实现系统，包括3D引擎1和检测模块2，3D引擎1用于构建三维空间的全景视图，还用于产生目标物的视觉效果及目标物删除的动画效果。检测模块2用于检测VR头显的虚拟焦点在目标物中心停留以及停留的时间。

3D引擎1包括全景视图模块11、视效模块12和动画模块13，全景视图模块11用于构建三维空间的全景视图作为VR home。视效模块12用于产生全景视图中目标物的视觉效果，动画模块13用于在检测模块2检测到虚拟焦点在目标物中心停留的预设时间到达后，产生目标物删除时的动画效果。

具体的，3D引擎1可以为OpenGL ES引擎，视效模块12用于将目标物的N幅图片加载生成纹理后，对不同纹理赋予不同的转速与旋转方向，使目标物产生更加丰富的旋转视觉效果。3D引擎1还用于在全景视图中的目标物下方增加底部坐盘图像，视效模块12用于使目标物和底部坐盘展开的一系列视觉效果，均通过N张相关图片叠加而成，将N个待显示图片分别生成相应的纹理，将不同的纹理分别绘制在全景视图中，并提前加载好。

检测模块2通过虚拟焦点与目标中心处纹理处的碰撞，来检测虚拟焦点在目标物中心停留。检测模块2在虚拟焦点在目标物中心的停留的同时开始计时，待预设时间到达后，视效模块12使目标物产生变化的视觉效果。视觉效果后，检测模块2立即删除目标物纹理，同时动画模块13加载动态效果图片产生目标物删除的动画效果。动画模块13用于将M张图片纹理依次交替加载生成“爆炸”效果，M＞1，M张图片陆续呈现各帧图片纹理，并按照预先设定好的时间点将纹理逐个绘制在全景视图中，从而展现出连贯的动画效果。最后一张图片序列加载显示结束后，3D引擎1将其删除并加载VR内容主界面，从而给用户带来视野前方弹出VR内容主界面的动画效果。

本发明通过上述各实施例，达到了在VR APP启动后插入VRhome的目的，采取目标物的形式吸引用户注意，底部坐盘中可以设置VR产品品牌的相关信息及注意事项等，有利于推销VR产品，带给用户更好的3D体验感，避免用户采用纸质说明书去寻找相关信息，方便用户使用VR APP，增加用户的3D沉浸感，带给用户更好的体验。

本发明不局限于上述实施方式，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也视为本发明的保护范围之内。本说明书中未作详细描述的内容属于本领域专业技术人员公知的现有技术。

Claims (16)

1.一种VR首页弹出实现方法，其特征在于，包括：

VR APP启动后构建三维空间的全景视图，全景视图中悬浮有目标物；

当来自VR头显的虚拟焦点在所述目标物中心停留预设时间后，通过目标物纹理产生变化的视觉效果；

删除目标物纹理，同时加载动态效果图片产生目标物删除的动画效果。

2.如权利要求1所述的VR首页弹出实现方法，其特征在于：当所述动画效果结束后，加载VR内容主界面。

3.如权利要求1所述的VR首页弹出实现方法，其特征在于：通过3D引擎构建所述三维空间全景视图，所述目标物由N幅图片拼接组成，且N≥1，所述N幅图片提前加载。

4.如权利要求3所述的VR首页弹出实现方法，其特征在于：所述3D引擎将目标物的N幅图片加载生成纹理后，对不同纹理赋予不同的转速与旋转方向，所述目标物产生旋转的视觉效果。

5.如权利要求1所述的VR首页弹出实现方法，其特征在于：所全景视图中，目标物下方具有底部坐盘，通过3D引擎对底部坐盘增加自转、运动光效以及凸凹空间的视觉效果。

6.如权利要求1所述的VR首页弹出实现方法，其特征在于：所述全景视图为三维球体空间视图，球心位置为VR头显的视角中心。

7.如权利要求1所述的VR首页弹出实现方法，其特征在于：通过碰撞检测的方式，判断虚拟焦点在所述目标物中心的停留，当检测到虚拟焦点与目标物中心处纹理发生碰撞开始计时，预设时间到达后，目标物产生变化的视觉效果。

8.如权利要求7所述的VR首页弹出实现方法，其特征在于，所述目标物产生变化的视觉效果的过程为：

所述全景视图的视野中心与所述目标物的距离逐渐增大，目标物逐渐变小，当所述距离达到全景视图边界最大值时，立即删除目标物纹理。

9.如权利要求1所述的VR首页弹出实现方法，其特征在于：所述动画效果由M张图片纹理依次交替加载生成，陆续呈现各帧图片纹理，并按照预先设定好的时间点将纹理逐个绘制在全景视图中，其中M＞1。

10.如权利要求1-9任一项所述的VR首页弹出实现方法，其特征在于：所述3D引擎为OpenGL ES引擎或DirectX引擎。

11.一种基于权利要求1所述的VR首页弹出实现系统，其特征在于，包括：

3D引擎，其用于构建三维空间的全景视图，还用于产生目标物的视觉效果，以及目标物删除的动画效果；

检测模块，其用于检测所述虚拟焦点在目标物中心停留以及停留的时间。

12.如权利要求11所述的VR首页弹出实现系统，其特征在于，所述3D引擎包括：

全景视图模块，其用于构建三维空间的全景视图作为虚拟现实首页；

视效模块，其用于产生目标物的视觉效果；

动画模块，其用于产生所述目标物删除时的动画效果。

13.如权利要求12所述的VR首页弹出实现系统，其特征在于：所述视效模块用于将N幅图片加载生成目标物纹理，还用于根据不同纹理赋予不同的转速与旋转方向。

14.如权利要求13所述的VR首页弹出实现系统，其特征在于：所述检测模块通过虚拟焦点与目标中心处纹理处的碰撞，来检测虚拟焦点在目标物中心停留。

15.如权利要求11所述的VR首页弹出实现系统，其特征在于：所述全景视图模块用于在所述目标物下方建立底部坐盘，还用于对底部坐盘增加自转、运动光效以及凸凹空间的视觉效果。

16.如权利要求11-15任一项所述的VR首页弹出实现系统，其特征在于：所述3D引擎为OpenGL ES引擎或DirectX引擎。