# Juicy Journey · Jigsaw Puzzle · 公主蝴蝶版 ## 打开与操作 直接打开 `index.html`。图片、商标和完成动画都嵌入在 HTML 中，可以离线试玩，无需安装或启动服务。 - 当前阶段的全部未放置拼块都在底部备选栏中：第一阶段 10 块，第二阶段 14 块。 - 左右滑动底部栏即可浏览、选择任意拼块，无需先消耗当前可见的拼块。鼠标横向拖动或滚轮也可浏览。 - 向上拖出拼块，再移动到对应缺口，松手后正确的拼块会吸附。 - 放错位置、拖出棋盘或中断拖动，拼块会返回原位。 - HINT 只高亮一块拼图和它对应的缺口，不会代替玩家完成。 - 点击 **AUTO SOLVE**，每秒自动放入一块，连续完成两个阶段；已经手动拼过的进度会继续保留。自动过程中按钮显示 AUTO…，不能重复启动。 - 完成动画播完后，画面一直停留在最后一帧，不弹出结算或重试窗口。 - 点击底部 **↻ RETRY** 或右上角 ↻ 才重新开始；自动拼图中也可以手动重试。 - 左上角使用 Juicy Journey 商标。 - 声音默认关闭，可用左下角按钮开启拼块音效。 ## 对照视频的流程 参考：`Puzzle Games_ Jigsaw Puzzles-720 X 1280-2026-09-29-7d6249dc0922550a2aa2160b0c4d6115.mp4`。 1. 人物近景：6 列 × 8 行，预先完成 38 块，补齐右下角阶梯形缺口的 10 块。 2. 完整画像：保持 6 列 × 8 行，预先完成 34 块，再补 14 块。 3. 共完成 24 次拼块放置后，拼缝淡出，播放参考视频中蝴蝶飞动、人物睁眼的片段。播放结束后缓存最后一帧并定格，顶部显示 **Good Job!**。 两阶段的图片与完成动画取自参考视频。拼块轮廓和拖放反馈由页面重新实现，相邻拼块共用切口边界；每个切口的曲线与原视频并非逐像素一致。底部所有待拼块一次性加入可横向滑动的备选栏，排列顺序随机；放对后只移除对应拼块。没有倒计时，也不会在未完成时自动结算。 ## 显示与验证 - 手机竖屏完整显示棋盘和底部滑动拼块栏；宽横屏在旁边显示玩法说明。 - 390 × 844 触摸与 1280 × 720 鼠标均完成全部 24 块的实际拖放测试。 - 验证了点击不代拼、错误位置返回、提示不加进度、拖动中失焦返回、阶段切换、完成动画、再次游玩及转场中重置。 - 验证了未放置任何拼块时即可浏览全部 10 / 14 块，原先隐藏的最后一块可首先放置，放置只移除对应拼块，左右滑动不会误触拼入；鼠标滚轮浏览也通过验证。 - 320 × 568 小屏触摸完成了全部 24 块，标题、进度与按钮没有重叠或页面溢出。 - 新增功能通过 390 × 844 触摸测试：一键放完 24 块，两阶段连续进行，相邻自动放置间隔为 995–1014 毫秒，无重复放置。 - 最终画面间隔 1.8 秒的像素检查一致；点击画面不会重开。验证了手动进度后继续自动拼，以及自动飞行中重试不会留下延迟放置。 - 新的四按钮布局在 390 × 844、1280 × 720、320 × 568 均无重叠或溢出。 本目录为独立交付，未修改之前的玉米、饮料摊及俄罗斯方块试玩。 ## 配乐与体积（2026-10-02） - 配乐：用户提供的 Ever So Blue - Onthou，取前 30 秒，MP3 / 128 kbps / 44.1 kHz / 立体声，首尾淡入淡出后循环。 - 声音默认关闭。声音按钮同时控制配乐和原有操作音效；重试保留声音选择，不重复创建配乐。页面隐藏或广告不可见时暂停，恢复可见后仅在声音开启时续播。 - 图片已压缩：照片使用 JPEG；透明道具保留 PNG 和透明背景。人物、关卡和操作规则沿用当前版本。 - HTML：1,690,977 字节（1.691 MB），严格低于 5,000,000 字节；配乐、图片和脚本全部内嵌，可离线运行。 - ZIP 包内含相同的单文件 HTML 与说明，无需额外素材文件。工作目录 assets 中保留原始美术供后续编辑，assets/onthou-loop.mp3 是内嵌配乐的备份。 - 重新构建已接入合集的配乐压缩流程；压缩缓存、原始版本与检查结果存放在「维护工具/配乐压缩」中。