Floorplan 3D：一个网页文件摆好整个家，装修前先在 3D 里走一圈

Floorplan 3D 是 GitHub 用户 wy51ai 开源的一款纯前端户型设计工具，整个项目只有一个 index.html，浏览器打开就能用。它解决的是装修前最实际的问题：沙发、床、餐桌单看都不大，摆进家里却挡通道；只看 2D 户型图，判断不了摆完到底挤不挤。于是它让你在网页里先拖家具、量尺寸、拆非承重墙，再按 T 键切到 3D 用第一人称走一圈验证布局。它不是专业 CAD 的替代品，只做「摆家具验证布局」这一件事，但这件事做得很轻。

MIT 许可证、认准 wy51ai/floorplan-3d 仓库和 GitHub Pages 在线版（wy51ai.github.io/floorplan-3d），两者同源，界面有简体中文、繁體中文和 English 三语。项目 2026-09-29 建仓，已核实 GitHub Releases 与 tags 均为空，无版本号可标，以 master 最新提交为准（2026-10-02），目前 2,247 stars、427 forks（2026-10-14 API 口径）——发版虽无 tag，更新节奏却不慢。技术上是原生 HTML/CSS/JavaScript 单文件：2D 平面图用 SVG 画，3D 场景用 Three.js r160，数据存在浏览器 localStorage，无需构建、打开即用。它不能上传户型图自动生成 3D 房间，想换成自己家的户型，需要下载源码改 index.html 里的 ROOMS、WALLS、WINS 等数据，得懂一点 HTML 和 JavaScript。3D 场景的 Three.js 走 jsDelivr CDN，首次进入 3D 需要联网；方案保存在浏览器本地，清理浏览器数据前记得先导出 JSON。家具尺寸和材料费用只作布局参考，承重墙和施工方案请交给专业人员确认。

下载地址

蓝奏提取码 8888。

官网地址：https://wy51ai.github.io/floorplan-3d/

版本：无版本号（GitHub Releases 与 tags 均为空，2026-10-14 API 核实；以 master 最新提交为准，最近提交 2026-10-02）

体积：源码 zip 67,998 字节（约 66KB；其中 index.html 176,450 字符，仓库 API 口径 18KB）

摆家具：六十多种模型随手拖

左侧家具库内置六十多种家具和家电，卧室、客厅、餐厨、卫浴、书房都有，直接拖进平面图。选中后可以移动、旋转、逐项改尺寸，贴墙吸附和测量工具用来卡通道和家具间距。标记、拆改非承重墙也在图上直接完成。房间面积自动统计，地面材料可以换，费用估算跟着材料走。撤销、重做、本地保存都是基础操作，方案确认后导出 PNG 图片或 JSON 备份。

按 T 键切 3D，WASD 走一圈

平面摆完，按 T 键切到 3D 视图，2D 和 3D 实时同步。鸟瞰看整体布局，第一人称漫游用 WASD 或方向键移动，按 E 开关房门——沙发挡没挡过道、床和窗的距离合不合适，走一圈比看图纸直观。

软件信息