13k star!用网页AI仅用5分钟搭出一套3D房,别再啃CAD了

2026-04-21

关注CAIE,国内头部AI人才认证、培训体系,助你在职场升职加薪。
CAIE注册人工智能工程师
CAIE注册人工智能工程师
公众号作者
CAIE,全称 Certifed Artifcial Intelligence Engineer(人工智能工程师),简称 CAIE(赛一) ,是人工智能领域的技能等级认证。旨在评估和培养具备人工智能理论基础与实战能力的职业人士。

每次看到有人在社交平台上晒自己的3D房屋模型时,底下评论多数都会出现:“这什么软件,效果很好,能告诉我下吗?”

当博主说出CADMaya后,就没有然后了~这些软件难安装就不说了,打开后界面密密麻麻全是按钮,学起来少说得几个月。其实不是大家不想动手做,实在是使用门槛、学习成本太高了。

今天就为大家介绍一个刚开源没多久超13000星的Pascal Editor,直接就能在浏览器里用。

AI可视化操作比CAD简单很多,几分钟就能搭建一套很好的3D房屋模型。

开源地址:https://github.com/pascalorg/editor

我直接给大家展示一下网页版如何使用吧。本地部署好或者直接使用Pascal Editor官网的,点击创建一个新项目。

这就是咱们的操作界面了,就可以创建房屋了。

下面这些栏目都是房屋栏目,直接拖拽就行,不用写任何代码和函数。

例如,拖一个房顶,你只需改右侧的参数就行。来改变房屋的坐标和方向。

我估计有不少人觉得这样也麻烦,整个界面看起来还是有点乱,搭建麻烦。那咱们直接开大招,用AI创建。

直接在旁边用AI框添加提示词:在现有平面图上新增一间卧室,在一面墙的正中央摆放一张双人床,床两侧各设一个床头柜,再配置一个衣柜。确保这间卧室带有房门和窗户。

很快就添加好了,所以,这个工具最强的就是能用AI来创建各种3D模型很方便。

当然大部分人不会只搭一层。Pascal Editor天然支持多层建筑。你可以创建多个楼层,每个楼层独立编辑。

编辑的时候它可以切换几种显示模式,比如堆叠模式就是正常的上下楼层叠在一起看,展开模式会把每一层拉开一段距离方便你分别查看,单独模式就只显示你当前编辑的那一层。

这个设计在多层建筑里特别实用,不然楼层一多,上面一遮挡底下根本看不见,同时也支持3D2D来回切换。

咱们再唠唠Pascal Editor其他比较实用的功能。如果你本身就是一个前端开发者,那Pascal Editor对你来说不仅仅是一个建模工具,更是一个可以深度定制的平台。

它的core包和viewer包都是独立发布的,你可以只引入viewer包,拿到一套开箱即用的3D建筑渲染方案,然后在上面叠你自己需要的东西。

比如你可以做一个房产展示平台,用户在线浏览3D户型图,支持楼层切换和视角漫游,底层直接用它的viewer就搞定了,不用自己从零写Three.js的场景。

又或者你想做室内设计领域的AI应用,让用户用自然语言描述自己想要什么样的房间,然后AI帮你生成布局。

前端的3D展示部分就可以用Pascal Editor来承担,你只需要通过它的状态管理接口往场景里写入节点数据就行了,渲染的事情它帮你处理。

还有一个方向是多人协作。因为它的场景数据结构设计得比较规范,状态管理也很清晰,开发者如果有需要的话,完全可以在它基础上接入WebSocket之类的实时通信方案来做多人协同编辑。不过目前项目本身还没有提供这个功能。

虽然Pascal Editor是网页版的,但对浏览器的要求不低。WebGPU是最近几年才在主流浏览器里逐步支持的技术,ChromeEdge比较新版本的基本没问题。

FirefoxWebGPU支持目前还处于实验阶段,Safari那就更不用说了。

所以如果你用Safari打开发现跑不起来,换Chrome试试大概率就好了。如果你不想花大量时间学习复杂的专业3D软件,这个项目值得试试。

想系统掌握AI核心技能、获取行业认可资质?

CAIE注册人工智能工程师认证

助你拓宽职业赛道,成为AI领域持证实力派

微信小程序
CAIE 认证
CAIE 认证
CAIE认证
以上内容来自微信小程序

企业、高校及渠道合作

请联系微信:FYLlaoshi

图片

完 谢谢观看

确定要退出登录吗?
确定 取消
推广有奖