# Juicy Journey · Sticker Shop 更新：2026-10-08。独立的贴纸商店装饰试玩；所有素材、配乐和脚本均嵌入 `index.html`，可直接离线打开。 ## 操作 - 底部从一开始就包含全部 36 张未放置贴纸，左右滑动选择。 - 上下拖动贴纸进入房间，所选物品的位置会出现半透明形状和沿贴纸实际边缘的绿色轮廓；靠近目标松手后吸附。 - 放错位置会动画返回，不增加进度。商品先放对应的货架，收银机和面包先放柜台。 - 也可以选择贴纸，再点击目标位置放置。键盘 Enter 或空格可选择当前聚焦的贴纸。 - HINT 选择可用贴纸并指出位置；不会替玩家放置。 - 空白处拖动平移；双指捏合、鼠标滚轮或 + / − 缩放，范围 1–3.2 倍；FIT 恢复完整场景。 - AUTO PLAY 按家具依赖顺序逐个放置，支持暂停和继续；暂停后当前在途贴纸落位，后续停止。 - 36 张全部到位后，播放不超过 0.85 秒的完成反馈，显示 Good Job!，保留完成后的房间。只有手动 RETRY 才重开。 - 音乐默认关闭；♫ 只控制内嵌背景配乐；操作音效默认有效，第一次手动操作即可发声。配乐为用户提供的 Ever So Blue - Onthou，前 30 秒、MP3 128 kbps 循环。 ## 本次画面与声音修正 - 空调和窗户作为独立贴纸，开局墙面留空。 - 家具、商品与人物统一使用白色贴纸外描边；位置提示按实际透明轮廓显示，梯子空隙也保留。 - 五个柜子替换为用户于 2026-10-08 确认的设计：四层双格木柜、三层冷藏柜、三层果汁柜、三层中岛陈列柜和收银柜台；透明空柜图与确认稿逐字节一致。 - 柜子与已贴商品按同一组立体坐标一起绘制。背板、侧板、柜顶、中间隔板、层板按实际深度遮挡瓶罐，商品不再统一压在柜子最上层。 - 重新安排各层的商品位置、间距和高度；瓶罐、纸盒、水果和柜台物件落在对应支撑面，保持层间余量。接触阴影也投影在该支撑面上。 - 独立家具和人物的阴影落在地面；阴影不参与贴纸轮廓。已渲染的柜子组合会缓存，平移、缩放和普通画面刷新复用同一张图。 - 镊子采用下方长柄与横向弯头，从下往上夹住贴纸，贴稳后向下松开。 - 镊子提起时播放约 0.18 秒的纸张撕拉音；贴稳后播放按压声与轻柔上行奖励音，约 0.23 秒。手动拖放和 AUTO PLAY 均使用这两种音效。横向浏览托盘不会触发撕拉声。 - 音效由浏览器本地合成，通过独立音效通道播放，不受音乐开关影响；页面隐藏时暂停。 新增参考：`My Sticker Room - Decor Game-360 X 640-2026-10-08-fc78980db834d08d3cfd5da036b7ec92.mp4` 和用户提供的弯头镊子截图。音效按视频操作时刻与音轨瞬态调整节奏，仍为本地合成声音。 ## 玩法与参考 参考用户提供的 `My Sticker Room - Decor Game-720 X 1280-2026-10-08-4e67cc4aeeaea9f417622d57339a481f.mp4`（720 × 1280，约 60 秒）。参考视频以手绘等距商店为场景，从底部取贴纸，逐步放入商品、柜台和人物，并缩放查看细节。 本样本制作一间可完整布置的原创 Juicy Journey 杂货店，共 36 张贴纸；房间、家具、商品使用统一的等距坐标绘制，人物使用独立透明贴纸。它是参考玩法的品牌改编，人物与商品布局使用新素材，并非原视频的逐帧素材拷贝。 贴纸包含：空调、窗户、三类货架、冷柜、收银台、梯子、招牌、海报、绿植、购物车、地垫、收银机、面包、17 组商品，以及 Sera、两位朋友和小狗。 这是安静的装饰玩法，错误操作返回贴纸并给出提示，无计时淘汰或强制结算。人物是可摆放的静态贴纸。 ## 验证 - 390 × 844、320 × 568、1280 × 720、667 × 375 四种窗口适配检查。 - 实际触屏横向滑动、拖到错误位置、家具依赖、正确拖放、缩放后的吸附与鼠标拖放。 - 提示不增加进度；重试取消在途自动贴纸；自动操作按照依赖完成全部 36 张且不会重复计数。 - 完成画面像素保持一致，无弹窗或自动重开；音乐、双指缩放、镊子显示、两种音效的触发次数及关闭音乐后仍能播放音效的行为单独检查。 - 五个柜子空柜图与确认稿逐字节比对；19 张柜内商品及柜台物件的支撑高度、层间余量、前沿边界检查全部通过。 - 实时自动操作完成全部 36 张；独立浏览器验收中，新增柜子组合渲染最多约 55 毫秒，后续画面使用缓存。 - 记录：`checks.json`、`live-checks.json`、`package-checks.json`。 ## 配乐与体积 - HTML：2,495,799 字节（2.496 MB），发布时更新体积。 - HTML 和 ZIP 均严格低于 5,000,000 字节。 - ZIP 中的 `index.html` 与当前入口一致，单文件内嵌图片和音乐，无需联网。 ## 来源与维护 - `source/art.js`：原生 Canvas 等距房间及其他物件。 - `source/cabinets.js`：已确认柜子的立体几何、商品摆位、接触阴影、深度遮挡与缓存。 - `source/game.js`：托盘滑动、拖放、吸附、镜头、自动操作和完成状态。 - `source/template.html`：自适应界面。 - `source/build.cjs`：独立构建；接入合集配乐和图片压缩。 - `assets/characters.png`：imagegen 制作的四人物透明图集，保留生成原图。 - `ASSET-NOTES.md`：素材来源、完整提示词与处理方式。 - `柜子贴图待确认/20261008-v1/`：保存已确认的五组透明贴图和陈列检查图，作为设计存档。 [返回投放试玩合集](../index.html)