零程式碼拖拉拽：3D 組態編輯器，構建數字孿生工廠

行業背景

隨著中國製造 2025 計劃的提出，新一輪的工業改革拉開序幕。大資料積累的指數級增長為智慧商業爆發奠定了良好的基礎，傳統制造業高汙染、高能耗、低效率的生產模式已不符合現代工業要求。

圖撲拖拽式智慧工廠編輯器，0 程式碼搭建 2D 和 3D Web 工業組態，打造視覺化大屏，助力製造企業持續改進流程、預防問題發生、最佳化運營效率，跳出空間限制徹底改造價值鏈，重塑企業核心競爭力！它不僅能提高工廠生產效率，還能幫助積累和分析大資料，構建高效、節能、綠色、環保、舒適的人性化工廠。

傳統工廠缺點

機器裝置相互孤立，彼此脫節；

廠內庫存物品太多，倉庫與生產脫節；

產品無法實現全面可追溯管理；

工序流程無法實現防呆管控；

企業人力成本較高；

裝置故障無法即時分析、處理；

ERP 無法管控生產過程。

傳統工廠的諸多缺點嚴重影響生產效率，利用 UI 組態和三維組態搭建 no-code 的智慧化工廠能將生產缺陷檢測率提升 50%，產量提高 20%。工廠需綜合利用自動化、人工智慧（AI）、IoT、邊緣計算、雲、5G、增材製造和數字孿生等技術，推動工廠運營轉型。

智慧工廠

工廠從“製造”向“智造”進化，需將產品、裝置、生產線、車間等製造系統的資訊共享，整合研發設計、個性定製、生產製造、物流配送等模組，線上驗證生產過程的合理性。Hightopo 智慧工廠編輯器擁有豐富的大屏組態，可根據工廠需求搭建大屏組態樣式。多樣化的二維組態和三維組態，可輕鬆構建 SaaS 平臺。利用 low-code 平臺將工業生產線故事講的清楚明白。

智慧工廠優點

零程式碼構建的智慧工廠生產車間，涵蓋了生產流程設計、裝置監控、生產監控、環境監控等方面，對生產全環節做到實時監測、及時預警和智慧診斷，有效控制生產過程中故障的發生。

圖撲軟體利用編輯器搭建的 no-code 大屏組態能提高產線裝置、人員、現場的管控效率。相較於 InTouch/IFix/WinCC 這些傳統組態軟體，圖撲基於 Web 的平臺更適合 C/S 向 B/S 轉型的大趨勢，多元素的視覺化元件和支援快捷的資料繫結方式，可用於快速建立和部署。透過物聯組態直觀檢視廠房內每一條產線和對應裝置，接入資料後可檢視裝置的執行狀態。

圖撲三維視覺化技術採用 B/S 架構，與其他主流前端框架如 Angular、React 和 Vue 等無縫融合，打破了以往使用者在控制室內控制場景的侷限性。使用者可透過 PC 、 PAD 或是智慧手機，只要開啟瀏覽器即可隨時隨地訪問三維視覺化系統，實現遠端監查和管控。

圖撲軟體曾以 SMT 生產流水線為例，運用豐富的三維組態和 UI 組態進行視覺化數字孿生，搭建 SMT 工藝流程監控管理視覺化系統，打造集智慧化、綠色化的數字型智慧工廠。

編輯器介紹

圖撲基於 WebGL 的三維視覺化引擎 HT for Web 在 WebGL 基礎上封裝了基本的三維模型建立、呈現的 API，同時還封裝了豐富的數學運算庫，涵蓋多維變換，幾何計算等。

圖撲智慧工廠編輯器的介面由繪圖區、拓撲元件、選單欄、屬性皮膚組成，可嵌入頁面。使用者可透過 PC 端或手機端進行操作，簡單拖拽即可進行車間佈局和工藝流程設計，建立數字化模型，進行模擬模擬，實現規劃、生產、運營全流程數字化管理。透過圖撲無程式碼平臺繪製工業組態，建造虛擬場景不斷試錯，尋求產品生產規劃的最優解。

採用圖撲智慧工廠編輯器構建的 no-code 工業組態能輔助工藝規劃、設計和工藝路線模擬、可靠性評價等。產品資訊能夠貫穿於設計、製造、質量、物流等環節，實現產品的全生命週期管理（PLM）。結合感測器和射頻識別技術建立生產過程資料採集和監視控制系統（SCADA），充分採集生產現場資訊，與車間製造執行系統實現資料整合和分析，並上傳編輯器。透過數字化的流程建設實現全過程閉環管理，並與企業資源計劃管理系統（ERP）整合。

編輯器左側選單欄有編輯和預覽兩個按鈕，點選編輯按鈕可進行三維組態的新建和儲存，儲存後可點選預覽檢視效果。底部的拓撲元件，可自由點選並拖拽到繪圖區組合成一條生產線，可快速排版和修改樣式。使用者可根據車間的生產流程擺放裝置，線上還原產品的生產工藝流程。

結合 PLC 控制系統實現自診斷式監控，減少系統的故障，提高系統的可靠性，實現作業人員、生產裝置、關鍵物料、試驗引數等資訊的實時查詢和全面追溯，有效解決了過往紙質表單記錄效率低、不易儲存、查詢和篩選繁瑣等問題。

快捷鍵

使用快捷鍵 Ctrl+C 和 Ctrl+V 進行模型的複製貼上，按住 Ctrl 鍵能進行多選，Delete 鍵刪除模型。圖撲強大靈活的 3D 引擎可以讓使用者輕鬆實現三維模型的呈現，無需編寫程式碼。使用者無需關心繁瑣複雜的 WebGL 操作，可以將精力放到應用的業務層，節省開發費用，加快開發程式。

繪圖區

繪圖區可自由調節尺寸，有 X 軸縮小、X 軸擴大、Y 軸縮小、Y 軸擴大四個按鈕調節大小。需要組合多條生產線進行監控時，可擴大繪圖區面積。

模型操作

示例模型包含六軸機器人、雕刻機、CNC、AGV、物料庫、拋光機、清洗槽、生產線。每個模型可進行引數設定，如名稱、長度、寬度、高度、染色等，還能進行旋轉和刪除，模型位置可自由移動。編輯器採用積木式結構，使用者只需要簡單地組合，便可靈活地搭建車間內產品生產工藝流程。

模擬系統能夠實時模擬機床的加工狀態，實現工藝經驗的資料積累。傳統數控系統在診斷上反饋的是程式碼，而圖撲軟體視覺化大屏可以反饋事件，幫助操作者判斷問題所在。例如：對雕刻機、拋光機等裝置進行監控，儲存歷史執行資料，方便維護人員進行故障分析。設定閾值，超過數值可觸發紅光閃爍，預警效果更直觀。

在視覺化大屏內還能繪製 AGV 小車的移動軌跡，助力車間巡檢。

資料對接

在車間中，資產、裝置、裝置和 AI 驅動機器人都配備感測器，由分散的現場控制站、資料採集站等就地實現資料採集和控制，並透過資料通訊網路傳送到生產監控層計算機。生產監控層對來自過程控制層的資料進行集中操作管理，如各種最佳化計算、統計報表、故障診斷、顯示報警等，最後上傳圖撲三維組態，將車間預測性維護提升到全新水平。

圖表操作

圖撲智慧工廠編輯器內圖表包含生產指標、執行指標、環保指標三個按鈕，點選可彈出相應圖表框，可自由移動位置。為圖表接入資料後能檢視工廠的產品生產數量、裝置執行資料、二氧化碳排放量等資訊，還能設定重新整理速度。透過記錄物料使用時間、加工進度、能源消耗等資訊，給車間管理人員提供定單和計劃完成情況的分析；還可以把物料消耗、人力成本透過財務體系融合進來，及時歸集整個車間的運營成本。

智慧工廠編輯器基於自主研發引擎 HT for Web 實現可互動式的大屏組態，low-code 構建的工業組態場景可進行縮放、平移、旋轉，場景內各裝置可以響應互動事件。內建 UI 組態、三維組態、IT 運維、電力、流程圖等多種行業模型，支援接入公網或本地資料來源，視覺化資料繫結，實現數圖聯動。輕量化的資料來源管理，支援線上建立雲資料介面。提供 JS-SDK，低程式碼二次開發業務需求。圖撲軟體依託上千個案例的資料資產，為各行業提供更切實際的視覺化運營方案。

在汽車製造行業，利用圖撲軟體實現汽車裝配車間生產流水線 3D 視覺化。使汽車生產流程更加透明，管理更加精細化、高效化，從而提高生產的效率和產品的質量。

透過來自 IoT、IIoT 和邊緣實時資料的 AI 洞察，最小化停機時間，提升效率，提高員工安全性，並影響決策和產品開發。利用邊緣計算讓洞察更接近資料來源，以實時最佳化生產運營，提升產品質量。利用開放平臺和可擴充套件 API 發掘有價值的資料，從而建立數字執行緒。

工廠數字孿生體以產品全生命週期的相關資料為基礎，在計算機虛擬環境中，對整個生產過程進行模擬、評估和最佳化。結合 MES、WMS、SAP 等系統建設和運維，實現產品生產製造全過程資訊流的協同共享，全部資料實現互通共用，並實時抓取成本核算資料、全鏈條追溯質量管控資料。

智慧工廠編輯器是基於 HTML5（Canvas/WebGL/WebVR）標準的 Web 技術，滿足了工業物聯網跨平臺雲端化部署實施的需求，零程式碼構建大屏組態、UI 組態、工業組態、三維組態。

從 SDK 元件庫，到 2D 和 3D 編輯，到屬性修改，構成了一站式的資料視覺化解決方案、形成了一整套實踐證明的高效開發流程和生態體系，可快速實現現代化的、高效能的、跨平臺的（桌面 Mouse/移動 Touch/虛擬現實 VR）圖形展示效果及互動體驗。其底層框架 HT for Web 獨創的自定義格式向量渲染引擎，追求極致的效能，所有元件皆可承受上萬甚至幾十萬以上圖元量，上萬的表格資料、網路拓撲圖元和儀表圖表承載力，突破了諸多行業應用傳統極限，更好的適應了物聯網大資料時代需求。

圖撲軟體設計之初就堅持 Heavily Canvas Based for Ultimate Performance 原則，使得區域性重新整理、批次聚合、影像快取、極少化 DOM 元素等，圖形最佳化（記憶體/CPU/GPU）技巧得到充分發揮。

產品 HT for Web 提供完備流水線作業工具鏈，從檢視元件設計、2D 圖表設計到 3D 場景設計皆可進行視覺化編輯。解決了傳統 2D 和 3D 設計分割獨立的痛苦；解決了傳統設計師和程式設計師使用完全不同的獨立設計開發工具，導致設計和最終實現效果不一致且重複勞動的難題；設計師和程式設計師統一工具協同開發模式，達到產品開發高速迭代，快速將想法變成 2D、2.5D 和 3D 的最終介面成果。如智慧工廠編輯器，也可構建零程式碼的 SaaS 模式編輯組態平臺，打通工業網際網路各垂直領域，助力建設工業元宇宙。

智慧工廠編輯器打破了傳統生產製造模式，成功應用“數字孿生、黑燈生產、萬物互聯、智慧決策、綠色製造、資料閉環”等技術，零程式碼快速打造“透明、綠色、數字、智慧、黑燈、精益”的智慧工廠。