一种在WEB上显示3D场所的方法及系统技术方案

本发明专利技术公开了一种在WEB上显示3D场所的方法，所述方法包括以下步骤：建立3D场景服务器、3D物件服务器和3D装饰服务器；从中读取出3D显示数据来形成3D场所模型；根据3D场所模型绘制初始角度的2D图像并在WEB上进行显示；预测当前显示角度的下一个显示角度，根据该预测角度绘制2D图像进行缓存；根据浏览的角度来加载缓存的2D图像在WEB上进行显示。本发明专利技术还公开了一种在WEB上显示3D场所的系统，所述系统包括：服务器模块、3D模型模块、预测模块、图像绘制模块、缓存模块和WEB显示模块。本发明专利技术提供的一种在WEB上显示3D场所的方法及系统，能够无插件进行WEB3D显示，并提高了切换角度的速度。

【技术实现步骤摘要】

本专利技术涉及WEB3D
，尤其涉及一种在WEB上显示3D场所的方法及系统。
技术介绍
Web3D技术是实现网页中虚拟现实的一种最新技术，已经具有多种实现方案。但仍然存在一些困难和障碍，插件的问题是一个困绕，几乎每个厂商开发的标准都需要自己插件的支持，这些插件从几百K到几兆不等，在带宽不理想的条件下必然限制了一部分人的使用热情。目前比较实用的街景地图之类的3D显示，在浏览过程中切换角度时非常慢，影响了用户的使用体验。
技术实现思路
鉴于目前WEB3D
存在的上述不足，本专利技术提供一种在WEB上显示3D场所的方法及系统，能够无插件进行WEB3D显示，并提高了切换角度的速度和用户浏览体验。为达到上述目的，本专利技术的实施例采用如下技术方案:一种在WEB上显示3D场所的方法，所述在WEB上显示3D场所的方法包括以下步骤:建立3D场景服务器、3D物件服务器和3D装饰服务器；从3D场景服务器、3D物件服务器和3D装饰服务器中读取出3D显示数据来形成3D场所模型；根据3D场所模型绘制初始角度的2D图像并在WEB上进行显示；预测当前显示角度的前后、左右和上下各个方向的下一个显示角度，然后根据该预测角度下的3D场所模型绘制成2D图像并进行缓存；根据浏览的角度来加载缓存的对应角度上的2D图像在WEB上进行显示。依照本专利技术的一个方面，所述根据3D场所模型绘制初始角度的2D图像并在WEB上进行显示包括以下步骤:选择3D场所模型的初始显示角度；根据该初始显示角度的3D场所模型通过WEB端的HTML5绘制成该初始角度的2D平面图像；将绘制好的2D平面图像在WEB端进行缓存。依照本专利技术的一个方面，所述根据该初始显示角度的3D场所模型通过WEB端的HTML5绘制成该初始角度的2D平面图像的【具体实施方式】可为:根据该初始显示角度的3D场所模型，WEB端的HTML5通过Canvas绘制该初始角度的2D平面图像。依照本专利技术的一个方面，所述WEB端的HTML5通过Canvas绘制该初始角度的2D平面图像包括以下步骤:通过OpenGL接口进行的图形绘制及渲染。依照本专利技术的一个方面，所述在WEB上进行显示的【具体实施方式】可为:在WEB端通过HTML5、CSS3和JAVASCRIPT来进行交互操作显示。一种在WEB上显TJK 3D场所的系统，所述在WEB上显不3D场所的系统包括:服务器模块，用于建立3D场景服务器、3D物件服务器和3D装饰服务器；3D模型模块，用于从3D场景服务器、3D物件服务器和3D装饰服务器中读取出3D显示数据来形成3D场所模型；预测模块，用于预测WEB上需显示的3D场所模型的前后、左右和上下各个方向的下一个显示角度；图像绘制模块，用于根据预测的结果对3D场所模型进行该角度的2D平面图像绘制；缓存模块，用于缓存图像绘制模块绘制成功的2D平面图像；WEB显示模块，用于加载缓存的2D平面图像进行显示。依照本专利技术的一个方面，所述根据预测的结果对3D场所模型进行该角度的2D平面图像绘制包括以下步骤:选择3D场所模型的显示角度；根据该显示角度的3D场所模型通过WEB端的HTML5绘制成该角度的2D平面图像；将绘制好的2D平面图像在WEB端进行缓存。依照本专利技术的一个方面，所述根据该显示角度的3D场所模型通过WEB端的HTML5绘制成该角度的2D平面图像的【具体实施方式】可为:根据该显示角度的3D场所模型，WEB端的HTML5通过Canvas绘制该角度的2D平面图像。依照本专利技术的一个方面，所述WEB端的HTML5通过Canvas绘制该角度的2D平面图像包括以下步骤:通过OpenGL接口进行的图形绘制及渲染。依照本专利技术的一个方面，所述加载缓存的2D平面图像进行显示的【具体实施方式】可为:加载缓存的2D平面图像在WEB端通过HTML5、CSS3和JAVASCRIPT来进行交互操作显/j、l Ο本专利技术实施的优点:本专利技术所述的在WEB上显示3D场所的方法及系统通过建立3D场景服务器、3D物件服务器和3D装饰服务器，从中读取出3D显示数据来形成3D场所模型，根据3D场所模型绘制初始角度的2D图像并在WEB上进行显示，然后预测WEB上需显示的3D场所模型的前后、左右和上下各个方向的下一个显示角度预测下一个角度，根据该角度下的3D场所模型绘制成2D图像并进行缓存，最后根据浏览的角度来加载缓存的对应角度上的2D图像在WEB上进行显示，实现了在WEB上进行3D图像的显示，不需要安装浏览器插件，并且因为是先绘制预测角度的2D图像进行缓存，然后加载缓存的2D图像进行显示，从而在进行角度切换时速度非常快，提高了用户的浏览体验。【附图说明】为了更清楚地说明本专利技术实施例中的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1为本专利技术所述的一种在WEB上显示3D场所的方法示意图；图2为本专利技术所述的一种在WEB上显示3D场所的系统结构示意图。【具体实施方式】下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。如图1所示，一种在WEB上显示3D场所的方法，所述在WEB上显示3D场所的方法包括以下步骤:步骤S1:建立3D场景服务器、3D物件服务器和3D装饰服务器；所述步骤S1建立3D场景服务器、3D物件服务器和3D装饰服务器的【具体实施方式】可为:根据要在WEB上进行3D显示的物品实际情况来建立3D场景服务器、3D物件服务器和3D装饰服务器。步骤S2:从3D场景服务器、3D物件服务器和3D装饰服务器中读取出3D显示数据来形成3D场所模型；所述步骤S2从3D场景服务器、3D物件服务器和3D装饰服务器中读取出3D显示数据来形成3D场所模型的【具体实施方式】可为:从建立好的3D场景服务器、3D物件服务器和3D装饰服务器中读取出3D场景数据、3D物件数据和3D装饰数据等显示数据来形成3D场所模型。步骤S3:根据3D场所模型绘制初始角度的2D图像并在WEB上进行显示；所述步骤S3根据3D场所模型绘制初始角度的2D图像并在WEB上进行显示的具体实施步骤可为:选择3D场所模型的初始显示角度；根据该初始显示角度的3D场所模型通过WEB端的HTML5绘制成该初始角度的2D平面图像；将绘制好的2D平面图像在WEB端进行缓存。其中，所述根据该初始显示角度的3D场所模型通过WEB端的HTML5绘制成该初始角度的2D平面图像的【具体实施方式】可为:根据该初始显示角度的3D场所模型，WEB端的HTML5通过Canvas绘制该初始角度的2D平面图像，能够即时地绘制图像；进一步的，为了提高绘制速度，所述WEB端的HTML5通过Canvas绘制该初始角度的2D平面图像采用以下方式:通过OpenGL接口进行的图形绘制及渲染，这样还能够消除绘制过程的闪烁，最终实现视觉上的3D显示。步骤S4:预测当前显示角度的前后、左右和上下各个本文档来自技高网...

【技术保护点】
一种在WEB上显示3D场所的方法，其特征在于，所述在WEB上显示3D场所的方法包括以下步骤：建立3D场景服务器、3D物件服务器和3D装饰服务器；从3D场景服务器、3D物件服务器和3D装饰服务器中读取出3D显示数据来形成3D场所模型；根据3D场所模型绘制初始角度的2D图像并在WEB上进行显示；预测当前显示角度的前后、左右和上下各个方向的下一个显示角度，然后根据该预测角度下的3D场所模型绘制成2D图像并进行缓存；根据浏览的角度来加载缓存的对应角度上的2D图像在WEB上进行显示。

【技术特征摘要】

【专利技术属性】
技术研发人员：吴玉，吴宽，
申请(专利权)人：上海爱护网贸易有限公司，
类型：发明
国别省市：上海;31