# floorplan-3d - 纯前端户型装修设计工具（2D摆家具一键切3D漫游，浏览器打开即用）

> 拿到户型图想先摆摆家具？拖进来自动吸附，按T切3D还能第一人称漫游自己家，零安装零构建

# floorplan-3d - 纯前端的户型装修设计工具（2D 摆家具，一键切 3D 漫游）

拿到新房户型图想先摆摆看家具？这个 741 star 的开源项目打开浏览器就能玩：2D 平面图上拖家具、拆墙、量尺寸，按 T 一键切到 3D，还能用 WASD 第一人称在自己的客厅里漫游，连门都能点开。

**2D 这边：** 按 1:60 / 1:100 比例显示，自带 60 多种家具家电，从卧室到卫浴分类齐全，拖到墙边自动吸附，Shift 自由旋转，测量工具靠近墙面自动贴上去，非承重墙可以直接拆（承重墙单独标色，不让你乱来）。房间面积、套内使用面积自动统计，换地板/地砖/大理石还能按面积加 5% 损耗估造价。

**3D 那边：** 鸟瞰、斜视、俯视随便切，点房间列表直接飞进去。漫游模式下桌面 WASD + 鼠标、手机虚拟摇杆。有个日照时间滑块，拖到傍晚看夕阳，切夜景还能开灯——装修前先看看采光，这个细节很加分。3D 里也能直接拖家具，跟 2D 实时同步。

**最爽的是零门槛：** 整个应用就一个 index.html，无框架无构建，浏览器打开即用，方案自动存 localStorage，支持导出 PNG / 导入导出 JSON。想改成自己家？户型数据（房间多边形、墙体、家具库）全写在 index.html 里，照着改就行。中文界面默认开启，技术上 2D 用 SVG、3D 用 Three.js r160。

装修党、租房改造党值得收藏，比装一整套设计软件轻快多了。

仓库：https://github.com/wy51ai/floorplan-3d

---

**分类**：源码
**标签**：3D · 家具 · 2D
**作者**：子龙
**链接**：https://octohz.com/p/2180