一种基于WebGL的三维家居设计及展示系统.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN107194978A(43)申请公布日2017.09.22(21)申请号201710414781.2(22)申请日2017.06.05(71)申请人中国地质大学（武汉）地址430074湖北省武汉市洪山区鲁磨路388号(72)发明人李羚许鸿文薛印玺曾浩(74)专利代理机构武汉知产时代知识产权代理有限公司42238代理人冯必发(51)Int.Cl.G06T11/00(2006.01)G06T15/00(2011.01)G06T17/00(2006.01)权利要求书2页说明书4页附图1页(54)发明名称一种基于WebGL的三维家居设计及展示系统(57)摘要本发明提供一种基于WebGL的三维家居设计及展示系统，该系统包括房型构建系统、硬装设计系统和软装设计系统，所述房型构建系统包括模型绘制模块和自定义绘制模块，所述硬装设计系统包括壁纸设置模块和门窗添加模块，所述软装设计系统包括家具模型导入模块和灯光渲染模块，所述房型构建系统设置为在二维界面中构建常规房型和特殊房型，实现常规房型和特殊房型的添加，所述硬装设计系统设置为在三维界面中对墙体进行添加门窗的操作以及更改墙体和地面的壁纸，所述软装设计系统设置为在已经设计好的房型中添加家具，并设置灯光渲染效果。本发明提供的系统界面简单，具有较好的适用性和迁移性，能够在浏览器直接实现家居设计及展示。CN107194978ACN107194978A权利要求书1/2页1.一种基于WebGL的三维家居设计及展示系统，其特征在于，该系统包括房型构建系统、硬装设计系统和软装设计系统，所述房型构建系统包括模型绘制模块和自定义绘制模块，所述硬装设计系统包括壁纸设置模块和门窗添加模块，所述软装设计系统包括家具模型导入模块和灯光渲染模块，所述房型构建系统设置为在二维界面中构建常规房型和特殊房型，实现常规房型和特殊房型的添加，所述硬装设计系统设置为在三维界面中对墙体进行添加门窗的操作以及更改墙体和地面的壁纸，所述软装设计系统设置为在已经设计好的房型中添加家具，并设置灯光渲染效果。2.如权利要求1所述的基于WebGL的三维家居设计及展示系统，其特征在于，所述三维家居设计及展示系统设有转换模块，通过转换模块可以将二维界面中的图片对应转换为三维界面中的模型，所述房型构建系统提供有绘图区域，所述绘图区域内设有控制按钮，通过所述控制按钮实现二维界面与三维界面的切换。3.如权利要求2所述的基于WebGL的三维家居设计及展示系统，其特征在于，所述模型绘制模块设有样板房模型库，所述样板房模型库包括样板房图片，所述模型绘制模块通过在绘图区域直接添加样板房图片实现常规房型的绘制。4.如权利要求2所述的基于WebGL的三维家居设计及展示系统，其特征在于，所述自定义绘制模块设有墙体绘制按钮和直线连接按钮，其通过利用所述直线连接按钮在绘图区域绘制特殊房型的框架，然后利用所述墙体绘制按钮在特殊房型的框架中绘制墙体，绘制过程中，利用矢量图形的裁剪算法处理发生交叉的墙体。5.如权利要求2所述的基于WebGL的三维家居设计及展示系统，其特征在于，所述壁纸设置模块设有壁纸库，所述壁纸库包括各种壁纸图片，所述壁纸设置模块用以利用壁纸图片在墙体或地面上修改壁纸，所述壁纸图片的尺寸与所选墙体或地面的尺寸相适配。6.如权利要求2所述的基于WebGL的三维家居设计及展示系统，其特征在于，所述门窗添加模块设有门窗图片库，所述门窗图片库包括各种门窗图片，所述门窗添加模块用以利用门窗图片在墙体中添加门窗，其对门窗位置对应的墙体进行了不可见处理，使得添加的门窗对墙体进行覆盖。7.如权利要求2所述的基于WebGL的三维家居设计及展示系统，其特征在于，所述家具模型导入模块设有家具库，所述家具库包括各种家具图片，在二维界面中，通过所述家具模型导入模块在房型的对应位置添加家具图片，家具图片放置完成后，三维界面中添加家具图片的位置会同步生成并显示相应的家具模型。8.如权利要求2所述的基于WebGL的三维家居设计及展示系统，其特征在于，所述灯光渲染模块设有灯光库，所述灯光库包括各种效果的灯光，在三维界面中，所述灯光渲染模块用以在房型中添加灯光，实现灯光的渲染效果，每个灯光设有对应的灯光模型实体，添加的灯光在三维界面中是可视化的，光源可以进行实体化显示，具有可移动性。9.如权利要求2所述的基于WebGL的三维家居设计及展示系统，其特征在于，在房型的绘制过程中，利用不规则多边形面积的计算公式进行房型面积的计算，从而实现显示绘制的房型的面积，设房型的顶点坐标分别为(x1,y1),(x2,y2),(x3,y3),(x4,y4)，则该房型的面积的计算公式为：S＝(y1+y2)(x2-x1)/2+(y3+y2)(x3-