首页 / 专利库 / 电脑图像 / 绘图软件 / 一种房产模型的展示方法和装置

一种房产模型的展示方法和装置

阅读:1019发布:2020-07-23

专利汇可以提供一种房产模型的展示方法和装置专利检索,专利查询,专利分析的服务。并且本 发明 公开了一种房产模型的展示方法和装置,该方法包括:在采用超文本 标记语言 HTML编辑的浏览器页面中的HTML5画布上,采用以3D编程工具Three.js的形式封装的3D绘图协议Web GL显示所建立的三维立体房产模型;采用脚本语言JavaScript的方式来控制三维立体房产模型的显示效果。采用Three.js的形式显示三维立体房产模型可以使房产的消费者能够立体地观察房产的各种细节,并且采用HTML5画布有益于采用较少的计算机 硬件 资源来显示,浏览器中不需要安装专 门 用于显示3D图形的 插件 ,房产的消费者能够通过JavaScript设置的控制方式来主动控制三维立体房产模型的表现形式,增强了房产的消费者的体验,并且为模型的制造方根据需求对三维立体房产模型进行 修改 提供了便利。,下面是一种房产模型的展示方法和装置专利的具体信息内容。

1.一种房产模型的展示方法,其特征在于,包括:
在采用超文本标记语言HTML编辑的浏览器页面中的HTML5画布上,采用以3D编程工具Three.js的形式封装的3D绘图协议Web GL显示所建立的三维立体房产模型;
采用脚本语言JavaScript的方式来控制所述三维立体房产模型的显示效果。
2.根据权利要求1所述的方法,其特征在于,在所述采用以3D编程工具Three.js的形式封装的3D绘图协议Web GL将所建立的三维立体房产模型通过浏览器网面的形式显示的步骤之前,所述方法还包括:
采用建模软件基于房产的数据而生成三维立体房产模型,并且采用3D编程工具Three.js导入所述三维立体房产模型。
3.根据权利要求1所述的方法,其中,所述采用脚本语言JavaScript的方式来控制所述三维立体房产模型的显示效果的步骤,包括:
采用脚本语言JavaScript的方式对所建立的三维立体房产模型进行控制。
4.根据权利要求1所述的方法,其中,所述采用以3D编程工具Three.js的形式封装的3D绘图协议Web GL显示所建立的三维立体房产模型的步骤,包括:
所述Web GL利用底层的图形硬件加速将所建立的三维立体房产模型通过浏览器以页面的形式显示。
5.根据权利要求2所述的方法,其特征在于,在所述采用建模软件基于房产的数据而生成三维立体房产模型的步骤之后,所述方法还包括:将所述三维立体房产模型存储在模型数据库中,
并且所述采用3D编程工具Three.js导入所述三维立体房产模型的步骤包括:采用3D编程工具Three.js从所述模型数据库中导入所述三维立体房产模型。
6.一种房产模型的展示装置,其特征在于,包括:
三维立体房产模型显示模,设置成:在采用超文本标记语言HTML编辑的浏览器页面中的HTML5画布上,采用以3D编程工具Three.js的形式封装的3D绘图协议Web GL显示所建立的三维立体房产模型;以及
三维立体房产模型控制模块,设置成:采用脚本语言JavaScript的方式来控制所述三维立体房产模型的显示效果。
7.根据权利要求6所述的装置,其特征在于,所述装置还包括:
三维立体房产模型生成模块,所述三维立体房产模型生成模块设置成:在所述三维立体房产模型显示模块采用以3D编程工具Three.js的形式封装的3D绘图协议Web GL显示所建立的三维立体房产模型之前,采用建模软件基于房产的数据而生成三维立体房产模型,并且采用3D编程工具Three.js导入所述三维立体房产模型。
8.根据权利要求6所述的装置,其中,所述三维立体房产模型控制模块设置成:采用脚本语言JavaScript的方式对所建立的三维立体房产模型进行控制。
9.根据权利要求6所述的装置,其中,所述三维立体房产模型显示模块设置成:采用所述Web GL利用底层的图形硬件加速将所建立的三维立体房产模型通过浏览器以页面的形式显示。
10.根据权利要求7所述的装置,其特征在于,所述装置还包括:
房产模型存储模块,所述房产模型存储模块设置成:在所述三维立体房产模型生成模块采用建模软件基于房产的数据而生成三维立体房产模型之后,所述房产模型存储模块将所述三维立体房产模型存储在模型数据库中,
并且所述三维立体房产模型生成模块设置成:采用3D编程工具Three.js从所述模型数据库中导入所述三维立体房产模型。

说明书全文

一种房产模型的展示方法和装置

技术领域

[0001] 本发明涉及信息技术,尤指一种房产模型的展示方法和装置。

背景技术

[0002] 随着现代城市的飞速发展,越来越多的房产在大地上拔地而起。为了出租或者出售房产,需要向房产的消费者展示房产所在的建筑的整体效果,以及房产内的格局,现有的展示方式是通过平面图纸和沙盘向消费者展示户型及房产布局。通过平面图纸来展示房产造成缺乏工程制图知识的消费者难以想象出房产的样貌;通过沙盘模型展示,则受制于沙盘模型费用高、制作周期长并且沙盘模型不易变动,房产的装饰效果差,不够逼真,消费者难以形象地想象出房产的样貌。

发明内容

[0003] 为了解决上述技术问题,本发明提供了一种房产模型的展示方法和装置,能够形象地展示房产的样貌。
[0004] 为了达到本发明目的,本发明提供了一种房产模型的展示方法,该方法包括:
[0005] 在采用超文本标记语言HTML编辑的浏览器页面中的HTML5画布上,采用以3D编程工具Three.js的形式封装的3D绘图协议Web GL显示所建立的三维立体房产模型;
[0006] 采用脚本语言JavaScript的方式来控制三维立体房产模型的显示效果。
[0007] 进一步地,在一个可选的实施例中,在采用以3D编程工具Three.js的形式封装的3D绘图协议Web GL将所建立的三维立体房产模型通过浏览器网面的形式显示的步骤之前,该方法还包括:
[0008] 采用建模软件基于房产的数据而生成三维立体房产模型,并且采用3D编程工具Three.js导入三维立体房产模型。
[0009] 进一步地,在一个可选的实施例中,采用脚本语言JavaScript的方式来控制三维立体房产模型的显示效果的步骤,包括:
[0010] 采用脚本语言JavaScript的方式对所建立的三维立体房产模型进行控制。
[0011] 进一步地,在一个可选的实施例中,采用以3D编程工具Three.js的形式封装的3D绘图协议Web GL显示所建立的三维立体房产模型的步骤,包括:
[0012] Web GL利用底层的图形硬件加速将所建立的三维立体房产模型通过浏览器以页面的形式显示。
[0013] 进一步地,在一个可选的实施例中,在采用建模软件基于房产的数据而生成三维立体房产模型的步骤之后,该方法还包括:将三维立体房产模型存储在模型数据库中,[0014] 并且采用3D编程工具Three.js导入三维立体房产模型的步骤包括:采用3D编程工具Three.js从模型数据库中导入三维立体房产模型。
[0015] 为了达到本发明目的,本发明还提供了一种房产模型的展示装置,该装置包括:
[0016] 三维立体房产模型显示模,设置成:在采用超文本标记语言HTML编辑的浏览器页面中的HTML5画布上,采用以3D编程工具Three.js的形式封装的3D绘图协议Web GL显示所建立的三维立体房产模型;以及
[0017] 三维立体房产模型控制模块,设置成:采用脚本语言JavaScript的方式来控制三维立体房产模型的显示效果。
[0018] 进一步地,在一个可选的实施例中,该装置还包括:
[0019] 三维立体房产模型生成模块,三维立体房产模型生成模块设置成:在三维立体房产模型显示模块采用以3D编程工具Three.js的形式封装的3D绘图协议Web GL显示所建立的三维立体房产模型之前,采用建模软件基于房产的数据而生成三维立体房产模型,并且采用3D编程工具Three.js导入三维立体房产模型。
[0020] 进一步地,在一个可选的实施例中,三维立体房产模型控制模块设置成:采用脚本语言JavaScript的方式对所建立的三维立体房产模型进行控制。
[0021] 进一步地,在一个可选的实施例中,三维立体房产模型显示模块设置成:采用Web GL利用底层的图形硬件加速将所建立的三维立体房产模型通过浏览器以页面的形式显示。
[0022] 进一步地,在一个可选的实施例中,该装置还包括:
[0023] 房产模型存储模块,房产模型存储模块设置成:在三维立体房产模型生成模块采用建模软件基于房产的数据而生成三维立体房产模型之后,房产模型存储模块将三维立体房产模型存储在模型数据库中,
[0024] 并且三维立体房产模型生成模块设置成:采用3D编程工具Three.js从模型数据库中导入三维立体房产模型。
[0025] 与现有技术相比,本发明的有益效果在于:采用Three.js的形式显示三维立体房产模型可以使房产的消费者能够立体地观察房产的各种细节,并且采用HTML5画布有益于采用较少的计算机硬件资源来显示,浏览器中不需要安装专用于显示3D图形的插件,房产的消费者能够通过JavaScript设置的控制方式来主动控制三维立体房产模型的表现形式,增强了房产的消费者的体验,并且为模型的制造方根据需求对三维立体房产模型进行修改提供了便利。
[0026] 本发明的其它特征和优点将在随后的说明书中阐述,并且,部分地从说明书中变得显而易见,或者通过实施本发明而了解。本发明的目的和其他优点可通过在说明书、权利要求书以及附图中所特别指出的结构来实现和获得。

附图说明

[0027] 附图用来提供对本发明技术方案的进一步理解,并且构成说明书的一部分,与本申请的实施例一起用于解释本发明的技术方案,并不构成对本发明技术方案的限制。
[0028] 图1为本发明的实施例提供的房产模型的展示方法的流程图
[0029] 图2为本发明的可选实施例提供的房产模型的展示方法的流程图;
[0030] 图3为本发明的实施例提供的房产模型的展示装置的框图
[0031] 图4为本发明的可选实施例提供的房产模型的展示装置的框图。

具体实施方式

[0032] 为使本发明的目的、技术方案和优点更加清楚明白,下文中将结合附图对本发明的实施例进行详细说明。需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互任意组合。
[0033] 在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行。并且,虽然在流程图中示出了逻辑顺序,但是在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤。
[0034] 一方面,本发明的实施例提供了一种房产模型的展示方法,如图1所示,该方法包括步骤S105-步骤S109:
[0035] 步骤S105,在采用超文本标记语言HTML编辑的浏览器页面中的HTML5画布上,采用以3D编程工具Three.js的形式封装的3D绘图协议Web GL显示所建立的三维立体房产模型;
[0036] 步骤S109,采用脚本语言JavaScript的方式来控制三维立体房产模型的显示效果。
[0037] 本发明的有益效果在于:采用Three.js的形式显示三维立体房产模型可以使房产的消费者能够立体地观察房产的各种细节,并且采用HTML5画布有益于采用较少的计算机硬件资源来显示,浏览器中不需要安装专门用于显示3D图形的插件,房产的消费者能够通过JavaScript设置的控制方式来主动控制三维立体房产模型的表现形式,增强了房产的消费者的体验,并且为模型的制造方根据需求对三维立体房产模型进行修改提供了便利。
[0038] 进一步地,在一个可选的实施例中,如图2所示,在步骤S105之前,该方法还包括:
[0039] 步骤S101,采用建模软件基于房产的数据而生成三维立体房产模型,并且采用3D编程工具Three.js导入三维立体房产模型。
[0040] 进一步地,在一个可选的实施例中,步骤S109包括:
[0041] 采用脚本语言JavaScript的方式对所建立的三维立体房产模型进行控制。
[0042] 对于三维立体房产模型的控制方式包括:对于房产场景的旋转、放大、缩小及巡视。
[0043] 进一步地,在一个可选的实施例中,步骤S105包括:
[0044] Web GL利用底层的图形硬件加速将所建立的三维立体房产模型通过浏览器以页面的形式显示。
[0045] 进一步地,在一个可选的实施例中,在采用建模软件基于房产的数据而生成三维立体房产模型的步骤之后,该方法还包括:将三维立体房产模型存储在模型数据库中,[0046] 并且采用3D编程工具Three.js导入三维立体房产模型的步骤包括:采用3D编程工具Three.js从模型数据库中导入三维立体房产模型。
[0047] 另一方面,本发明的实施例提供了一种房产模型的展示装置,如图3所示,该装置包括:
[0048] 三维立体房产模型显示模块205,设置成:在采用超文本标记语言HTML编辑的浏览器页面中的HTML5画布上,采用以3D编程工具Three.js的形式封装的3D绘图协议Web GL显示所建立的三维立体房产模型;以及
[0049] 三维立体房产模型控制模块209,设置成:采用脚本语言JavaScript的方式来控制三维立体房产模型的显示效果。
[0050] 本发明的有益效果在于:采用Three.js的形式显示三维立体房产模型可以使房产的消费者能够立体地观察房产的各种细节,并且采用HTML5画布有益于采用较少的计算机硬件资源来显示,浏览器中不需要安装专门用于显示3D图形的插件,房产的消费者能够通过JavaScript设置的控制方式来主动控制三维立体房产模型的表现形式,增强了房产的消费者的体验,并且为模型的制造方根据需求对三维立体房产模型进行修改提供了便利。
[0051] 进一步地,在一个可选的实施例中,如图4所示,该装置还包括:
[0052] 三维立体房产模型生成模块201,设置成:在三维立体房产模型显示模块205采用以3D编程工具Three.js的形式封装的3D绘图协议Web GL显示所建立的三维立体房产模型之前,三维立体房产模型生成模块201采用建模软件基于房产的数据而生成三维立体房产模型,并且采用3D编程工具Three.js导入三维立体房产模型。
[0053] 进一步地,在一个可选的实施例中,三维立体房产模型控制模块209设置成:采用脚本语言JavaScript的方式对所建立的三维立体房产模型进行控制。
[0054] 进一步地,在一个可选的实施例中,三维立体房产模型显示模块205设置成:采用Web GL利用底层的图形硬件加速将所建立的三维立体房产模型通过浏览器以页面的形式显示。
[0055] 进一步地,在一个可选的实施例中,还包括:房产模型存储模块,[0056] 房产模型存储模块设置成:在三维立体房产模型生成模块201采用建模软件基于房产的数据而生成三维立体房产模型之后,房产模型存储模块将三维立体房产模型存储在模型数据库中,
[0057] 并且三维立体房产模型生成模块201设置成:采用3D编程工具Three.js从模型数据库中导入三维立体房产模型。
[0058] 虽然本发明所揭露的实施方式如上,但上述的内容仅为便于理解本发明而采用的实施方式,并非用以限定本发明。任何本发明所属领域内的技术人员,在不脱离本发明所揭露的精神和范围的前提下,可以在实施的形式及细节上进行任何的修改与变化,但本发明的专利保护范围,仍须以所附的权利要求书所界定的范围为准。
高效检索全球专利

专利汇是专利免费检索,专利查询,专利分析-国家发明专利查询检索分析平台,是提供专利分析,专利查询,专利检索等数据服务功能的知识产权数据服务商。

我们的产品包含105个国家的1.26亿组数据,免费查、免费专利分析。

申请试用

分析报告

专利汇分析报告产品可以对行业情报数据进行梳理分析,涉及维度包括行业专利基本状况分析、地域分析、技术分析、发明人分析、申请人分析、专利权人分析、失效分析、核心专利分析、法律分析、研发重点分析、企业专利处境分析、技术处境分析、专利寿命分析、企业定位分析、引证分析等超过60个分析角度,系统通过AI智能系统对图表进行解读,只需1分钟,一键生成行业专利分析报告。

申请试用

QQ群二维码
意见反馈