# Juicy Journey · Jigsaw Puzzle · 雨夜撑伞版

## 打开与操作

直接打开 `index.html`。原始图片与商标嵌入在 HTML 中，完成后的动态效果由页面绘制，可以离线试玩，无需安装或启动服务。

- 当前阶段的全部未放置拼块都在底部备选栏中：第一阶段 10 块，第二阶段 14 块。
- 左右滑动底部栏即可浏览、选择任意拼块，无需先消耗当前可见的拼块。鼠标横向拖动或滚轮也可浏览。
- 向上拖出拼块，再移动到对应缺口，松手后正确的拼块会吸附。
- 放错位置、拖出棋盘或中断拖动，拼块会返回原位。
- HINT 只高亮一块拼图和它对应的缺口，不会代替玩家完成。
- 点击 **AUTO SOLVE**，每秒自动放入一块，连续完成两个阶段；已经手动拼过的进度会继续保留。自动过程中按钮显示 AUTO…，不能重复启动。
- 完成动画播完后，画面一直停留在最后一帧，不弹出结算或重试窗口。
- 点击底部 **↻ RETRY** 或右上角 ↻ 才重新开始；自动拼图中也可以手动重试。
- 左上角使用 Juicy Journey 商标。
- 声音默认关闭，可用左下角按钮开启拼块音效。

## 图片与流程

当前图片：`D:/Test/Juicy Journey/小红书封面/ChatGPT 图像 2026年9月30日 16_24_15.png`，1086 × 1448。原图片文件未修改。

保持之前参考视频的两阶段玩法与缺口布局，两个阶段都从这张新图取景：

1. 人物近景：6 列 × 8 行，预先完成 38 块，补齐右下角阶梯形缺口的 10 块。
2. 完整画像：保持 6 列 × 8 行，预先完成 34 块，再补 14 块。
3. 共完成 24 次拼块放置后，拼缝淡出，整幅雨夜画面出现分层雨线、伞面水花、伞缘滴水与地面涟漪。约 6 秒后缓存最后一帧并定格，顶部显示 **Good Job!**。

人物近景由同一张图片裁取，完整画像按原始比例显示。拼块相邻边界共用曲线，画面连续对齐。底部所有待拼块一次性加入可横向滑动的备选栏，排列顺序随机；放对后只移除对应拼块。没有倒计时，也不会在未完成时自动结算。

完成效果是 Canvas 实时雨滴与灯光动画，人物本身保持原图的姿态和表情。此次换图未调用视频生成服务。页面约 3.5 MB，包含完整原图。

## 结尾雨景

- 雨线分远景、中景和前景共 234 条，前景雨线更长、更亮，在手机尺寸上也能看清下落。
- 24 处伞面撞击水花、6 处伞缘滴水，以及地面的扩散涟漪。
- 人物周围的雨线透明度降低，保留撑伞遮雨的视觉关系。
- 系统开启“减少动画”时保留雨滴与水花，仅关闭镜头缩放与灯光微动。修复了此前该设置会完全跳过雨滴的问题。
- 动画持续约 6 秒后停止，画面定格至手动点击 RETRY。

## 显示与验证

- 手机竖屏完整显示棋盘和底部滑动拼块栏；宽横屏在旁边显示玩法说明。
- 390 × 844 触摸与 1280 × 720 鼠标均完成全部 24 块的实际拖放测试。
- 验证了点击不代拼、错误位置返回、提示不加进度、拖动中失焦返回、阶段切换、完成动画、再次游玩及转场中重置。
- 验证了未放置任何拼块时即可浏览全部 10 / 14 块，原先隐藏的最后一块可首先放置，放置只移除对应拼块，左右滑动不会误触拼入；鼠标滚轮浏览也通过验证。
- 完成后的雨夜效果检查了连续帧像素变化，重试会停止效果并恢复第一阶段。
- 320 × 568 小屏布局检查通过，没有页面溢出或标题、进度重叠。
- 新增功能通过 1280 × 720 鼠标测试：一键放完 24 块，两阶段连续进行，相邻自动放置间隔为 992–1013 毫秒，无重复放置。
- 最终画面间隔 1.8 秒的像素检查一致，雨滴绘制停止；点击画面不会重开。验证了手动进度后继续自动拼，以及自动飞行中重试不会留下延迟放置。
- 新的四按钮布局在 390 × 844、1280 × 720、667 × 375 均无重叠或溢出。
- 增强雨景在普通模式和“减少动画”模式均通过 390 × 844 实际自动拼图测试：对照原图检测到新增亮雨线，连续帧有明显像素变化，6 秒后停止绘制，最终帧保持不变，手动重试恢复第一阶段。

本目录为独立交付，未修改之前的玉米、饮料摊及俄罗斯方块试玩。

<!-- AUDIO_RELEASE_START -->
## 配乐与体积（2026-10-02）

- 配乐：用户提供的 Ever So Blue - Onthou，取前 30 秒，MP3 / 128 kbps / 44.1 kHz / 立体声，首尾淡入淡出后循环。
- 声音默认关闭。声音按钮同时控制配乐和原有操作音效；重试保留声音选择，不重复创建配乐。页面隐藏或广告不可见时暂停，恢复可见后仅在声音开启时续播。
- 图片已压缩：照片使用 JPEG；透明道具保留 PNG 和透明背景。人物、关卡和操作规则沿用当前版本。
- HTML：1,416,154 字节（1.416 MB），严格低于 5,000,000 字节；配乐、图片和脚本全部内嵌，可离线运行。
- ZIP 包内含相同的单文件 HTML 与说明，无需额外素材文件。工作目录 assets 中保留原始美术供后续编辑，assets/onthou-loop.mp3 是内嵌配乐的备份。
- 重新构建已接入合集的配乐压缩流程；压缩缓存、原始版本与检查结果存放在「维护工具/配乐压缩」中。
<!-- AUDIO_RELEASE_END -->
