WareTwin 是一套在瀏覽器中運作的即時 3D 倉儲模擬系統,用來探索:在真正部署自動化設備以前,能不能先驗證機器人調度、交通、故障處理與營運決策
系統模擬一座 100 × 70 公尺的多樓層倉庫,包含:
• 20 台自主移動機器人(AMR)
• 兩座具備排隊、安全門與故障改道的貨梯
• 交通加權 A* 尋路、狀態機、避碰與死鎖解除
• 電池、充電、LiDAR 感知、輸送帶與倉儲工作站
• 可解釋的 Fleet Manager,記錄每次任務指派的選擇理由
• 機器人故障、人員闖入、交通壅塞、輸送帶停機及需求爆量等情境注入
• 使用相同亂數種子比較 Baseline 的 What-if 模擬
• 3D、地圖、交通、熱圖、KPI、事件與稽核紀錄
• FastAPI + WebSocket 即時同步,以及斷線時自動接手的 TypeScript 備援引擎
這個專案最困難的部分,不只是建立 3D 倉庫,而是讓模擬狀態、即時資料與畫面渲染在電梯移動、故障、壅塞及重新規劃時仍保持一致。
過程中我累積全端開發、即時系統、模擬引擎、除錯、測試與部署的完整實作經驗,也更理解如何把營運需求轉換成可以驗證的軟體規則。
技術棧:React、TypeScript、React Three Fiber、Three.js、WebGL、Zustand、Python、FastAPI、Pydantic、SQLite、WebSocket、Docker、Vercel、Render
🎥 Demo 影片:附於貼文
🔗 Live Demo:https://ware-twin.vercel.app/
💻 GitHub:https://github.com/WayneChou-bot/WareTwin
#SoftwareEngineering #DigitalTwin #WarehouseAutomation #Robotics #FullStackDevelopment #Python #React #FastAPI #WebGL