发明内容
鉴于目前WEB3D技术领域存在的上述不足,本发明提供一种基于异步加载的WEB3D显示方法及系统,能够无插件进行WEB3D显示,并提高了切换场景的速度和用户浏览体验。
为达到上述目的,本发明的实施例采用如下技术方案:
一种基于异步加载的WEB3D显示方法,所述基于异步加载的WEB3D显示方法包括以下步骤:
从3D场景服务器、3D物件服务器和3D装饰服务器获取初始场景的3D显示和交互数据;
将获取到的3D显示和交互数据组合成WEB3D显示数据在WEB上进行显示并将该WEB3D显示数据进行缓存;
预测当前显示场景的前后、左右和上下各个方向的下一个显示场景,然后根据该预测场景从3D场景服务器、3D物件服务器和3D装饰服务器获取3D显示和交互数据来组合成WEB3D显示数据进行缓存;
加载缓存的WEB3D显示数据在WEB上进行显示。
依照本发明的一个方面,所述将获取到的3D显示和交互数据组合成WEB3D显示数据在WEB上进行显示包括以下步骤:
将获取到的3D显示和交互数据组合成WEB3D显示数据来形成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来进行交互操作显示。
一种基于异步加载的WEB3D显示系统,所述基于异步加载的WEB3D显示系统包括:
数据获取模块,用于从3D场景服务器、3D物件服务器和3D装饰服务器获取初始场景的3D显示和交互数据;
数据组合与处理模块,用于将获取到的3D显示和交互数据组合成WEB3D显示数据在WEB上进行显示;
场景预测模块,用于预测当前显示场景的前后、左右和上下各个方向的下一个显示场景;
缓存模块,用于缓存处理好的WEB3D显示数据;
显示模块,用于加载缓存的WEB3D显示数据在WEB上进行显示。
依照本发明的一个方面,所述数据组合与处理模块还包括:
3D模型模块,用于将获取到的3D显示和交互数据组合成WEB3D显示数据来形成3D场景模型;
角度预测模块,用于预测WEB上需显示的3D场景模型的前后、左右和上下各个方向的下一个显示角度用于预测WEB上需显示的3D场景模型下一个角度;
图像绘制模块,用于根据预测的结果对3D场景模型进行该角度的2D平面图像绘制。
依照本发明的一个方面,所述根据该初始显示角度的3D场景模型通过WEB端的HTML5绘制成该初始角度的2D平面图像的具体实施方式可为:根据该初始显示角度的3D场景模型,WEB端的HTML5通过Canvas绘制该初始角度的2D平面图像。
依照本发明的一个方面,所述在WEB上进行显示的具体实施方式可为:在WEB端通过HTML5、CSS3和JAVASCRIPT来进行交互操作显示。
本发明实施的优点:本发明所述的基于异步加载的WEB3D显示方法及系统通过从3D场景服务器、3D物件服务器和3D装饰服务器获取初始场景的3D显示和交互数据,然后将获取到的3D显示和交互数据组合成WEB3D显示数据在WEB上进行显示并将该WEB3D显示数据进行缓存,再预测当前显示场景的前后、左右和上下各个方向的下一个显示场景,然后根据该预测场景从3D场景服务器、3D物件服务器和3D装饰服务器获取3D显示和交互数据来组合成WEB3D显示数据进行缓存,最后加载缓存的WEB3D显示数据在WEB上进行显示,实现了在WEB上进行3D场景的显示,且无需安装任何插件,因为在WEB上进行显示时是加载的缓存场景的WEB3D显示数据,从而加载速度非常快,也实现了快速进行场景切换的效果,提高了用户的浏览使用体验。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
如图1所示,一种基于异步加载的WEB3D显示方法,所述基于异步加载的WEB3D显示方法包括以下步骤:
步骤S1:从3D场景服务器、3D物件服务器和3D装饰服务器获取初始场景的3D显示和交互数据;
所述步骤S1从3D场景服务器、3D物件服务器和3D装饰服务器获取初始场景的3D显示和交互数据的具体实施方式可为:当接收到浏览请求时,中心服务器会向3D场景服务器、3D物件服务器和3D装饰服务器请求获取初始场景的3D显示和交互数据。
步骤S2:将获取到的3D显示和交互数据组合成WEB3D显示数据在WEB上进行显示并将该WEB3D显示数据进行缓存;
所述步骤S2将获取到的3D显示和交互数据组合成WEB3D显示数据在WEB上进行显示并将该WEB3D显示数据进行缓存的具体实施方式可为:当步骤S1执行完后,中心服务器获取了初始场景的3D显示和交互数据,然后会将获取到的3D显示和交互数据组合成WEB3D显示数据进行缓存,然后在WEB上进行显示,其具体又包括以下几步:
将获取到的3D显示和交互数据组合成WEB3D显示数据来形成3D场景模型;
根据3D场景模型绘制初始角度的2D图像并在WEB上进行显示;
预测当前显示角度的前后、左右和上下各个方向的下一个显示角度,然后根据该预测角度下的3D场景模型绘制成2D图像并进行缓存;
重复上述步骤来获得更多的3D场景模型显示角度的缓存好的2D图像来进行缓存;
根据浏览的角度来加载缓存的对应角度上的2D图像在WEB上进行显示。
其中,所述根据该初始显示角度的3D场景模型通过WEB端的HTML5绘制成该初始角度的2D平面图像的具体实施方式可为:根据该初始显示角度的3D场景模型,WEB端的HTML5通过Canvas绘制该初始角度的2D平面图像,能够即时地绘制图像;进一步的,为了提高绘制速度,所述WEB端的HTML5通过Canvas绘制该初始角度的2D平面图像采用以下方式:通过OpenGL接口进行的图形绘制及渲染,这样还能够消除绘制过程的闪烁,最终实现视觉上的3D显示。
步骤S3:预测当前显示场景的前后、左右和上下各个方向的下一个显示场景,然后根据该预测场景从3D场景服务器、3D物件服务器和3D装饰服务器获取3D显示和交互数据来组合成WEB3D显示数据进行缓存;
所述步骤S3预测当前显示场景的前后、左右和上下各个方向的下一个显示场景,然后根据该预测场景从3D场景服务器、3D物件服务器和3D装饰服务器获取3D显示和交互数据来组合成WEB3D显示数据进行缓存的具体实施方式可为:浏览者在进行场景浏览时,根据实际情况,不外于往当前显示角度的前后、左右和上下这几个方向,具体转动多少角度来形成浏览场景可以预先进行设定,以达到不同的场景显示效果,从而预测多个场景,然后根据这些预测场景从3D场景服务器、3D物件服务器和3D装饰服务器获取3D显示和交互数据来组合成WEB3D显示数据进行缓存,具体如下:
将获取到的3D显示和交互数据组合成WEB3D显示数据来形成3D场景模型;
根据3D场景模型绘制初始角度的2D图像并在WEB上进行显示;
预测当前显示角度的前后、左右和上下各个方向的下一个显示角度,然后根据该预测角度下的3D场景模型绘制成2D图像并进行缓存;
在实际应用中会重复上述步骤来获得更多的3D场景模型显示角度的缓存好的2D图像来进行缓存;
根据浏览的角度来加载缓存的对应角度上的2D图像在WEB上进行显示。
其中,所述根据该初始显示角度的3D场景模型通过WEB端的HTML5绘制成该初始角度的2D平面图像的具体实施方式可为:根据该初始显示角度的3D场景模型,WEB端的HTML5通过Canvas绘制该初始角度的2D平面图像,能够即时地绘制图像;进一步的,为了提高绘制速度,所述WEB端的HTML5通过Canvas绘制该初始角度的2D平面图像采用以下方式:通过OpenGL接口进行的图形绘制及渲染,这样还能够消除绘制过程的闪烁,最终实现视觉上的3D显示。
在实际应用中,可包括以下步骤,重复上述步骤S3来获得更多显示场景的WEB3D显示数据来进行缓存,其具体实施方式可为:在步骤S3执行完后,会获得多个显示场景的WEB3D显示数据,然后再以这些显示场景为当前显示场景继续预测该显示场景的前后、左右和上下各个方向的下一个显示场景,然后根据该预测场景从3D场景服务器、3D物件服务器和3D装饰服务器获取3D显示和交互数据来组合成WEB3D显示数据进行缓存,重复执行,以获得更多显示场景的WEB3D显示数据,从而方便在显示时更快地加载来进行显示。
步骤S4:加载缓存的WEB3D显示数据在WEB上进行显示;
所述步骤S4加载缓存的WEB3D显示数据在WEB上进行显示的具体实施方式可为:根据浏览的场景来加载缓存的对应场景的WEB3D显示数据,然后在WEB端通过HTML5、CSS3和JAVASCRIPT来进行交互操作显示。
一种基于异步加载的WEB3D显示系统,所述基于异步加载的WEB3D显示系统包括:
数据获取模块1,用于从3D场景服务器、3D物件服务器和3D装饰服务器获取初始场景的3D显示和交互数据;
数据组合与处理模块2,用于将获取到的3D显示和交互数据组合成WEB3D显示数据在WEB上进行显示;
场景预测模块3,用于预测当前显示场景的前后、左右和上下各个方向的下一个显示场景;
缓存模块4,用于缓存处理好的WEB3D显示数据;
显示模块5,用于加载缓存的WEB3D显示数据在WEB上进行显示。
其中,所述数据组合与处理模块还包括:
3D模型模块21,用于将获取到的3D显示和交互数据组合成WEB3D显示数据来形成3D场景模型;
角度预测模块22,用于预测WEB上需显示的3D场景模型的前后、左右和上下各个方向的下一个显示角度用于预测WEB上需显示的3D场景模型下一个角度;
图像绘制模块23,用于根据预测的结果对3D场景模型进行该角度的2D平面图像绘制。
所述根据该初始显示角度的3D场景模型通过WEB端的HTML5绘制成该初始角度的2D平面图像的具体实施方式可为:根据该初始显示角度的3D场景模型,WEB端的HTML5通过Canvas绘制该初始角度的2D平面图像。
所述在WEB上进行显示的具体实施方式可为:在WEB端通过HTML5、CSS3和JAVASCRIPT来进行交互操作显示。
本发明实施的优点:本发明所述的基于异步加载的WEB3D显示方法及系统通过从3D场景服务器、3D物件服务器和3D装饰服务器获取初始场景的3D显示和交互数据,然后将获取到的3D显示和交互数据组合成WEB3D显示数据在WEB上进行显示并将该WEB3D显示数据进行缓存,再预测当前显示场景的前后、左右和上下各个方向的下一个显示场景,然后根据该预测场景从3D场景服务器、3D物件服务器和3D装饰服务器获取3D显示和交互数据来组合成WEB3D显示数据进行缓存,最后加载缓存的WEB3D显示数据在WEB上进行显示,实现了在WEB上进行3D场景的显示,且无需安装任何插件,因为在WEB上进行显示时是加载的缓存场景的WEB3D显示数据,从而加载速度非常快,也实现了快速进行场景切换的效果,提高了用户的浏览使用体验。
以上所述,仅为本发明的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本领域技术的技术人员在本发明公开的技术范围内,可轻易想到的变化或替换,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应以所述权利要求的保护范围为准。