背景
最近有客戶諮詢我們三維可視化編輯器，說看到我們三維可視化編輯器做的案例，也想實現自己水廠淨水處理流程這塊的可視化展示。想通過這種真實的三維可視化展示，進行線上銷售，以便成交更多的客戶，減少疫情對自己的影響。通過溝通交流，客戶提出了幾個難題，想讓我們根據他們的水廠場景圖片，做一些三維可視化場景的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 
如果對可視化感興趣，可以和我交流，微信541002349. 另外關注公衆號“ITMan彪叔” 可以及時收到更多有價值的文章。