在工業自動化的傳統認知中，HMI (人機介面) 的角色往往侷限於開關控制、數據顯示與警報管理。然而，隨著工業 4.0 與數位孿生 (Digital Twin) 概念的興起，操作員對於現場設備的「視覺化掌控」需求日益增加。

如果我們能在 HMI 上，直接看到機械手臂在 3D 空間中的姿態，而不需要昂貴的 SCADA 軟體或額外的 PC，那會是什麼樣的體驗？

透過 Weintek EasyBuilder Pro 內建的 JS Object (JavaScript 物件) 功能，這一切已成為現實。

突破框架：在 HMI 上實現 3D 渲染

我們利用 EasyBuilder Pro 的 JS Object 功能，成功開發了一套 「3D 機械手臂控制模擬系統」。這不僅僅是一張靜態圖片，而是透過數學運算即時渲染的動態物件。

這個專案展示了 JS Object 的三大核心能力：

1. 強大的運算能力 (Computational Power)

這套系統並非播放預錄影片，而是透過 JavaScript 進行即時的 正向運動學 (Forward Kinematics) 運算。 程式會讀取 PLC 的角度數值，透過三角函數即時計算出機械手臂在 3D 空間中每一個關節 (Base, Arm, Forearm) 的 (x, y, z) 座標，並將其投影到 2D 螢幕上。

2. Canvas 繪圖引擎 (Advanced Graphics)

利用 HTML5 標準的 Canvas API，我們繪製出了具備光影變化、立體感的機械結構。 更令人驚艷的是，我們實現了 「分區控制介面」 (Split-Screen Interface)：

• 左側視圖區： 支援觸控手勢，操作員可以 360 度旋轉視角，檢查機器人姿態。

• 右側控制區： 提供直覺的滑桿 (Slider)，能直接回寫數值給 PLC，控制實體手臂。

3. 完美的通訊整合 (Seamless Integration)

JS Object 能夠直接存取 EasyBuilder Pro 的標籤位址 (Tags)。這意味著，這個 3D 模型是「活」的——它能即時反映現場 PLC 的真實狀態，也能作為控制器發送指令，達到虛實整合的效果。

為什麼選擇 EasyBuilder Pro 的 JS Object？

對於系統整合商 (SI) 與設備製造商而言，這項功能帶來了顯著的優勢：

• 零額外成本： 不需要購買額外的 3D 監控軟體，一台 cMT 系列人機即可搞定。

• 高度客製化： 想要特殊的儀表板？複雜的演算法？或是像這樣的 3D 模擬？標準物件做不到的，JavaScript 都能為您實現。

• 跨平台相容性： 基於標準 Web 技術，開發經驗可高度移植。

釋放您的 HMI 潛能

這座 3D 機械手臂只是一個開始。透過 JS Object，您可以繪製動態圖表、整合第三方 API、甚至執行複雜的邏輯運算。Weintek 致力於提供最彈性的工具，讓您的想像力成為 HMI 功能的唯一邊界。

準備好體驗次世代的 HMI 設計了嗎？ 立即下載最新版 EasyBuilder Pro，探索 JS Object 的無限可能。