一种网页搭建三维模型的自定义模组方法及系统与流程

1.本发明属于三维模型设计领域，尤其涉及一种网页搭建三维模型的自定义模组方法及系统。


背景技术：

2.在搭建仓库三维模型时，用户会根据仓库的场景设计将各种设备模型进行排列组合，形成相应的布局。如果在各个楼层或者各个位置需要的设备模型布局是相同或类似的，或者在多个项目中都使用了同样的模型布局，那么用户就需要进行重复搭建，操作比较繁琐，并且在网页加载过程中，多个模型重复加载也会消耗一定的资源。
3.因此，亟需设计一种能够方便用户更加快速的搭建三维模型的方法。


技术实现要素：

4.本发明的目的在于：为了克服现有技术问题，公开了一种网页搭建三维模型的自定义模组方法及系统，通过本发明方法和/或系统完成提高了三维模型的搭建效率。
5.一方面，本发明目的通过下述技术方案来实现：
6.一种网页搭建三维模型的自定义模组方法，所述自定义模组方法包括：
7.s1：模组保存步骤；完成模型的批量选择，基于选中各模型的类型完成模组参数提取，对模组参数进行组装并保存至数据库中；
8.s2：模组加载步骤；在进行自定义模组时，基于场景需求，通过模组分类信息于数据库中将相应模组加载至所需场景中；
9.s3：模组编辑步骤；在模组编辑状态下，拾取模组内各模型，获得各模型的信息并进行相应编辑。
10.根据一个优选的实施方式，步骤s1的模组保存步骤具体包括：
11.s11：用户批量选中模型；
12.s12：针对选中的模型，进行筛选模型类型并提取模组参数；
13.s13：将提取的模组参数组装成模组json参数；
14.s14：将模组json参数保存到模组库中。
15.根据一个优选的实施方式，步骤s11中：用户在界面上通过框选或者绘画轨迹批量选择模型。
16.根据一个优选的实施方式，步骤s12中，针对fbx模型提取模型id、坐标、长、宽、高参数信息；
17.对货架模型提取长、宽、高、深度、立柱厚度、横梁高度、层数、巷道数参数信息；
18.对轨迹线模型提取轨迹线直线、曲线参数信息；
19.对文字类型提取文字名称、大小参数信息；
20.对路径模型提取路径前置路线、后置路线的关系参数信息。
21.根据一个优选的实施方式，步骤s2的模组加载步骤包括：
22.s21：基于模组分类信息，在模组列表中选择模组；
23.s22：遍历模组json数据中的子节点；
24.s23：fbx模型发起网络请求，加载模型文件；
25.s24：获取货架模型、轨迹线模型、文字模型、路径模型的参数并在相应场景中创建模型。
26.根据一个优选的实施方式，步骤s3的模组编辑步骤包括：
27.s31：选择模组，并解组模组，进入编辑状态；
28.s32：拾取模组内单个模型；
29.s33：编辑单个模型的坐标、大小数据。
30.根据一个优选的实施方式，步骤s3的模组编辑步骤还包括在路径模型解组后，完成动画效果的添加。
31.另一方面，本发明还公开了：
32.一种网页搭建三维模型的自定义模组系统，所述自定义模组系统包括人机交互单元和数据处理单元，所述数据处理单元基于前述自定义模组方法完成针对场景的模组搭建。
33.根据一个优选的实施方式，所述人机交互单元包括pc处理端和/或移动终端。
34.根据一个优选的实施方式，所述数据处理单元包括服务器端。
35.前述本发明主方案及其各进一步选择方案可以自由组合以形成多个方案，均为本发明可采用并要求保护的方案。本领域技术人员在了解本发明方案后根据现有技术和公知常识可明了有多种组合，均为本发明所要保护的技术方案，在此不做穷举。
36.本发明的有益效果：通过本发明方法和/或系统，用户可以根据场景自定义模组,定义好的模组可以被重复使用，不仅提高了模型搭建的效率，还加快了模型加载的速度。
附图说明
37.图1是本发明方法的模组保存的流程示意图；
38.图2是本发明方法的模组加载流程图；
39.图3是本发明方法的模组编辑流程图。。
具体实施方式
40.以下通过特定的具体实例说明本发明的实施方式，本领域技术人员可由本说明书所揭露的内容轻易地了解本发明的其他优点与功效。本发明还可以通过另外不同的具体实施方式加以实施或应用，本说明书中的各项细节也可以基于不同观点与应用，在没有背离本发明的精神下进行各种修饰或改变。需说明的是，在不冲突的情况下，以下实施例及实施例中的特征可以相互组合。
41.应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。
42.实施例1：
43.参考图1至图3所示，本实施例公开了一种网页搭建三维模型的自定义模组方法，所述自定义模组方法包括：
44.步骤s1：模组保存步骤；完成模型的批量选择，基于选中各模型的类型完成模组参数提取，对模组参数进行组装并保存至数据库中。
45.步骤s1的模组保存步骤具体包括：
46.步骤s11：用户批量选中模型。优选地，步骤s11中：用户可以在界面上通过框选或者绘画轨迹批量选择模型。
47.步骤s12：针对选中的模型，进行筛选模型类型并提取模组参数。
48.优选地，步骤s12中，针对fbx模型提取模型id、坐标、长、宽、高参数信息。对货架模型提取长、宽、高、深度、立柱厚度、横梁高度、层数、巷道数参数信息。对轨迹线模型提取轨迹线直线、曲线参数信息。对文字类型提取文字名称、大小参数信息。对路径模型提取路径前置路线、后置路线的关系参数信息。
49.步骤s13：将提取的模组参数组装成模组json参数。
50.步骤s14：将模组json参数保存到模组库中。
51.步骤s2：模组加载步骤；在进行自定义模组时，基于场景需求，通过模组分类信息于数据库中将相应模组加载至所需场景中。
52.优选地，步骤s2的模组加载步骤包括：
53.s21：基于模组分类信息，在模组列表中选择模组；
54.s22：遍历模组json数据中的子节点；
55.s23：fbx模型发起网络请求，加载模型文件；
56.s24：获取货架模型、轨迹线模型、文字模型、路径模型的参数并在相应场景中创建模型。
57.从而在网页加载三维模型时，同一个模组每次只从服务器加载一次，再在使用到的场景中分别进行渲染。减少了重复加载多个模型所消耗的时间。
58.步骤s3：模组编辑步骤；在模组编辑状态下，拾取模组内各模型，获得各模型的信息并进行相应编辑。
59.优选地，步骤s3的模组编辑步骤包括：
60.s31：选择模组，并解组模组，进入编辑状态；
61.s32：拾取模组内单个模型；
62.s33：编辑单个模型的坐标、大小数据。
63.进一步地，步骤s3的模组编辑步骤还包括在路径模型解组后，完成动画效果的添加。
64.实施例2
65.在实施例1的基础上，本实施例还公开了：一种网页搭建三维模型的自定义模组系统。所述自定义模组系统包括人机交互单元和数据处理单元，所述数据处理单元基于实施例1所述的自定义模组方法完成针对场景的模组搭建。
66.其中，所述人机交互单元包括pc处理端和/或移动终端。所述数据处理单元包括服务器端。
67.用户基于人机交互单元通过框选或者绘画轨迹批量选择模型，数据处理单元根据选中的不同的模型类型提取模组参数，提取参数后系统组装模组参数并保存到数据库中，完成模组保存。
68.在用户在需要使用到自定义模组时，到系统的模组分类中将模组整体添加到所需要的场景中，完成模组加载。在网页加载三维模型时，同一个模组每次只从服务器加载一次，再在使用到的场景中分别进行渲染。减少了重复加载多个模型所消耗的时间。
69.对模组进行组内编辑时，用户只需要在系统上切换到组内编辑模式，系统就会拾取模组内的单个模型，重新获取单个模型的坐标等信息，用户可以对单个模型进行操作。例如，编辑单个模型的坐标、大小数据。同时，当模组内的路径模型解组后，可以完成动画效果添加。
70.通过本发明方法和/或系统，用户可以根据场景自定义模组,定义好的模组可以被重复使用，不仅提高了模型搭建的效率，还加快了模型加载的速度。
71.以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等，均应包含在本发明的保护范围之内。