以往想要自己畫 3D 建築設計圖（像我那個蓋房子的老弟）並不是那麼容易，尤其 AutoCAD、Revit 動輒一年數千美元的正版授權費應該就可以讓許多人打退堂鼓。現在這筆錢也許可以省下來了，最近有一款叫做 Pascal Editor 的開源專案，把完整的 3D 建築編輯器直接塞進瀏覽器裡，不用安裝、不用註冊、完全免費，而且程式碼在 GitHub 上全部開源。這款由 Pascal 團隊開發的工具，近期在 AEC（建築工程與營造）社群引發熱烈討論，GitHub 上累積超過 13,100 顆星。
完全在瀏覽器裡跑：WebGPU 帶來的效能革命
Pascal Editor 最令人驚豔的地方，在於它完全執行在瀏覽器中。過去這類 3D 建模工具若要有流暢的即時渲染體驗，幾乎必然需要原生應用程式。但 Pascal 團隊選擇了新一代的 React Three Fiber + WebGPU 技術組合，讓 GPU 直接參與渲染運算，速度幾乎接近桌面軟體。
this guy literally just dropped a full 3D building editor that runs 100% in your browser 🤯
no autocad. no yearly license.
100% FREE and open-source.
app + repo in 🧵↓ pic.twitter.com/P7xa6uecD0
— Charly Wargnier (@DataChaz) April 14, 2026
技術堆疊方面，Pascal Editor 建立在相當現代化的基礎上：前端採用 React 19 搭配 Next.js 16，3D 圖形使用 Three.js 的 WebGPU 渲染器，狀態管理使用 Zustand 搭配 Zundo 中介層（提供最多 50 步的復原／重做功能）。幾何布林運算則透過 three-bvh-csg 函式庫處理。整個專案採用 Turborepo 管理 monorepo 架構，用 Bun 作為套件管理器。
Pascal Editor 官方網站
核心功能:從空地到完整建築
Pascal Editor 支援完整的建築建模流程。使用者可以建立牆面、地板、天花板、屋頂等結構元素，接著擺放門窗、照明燈具、家具等室內設計物件。專案以「Site → Building → Level → {Walls, Slabs, Ceilings, Roofs, Zones, Scans, Guides}」的階層結構組織資料，採用扁平字典而非巢狀樹狀結構來儲存節點。
多樓層建築的管理也有巧思。編輯器提供三種可視化模式：堆疊視圖（stacked）、爆炸圖（exploded）、單層獨顯（solo level），讓使用者可以在不同視角間切換。此外還支援匯入 3D 掃描資料與 2D 參考圖片，方便以既有的空間測量或平面圖作為設計基礎。
所有資料都使用 IndexedDB 儲存在本地瀏覽器中，不需要伺服器、不需要帳號註冊，也不會把資料上傳到雲端，這點對注重隱私的使用者特別友善。
AI 加持：一句話生成房屋初稿
Pascal Editor 並非傳統意義上的 CAD 軟體，而是融入了 AI 輔助設計的概念。使用者只需要輸入自然語言的需求描述，例如「有泳池的別墅」或「兩層樓的家庭住宅」，編輯器就能生成初始的 3D 模型作為設計起點，使用者再針對細節進行調整。
這個設計讓 Pascal Editor 成為一款相當友善的「草模推敲工具」，特別適合需要快速驗證空間概念的建築師或業主。對於一般想規劃自家裝潢的使用者來說，門檻也大幅降低。
社群共創：分享、分叉與 Fork 文化
除了個人建模之外，Pascal Editor 也內建了專案分享與社群互動機制。官方網站上有「Featured projects」精選專案展示區，可以看到諸如「Pixu House 3D」這類社群作品，附有瀏覽次數（如 4,891 次）、按讚數、以及 Fork 次數等互動指標。
Fork 功能借鑒自 GitHub 的概念，任何人都可以複製一份既有專案作為自己的設計起點，再進行修改。這種模式讓設計可以像程式碼一樣被版本管理與協作，也有助於學習者透過觀摩優秀作品提升自己的設計能力。
整個專案被拆分為三個套件：@pascal-app/core 負責節點結構、場景狀態管理與幾何生成；@pascal-app/viewer 處理 3D 渲染、相機控制與後製效果；apps/editor 則是實際的 UI 元件與編輯工具。
狀態管理使用三個獨立的 Zustand store 來分離關注點：useScene 管理場景資料與 CRUD 操作、useViewer 處理選取狀態與顯示模式、useEditor 則負責工具切換與面板偏好。渲染系統採用 registry pattern，各類元素（牆、樓板、家具等）透過獨立的 System 處理各自的幾何生成邏輯，節點變動時才會標記為 dirty 並在下一幀重新計算。
開源授權與發展現況
Pascal Editor 採用 MIT 授權釋出，這代表任何人都可以自由使用、修改、商業化。GitHub 上累積 13,100+ stars，同時也有開發者開始基於 Pascal Editor 打造衍生專案，例如 ComfyUI-PascalEditor 這類將其整合到 AI 工作流的插件。
為建築設計工具帶來的新想像
長久以來，專業建築設計軟體的高授權費用，讓許多有創意、有需求的個人與小型工作室望而卻步。AutoCAD 標準版年費約 2,680 美元（約新台幣 85,700 元）、Revit 年費約 3,185 美元（約新台幣 101,800 元），對非專業使用者而言實在難以負擔。Pascal Editor 雖然功能上還無法完全取代這些專業軟體，但它示範了一種新可能性：透過現代 Web 技術，讓複雜的 3D 建築建模工具能夠以「打開網頁就能用」的低門檻方式普及化。
WebGPU 作為新世代的 Web 圖形標準，才剛開始在瀏覽器中普及不久，Pascal Editor 是少數真正把這項技術運用到實用場景的專案之一。對於想要體驗的讀者，可以直接造訪 editor.pascal.app 打開瀏覽器就能開始蓋房子；有興趣深入的開發者則可以到 GitHub 上 clone 原始碼，用 Bun 跑一行 bun dev 就能在本機啟動開發環境。