Pascal Editor

Pascal Editor 是一款开源的 3D 建筑编辑器，基于 React Three Fiber 和 WebGPU 构建，用户可以直接在浏览器中创建、编辑和展示三维建筑项目。它由 Pascal Group Inc. 开发，源码全部发布在 npm 上，采用 MIT 许可证，任何人都可以自由嵌入、扩展或让 AI Agent 驱动。

核心功能

Pascal Editor 提供了完整的 3D 建筑编辑能力，涵盖从扫描到渲染的全流程。Create 阶段支持空间扫描转 3D 模型，或直接在浏览器中草图建模，无需传统重型建模工具和陡峭学习曲线。Edit 阶段可以移动墙体、替换家具、测试布局、切换风格，所有操作实时反映在 3D 画布上。Present 阶段支持第一人称漫游浏览，让观众仿佛置身于还未建成的空间中。Pascal Capture 模块使用 SDF/CSG 几何体，支持融合、合并和切割操作，类似于参数化黏土建模。AI 生成功能允许用户直接在模型上绘制草图，笔触自动转换为实体几何。Pascal Studio 提供折射、全息、玻璃和程序化材质，带来高质量渲染效果。资产库包含数千个可直接使用的 3D 对象。

技术实现

Pascal Editor 的技术栈选择体现了现代 Web 3D 开发的最佳实践。渲染层基于 React Three Fiber，这是 Three.js 的 React 封装，提供了声明式的 3D 场景构建方式。底层图形 API 使用 WebGPU，这是下一代 Web 图形标准，相比 WebGL 提供了更现代化的 GPU 抽象和更高的渲染效率。项目采用模块化架构，核心包发布在 npm 上：@pascal-app/core 提供编辑器核心逻辑，@pascal-app/viewer 提供独立的 3D 预览运行时，@pascal-app/cli 提供命令行工具。这些包既可以独立使用，也可以组合起来构建完整的自定义应用。最具创新性的是内置的 MCP（Model Context Protocol）服务器，AI Agent 可以通过 MCP 协议连接 Pascal，读取和修改场景中的房间、对象、材质和建筑系统。

快速上手

第一步，通过 Node.js 22.13 或更高版本，在终端运行 npx @pascal-app/cli editor，CLI 会自动启动编辑器并后台启动经过身份验证的 MCP 服务。第二步，打开浏览器访问 editor.pascal.app，即可看到完整的 3D 编辑界面。第三步，使用 Create 工具扫描真实空间、导入 IFC 模型或从头绘制建筑轮廓。第四步，安装 Agent 技能：运行 npx skills add pascalorg/editor --skill pascal-3d --skill furniture-fit，让 AI Agent 能够读写和操作 3D 场景。第五步，通过 MCP 协议连接 AI 助手，例如对 Agent 说「找到所有小于 12 平方米的房间」，Agent 会通过 Pascal MCP 自动执行查询并返回结果。

适用人群

Pascal Editor 适合建筑设计师和室内设计师，他们可以用它快速制作可交互的空间方案展示，跳过传统渲染等待时间。也适合 AI 应用开发者，他们可以通过 MCP 协议将 3D 可视化能力集成到 AI Agent 工作流中。独立开发者可以利用 Pascal 的开源引擎和 npm 包构建自己的 3D 产品。建筑系学生和爱好者可以用它来学习建筑设计和 3D 建模，零成本接触专业级工具。游戏开发者和 Web 开发者在构建涉及室内场景的应用时，也可以复用 Pascal 的场景引擎。

官网链接：https://editor.pascal.app

GitHub 仓库：https://github.com/pascalorg/editor