以往想要自己画 3D 建筑设计图(像我那个盖房子的老弟)并不是那么容易,尤其 AutoCAD、Revit 动辄一年数千美元的正版授权费应该就可以让许多人打退堂鼓。 现在这笔钱也许可以省下来了,最近有一款叫做 Pascal Editor 的开源项目,把完整的 3D 建筑编辑器直接塞进浏览器里,不用安装、不用注册、完全免费,而且代码在 GitHub 上全部开源。 这款由Pascal团队开发的工具,近期在AEC(建筑工程与营造)社群引发热烈讨论,GitHub上累积超过13,100颗星。
完全在浏览器里跑:WebGPU 带来的效能革命
Pascal Editor 最令人惊艳的地方,在于它完全执行在浏览器中。 过去这类3D建模工具若要有流畅的实时渲染体验,几乎必然需要原生应用程序。 但 Pascal 团队选择了新一代的 React Three Fiber + WebGPU 技术组合,让 GPU 直接参与渲染计算,速度几乎接近桌面软件。
技术堆栈方面,Pascal Editor 建立在相当现代化的基础上:前端采用 React 19 搭配 Next.js 16,3D 图形使用 Three.js 的 WebGPU 渲染器,状态管理使用 Zustand 搭配 Zundo 中间层(提供最多 50 步的复原/重做功能)。 几何布林运算则通过 three-bvh-csg 库处理。 整个项目采用 Turborepo 管理 monorepo 架构,用 Bun 作为套件管理器。
核心功能:从空地到完整建筑
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美元、Revit年费约3,185美元,对非专业用户而言实在难以负担。 Pascal Editor 虽然功能上还无法完全取代这些专业软件,但它演示了一种新可能性:通过现代 Web 技术,让复杂的 3D 建筑建模工具能够以「打开网页就能用」的低门槛方式普及化。
WebGPU 作为新世代的 Web 图形标准,才刚开始在浏览器中普及不久,Pascal Editor 是少数真正把这项技术运用到实用场景的项目之一。 对于想要体验的读者,可以直接造访 editor.pascal.app 打开浏览器就能开始盖房子; 有兴趣深入的开发者则可以到 GitHub 上 clone 源代码,用 Bun 跑一行 bun dev 就能在本地启动开发环境。