一條 0.07 公尺的螢光青線,替白盒子們贏回了身分
從一篇 2026 年 9 月的 Antigravity 加 Blender MCP 教學看起,觀察一座 3D 數位孿生倉儲的地面標線、配色與圓角半徑,如何被重新設計成可信的工業介面。
2026 年 9 月 23 日,掘金出現了「Antigravity + Blender MCP」系列的下半篇。上篇把一座 1.86 MB 的倉儲廠房以全自動方式建模、並用 Three.js 渲到網頁上;下篇處理的卻是另一件事:這座跑通了的廠房,為什麼看起來就是不像工廠。
作者引述的使用者吐槽相當具體。輸送帶上的貨物五顏六色,上了 AGV 小車卻全成了白盒子;右側出口月臺的地面,線條是對角斜切的蜘蛛網;KPI 指標全擠在頂部橫幅,與 3D 場景毫不融合;大屏背景深淺不能切換。這四個問題表面上是特效與版面,骨子裡都是設計問題:一座要讓人相信的數位孿生,靠的從來不是模型精度,而是那些被嚴格規定的線寬、色號與圓角。
標線是一種語言,蜘蛛網則是失語
工業現場的地面標線有其規範語彙:儲區、通道、緩衝區各有色彩與線型,警告意味藏在色相裡。早期迭代留下的 24 條零散斜線,例如一條從 (6.76, -4.5) 斜切到 (14.84, -8.10) 的歷史支軌,甚至直接貫穿託盤貨格。對照真實廠房,這就像一份排版錯亂的表格:資料都在,格線卻互相穿越。
重構後的方案把語彙拆得很清楚。儲區採工程安全琥珀黃 #f59e0b,線寬 0.06 公尺,按正交幾何標定東側 6×4 託盤立垛、南側 3×3 高位庫區與月臺裝卸箱框。AGV 導引則是另一套系統:0.24 公尺的深色嵌地底帶,配上 0.07 公尺、色號 #00f3ff 的螢光青藍中心線,關鍵裝卸點再加環形停靠光圈與動態導流箭頭。
值得注意的是色號選擇。#f59e0b 是 Tailwind 的 amber-500,在前端圈幾乎是預設值,但它恰好落在工程安全的琥珀色域內;#00f3ff 則是典型的科技感青色,放在深色底帶上作為發光中心線,功能等同真實廠房的雷射導引。色彩在這裡同時對兩種觀眾說話:懂工安的人讀到警示,懂前端的人讀到介面。
一個 1.2 公尺的圓角,是給機器看的工學
轉彎節點的處理更能顯出意圖。東北、東南、西南三角與月臺 S 彎,全部重構為 1.2 公尺的平滑圓角,理由是符合 AGV 的轉彎半徑。這個數字在畫面上幾乎不可察覺,卻決定了小車動線是流暢還是折角。它是給機器讀的工學參數,人眼只收到「這條路走得通」的直覺。
這套做法讓人聯想我們先前觀察過的開源剪輯畫布如何被交到 Agent 手裡:當工具以 MCP 協定攤開給模型操作,設計決策便從 GUI 裡的手工框選,變成一段段可執行、可覆核的幾何指令。差別在於剪輯臺處理時間線,這裡處理的是線寬與圓角半徑。
從白盒子到晝夜沙盤
文末提到的另外兩個改進方向,同樣是介面層面的取捨。貨物顏色要跟著輸送帶一路延續到 AGV 與終點,這是敘事連續性;KPI 從頂部橫幅融進 3D 場景、支援晝夜沙盤一鍵切換,這是資訊與場景的層級問題。深色底讓發光的青色導引線成立,淺色底則接近白天的真實廠房,兩種模式其實是同一套標線系統的兩種閱讀狀態。
這篇教學值得記下的地方,在於它示範了「可信感」的來源。不是更多的多邊形,而是 0.06 公尺與 0.07 公尺的線寬差、一個色號的安全語意、一個 1.2 公尺的圓角。當建模可以全自動生成,這些被規範約束的細節,反而成了人與機器分工後,最需要人來把關的那一層。