V.A. Spatial Simulator: Web 3D 室內配置與物理防卡死演算法 (空間演算實驗室:室內家具 3D 配置模擬器)

本專案為輕量化 Web 3D 空間模擬工具,旨在解決傳統 2…

/// BASKET A: SPATIAL LOGIC

V.A. Spatial
Simulator.

THREE.JS PHYSICS ENGINE WEBGL

1. The Problem: From “Feeling” to “Logic”

傳統的空間規劃,往往依賴 2D 平面圖 (CAD) 或設計師的經驗直覺。然而,平面的線條無法呈現真實的「量體感」,導致完工後常發生走道過窄、家具比例失衡等問題。

在「5R5 空間演算實驗室」,我們認為空間設計不該只是憑感覺的藝術,而是一場可以被驗證的科學。我們開發了 V.A. (Virtual Architect) 模擬器,目標是提供一個輕量化的 Web 3D 驗證環境。無需安裝龐大的 3D 軟體,使用者即可在瀏覽器中,透過參數化的模型進行排列組合,驗證空間的物理極限。

2. Core Algorithm: Anti-Stuck Physics

在開發 Web 3D 拖曳功能時,最大的技術挑戰在於「物件堆疊」。一般的 Drag & Drop 容易造成物件互相穿透或重疊後無法選取。本模擬器導入了自研的 「防卡死邏輯 (Anti-Stuck Logic)」

  • 動態碰撞偵測 (Dynamic AABB):
    系統實時計算每個家具的 Axis-Aligned Bounding Box (AABB)。
  • 紅光逃脫模式 (Escape Mode):
    當偵測到碰撞 (Collision) 時,物件不會被強制鎖死,而是進入「半透明紅光」警示狀態。此時系統允許使用者將物件「滑動 (Slide)」至最近的合法空位,大幅提升了操作的流暢性與容錯率。

3. Functional Modules

A. 參數化邊界定義 支援自訂長寬高的「絕對座標環境」,即時重建 1:1 的數位雙生空間。
B. 模組化家具庫 內建 IKEA / MUJI 等主流品牌的標準尺寸模型,保留對空間影響最大的物理屬性。
C. 坪效運算儀表板 空間佔用率超過 50% 時,儀表板會亮起紅燈,提示需進行「減法設計」。

👇 以下為 V.A. 模擬器,為了提供最佳操作體驗,介面將切換為全寬模式。

組件庫

建築結構 (Architecture)
家具模組 (Modules)
自訂尺寸 (Custom)
尺寸 (W / D / H)

空間演算

總坪數 0.0
未選中家具。
佔用率 0%

系統就緒。

左鍵拖曳家具 | 右鍵平移視角 | 滾輪縮放 | 選中按 R 旋轉
若家具變紅代表碰撞/卡住,請將其拖曳至空位即可解鎖。