Claude手搓3D建筑编辑器火爆GitHub量子位

什么 AutoCAD，什么 Revit，什么动辄三五万的建筑软件订阅费！！！

如果现在有这么个东西：

不用装软件，不用花钱买，直接打开浏览器，就能像玩网页游戏一样做 3D 建筑设计呢？

想切换视角？直接点击工具栏，俯视、左右视角，360 度随便切换！甚至连透视效果也都安排上了，be like：

至于编辑？在这里，你可以直接选择家居、框选区域、实时调整空间布局，点个鼠标的功夫就完事儿了：

甚至呢，你还能实现建筑物的拖拽拉伸，左边的菜单栏还会实时数据显示，而且是能直接编辑数据的内种：

这，就是在 GitHub 上上线没几天就冲到 5.4k stars 的 3D 建筑编辑器开源项目 ——Pascal Editor。

而且，是用 Claude 写出来的。

咋说呢，以前想做设计，先花钱买软件，现在，打开网页，直接开干！！！

我猜，想省力的室内设计师笑了，游戏场景爱好者笑了，估计连房产中介也要偷偷乐了……

Pascal Editor 到底强不强

设计软件咱见的不少，但跑在浏览器里的还是有点新鲜，我帮大家浅浅总结了一下 Pascal Editor 的一些核心亮点：

浏览器就能用：

纯 Web 应用，直接在浏览器里打开就能使用，高性能 WebGPU 渲染，蛮接近原生体验。

强大编辑能力：

自带选区域、放家具、画楼板等多种专业工具，鼠标一点就能直接操作。

实时高效的几何系统：

所有建筑部件都是按真实层级分层处理的，想改哪里就改哪里～

免费免费免费，开源开源开源。

话不多说，产品到底咋样，咱们直接从产品里开唠～

先来说说大家最关心的「编辑能力」。

值得一提的是，在 Pascal Editor 里，像设计中最常用的选择、墙体、区域、视角、装置这些工具都被整合在了一起。

至于工具栏的呈现形式嘛，可以说是非常之简！单！粗！暴！

看到下面这条工具栏了没，我们想用哪项能力，直接点下鼠标键就好…

（像极了咱小时候玩的室内设计小游戏）

这会儿有 uu 该说了：就这么十几个编辑能力哪儿够用啊？？

这么看的话当然不够用了，事实上在咱们看到的这个工具条中，还藏着更多的细分能力。

比如第二个「build」模块，里面就内置了很多建筑体，我们能直接把合适的建筑模型一键添加到场景中，随取随用：

所以，我们也不难得出一个结论：

Pascal Editor 的逻辑是把所有功能都先整合在一条工具条里，再像套娃一样，点进每个主工具，还能继续选择更精细的子功能，操作一层套一层。

所以你在页面观感上会觉得产品非常之简洁，但该有的基本能力人家还一个不少？？

言归正传，除了基础的编辑外，一些朋友在设计工作中还有一项绕不开的场景，那就是 ——「参数调整」。

毕竟在设计的时候建筑体一多、细节一复杂，数值调整就会越来越频繁！！！

而在 Pascal Editor 中，我们可以通过拖拽「数值条」去改变建筑的长宽高。

比如像下面这样，一拖一拽就 OK，墙体就会实时跟着参数调整变化，完全不需要手动输入数值（懒人福音）：

咱再来唠唠「画面显示」层面的相关能力。

在 Pascal Editor 中，每个建筑结构自带清晰的层级关系，墙体隶属于楼层、楼层归属于整栋建筑，建筑体是独立开的。

这样一来的好处是，我们可以单独控制任意一个构件的显示与隐藏，也能为其添加自定义信息。

不仅如此，在具体的楼层显示模式上，产品还支持堆叠、爆炸视图等视觉效果。

比如像下面这样，我可以直接让墙面变消失，方便用户能直接对房间布局看视觉效果，be like：

好巧不巧，就在昨天刚更新的 v0.3.0 版本里，官方又对这套「基础编辑」能力做了亿点点升级改造 ——

正式加入了 2D 编辑功能，实现了 2D 和 3D 无缝联动。

大家可以在主界面保留 3D 视角的同时，旁边同步显示 2D 平面小窗口，两个视角对照着看、对着改，布局更精准～

从上面的实际效果，友友们也不难看出，虽然说是在浏览器里跑，但是实际操作起来还是蛮丝滑的…