无需再买AutoCAD,Claude Code手搓开源Pascal,让你在浏览器中搞定 3D 建筑孪生建模
由于信息来源众多,若文章内容出现版权问题,或文中使用的图片、资料、下载链接等,如涉及侵权,请告知我们,我们将尽快处理。分层的好处是解耦——Core 可以独立运行,Editor 可以替换不同的 Viewer 实现,方便后续扩展。它最大的亮点在于,能让你像玩沙盒游戏一样轻松搭建 3D 建筑大片,彻底告别传统工业软件冷冰冰的体验!内置 50 步的撤销/重做支持,并且能把你的作品自动保存在本地持久化存储里

文末获取 3D 建筑设计器源码
Pascal Editor 是一款基于 React Three Fiber 和 WebGPU 前沿技术构建的开源 3D 建筑设计器。它最大的亮点在于,能让你像玩沙盒游戏一样轻松搭建 3D 建筑大片,彻底告别传统工业软件冷冰冰的体验!
-
丝滑的 3D 构建体验:原生支持浏览器运行与现代 WebGPU 硬件加速,建模渲染极其流畅不卡顿。
-
超高自由度的层级搭建:场地、建筑、楼层、墙体、屋顶一应俱全,连门窗、小物件甚至灯光的排布都能随心所欲。
-
全自动几何魔法:你在墙上放一扇窗或一扇门,它就能实时自动计算并“打洞”切割墙体(CSG 布尔运算),不用你手动扣洞。
-
随时保存与后悔药:内置 50 步的撤销/重做支持,并且能把你的作品自动保存在本地持久化存储里,关掉网页也不怕数据丢失!


出乎你的想象,Pascal Editor 采用 Claude Code 开发,核心基于WebGPU技术,采用 Monorepo 架构,传统3D建模软件最常用的选择、墙体、区域、视角、装置这些工具都被整合在了一起,一经发布就在GitHub上迅速走红。
Pascal Editor 代码分成多个层:
-
Core 层:核心逻辑,包括几何计算、场景数据结构、序列化/反序列化
-
Viewer 层:渲染相关,负责把 Core 数据变成可见的 3D 画面
-
Editor 层:交互逻辑,处理用户输入、选中、拖拽等
-
UI 层:侧边栏、工具栏、属性面板等界面组件
分层的好处是解耦——Core 可以独立运行,Editor 可以替换不同的 Viewer 实现,方便后续扩展。
|
对比维度 |
Pascal Editor |
传统付费软件(AutoCAD/Revit) |
|---|---|---|
|
部署方式 |
浏览器运行,无需安装 |
需下载安装庞大客户端 |
|
授权费用 |
MIT协议,完全免费 |
高昂的软件授权或订阅费用 |
|
跨平台性 |
支持Windows/macOS/Linux及触屏设备 |
依赖特定操作系统环境 |
|
协作分享 |
生成链接即可在线交互查看 |
需传输文件或依赖特定协作平台 |
Pascal Editor 基于 React Three Fiber(R3F)构建。R3F 是 Three.js 的 React 封装,把 3D 场景变成了组件化的声明式编程,天然具有如下优势:
-
状态管理清晰:React 的 state/props 体系天然适合 UI 交互
-
逻辑复用方便:3D 元素可以像 React 组件一样封装复用
-
生态成熟:React DevTools、状态管理库、测试框架都能用
传统 Three.js 的写法:
const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 0.1, 1000);
const renderer = new THREE.WebGLRenderer();
const geometry = new THREE.BoxGeometry();
const material = new THREE.MeshBasicMaterial({ color: 0x00ff00 });
const cube = new THREE.Mesh(geometry, material);
scene.add(cube);
复制
Pascal Editor 基于 R3F 的写法:
<Canvas>
<mesh>
<boxGeometry />
<meshBasicMaterialcolor="green" />
</mesh>
</Canvas>
复制


Pascal Editor 已覆盖建筑设计、室内装修及教育学习等场景,普通用户可利用其快速搭建房屋3D模型以规划装修布局;建筑系学生可免费完成包含2D与3D联动的课程作业;小型设计团队则可通过链接分享方案进行客户演示,并基于开源协议进行功能定制。
Pascal Editor 开源项目地址:
https://github.com/pascalorg/editor
git clone https://github.com/pascalorg/editorcd pascal-editornpm installnpm run dev
点个关注 🌟,精彩不迷路 ❤️
往期推荐
☞开箱即用!国产开源30+AI视觉算法IoT智能物联网云平台
☞国产开源Web 工业IoT组态软件,支持Modbus、OPC,支持拖拉拽
☞免费开源,千知AI知识图谱平台,支持DeepSeek、Qwen
☞智慧农业大爆发:AI+物联网+区块链重构“天空地”一体化监测
☞一站式AIoT视频聚合平台,适配国标28181和国密35114协议
☞“空中奇兵”无人机多光谱罂粟巡查平台,识别出苗期、花期、果期
免责声明:本公众号所发布的内容来源于互联网,我们会尊重并维护原作者的权益。由于信息来源众多,若文章内容出现版权问题,或文中使用的图片、资料、下载链接等,如涉及侵权,请告知我们,我们将尽快处理。
更多推荐


所有评论(0)