[发明专利]一种三维网页显示方法及装置

说明书

技术领域

本申请涉及浏览器技术领域，特别涉及一种三维网页显示方法及装置。

背景技术

随着虚拟现实(VR)技术的发展，浏览器已经在VR设备上得到支持，但是，还存在以下技术问题没有得到解决：

1)大部分标签仅支持网页的二维显示，或仅支持部分标签的三维显示。

2)当前利用VR浏览网页时，视觉上存在多余空间。

3)对用户而言，现有VR浏览器在视觉上不够酷炫，用户体验较差，没有体现VR设备的浏览初衷。

4)针对网页本身而言，网页的开发模式以及标准比较陈旧，没有适应当下热门的流行趋势。

发明内容

本申请提供了一种三维网页显示方法及装置，以提高用户在VR设备中使用浏览器的便利性，提高用户体验。

本申请公开了一种三维网页显示方法，包括：

A、根据解析策略解析原网页文件，将原网页分离化提取新的元素；

B、根据模型化策略将所述元素具象化为空间立体几何体；

C、根据布局策略对所述空间立体几何体进行空间布局，得到三维的新网页。

较佳的，所述A还包括：

对原网页进行解析后，根据解析结果获得所述原网页的特征信息，所述特征信息至少包括：网页类型、元素的重要属性、原网页的布局信息。

较佳的，提取新的元素的方法至少包括：切片法和分层法。

较佳的，所述B包括：

根据所述元素的特征查询模型化策略，确定所述元素在空间中需要呈现的形状；

在立体几何体算法库中获取与模型化策略对应的算法，并利用图形库将所述元素绘制为单位大小的几何体；

根据原网页以及元素的属性，查询对应的策略，调整几何体的大小；

根据元素的属性和特征，对其进行变形或者资源再获取，在几何体上进行纹理化。

较佳的，所述C包括：

根据布局策略对所述空间立体几何体根据其在原网页的属性和特征进行空间布局，得到三维的新网页。

较佳的，所述布局策略的原则是基于原网页已有的布局信息，不改变原网页的整体布局。

较佳的，所述进行空间布局还包括以下的至少一种：

将网页中重要的信息所对应的几何体模型进行大小位置的调整，放置在用户中心视野范围内；将网页内不重要的信息所对应的几何体模型进行大小位置的调整，放置在用户中心视野范围外；

对于多个相关联的模型，进行关联性布局；

对有特殊朝向属性效果的模型，当用户改变当前视野时，随用户视野旋转改变模型的方向，始终将模型几何体朝向面面向用户的视野平面；

对有特殊动态效果的模型，通过图形库算法进行动态效果渲染。

本申请还公开了一种三维网页显示装置，包括：控制模块、提取模块、模型化模块和布局模块，其中：

所述提取模块，用于根据控制模块的解析策略解析原网页文件，将原网页分离化提取新的元素；

所述模型化模块，用于根据控制模块的模型化策略将提取模块所提取的新的元素具象化为空间立体几何体；

所述布局模块，用于根据控制模块的布局策略对所述空间立体几何体进行空间布局，得到三维的新网页。

由上述技术方案可见，本申请能够提高用户在VR设备中使用浏览器的便利性，提高用户体验。并且，针对现有的平面页面，本申请通过进行重新解析渲染以及空间化布局，并针对未来可预见的3D网页开发标准，支持对其的解析渲染等，能够进一步提高在VR设备中使用浏览器的便利性。

附图说明

图1为本申请360°/3D网页显示模块示意图；

图2为本申请360°/3D网页显示流程图；

图3为本申请元素提取模块切片法示意图；

图4为本申请元素提取模块分层法示意图；

图5为本申请布局模块示意图；

图6为本申请控制模块示意图。

具体实施方式

为使本申请的目的、技术方案及优点更加清楚明白，以下参照附图并举实施例，对本申请作进一步详细说明。

本发明提出了一种三维的网页显示方法，也可称为一种360°的网页显示方法。当用户在VR设备或其它可空间化的设备中浏览网页时，本发明将网页在三维空间中立体化渲染，将网页中的元素在三维空间中呈现为各种形式，从而提高用户在VR设备中使用浏览器的便利性，并增强用户体验。

本发明360°/3D的网页显示方法可以由如图1所示的功能模块实现，包括：提取模块、模型化模块、布局模块和控制模块。