Pascal Editor 是什么?
Pascal Editor 是一款基于 Web 技术的开源 3D建筑编辑器,允许用户在浏览器中直接创建和编辑 3D建筑模型。它采用现代化的技术栈,包括 React Three Fiber、WebGPU 和 Turborepo,旨在提供高性能的 3D交互体验。Pascal Editor 的设计目标是降低 3D 建筑设计的门槛,使更多人能够轻松进行建筑设计。
Pascal Editor 的开发团队由一群热衷于 Web 技术和 3D图形的开发者组成。其中,核心开发者 Claude 在 GitHub 上活跃,并推出了多个开源项目。此外,开发团队还得到了来自社区的贡献和支持,不断推动项目的完善和创新。
Pascal Editor的主要功能
- 3D 建筑建模:
- 用户可以在浏览器中创建墙体、楼板、屋顶、区域(Zone)以及放置门窗家具等物品。
- 支持建筑物的拖拽和拉伸,实现灵活的空间布局调整。
- 实时几何生成:
- 采用系统驱动几何生成的方式,仅更新发生变化的部分(脏节点),优化性能。
- 支持墙体自动切角、门窗自动开洞等高级功能。
- 智能状态管理:
- 使用 Zustand 管理场景状态,支持持久化到 IndexedDB。
- 提供 50 步撤销/重做历史,方便用户进行设计迭代。
- 丰富的模型库:
- 内置超过 150 个高质量 3D模型,涵盖家具、电器、厨房、浴室和户外等多个类别。
- 用户可以直接从模型库中选择并添加到场景中,提高设计效率。
- 多视角查看和编辑:
- 支持自由相机控制、预设视角(俯视、侧视、透视)以及楼层展开/堆叠模式。
- 新增 2D 编辑功能,实现 2D 和 3D 的无缝联动,提升设计体验。
- 导出功能:
- 支持导出 3D模型(GLB 格式)、生成缩略图以及场景数据导出(JSON)。
- 方便用户与其他设计工具进行协作或分享设计成果。
Pascal Editor的使用场景
- 室内设计:
- 室内设计师可以使用 Pascal Editor 为客户提供专业的 3D 可视化设计方案。
- 快速创建多个设计方案,实时调整并展示给客户,提升客户满意度。
- 房地产开发:
- 房地产开发商可以利用 Pascal Editor 展示楼盘户型和样板间。
- 创建交互式虚拟样板间,让客户在线体验户型,降低实体样板间成本。
- 建筑教育:
- 作为教学和学习的理想工具,Pascal Editor 提供零成本的教学软件。
- 学生可以在家练习建筑设计,快速迭代设计想法,培养空间思维能力。
- 个人规划:
- 普通用户可以使用 Pascal Editor 提前规划家居布局,测试不同的家具布局方案。
- 优化空间利用,可视化最终效果,并与家人分享设计方案。
如何使用Pascal Editor?
- 在线体验:
- 本地部署:
- 对于开发者而言,可以选择在本地部署 Pascal Editor 进行二次开发或自定义功能扩展。
- 部署步骤如下:
- 克隆仓库:
git clone https://github.com/pascalorg/editor.git
- 安装依赖:使用
bun install 或 yarn install
- 启动开发服务器:在根目录运行
bun dev 或 yarn dev
- 访问
http://localhost:3001 开始设计
- 基本操作:
- 用户可以通过简单的鼠标操作选择家居、框选区域并实时调整空间布局。
- 利用左侧菜单栏进行实时数据显示和编辑,通过拖拽数值条改变建筑的长宽高等参数。
- 使用工具栏中的各种工具进行墙体绘制、门窗添加、楼层创建等操作。