TYMetro 3D 機場捷運線 3D 列車動態時刻表
2026/5/1
🎯 專案介紹
本專案是一個將「公共運輸數據」與「3D 空間視覺」深度結合的地理資訊視覺化（GIS）作品。利用 WebGL/Three.js 技術，在 3D 空間中還原桃園機場捷運線的立體軌道與車站架構，並透過時刻表數據實時驅動 3D 列車模型行進，打造出極具未來科技感的動態捷運監看看板。
🛠️ 技術架構
3D 渲染核心：Three.js / React Three Fiber 生態系 數據驅動核心：機捷車次時刻表數據模型、即時時間座標計算 視覺風格：Dark Mode 科技感數據儀表板
✨ 核心特色
數據驅動的 3D 列車實時位移：系統核心並非傳統的固定動畫，而是根據當前時間與時刻表數據進行動態映射，精準計算列車在 3D 軌道上的經緯度或空間座標，實現列車在站點間流暢行駛與停靠的動態模擬。 科幻感捷運軌道舞台：在暗色調的網頁空間中，建構出高識別度的立體捷運線路與車站節點，並運用動態發光（Bloom）或線條視覺，將死板的交通路線轉化為具備電影質感的 3D 視覺舞台。 多維度資訊看板整合：UI 面板同步呈現當前行駛車次、預計到站時間等高度結構化的文字資訊，讓使用者在操作 3D 空間視角（旋轉、縮放）的同時，能一目了然整條捷運線的運作現況。