React Three Fiber 3D 建筑编辑器开源
推荐指数 44.0 NO. 010 · 2026.05.20
Stars15,813
为什么值得看
Pascal Editor 是基于 React Three Fiber 和 WebGPU 的 3D 建筑编辑器,采用 Turborepo 三仓分离架构(核心/渲染器/编辑器)。前端团队可直接参考其 monorepo 拆分方案和 WebGPU 渲染管线,避免自己从零搭 3D 编辑基础设施。
Create and share 3D architectural projects.
媒体预览
编辑判断
3D 建筑/空间编辑领域长期被 Unity、Unreal 等重型引擎垄断,前端团队想做个浏览器里的轻量编辑器往往卡在渲染管线架构上。Pascal 的拆分思路很务实:把状态管理和几何生成抽成独立包,渲染层只做纯展示,编辑器层再叠交互——这和 Spline 的架构方向一致,但开源可魔改。
对比同类开源方案,react-three-editor 已停更,gltfjsx 偏代码生成而非交互编辑,Pascal 是目前少有的活跃 R3F 原生编辑器基底。如果你在做数字孪生、电商 3D 配置器或建筑可视化工具,可以直接 fork 它的 viewer 包起步,省去 2-3 周的架构搭建时间。注意 WebGPU 的浏览器覆盖率仍有限,生产环境建议做 WebGL fallback。
Star History
生态分析
Beta
Web端3D建筑编辑器基础设施,填补React Three Fiber+WebGPU专业工具链空白
独特价值:开源WebGPU建筑编辑完整方案,提供可复用的三仓 monorepo 架构模板