【技术实现步骤摘要】
本申请涉及计算机，尤其涉及一种户型切换的控制方法、装置、电子设备和存储介质。
技术介绍
1、应用在web端绘制户型图来展示房屋的布局和结构，帮助用户更好地了解房屋的空间布局和功能分区，用户能通过切换户型了解户型信息。
2、在web端使用已经绘制完成的多张户型图进行切换，需要将每种户型都通过绘图软件绘制成图再通过后端接口发送到web端，且用户只能通过替换图片的形式切换户型。
3、而将每种户型都通过绘图软件绘制成图的方式，需要耗费较多人力，而且灵活性不高，且在web端多张图片的使用，也会导致带宽资源的耗费。
技术实现思路
1、本申请提供了一种户型切换的控制方法、装置、电子设备和存储介质，用以解决现有技术中，通过绘图软件绘制成图的方式，需要耗费较多人力，而且灵活性不高，且在web端多张图片的使用，也会导致带宽资源的耗费的问题。
2、第一方面，本申请实施例提供了一种户型切换的控制方法，包括：
3、监听用户在视图界面上的点击操作；
4、确定所述点击操作在所述视图界面上对应的目标户型单元；
5、从预先创建的户型单元与户型几何数据的关系集合中，确定所述目标户型单元对应的目标户型几何数据；
6、基于所述目标户型几何数据进行绘制，得到所述目标户型单元的目标外轮廓；
7、突出显示所述目标外轮廓。
8、可选的，所述监听用户在视图界面上的点击操作之前，还包括：
9、获取至少一个户型单元的
10、建立每个所述户型单元与其各自的户型数据的一一对应关系，得到所述关系集合；
11、存储所述关系集合。
12、可选的，所述监听用户在视图界面上的点击操作之前，还包括：
13、基于所述户型数据构建所述户型几何数据；
14、在所述视图界面上创建材质对象；
15、基于所述户型几何数据和所述材质对象创建网格对象，并将所述网格对象添加至所述视图界面的场景对象中。
16、可选的，所述户型数据包括顶点数据和所述顶点数据的索引数据，所述基于所述户型数据构建所述户型几何数据，包括：
17、将所述顶点数据存储到预先创建的顶点缓冲区，以及将所述索引数据存储到预先场景的索引缓冲区；
18、获取着色器中的变量位置，并设置视口和背景色；
19、将所述顶点数据发送着色器；
20、将所述着色器程序绑定所述索引缓冲区，并采用gl.drawelements算法进行绘制，得到所述户型几何数据。
21、可选的，所述监听用户在视图界面上的点击操作之前，还包括：
22、响应html文件的第一创建指令并创建所述html文件；
23、获取所述html文件中配置对象的第二创建指令，所述配置对象包括以下至少一个场景对象、渲染器对象、相机对象、户型单元对象和监听器对象；
24、基于所述第二创建指令，在所述html文件中创建所述配置对象，得到所述视图界面。
25、可选的，确定所述点击操作在所述视图界面上对应的目标户型单元，包括：
26、确定所述点击操作在所述视图界面上的视图位置；
27、确定所述视图位置所在的目标外轮廓对应的户型单元为所述目标户型单元。
28、可选的，所述突出显示所述目标外轮廓，包括：
29、采用gpu对所述目标外轮廓进行渲染。
30、第二方面，本申请实施例提供了一种户型切换的控制装置，包括：
31、监听模块，用于监听用户在视图界面上的点击操作；
32、第一确定模块，用于确定所述点击操作在所述视图界面上对应的目标户型单元；
33、第二确定模块，用于从预先创建的户型单元与户型几何数据的关系集合中，确定所述目标户型单元对应的目标户型几何数据；
34、绘制模块，用于基于所述目标户型几何数据进行绘制，得到所述目标户型单元的目标外轮廓；
35、显示模块，用于突出显示所述目标外轮廓。
36、第三方面，本申请实施例提供了一种电子设备，包括：处理器、通信接口、存储器和通信总线，其中，处理器、通信接口和存储器通过通信总线完成相互间的通信；
37、所述存储器，用于存储计算机程序；
38、所述处理器，用于执行所述存储器中所存储的程序，实现第一方面所述的户型切换的控制方法。
39、第四方面，本申请实施例提供了一种计算机可读存储介质，存储有计算机程序，所述计算机程序被处理器执行时实现第一方面所述的户型切换的控制方法。
40、本申请实施例提供的上述技术方案与现有技术相比具有如下优点：本申请实施例提供的该方法，通过监听用户在视图界面上的点击操作；确定所述点击操作在所述视图界面上对应的目标户型单元；从预先创建的户型单元与户型几何数据的关系集合中，确定所述目标户型单元对应的目标户型几何数据；基于所述目标户型几何数据进行绘制，得到所述目标户型单元的目标外轮廓；突出显示所述目标外轮廓。如此，确定用户点击选择的目标户型单元，并利用其对应目标户型几何数据绘制目标外轮廓，进而对该目标外轮廓进行显示，实现了户型的切换，并且，避免了多张图片使用占用宽带资源的情况，通过绘制目标外轮廓，无需人为绘制户型图，更具灵活性。
本文档来自技高网...【技术保护点】
1.一种户型切换的控制方法，其特征在于，包括：
2.根据权利要求1所述的户型切换的控制方法，其特征在于，所述监听用户在视图界面上的点击操作之前，还包括：
3.根据权利要求2所述的户型切换的控制方法，其特征在于，所述监听用户在视图界面上的点击操作之前，还包括：
4.根据权利要求3所述的户型切换的控制方法，其特征在于，所述户型数据包括顶点数据和所述顶点数据的索引数据，所述基于所述户型数据构建所述户型几何数据，包括：
5.根据权利要求1所述的户型切换的控制方法，其特征在于，所述监听用户在视图界面上的点击操作之前，还包括：
6.根据权利要求1所述的户型切换的控制方法，其特征在于，确定所述点击操作在所述视图界面上对应的目标户型单元，包括：
7.根据权利要求1所述的户型切换的控制方法，其特征在于，所述突出显示所述目标外轮廓，包括：
8.一种户型切换的控制装置，其特征在于，包括：
9.一种电子设备，其特征在于，包括：处理器、通信接口、存储器和通信总线，其中，处理器、通信接口和存储器通过通信总线完成相
10.一种计算机可读存储介质，存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1-7任一项所述的户型切换的控制方法。
...【技术特征摘要】
1.一种户型切换的控制方法，其特征在于，包括：
2.根据权利要求1所述的户型切换的控制方法，其特征在于，所述监听用户在视图界面上的点击操作之前，还包括：
3.根据权利要求2所述的户型切换的控制方法，其特征在于，所述监听用户在视图界面上的点击操作之前，还包括：
4.根据权利要求3所述的户型切换的控制方法，其特征在于，所述户型数据包括顶点数据和所述顶点数据的索引数据，所述基于所述户型数据构建所述户型几何数据，包括：
5.根据权利要求1所述的户型切换的控制方法，其特征在于，所述监听用户在视图界面上的点击操作之前，还包括：
【专利技术属性】
技术研发人员：韩泽键，柳江波，
申请(专利权)人：深圳市万翼数字技术有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。