GitHub 开源 floorplan-3d：一个 HTML页面做出的3D 装修设计工具

好家伙，一个 HTML 页面现在也能玩到这种程度了。

最近刷到一个挺有意思的开源项目：floorplan-3d GitHub 仓库。

打开之后不是普通网页，而是一个完整的户型装修设计工具。2D 平面图、3D 场景、家具摆放、光照模拟，全塞进浏览器里了。

平面模式下，可以直接拖家具家电进去摆，目前有 60 多种模型。桌子、沙发、床这些拖进去之后还能自动吸附墙面，尺寸精确到毫米。墙体也不是只能看看，非承重墙可以拆，改户型的时候挺直观。

切到 3D 模式更有意思。

可以俯视看整个房子，也能切第一人称视角在屋里走一圈。走到门口还能开门，这种小细节其实挺加分，毕竟很多装修软件最大的问题就是“看起来有，但没有空间感觉”。

拖动时间轴，可以看上午、下午不同时间房间里的采光变化，也能切夜景，看灯光打开之后的效果。

东哥看到这种工具，第一反应一般不是“酷不酷”，而是看它的数据怎么存、改起来麻不麻烦。

这个项目有个挺方便的地方：户型数据直接写在文件里。想换成自己的房子，不一定非得重新画，改几组房间、墙体的数据就能换一套方案。

另外每个房间还能换地板材质，根据面积加 5% 损耗估算材料价格，方案会保存在浏览器本地。

当然，它不是专业装修公司的 CAD 替代品，复杂工程肯定还得交给专业工具。但对于刚准备装修、想先试试家具怎么摆的人，这种东西挺省事。

我以前看很多 demo，最容易翻车的地方就是“能展示，不能改”。结果最后发现源码一堆配置藏着，普通人根本动不了。

这种把户型数据开放出来的小工具，反而更像开发者喜欢的东西：先跑起来，再慢慢改。

准备装修的兄弟，可以先拿自己的户型折腾一下，至少沙发放哪里、餐桌会不会堵动线，提前能有点感觉。