floorplan-3d 10 个必会快捷键：户型装修设计效率翻 3 倍（附完整键位清单）
【免费下载链接】floorplan-3d项目地址: https://gitcode.com/gh_mirrors/fl/floorplan-3d
想快速上手floorplan-3d 户型装修设计工具？这套 10 个必会快捷键让你在 2D 平面图上拖家具、拆墙体、量尺寸，并一键切换 Three.js 3D 场景漫游——不用构建、打开即用，装修布置效率直接翻倍。
floorplan-3d 是一个纯前端的户型装修设计工具：按 1:60 / 1:100 比例显示原始户型，从左侧家具库拖入 60 余种家具家电，可以贴墙吸附、旋转调整；再按一个键切到 3D 场景，鸟瞰或第一人称漫游。整个应用就是一个 index.html，浏览器打开即用。
对新手来说，工具好不好用，一半取决于你有没有用对快捷键。下面这 10 个键位，覆盖了从摆家具到 3D 逛房子的全流程 💡
准备工作：30 秒打开 floorplan-3d
先拿到项目，用浏览器打开主文件即可：
git clone https://gitcode.com/gh_mirrors/fl/floorplan-3d cd floorplan-3d然后直接双击index.html打开，或者起一个静态服务器：
python3 -m http.server 8000 # 访问 http://localhost:8000小贴士：3D 场景通过 CDN 加载 Three.js，首次打开 3D 需要联网。
必会快捷键 10 连招
1️⃣T—— 一键切换 2D / 3D 视图
这是全工具最高频的一键：在平面图和 3D 场景之间随时来回跳。2D 里摆好家具，按T立刻进 3D 看效果，不满意再切回去微调，2D / 3D 方案实时同步，是"边设计边验收"的核心操作。
2️⃣V/M/X—— 秒切三大工具
不用点工具栏，一个字母直接切换模式：
| 键位 | 工具 | 用途 |
|---|---|---|
V | 选择 | 拖动、旋转家具（默认模式） |
M | 测量 | 拉线量尺寸，靠近墙面自动吸附 |
X | 拆改墙体 | 拆除非承重墙，承重墙有单独标示 |
3️⃣R/Shift+R—— 家具旋转 90°
选中家具后按R顺时针转 90°，加Shift则逆时针。沙发、床、餐桌这类大件靠它快速"对墙"，比用鼠标拖手柄精确得多。配合贴墙自动吸附，摆家具几乎不用手动对齐。
4️⃣ 方向键 ↑↓←→ —— 10mm 精确微调
按住方向键可以毫米级挪动选中家具：默认每次 10mm，加Shift每次 100mm。这是户型精细化布置的杀手锏——大方向用鼠标拖，最后 1 厘米的对齐交给方向键。
5️⃣Ctrl/⌘ + D—— 复制选中家具
对称布局神器：复制一张沙发、一排柜子，再配合方向键和R摆好位置，客厅餐厅秒出方案。
6️⃣Delete/Backspace—— 删除选中家具
摆错了直接删，不用打开右侧面板找按钮。两个键都支持，手放在哪个顺手用哪个。
7️⃣Ctrl/⌘ + Z/Ctrl/⌘ + Shift + Z—— 撤销 / 重做
装修方案反复改，手抖不怕。所有操作（移动、旋转、拆墙）都走撤销栈，Ctrl/⌘ + Y也支持重做。放心大胆地试错，方案自动保存在浏览器本地。
8️⃣+/-与F—— 视图缩放与适应窗口
+/-以画面中心放大缩小；视野乱了？按F一键适应窗口，整套户型完整回到视野。逛 3D 场景迷路后按F也能快速回到鸟瞰全景。
9️⃣[/]与Shift + F—— 面板收纳与全屏
[/]：展开 / 收起左侧家具库和右侧属性面板，设计时全屏无遮挡Shift + F：进入全屏，向家人、客户演示 3D 漫游效果更沉浸
🔟 3D 漫游键位 ——WASD逛自己的新家
按T切到 3D 后进入漫游模式，用键盘"住进"自己设计的房子里：
| 键位 | 作用 |
|---|---|
WASD/ 方向键 | 前后左右移动 |
| 鼠标 | 转向 |
Shift | 快走 |
E | 开 / 关门 |
Esc | 退出 / 暂停漫游 |
触屏设备（iPad / 手机）会自动切换成虚拟摇杆漫游，点门即可开关，无需键盘。
完整键位清单（建议收藏）
下面这张表来自源码的键盘事件处理 index.html 和漫游监听 index.html，与 README.md 中的快捷键章节一致：
| 按键 | 作用 |
|---|---|
T | 切换 2D / 3D |
V/M/X | 选择 / 测量 / 拆改墙体 |
R/Shift+R | 选中家具顺时针 / 逆时针旋转 90° |
方向键（Shift加速） | 微调家具 10mm / 100mm |
Delete/Backspace | 删除选中家具 |
Ctrl/⌘ + D | 复制选中家具 |
Ctrl/⌘ + Z/Ctrl/⌘ + Shift + Z | 撤销 / 重做 |
F | 适应窗口 |
+/- | 放大 / 缩小 |
[/] | 展开 / 收起左侧家具库、右侧面板 |
Shift + F | 全屏 |
Esc | 取消当前操作 |
漫游：WASD/ 方向键 | 3D 漫游移动 |
漫游：Shift/E/Esc | 快走 / 开关门 / 退出漫游 |
效率组合技：高手都是这么用的
- 摆沙发三连：
Ctrl+D复制 → 方向键贴墙 →R转正 - 量房模式：
M进入测量，Shift锁水平 / 垂直，快速核对家具过道的净宽 - 改墙复盘：
X拆墙大胆试 →Ctrl+Z随时回退，承重墙不会误拆 - 演示路线：
Shift+F全屏 →T进 3D →WASD从玄关走到每个房间，E把门开起来更有真实感
想改成自己的户型？
floorplan-3d 的户型数据（房间多边形ROOMS、墙体WALLS、地面材料MATS、家具库LIB）都写在 index.html 里，改这些数据就能换成自己的户型，3D 家具模型由buildFurniture()生成，技术细节见 README.md。项目采用 MIT 协议，可自由使用。
键盘是装修设计的"第二双手"：先背熟这 10 组键位，再打开你的户型图，方案速度从"小时级"进入"分钟级" 🚀
【免费下载链接】floorplan-3d项目地址: https://gitcode.com/gh_mirrors/fl/floorplan-3d
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
