CN101923564A

CN101923564A - 一种基于图片缓存提升网页呈现三维物体性能的方法

Info

Publication number: CN101923564A
Application number: CN 201010197326
Authority: CN
Inventors: 汪翔云; 周晓栋
Original assignee: Individual
Current assignee: Individual
Priority date: 2010-06-08
Filing date: 2010-06-08
Publication date: 2010-12-22

Abstract

本发明是一种基于图片缓存提升网页呈现三维物体性能的方法。前期对三维物体各个角度的显示信息进行采集，对采集而来的图片进行数据分析和处理，以图片的形式存储在服务器中，网页前端三维物体在各个角度呈现过程中，向服务器发起呈现清求，服务器返回对应角度的图片信息，网页前端利用各种算法将三维效果呈现，并将这些图片信息保存在客户端缓存中，能在下一次访问时，迅速从客户端缓存中取出，高效地将三维效果呈现给用户。

Description

一种基于图片缓存提升网页呈现三维物体性能的方法

技术领域：

本发明涉及计算机网络技术，网页前端flash技术相关。特别是涉及浏览器对三维物体的全方位呈现技术。

背景技术：

随着互联网的发展，互联网不断地改变着人们的生活方式、思维方式、工作方式。不久的将来互联网也将改变企业的经营模式。目前混合网络/桌面应用程序发展趋势的继续，我们将能期望看到RIA(丰富互联网应用程序)在使用和功能上的继续完善。Adobe提供的Flash技术是富互联网应用程序的领跑者之一。Flash在站点建设上带来的好处异常明显：全面的控制、无缝的导向跳转、更丰富的媒体内容、更体贴用户的流畅交互、跨平台和瘦客户端的支持、以及与其他Flash应用方案无缝连接集成等。

Flash技术的普及涉及到各个应用领域，为适应网页上呈现3D场景的需求涌现出了各种Flash 3D引擎。然而在使用这些第三方库的丰富的API的同时，也带来了种种性能上的问题，Flash player版本到目前为止还不支持完整的3D，呈现3D物体需要浏览器端更大的CPU计算量，而载入往往占用户更多的宽带。

现阶段，没有一个非常好的方法解决上述提到的问题，如果只是单纯制作三维模型来代替，那只会给浏览器端加大负荷量。也许只有高性能的客户端才能忽略这些问题，然而作为达到一个广泛应用的层次，在庞大的用户量的前提下，无法高效的呈现包含有三维场景性质的界面来满足用户的体验，对企业影响力和宣传力的扩大以及产品推广是有害而无一利的。

在此类技术的应用中，经过调查研究发现，普通用户对于三维物体的展现要求因领域而变，比如在游戏娱乐领域中，用户对于三维物体的展现和交互要求非常高；而在效果展示领域，比如室内设计，用户重在体验效果展示，对于三维物体的实时旋转等交互操作并无高要求。因此，对于效果展示领域，网页浏览器在展现三维物体时，应该另辟蹊径，而不是简单把模型导入。

发明内容：

本发明的主要目的就是为了解决上述问题，提供一种基于图片缓存提升网页呈现三维物体性能的方法。这种方法能够在用户访问时，高效地将三维物体呈现在浏览器中，而且占用极少的CPU资源，将空间和时间代价都放在服务端。

本发明的再一目的是通过对一个三维物体进行有限视角的360度若干张图片采集，将这些海量的图片存储在服务端，浏览器端实时按照用户需要，将对应视角的图片信息配合相应的呈现机制满足用户的3D体验，同时将其缓存在客户端，以便保证重复访问该信息时的呈现性能。

本发明的目的是这样实现的：通过三维图片信息采集，三维图片信息呈现机制，提升三维物体在网页浏览器中全方位展示的性能，其特征在于：该方法前期对三维物体各个角度的显示信息进行采集，对采集而来的图片进行数据分析和处理，以图片的形式存储在服务器中，网页前端三维物体在各个角度呈现过程中，向服务器发起呈现请求，服务器返回对应角度的图片信息，网页前端继而将三维效果呈现，并将这些图片信息保存在客户端缓存中，能在下一次访问时，迅速从客户端缓存中取出，高效地将三维效果呈现给用户。

全方位展示，可以是对三维物体的一个视角下所有角度的展示；可以是对三维物体所有视角下所有角度的展示。

所述的方法包含如下步骤：

a.选定一个三维物体

b.使用图片获取工具对三维物体进行各角度的图片采集

c.对各角度的图片进行数据分析和处理

d.对图片及图片信息进行存储

e.网页前端呈现三维物体时，通过三维图片信息获取机制获取相应的图片

f.图片信息达到浏览器之后，按照呈现机制放在相应的位置以达到三维效果，并对图片信息进行缓存

g.再次呈现某一角度下的三维物体时，检查该角度信息图片是否已被缓存，如果是，则直接取本地缓存呈现，如果否，返回到e步骤

所述的三维物体，可以是现实中的真实物体；可以是计算机虚拟的三维物体。

所述的图片获取工具，可以是摄像机、照相机等硬件；可以是通过电脑软件建模工具对真实物体建模，或对虚拟物体建模，然后生成多角度图片。

各角度的图片，可以是一个视角下的360度范围内360张图片；可以是一个视角下的所有角度范围内若干张图片；也可以是所有视角下的所有角度范围内若干张图片。

三维图片信息获取机制，可以是网页浏览器发起的HTTP请求；可以是网页浏览器发起的SOCKET请求；也可以是网页浏览器发起的URL请求。

按照呈现机制将图片信息放在相应的位置以达到三维效果，可以是直接利用深度排序算法将该图片与其他图片组合在一起显示；可以是重绘所有图片信息在一张图片上，然后一整张显示。

对图片信息进行缓存，可以是网页浏览器本身对图片进行缓存；可以是系统设定的缓存机制；也可以是客户端程序设定的缓存机制。

图片信息，可以是gif、png、jpeg、bmp等格式的图片文件；也可以是二进制文件，由客户端程序解码生成图片格式文件。

附图说明：

图1为本发明对呈现三维物体的方法流程图

图2为本发明对呈现三维物体的系统流程图

具体实施方式：

本发明应用在在线家居装潢设计网站：

对于一个刚买了新房的用户，如果能够在一个虚拟的3D家居环境里，选择自己所购房的户型，利用环境所提供的装潢素材，随心所欲地自主设计一番来作为实战前的预演，是一个不错的选择。显然，在该网站所呈现的三维家居环境里，普遍存在多个三维物体同时呈现的现象，如果按照惯有的技术，直接采取导入事先用其他工具设计好的三维模型，其性能将会随着物体数量的增多以及画面的复杂而大大降低，无法保证用户能正常、稳定、高效地体验网站中的内容。于是我们可以通过本发明所提出的方法，通过事先采集并存储在服务器中各种视角下各种角度的图片，按照用户需求在相关呈现机制处理后以相应的角度呈现出三维效果，并配合缓存机制可以很好地解决整个访问流程中性能上的问题。

参见图1及图2，图2展示了本发明在浏览器端呈现三维物体的系统框图。该系统由三维图片信息采集、三维物体呈现机制两大部分组成。三维图片信息采集包含对选定的三维物体经过专业的美工软件取材分析并处理成各种视角下的三维图片信息，接着存储在相应的服务器中，除了它们的存储位置与前台的呈现机制相关之外，每幅图片中也包含呈现机制中所需要的数据，用以确定它在3D场景中所呈现的位置的坐标。而整个三维物体呈现机制主要是利用前台的flash技术，加上第三方的3D引擎库设计呈现3D环境作为背景，而场景中需要实时呈现的各种角度下的三维物体，则在从服务器中获得相应的图片后由呈现机制中所设计的相关算法取得图片上的相关数据确定摆放位置，达到视觉上3D的目的，图片信息保存在浏览器的缓存里，可以在再次访问同一角度的物体时快速相应的图片信息。

对于本发明在线家居装潢设计网站上的应用，依照一般用户在几个习惯的固定视角的切换过程中，场景中所有信息从切换前、，到切换中，再到切换后的展示，所有图片信息从展示，消失，获取、计算，再展示的过程中，由于缓存机制的存在，以及本发明的核心在于图片信息为基础，这一流程所能带给用户的是平滑，无时间间隔感的3D视角转换体验。

该系统中使用的服务器可以是各种品牌和配置的服务器，例如可采用Dell、Compaq、IBM、联想、方正等品牌的服务器。相应服务器上的操作系统也可以是多种选择，如Windows、Linux、Solaris等。

使用本发明，对一个在线家居装潢设计的用户来说，可以满足其在设计的过程中碰到各种复杂情况展示时候的有效实现，提高其工作效率。

Claims

1.一种基于图片缓存提升网页呈现三维物体性能的方法，该方法通过三维图片信息采集，三维图片信息呈现机制，提升三维物体在网页浏览器中全方位展示的性能，其特征在于：该方法前期对三维物体各个角度的显示信息进行采集，对采集而来的图片进行数据分析和处理，以图片的形式存储在服务器中，网页前端三维物体在各个角度呈现过程中，向服务器发起呈现请求，服务器返回对应角度的图片信息，网页前端继而将三维效果呈现，并将这些图片信息保存在客户端缓存中，能在下一次访问时，迅速从客户端缓存中取出，高效地将三维效果呈现给用户。

2.根据权利要求1所述的基于图片缓存提升网页呈现三维物体性能的方法，其特征在于：全方位展示，可以是对三维物体的一个视角下所有角度的展示；可以是对三维物体所有视角下所有角度的展示。

3.根据权利要求1所述的基于图片缓存提升网页呈现三维物体性能的方法，其特征在于：所述的方法包含如下步骤：

a.选定一个三维物体

b.使用图片获取工具对三维物体进行各角度的图片采集

c.对各角度的图片进行数据分析和处理

d.对图片及图片信息进行存储

g.网页浏览器再次呈现某一角度下的三维物体时，检查该角度信息图片是否已被缓存，如果是，则直接取本地缓存呈现，如果否，返回到e步骤

4.根据权利要求3所述的基于图片缓存提升网页呈现三维物体性能的方法，其特征在于：所述的三维物体，可以是现实中的真实物体；可以是计算机虚拟的三维物体。

5.根据权利要求3所述的基于图片缓存提升网页呈现三维物体性能的方法，其特征在于：所述的图片获取工具，可以是摄像机、照相机等硬件设备；可以是通过电脑软件建模工具对真实物体建模，或对虚拟物体建模，然后生成一批多角度图片。

6.根据权利要求3所述的基于图片缓存提升网页呈现三维物体性能的方法，其特征在于：各角度的图片，可以是一个视角下的360度范围内360张图片；可以是一个视角下的所有角度范围内若干张图片；也可以是所有视角下的所有角度范围内若干张图片。

7.根据权利要求3所述的基于图片缓存提升网页呈现三维物体性能的方法，其特征在于：三维图片信息获取机制，可以是网页浏览器发起的HTTP请求；可以是网页浏览器发起的SOCKET请求；也可以是网页浏览器发起的URL请求。

8.根据权利要求3所述的基于图片缓存提升网页呈现三维物体性能的方法，其特征在于：按照呈现机制将图片信息放在相应的位置以达到三维效果，可以是直接利用深度排序算法将该图片与其他图片组合在一起显示；可以是重绘所有图片信息在一张图片上，然后一整张显示。

9.根据权利要求3所述的基于图片缓存提升网页呈现三维物体性能的方法，其特征在于：对图片信息进行缓存，可以是网页浏览器本身对图片进行缓存；可以是系统设定的缓存机制；也可以是客户端程序设定的缓存机制。

10.根据权利要求9所述的基于图片缓存提升网页呈现三维物体性能的方法，其特征在于：图片信息，可以是gif、png、jpeg、bmp等格式的图片文件；也可以是二进制文件，由客户端程序解码生成图片格式文件。