制作一个叫《店铺空间布置与动线规划》的离线空间规划工具,让准备快闪店的小店主把房间尺寸和已有家具带进来,完成“摆得下、逛得通、算得清、带去现场”的完整任务。它不是一张可转动的三维小店插画:用户应能用自己的尺寸完成一次实用布置,并保存下来继续修改。 交付一个完整 index.html,双击打开即可使用。所需字体、图形引擎、数据和资源全部内嵌,无 CDN、服务器、安装或账户要求。保留现有 AppModel、AtelierBridge、AtelierNotebook 集成接口、原有方案回读和二维/三维同步。若环境没有 WebGL,仍保留真正可用的平面编辑、通路、清单和文件操作。 默认提供一间 6200 × 4600 × 2800 mm 的周末选物店,入口在前侧中央、宽 1500 mm。家具采用真实尺寸:两件开放货架、衣架、收银台、陈列桌、台座、长凳、绿植。带名称、稳定编号、宽深高、位置、朝向与可修改单价。默认应有一个可以改善的真实问题:看起来没有占地冲突,但入口未必能到每件陈列;让用户第一次有价值的操作就是看通路并尝试整理。 把主要画面做成淡米白的空间工作台。三维店面和尺寸平面是主角,暖木、陶土、亚麻、金属有各自的颜色与材质。货架分层和商品、衣架与衣物、桌腿与桌上物、收银台细节、植物及真实比例应让用户辨认对象,环境灯轨与挂画安静衬托空间。避免绿色界面主题。操作接近对象,不在画面之外散落大段参数。桌面显示画面与编辑侧栏,窄屏保持画布可读,再依次编辑。 在同一页面提供四个明确步骤:布置空间、走通动线、核对预算、带去现场。选择步骤时画面和右侧内容同步;不把这些做成互不相通的演示。保存、撤销和重做随时可找到,方案册融入头部正常布局。 空间支持用户自己的矩形房间、层高、前侧入口宽和入口位置。先完整校验,再更新,不能让不合法尺寸破坏已有方案。改变房间保留已有家具,清楚反馈越界。为生活选物、服饰快闪、艺术展陈各提供按当前尺寸生成的起步布置;小房间可用更少、更窄的起步家具,但不能偷偷改变用户已有家具。 家具可以在平面直接拖动,在三维先点选再沿地面拖动,与镜头操作互斥。可改精确坐标、真实宽深高与单价,旋转 90°、复制、删除、贴墙和吸附 50 mm 网格。方向键 50 mm、Shift 为 10 mm。一次连续拖动是一条撤销记录;取消或失去指针捕获恢复开始位置。三维点选、高亮与属性必须对应同一件物品;提供鸟瞰复位和 1.6 m 高度的入口观察视角。 “走通动线”回答入口能否真正到达陈列与服务点,而不是把两个物件的轴向空隙称为路线。以用户设定的通路宽建立矩形余量,以 100 mm 网格在房间内从实际入口搜索连通区域及最短网格路线。货架、衣架、收银台从随旋转变化的正面接近;桌、台座、长凳从可用的任意一侧接近;绿植是障碍但不是目的地。显示可达数、受阻物件和点选目的地的路径长度,在平面与三维地板上画同源路线。入口窄于设定宽度时不能显示成功。明确这是保守网格布置比较,不模拟人群、排队或消防疏散。 提供“整理当前家具”:保留所有物件的身份、数量、尺寸、名称与单价,仅调整位置与方向;预留连续入口主通路以及陈列前的接近空间,拒绝越界、重叠与入口占用。采用可解释的启发式即可,不声称最优;若有物件摆不下,反馈编号并保留原方案。成功后仍显示实际算出的可达点,不凭空保证全部可达。整体整理可以撤销和重做。 预算从当前采购明细计算。用户可填写总预算、运输安装、场地与其他费用、0–50% 预备金;总费用为家具与已知费用之和再加预备金,清楚显示余量或超额。所有合法的零值保留,价格变化立即同步采购和预算。预算与现场备注和布局一起进入撤销记录与方案文件。 让完成后真正省去一次现场手工重做:下载可打印的独立 HTML 布置单,内含带尺寸与入口的实际布置图、同源通路、每件家具的编号/名称/真实尺寸/中心坐标/朝向/单价、合并采购、完整费用和用户备注。当前没解决的冲突与受阻目的地照实保留。可直接打开并打印或保存 PDF。继续编辑另存 JSON,不能用截图或布置单冒充恢复文件。原 SVG、PNG、采购 CSV 和旧 v1 JSON 回读继续可用。 完成后在最终文件检查默认方案与至少一间不同尺寸的自己的房间,连续拖动、改尺寸、整理、撤销、改预算、保存再载入,确认平面、三维、通路、账本与报告始终属于同一方案。用独立几何核对路径不穿家具或墙,用已知长度核对路线;用 XML/CSV 读取器打开真实导出。浏览器实际检查首屏、核心鼠标操作、窄屏与本地入口;没有做过的条件准确注明。以用户能完成的任务与最终画面决定是否继续修订,不以控件数量或测试数量判定完成。