[发明专利]三维图像的交互展示方法及系统

说明书

技术领域

本发明涉及三维图像的交互展示领域，特别涉及一种基于HTML5(经过第五次重大修改的应用超文本标记语言)的三维图像的交互展示方法及系统。

背景技术

传统的三维数码展示技术一般依托于强大的CPU，GPU和RAM的图形工作站只会出现在高端的展示环境和行业中。当各种个人终端设备的运算能力不断增强，人们对于随时随地查看三维内容的需求也不断增大，为此不断购置强大的硬件设备。即使这样，目前市场上仍然未出现一款可以跨平台使用的三维展示工具，更不用说具备全方位的用户交互体验了。出现这种情况的主要原因非常复杂，但是不外乎有如下几个因素：

(1)各种终端设备，例如智能手机或智能电视等，对于三维内容的渲染能力未形成标准，因此，在某种设备上可以运行的内容并不一定在其它设备上可以有同样的效果；

(2)三维图形的格式未形成统一，目前流行的三维图形格式繁杂，主流的有obj、maya、max、fbx、cat、stl、igs、VRML等，也有在不同平台上流行的Unity3d、rhino、formZ等；

(3)各类操作系统不同，由于算法设计的不统一，例如Windows、IOS、Android等系统对于三维格式图形的运算速度和效果完全不同。

发明内容

本发明要解决的技术问题是为了克服现有技术中各种终端设备对于三维内容的渲染能力未形成标准、三维图形的格式不统一以及各类操作系统算法不统一导致三维图形不能跨平台展示的缺陷，提供一种基于HTML5的能 够跨平台展示的三维图像的交互展示方法及系统。

本发明是通过下述技术方案来解决上述技术问题的：

一种三维图像的交互展示方法，其特点在于，包括以下步骤：

S₁、获取一物体位于不同角度的多张图片；

S₂、缝合所述多张图片，以形成所述物体的三维图像；

S₃、将所述三维图像上传至一Web浏览器(网页浏览器)；

S₄、在所述Web浏览器的网页上展示所述三维图像。

本方案中，通过将获取的多张图片进行缝合，以形成物体的三维图像，并将其在统一的发布平台，即Web浏览器的网页上进行展示，使得用户能够利用各种终端通过访问Web浏览器的网页实现三维图像的观看和分享，例如用户可以利用支持Web浏览器的PC(个人电脑)、手持设备或者PAD(平板电脑)、手机等终端实现对网页的访问。

在步骤S₁中，可以通过对物体进行多角度拍照的方式获取图片，还可以通过上传图片序列的方式获取图片。

在步骤S₂中，采用2D图片缝合技术对所述多张图片进行缝合，其中，可以将获取的多张图片上传至云端，并基于云端对所述多张图片进行缝合，避免了本地加载数据导致运算速度减慢的问题，使得用户可以迅速体验三维图像，同时避免了运用插件或者专有的运行平台，实现了跨平台体验，且无需安装任何软件。

本方案中，在将三维图像上传至Web浏览器之前，可以对其进行优化处理，例如可以调整所述三维图像的颜色或背景等。

本方案中的物体可以为茶碗、包包、衣服、手机、汽车、家具等任何具有立体形状的物体。

较佳地，步骤S₄中采用HTML5及Javascript(一种计算机语言)技术展示所述三维图像。

较佳地，步骤S₄之后还包括以下步骤：

S₅、根据外部操作确定一偏移方向和一偏移角度；

S₆、控制所述三维图像沿所述偏移方向偏移所述偏移角度。

本方案中，外部操作是指用户对所述三维图像做出的例如向左滑动、向右滑动、向上滑动、向下滑动或者向其它方向滑动等，上述外部操作可以通过鼠标或者手指等实现。根据用户的外部操作确定偏移方向和偏移角度，并控制三维图像沿所述偏移方向偏移所述偏移角度，使得用户能够从任意角度查看三维图像，提升了用户与三维图像之间的交互体验。

较佳地，步骤S₁包括以下步骤：对物体的三维模型进行渲染，以形成所述物体位于不同角度的多张图片。本方案中，可以采用三维渲染引擎对物体的三维模型进行渲染。其中，三维渲染引擎为现有技术，不再赘述。

较佳地，所述交互展示方法还包括以下步骤：在所述三维图像上添加以下信息中的至少一种：文字、语音、链接。