Floorplan 3D：免费开源的网页户型设计与3D装修布局工具（装修前先在网页里摆家具）

AI文摘 此内容由AI根据文章内容自动生成

AI Summary

资源介绍

一个纯前端户型装修工具，整个项目只有一个 index.html，直接使用浏览器就能打开。

工具内置60多种家具和家电，涵盖卧室、客厅、餐厨、卫浴及书房。家具的位置、角度和尺寸均可调整，还支持贴墙吸附、距离测量及非承重墙拆改。

• 完成平面布置后，可以切换到鸟瞰、斜视或第一人称漫游模式。
• 二维和三维场景会实时同步，在3D视图中也能直接移动家具。

特色

• 内置60多种家具和家电
• 支持移动、旋转及修改尺寸
• 提供贴墙吸附和测量工具
• 支持标记及拆改非承重墙
• 一键切换2D与3D视图
• 支持鸟瞰和第一人称漫游
• 自动统计房间及套内面积
• 可更换地面材料并估算费用
• 支持撤销、重做及本地保存
• 可导出PNG图片和方案JSON

教程

1. 打开 Floorplan 3D在线版。
2. 从左侧家具库拖入沙发、床、餐桌等物品。
3. 选中家具，调整位置、方向和具体尺寸。
4. 使用测量工具检查通道和家具间距。
5. 按下 T 键切换到3D场景。
6. 在漫游模式中使用 WASD 或方向键移动，按 E 开关房门。
7. 方案确认后，可以导出PNG图片或JSON文件备份。

如果要换成自己家的户型，需要从GitHub仓库下载项目，然后修改 index.html 中的以下数据：

• ROOMS：房间轮廓、名称和地面材料
• WALLS：墙体位置与尺寸
• WINS：窗户及洞口
• MATS：地面材料和单价
• LIB：家具名称、尺寸和颜色