13.3k Star！这款 AI 驱动的开源 3D 可视化编辑器太顶了

大家好，我是徐小夕。 架构师，曾任职多家上市公司，多年架构经验，打造过上亿用户规模的产品，目前全职创业，主要聚集于“Dooring AI零代码搭建平台”和“flowmixAI多模态办公软件”

上期和大家分享了我们精心打磨的协同AI文档JitWord：

jitword协同AI文档

最近一直在深耕AI Agent与大模型应用，比如JitKnowAI 知识库、JitWord协同AI文档、Pxcharts超级表格，同时也持续在给大家分享GitHub上真正能落地、能解决实际问题的优质AI开源项目。

今天带大家深度剖析一款近期在 GitHub 爆火、由 Claude 全程开发的开源 3D 建筑 / 空间编辑器 ——Pascal Editor，它能让我们零成本、零安装，在浏览器里实现专业级 3D 空间设计。

话不多说，先上开源地址。

Github：https://github.com/pascalorg/editor

项目基本介绍：浏览器里的 3D 设计神器

Pascal Editor是一款纯 Web 端、开源免费的 3D 建筑与空间编辑工具，上线仅数天便斩获 13.3k+ GitHub Stars。它无需下载安装客户端，打开浏览器即可使用，核心解决了传统 3D 设计软件（如 AutoCAD、Revit）付费昂贵、安装繁琐、学习成本高、仅支持桌面端的痛点，让室内设计、游戏场景搭建、空间规划等工作，变得像玩网页游戏一样简单高效。

简单来说，它就是AI 辅助开发、WebGPU 驱动、开箱即用的轻量化 3D 空间编辑器，主打 “免费 + 易用 + 高性能”，让每个人都能快速上手 3D 设计。

功能亮点：丝滑拖拽搭建体验，专业能力拉满1. 零门槛开箱即用

Pascal Editor 是纯 Web 实现的应用，浏览器直接访问即可启动，无需安装、无需付费订阅，打开即用，彻底告别软件安装与授权成本。

2. 强大的 3D 编辑能力

• 内置墙体绘制、区域选择、家具摆放、楼板搭建等专业工具，鼠标拖拽即可完成基础空间设计。
• 支持360° 视角切换、透视效果、堆叠 / 爆炸视图，可单独控制建筑构件显示 / 隐藏，编辑精准度拉满。
• v0.3.0 版本新增2D+3D 联动编辑，3D 主视图搭配 2D 平面小窗口，双视角对照修改，布局更高效。

支持通过拖拽数值条实时调整建筑长宽高、位置、角度，参数修改后场景立即同步渲染，无需手动输入数值，操作极简。

4. 层级化几何系统

所有建筑部件按建筑→楼层→墙体→家具的真实层级管理，可单独编辑任意构件，修改逻辑清晰，复杂场景也能轻松驾驭。

5. 高性能 WebGPU 渲染

采用浏览器最新 WebGPU 技术，充分调用显卡性能，复杂 3D 场景拖拽、旋转、渲染无卡顿，体验接近原生桌面软件。

技术架构深度剖析：从渲染到交互的全链路设计

Pascal Editor的技术架构围绕Web 端高性能 3D 渲染 + 轻量化交互 + 模块化扩展设计，整体分为四层，思路清晰且兼顾性能与可维护性， 我基于开源项目的源码实现，画了一个架构图，大家可以参考一下：

下面详细和大家介绍一下它的具体设计细节。

1. 架构核心思路

Pascal Editor以WebGPU为渲染核心，解决浏览器 3D 性能瓶颈；采用组件化 + 分层架构，将渲染、交互、数据、UI 解耦，保证代码可扩展、易维护；同时基于AI 辅助开发（Claude 全程参与），快速迭代功能，降低开发成本。

2. 四层架构详解（1）UI 交互层（最上层）

• 负责工具栏、参数面板、视角控制、2D/3D 视图切换等前端界面渲染。
• 技术：基于现代 Web 前端框架，实现响应式布局与流畅交互，所有操作通过事件驱动向下层传递。

• 核心：处理编辑逻辑（墙体绘制、家具摆放、参数修改）、场景数据管理、撤销 / 重做、层级控制等业务功能。
• 设计：将编辑操作抽象为可执行命令，支持事务回滚，保证数据一致性；同时封装 2D/3D 联动逻辑，实现双视图同步。

• 核心：管理 3D 场景数据（模型、材质、坐标、层级关系），提供几何计算（碰撞检测、尺寸计算、模型生成）能力。
• 设计：采用树状数据结构存储建筑层级，支持快速查询与修改；几何计算基于 WebGPU 并行计算，保证实时性。

• 核心：基于 WebGPU 实现 3D 模型渲染、光照、阴影、视角变换，是性能的关键保障。
• 设计：封装 WebGPU 底层 API，提供渲染管线、着色器、纹理加载等通用能力，屏蔽底层细节，上层只需调用渲染接口即可。

• 性能优先
• WebGPU 直接调用 GPU，渲染效率远超 WebGL，复杂场景流畅运行。
• 解耦彻底
• 四层独立开发、独立测试，新增功能（如 VR 支持）只需扩展对应层，不影响整体。
• 跨平台兼容
• 纯 Web 架构，支持 PC、平板等所有现代浏览器，无需适配多端。

如果大家想本地部署开发，我也总结了一份快速部署二开的流程，大家可以参考一下：

官方 Roadmap 泄密（未经证实，仅供吃瓜）

据内部渠道消息，Pascal Editor后续版本计划：

1. v0.4.0
2. 新增AI 自动布局功能，输入空间尺寸与需求，AI 一键生成 3D 布局方案；
3. v0.5.0
4. 支持模型导出（OBJ/GLB 格式），可对接 Unity、Unreal 等游戏引擎；
5. v1.0.0
6. 上线多人协同编辑，支持团队实时协作设计 3D 空间；
7. 长期计划：接入Stable Diffusion，实现 “文字描述→生成 3D 模型” 的 AI 建模能力。注：以上 roadmap 未经官方证实，仅供大家吃瓜参考，具体以官方发布为准。

1. 室内设计
2. 快速搭建家装、工装 3D 方案，实时预览效果，降低设计成本。
3. 游戏场景搭建
4. 快速创建游戏室内 / 建筑场景，导出模型对接游戏引擎。
5. 空间规划
6. 商场、展厅、办公室等公共空间的 3D 布局规划。
7. 教育教学
8. 3D 建筑、空间设计的教学演示，零成本让学生上手实践。
9. 个人创作
10. 3D 艺术、虚拟场景、元宇宙空间的快速创作。

1. 完全免费开源
2. 无任何付费门槛，代码可二次开发、自定义修改。
3. 零安装、跨平台
4. 浏览器直接使用，支持所有现代设备。
5. 性能优异
6. WebGPU 驱动，3D 操作流畅，接近原生体验。
7. 上手极快
8. 界面简洁，操作逻辑直观，新手也能快速入门。
9. AI 赋能
10. 由 Claude 开发，后续 AI 功能迭代潜力巨大。

1. 功能深度不足
2. 对比专业软件（Revit、3ds Max），缺少复杂建筑结构、施工图纸、材质库等高级功能。
3. 模型资源有限
4. 内置家具 / 建筑模型较少，需手动扩展或导入外部模型。
5. 浏览器限制
6. 依赖浏览器 WebGPU 支持，老旧浏览器可能无法运行；复杂超大场景性能仍有上限。
7. 社区尚小
8. 项目上线时间短，插件生态、教程资源较少。

Pascal Editor凭借开源免费、WebGPU 高性能、零门槛上手、AI 赋能四大核心优势，打破了传统 3D 建筑设计软件的付费与技术壁垒，让 3D 设计从 “专业工具” 变成 “人人可用的创作能力”。

它或许暂时无法替代专业级软件，但对于个人创作者、小型团队、教育场景而言，是性价比拉满的最优解。随着后续 AI 自动布局、多人协同、模型导出等功能落地，这款开源项目的潜力不可限量。

如果大家想低成本入门 3D 空间设计，或研究 WebGPU 与 AI 辅助开发，Pascal Editor绝对值得上手体验与二次开发！