背景

最近有客户征询咱们三维可视化编辑器，说看到咱们三维可视化编辑器做的案例，也想实现本人水厂净水解决流程这块的可视化展现。想通过这种实在的三维可视化展现，进行线上销售，以便成交更多的客户，缩小疫情对本人的影响。通过沟通交流，客户提出了几个难题，想让咱们依据他们的水厂场景图片，做一些三维可视化场景的demo。客户把具体问题难点列了进去如下：

水厂过滤模型能不能建模实现三维成果；
整个水厂场景的过虑流程能不能复现；
水厂设施的实时数据是否对接显示；
水厂内的管道多，形态简单，不通过建模的形式，能不能轻易改变方向编辑，并进行管道连贯。
方案设计
依据客户的上述需要，咱们开始审查咱们本人编辑器是否实现上述的这些问题，最终通过探讨，设计了一套实现计划，最终实现各场景的成果。下边就简略的给分享下这个实现计划，因而计划为demo，前期开发成果会进一步进行优化。如果你也有更好倡议，能够分割咱们进行技术的碰撞和交换。
该计划次要从上述问题登程，分为以下几个步骤，如下：
三维设施建模
首先咱们设计先应用业余建模工具，进行水厂设施进行建模。建模设施如滤池、沉淀池、吸水井、高空、清水池、反冲风机、反冲风机、送水泵、送水泵房等设施。
模型导入
创立好的模型，在编辑器中导入，预览查看，给模型备注相干信息。
```
   导入后的模型，可在左树进行查看，并能够拖拽到场景进行编辑。
```
管道编辑
仔细的敌人会发现上边没有对管道进行建模，次要是思考到水厂场景管道较多，而且穿插形态多样，粗细不一，色彩也多样，也不像设施那样固定，那怎么实现哪？
```
 剖析了场景的各种因素，最终咱们钻研了一种智能管道的编辑，能够灵便的对管道进行创立编辑。次要性能如下：  打点编辑:编辑模式下，管道编辑可通过鼠标左键挪动，扭转以后正在编辑管道的地位编辑控制点，鼠标双击完结管道生成。
```
三维方向变换：管道模型可通过坐标切换按钮，实现管道的三维编辑。
管道拐点连贯：管道打点可生产拐点，设置管道属性为通明能够进行拐点连贯。
管道属性设置：选中管道，通过面板，可设置管道的根本属性，如管道的色彩，粗细，形容等。
管道动画
管道编辑好后，应用贴图，扭转管道款式，并设置开启管道动画。管道的动画反对流动方向的设置。
场景布局仿真
依据场景布局图，将各种设施通过拖拽的形式，调整地位，大小，旋转，批量减少，复制等根本设置，实现最终的三维成果。
实时数据对接
水厂内的设施反对通过实时数据展现，配置方便快捷。
应用三维编辑器的实时数据源治理性能，可对接客户的接口地址，依据平台数据格式，绑定到设施上，进行数据实时出现。

三维场景展现

水厂流程三维可视化场景编辑预览后的成果如下：
场景一
http://47.98.50.153:4001/preview.html?owner=root&id=%E6%B5%81%E7%A8%8B1&uuid=5c152700-af1b-11eb-9115-859f18cccd8d

场景二
http://47.98.50.153:4001/preview.html?owner=root&id=%E6%B5%81%E7%A8%8B2&uuid=db9c7a00-afa2-11eb-9115-859f18cccd8d

场景三
http://47.98.50.153:4001/preview.html?owner=root&id=%E6%B5%81%E7%A8%8B3&uuid=e079bf10-afa2-11eb-9115-859f18cccd8d

场景四
http://47.98.50.153:4001/preview.html?owner=root&id=%E6%B5%81%E7%A8%8B4&uuid=e74343c0-afa2-11eb-9115-859f18cccd8d

场景五
http://47.98.50.153:4001/preview.html?owner=root&id=%E6%B5%81%E7%A8%8B5&uuid=ed8dad60-afa2-11eb-9115-859f18cccd8d

场景六
http://47.98.50.153:4001/preview.html?owner=root&id=%E6%B5%81%E7%A8%8B6&uuid=f3ace850-afa2-11eb-9115-859f18cccd8d

如果对可视化感兴趣，能够和我交换，微信541002349. 另外关注公众号“ITMan彪叔” 能够及时收到更多有价值的文章。

背景

方案设计

三维设施建模

模型导入

管道编辑

管道动画

场景布局仿真

实时数据对接

三维场景展现