[发明专利]3D网页的绘制方法和使用该方法的终端

说明书

技术领域

本公开涉及3D网页的绘制(rendering)方法和使用该方法的终端。

背景技术

因特网技术向因特网应用开发者提供用于开发应用的说明性元素和编程元素的组合。因特网应用开发者使用诸如JavaScript的编程元素以提供基于诸如超文本标记语言(HTML)和级联样式表(CSS)的文档的说明性元素和文档的在该文档中提供结构、内容以及修饰的计算和交互行为。

因特网技术已经提供了具有浏览器可部署和响应性的应用的浏览器。

然而，因为在浏览器上使用基于HTML的图像和文本，所以因特网技术主要提供2D图像和文本服务。

随着用于提供3D立体图像的技术的发展，近来已经进行了利用诸如Active-X的插件技术在因特网浏览器上显示3D图像的尝试。

然而，因特网技术目前仍然处于通过简单利用立体图等而以三维方式显示2D图像的状态下。另外，因特网技术不提供在3D TV等中应用的立体影片方案的实质3D图像。

发明内容

技术问题

因此，本公开的目的是提供用于通过在用于3D网页的源文本中并入深度信息来绘制3D对象的3D网页绘制方法和使用该方法的终端。

因此，本公开另一目的是提供根据3D对象的深度变化、滚动操作、浏览器窗口的位置变化等而立体地在3D浏览器上显示3D对象的3D网页绘制方法和使用该方法的终端。

问题的解决方案

为实现这些和其它优点并且根据本发明的目的，如在此具体实施和广泛描述的，提供了一种用于3D网页的绘制方法，该绘制方法包括以下步骤：加载包括关于构成该3D网页的一个或更多个3D对象的深度信息的源文本；通过解析该源文本来创建包括该深度信息的文档对象模型(DOM)树和样式规则；基于该DOM树和该样式规则来产生绘制树；对该绘制树执行规划；通过对执行该规划而获得的结果应用包括该3D对象的位置、尺寸、视差、形状以及排布结构中的一个或更多个的3D因子来描绘(painting)左眼页面和右眼页面；以及合并该左眼页面和该右眼页面，并且在3D浏览器上显示合并的该左眼页面和该右眼页面。

执行该规划的步骤可以包括以下步骤：通过在同一层中并入该一个或更多个3D对象中的具有相同深度信息的3D对象来形成一个或更多个层，并且通过基于该深度信息排列该一个或更多个层来确定描绘顺序。

确定该描绘顺序的步骤包括以下步骤：基于在该源文本中指示的针对包括在同一层中的具有相同深度信息的该3D对象的z索引或顺序来确定该描绘顺序。

执行该规划的步骤可以包括以下步骤：基于该深度信息计算该3D因子以描绘该3D对象，并且存储该3D因子。

描绘该左眼页面和该右眼页面的步骤可以包括以下步骤：基于该深度信息计算该3D因子，并且通过应用计算出的该3D因子来描绘该左眼页面和该右眼页面。

可以计算该3D因子，以使该3D对象的尺寸与关于3D对象的该深度信息的正增长成比例地大于该3D对象的原始尺寸，并且可以计算该3D因子，以使该3D对象的尺寸与关于3D对象的该深度信息的负增长成比例地小于该3D对象的原始尺寸。

可以基于该3D对象在该3D浏览器上的位置来计算该3D因子。

可以计算该3D因子，以使该3D对象的尺寸随着该3D对象靠近该3D浏览器的特定位置而大于与该深度信息成比例的值，并且可以计算该3D因子，以使该3D对象的尺寸随着该3D对象远离该3D浏览器的该特定位置而小于与该深度信息成比例的值。

当该3D因子相对于该3D浏览器的该特定位置沿任意方向定位时，可以通过将该3D对象的位置沿该任意方向进一步移动任意距离来计算该3D因子。

该特定位置可以是该3D浏览器的中心。

可以基于该3D浏览器在显示该3D浏览器的显示单元上的位置来计算该3D因子。

显示该左眼页面和该右眼页面的步骤可以包括以下步骤：利用并排方案、上下方案以及逐行方案中的一种来显示该3D网页。

该绘制方法还可以包括以下步骤：确定该3D对象是否移动，并且如果该3D对象移动，则基于该3D对象在该3D浏览器上的新位置，通过重新计算该3D因子来执行该规划。