# Juicy Journey · 可玩广告合集

更新：2026 年 10 月 9 日。

仓库：[Barofan1982/Playable](https://github.com/Barofan1982/Playable)。

根目录的 [index.html](index.html) 是合集首页。卡片只显示预览图、标题和分类，点击整张卡片直接进入试玩。手机端固定一屏，通过左右滑动切换卡片；也可使用分类或左右切换按钮。桌面端使用多列画廊。页面不提供文件下载选项。

## 25 个试玩

| 样本 | 类型 | 主要操作 | 说明 |
| --- | --- | --- | --- |
| [玉米旋转消除](corn/index.html) | 消除 | 左右拖动一个圆环；沿对齐的同色连线拖动。 | [说明](corn/README.md) |
| [饮料摊经营](market/index.html) | 经营 | 按住画面拖动控制移动；电脑也可用方向键或 WASD。 | [说明](market/README.md) |
| [俄罗斯方块](block/index.html) | 方块 | 左右拖动选择落点，松手下落；ROTATE 旋转，DROP 落下。 | [说明](block/README.md) |
| [公主蝴蝶拼图](jigsaw/index.html) | 拼图 | 从底部向上拖出拼块放进缺口；AUTO SOLVE 一键自动拼。 | [说明](jigsaw/README.md) |
| [雨夜撑伞拼图](rain-jigsaw/index.html) | 拼图 | 左右滑动备选栏，向上拖出拼块；AUTO SOLVE 自动完成。 | [说明](rain-jigsaw/README.md) |
| [海岛合并烹饪](merge-cook/index.html) | 消除 | 把一个食材拖到另一个相同食材上；AUTO PLAY 自动完成整盘。 | [说明](merge-cook/README.md) |
| [饮品发射合并](drink-merge/index.html) | 消除 | 左右拖动选择位置，松手发射；同级进入范围后磁吸合成并继续滑行，NEXT 预览下一杯。 | [说明](drink-merge/README.md) |
| [寿司传送带](sushi-belt/index.html) | 经营 | 点击一列前端连续同类食材；AUTO PLAY 自动经营，HINT 提示。 | [说明](sushi-belt/README.md) |
| [洗衣房寻物](hidden-laundry/index.html) | 寻物 | 点击找齐五类各两件；HINT 提示位置，AUTO PLAY 每秒收集一件。 | [说明](hidden-laundry/README.md) |
| [杯子泡泡射击](cup-shooter/index.html) | 消除 | 按住拖动瞄准，松开发射；点击发射圈或 SWAP 切换杯子。 已消失颜色自动舍弃并补杯。 自动演示遇到遮挡会继续落杯，不因缺少同色落点停止。 | [说明](cup-shooter/README.md) |
| [海岛酒店经营](hotel-tycoon/index.html) | 经营 | 拖动、点地或 WASD 移动建设与补货；STAFF 付费雇佣收款员和清洁员。AUTO 完整经营，满足开张条件后可点 OPEN HOTEL。 | [说明](hotel-tycoon/README.md) |
| [花店收割经营](flower-shop/index.html) | 经营 | 拖动、点地或 WASD 移动，收割并搬花束出售。TEAM 菜单雇工、扩容至六路并行售卖；AUTO 完整经营。 | [说明](flower-shop/README.md) |
| [海滨双层果汁餐厅](seaside-cafe/index.html) | 经营 | 拖动、点地面或 WASD 移动；站在标识处拿货、卖货、收钱和建造。可开启自动试玩。 | [说明](seaside-cafe/README.md) |
| [橙汁工厂与人潮](juice-factory/index.html) | 经营 | 拖动、点地面或 WASD 移动；站在标识处拿货、卖货、收钱和建造。可开启自动试玩。 | [说明](juice-factory/README.md) |
| [汉堡工厂与汽车取餐](burger-diner/index.html) | 经营 | 拖动、点地面或 WASD 移动；站在标识处拿货、卖货、收钱和建造。可开启自动试玩。 | [说明](burger-diner/README.md) |
| [双层温室花店](greenhouse-florist/index.html) | 经营 | 拖动、点地面或 WASD 移动；站在标识处拿货、卖货、收钱和建造。可开启自动试玩。 | [说明](greenhouse-florist/README.md) |
| [货架三件归类](goods-sort/index.html) | 消除 | 拖动商品到货架，三个相同商品清空一格。 | [说明](goods-sort/README.md) |
| [落石通道救援](avalanche-rescue/index.html) | 消除 | 点击相邻同色图块操作机关；彩球样本还要点击充满后的横杆。 | [说明](avalanche-rescue/README.md) |
| [水塔排水救援](water-tower/index.html) | 消除 | 点击相邻同色图块操作机关；彩球样本还要点击充满后的横杆。 | [说明](water-tower/README.md) |
| [彩球机关灭火](ball-fire-rescue/index.html) | 消除 | 点击相邻同色图块操作机关；彩球样本还要点击充满后的横杆。 | [说明](ball-fire-rescue/README.md) |
| [双水阀与熔岩救援](water-valve-rescue/index.html) | 消除 | 点击相邻同色图块操作机关；彩球样本还要点击充满后的横杆。 | [说明](water-valve-rescue/README.md) |
| [层叠麻将配对](mahjong-pairs/index.html) | 消除 | 点击两张相同自由牌；上方无遮挡、至少一侧开放。 | [说明](mahjong-pairs/README.md) |
| [彩色箭头脱困](arrow-escape/index.html) | 消除 | 先解开 28 箭头，再挑战 200 箭头；放大、拖动、双指缩放查看路径，三次碰撞失败。 | [说明](arrow-escape/README.md) |
| [贴纸杂货店](sticker-shop/index.html) | 装饰 | 左右滑动选贴纸，用弯头镊子从下方拖进对应位置；先放货架再摆商品。音乐按钮只控制配乐，操作音效默认有效。 | [说明](sticker-shop/README.md) |
| [同色双点连线](dot-link/index.html) | 连线 | 按住一个点自由画线到同色点；不能碰到不同颜色的点或交叉已有连线。 | [说明](dot-link/README.md) |

## 静态网站

这些文件可直接作为静态网站托管，首页入口为根目录 index.html。现有成品无需编译，网站根目录即为部署内容根目录。

各样本的 index.html 内嵌运行所需的图片、音乐和代码，单文件离线可玩；合集首页的预览图和商标是额外的网站展示文件，需要与首页一起托管。

GitHub 中保存首页、25 个独立试玩、预览图、必要商标及说明。ZIP 为本地归档，继续保存在本地下载包目录。参考视频、测试浏览器缓存和原始素材由本地工作目录维护。

## 附加视频

[washface.mp4](washface.mp4) 放在仓库根目录，与合集一起保存。

## 配乐与体积

25 个试玩使用用户提供的 Ever So Blue - Onthou，前 30 秒、MP3 128 kbps 循环。配乐默认关闭；贴纸杂货店与同色双点连线的操作音效独立于音乐按钮，其余样本沿用原有声音开关逻辑。

各 HTML 均低于 5,000,000 字节。[体积记录](体积与音乐检查.md)。

## 当前样本说明

### 玉米旋转消除

逐行转动玉米圆环，对齐颜色，再沿同色连线拖动消除，变成爆米花。

- 操作：左右拖动一个圆环；沿对齐的同色连线拖动。
- 结尾：Good Job!；可重玩或继续消除。
- [详细说明](corn/README.md)

### 饮料摊经营

控制角色取饮料、搬运、服务顾客、收款，再升级机器和扩建第二个柜台。 主角使用 Sera 造型，货物和现金随身搬运，抵达购买点后逐叠付款。 Sera 采用交替抬脚、弯膝和反向摆臂，背货时继续走路，停下后回到站姿。

- 操作：按住画面拖动控制移动；电脑也可用方向键或 WASD。
- 结尾：达成目标后可继续经营或重新开始。
- [详细说明](market/README.md)

### 俄罗斯方块

随机出块，旋转和选择落点。只有整排填满才消除，持续清理初始彩虹墙。

- 操作：左右拖动选择落点，松手下落；ROTATE 旋转，DROP 落下。
- 结尾：清空初始墙面后可进入下一面；堆到顶部会提示失败重试。
- [详细说明](block/README.md)

### 公主蝴蝶拼图

两阶段补齐 24 块拼图，底部左右滑动选择全部待拼块，完成后播放蝴蝶动画。

- 操作：从底部向上拖出拼块放进缺口；AUTO SOLVE 一键自动拼。
- 结尾：蝴蝶动画播放完后保持最后一帧，手动 RETRY 才重开。
- [详细说明](jigsaw/README.md)

### 雨夜撑伞拼图

使用撑伞人物图片完成两阶段拼图，结尾呈现雨线、伞面水花、滴水和地面涟漪。

- 操作：左右滑动备选栏，向上拖出拼块；AUTO SOLVE 自动完成。
- 结尾：约 6 秒雨景动画后定格，手动 RETRY 才重开。
- [详细说明](rain-jigsaw/README.md)

### 海岛合并烹饪

将相同食材拖到一起消除，获得烤箱、食材篮和烤架奖励，清空 91 格露出海岛人物图。

- 操作：把一个食材拖到另一个相同食材上；AUTO PLAY 自动完成整盘。
- 结尾：完成后保留新的海岛聚餐背景，手动 RETRY 才重开。
- [详细说明](merge-cook/README.md)

### 饮品发射合并

左右选位、松手发射，杯子紧凑错列，同级磁吸范围恢复并扩大 30%，相互传力，合成后继承惯性继续滑行，最终水果壶交付订单。

- 操作：左右拖动选择位置，松手发射；同级进入范围后磁吸合成并继续滑行，NEXT 预览下一杯。
- 结尾：完成一个订单后保持 Good Job!；可继续合并或手动重试，越线有失败提示。
- [详细说明](drink-merge/README.md)

### 寿司传送带

五列随机食材按前端同类组出料，厨师加工后逐份交付；8 位顾客随机入座，完成 52 单，顶部头像、订单和进度分开显示。 中央主厨固定使用用户提供的 Sera 立绘，开局、加工和重试均保持同一角色。

- 操作：点击一列前端连续同类食材；AUTO PLAY 自动经营，HINT 提示。
- 结尾：完成 52 单后 Good Job! 定格，手动 RETRY 重开；50 格满且无法供餐有失败重试。
- [详细说明](sushi-belt/README.md)

### 洗衣房寻物

十件物品统一使用同一视角，按架板、台面和篮沿摆放，保留前景遮挡。找齐后显示 Good Job! 并保持最后画面。

- 操作：点击找齐五类各两件；HINT 提示位置，AUTO PLAY 每秒收集一件。
- 结尾：找齐 10 件后 Good Job! 定格；只有手动点击 RETRY 才重新开始。
- [详细说明](hidden-laundry/README.md)

### 杯子泡泡射击

在海上木桥瞄准发射彩色杯子，切换三杯备选；同色成组消除，失去连接的杯子弹起滚落，逐段清空心形与菱形盘面。

- 操作：按住拖动瞄准，松开发射；点击发射圈或 SWAP 切换杯子。 已消失颜色自动舍弃并补杯。 自动演示遇到遮挡会继续落杯，不因缺少同色落点停止。
- 结尾：全部清空后 Good Job! 保持最后画面；手动 RETRY 重开，满桥提示失败。
- [详细说明](cup-shooter/README.md)

### 海岛酒店经营

首桌 60、两趟搬钱开局；经历 10 项建设，付费雇佣四类收款员与清洁员。泳池入口有实体开门动画，开张资金为 3000，人数与资金进度集中在顶部，开张按钮融入任务栏。 主角使用 Sera 造型，货物和现金随身搬运，抵达购买点后逐叠付款。 Sera 采用交替抬脚、弯膝和反向摆臂，背货时继续走路，停下后回到站姿。

- 操作：拖动、点地或 WASD 移动建设与补货；STAFF 付费雇佣收款员和清洁员。AUTO 完整经营，满足开张条件后可点 OPEN HOTEL。
- 结尾：完成前九项建设，筹足 3000、满意人数 110、服务人数 110、住宿 5 次后开张；顶部显示进度，可点 OPEN HOTEL。Good Job! 显示实际满意人数，酒店全景定格，手动 RETRY 重开。
- [详细说明](hotel-tycoon/README.md)

### 花店收割经营

收割、打包、搬运、出售，逐步雇用八位员工；扩建四块花田和两个柜台，最多六路同时售卖，减少库存堆积，开张花卉节。 主角使用 Sera 造型，货物和现金随身搬运，抵达购买点后逐叠付款。 Sera 采用交替抬脚、弯膝和反向摆臂，背货时继续走路，停下后回到站姿。

- 操作：拖动、点地或 WASD 移动，收割并搬花束出售。TEAM 菜单雇工、扩容至六路并行售卖；AUTO 完整经营。
- 结尾：完成 17 项建设，满意顾客达到 300 人、金色和蓝色花束各售出 100 束，支付 5,000 现金开张花卉节；Good Job! 最后一帧保持到手动 RETRY。
- [详细说明](flower-shop/README.md)

### 海滨双层果汁餐厅

上下楼经营海滨餐厅：榨汁、搬运、送餐、收钱、清桌，逐步开启三张餐桌和员工。

- 操作：拖动、点地面或 WASD 移动；站在标识处拿货、卖货、收钱和建造。可开启自动试玩。
- 结尾：完成扩建后持续经营，顾客和员工继续工作；手动点击重试。
- [详细说明](seaside-cafe/README.md)

### 橙汁工厂与人潮

经营橙汁工厂，搬运玻璃杯到柜台，解锁果实传送带、四条独立队列和多名员工。

- 操作：拖动、点地面或 WASD 移动；站在标识处拿货、卖货、收钱和建造。可开启自动试玩。
- 结尾：完成扩建后持续经营，顾客和员工继续工作；手动点击重试。
- [详细说明](juice-factory/README.md)

### 汉堡工厂与汽车取餐

收集奶酪、番茄、肉饼，三种原料齐备才能制作汉堡；解锁三条点餐队列和汽车取餐窗口。

- 操作：拖动、点地面或 WASD 移动；站在标识处拿货、卖货、收钱和建造。可开启自动试玩。
- 结尾：完成扩建后持续经营，顾客和员工继续工作；手动点击重试。
- [详细说明](burger-diner/README.md)

### 双层温室花店

快速批量采花与包装，一趟可搬 24 盆、升级后 48 盆；开局两路自动售卖，逐步扩充四路柜台和三片花田。

- 操作：拖动、点地面或 WASD 移动；站在标识处拿货、卖货、收钱和建造。可开启自动试玩。
- 结尾：完成扩建后持续经营，顾客和员工继续工作；手动点击重试。
- [详细说明](greenhouse-florist/README.md)

### 货架三件归类

拖动货架上的商品，每格放齐三个相同商品即可清空。整理全部 16 组，在时间和步数耗尽前完成。

- 操作：拖动商品到货架，三个相同商品清空一格。
- 结尾：成功或失败后直接显示简短提示，最长 0.7 秒结尾动画，保持画面到手动重试。
- [详细说明](goods-sort/README.md)

### 落石通道救援

落石持续从上方逼近。消除相邻同色图块，让 Sera 沿楼梯前进并清除出口的 70 块障碍；落石碰到人物会立即失败。

- 操作：点击相邻同色图块操作机关；彩球样本还要点击充满后的横杆。
- 结尾：成功或失败后直接显示简短提示，最长 0.7 秒结尾动画，保持画面到手动重试。
- [详细说明](avalanche-rescue/README.md)

### 水塔排水救援

消除各列图块来击碎水塔底部八块石板，形成排水口。水位降下后 Sera 脱困；水满或步数耗尽则失败。

- 操作：点击相邻同色图块操作机关；彩球样本还要点击充满后的横杆。
- 结尾：成功或失败后直接显示简短提示，最长 0.7 秒结尾动画，保持画面到手动重试。
- [详细说明](water-tower/README.md)

### 彩球机关灭火

消除绿色叶片积攒水球，充满后点击横杆释放一批水球。完成三轮降温救出 Sera；红色图块会助长火势。

- 操作：点击相邻同色图块操作机关；彩球样本还要点击充满后的横杆。
- 结尾：成功或失败后直接显示简短提示，最长 0.7 秒结尾动画，保持画面到手动重试。
- [详细说明](ball-fire-rescue/README.md)

### 双水阀与熔岩救援

两间连续机关房：先用黄色图块打开清水闸灭火，再放水冷却熔岩形成出路。消除过多红色图块会打开危险闸。

- 操作：点击相邻同色图块操作机关；彩球样本还要点击充满后的横杆。
- 结尾：成功或失败后直接显示简短提示，最长 0.7 秒结尾动画，保持画面到手动重试。
- [详细说明](water-valve-rescue/README.md)

### 层叠麻将配对

按麻将接龙规则配对 68 张牌：上方无遮挡且至少一侧空着才能选择。五次错配、无法配对或时间耗尽会失败。

- 操作：点击两张相同自由牌；上方无遮挡、至少一侧开放。
- 结尾：成功或失败后直接显示简短提示，最长 0.7 秒结尾动画，保持画面到手动重试。
- [详细说明](mahjong-pairs/README.md)

### 彩色箭头脱困

两关缠绕解谜：第一关保持 28 条不规则路线，通关后解锁 200 箭头地狱关。密集线路相互嵌套，可放大到 4 倍并拖动、双指缩放；三次碰撞或超时失败。

- 操作：先解开 28 箭头，再挑战 200 箭头；放大、拖动、双指缩放查看路径，三次碰撞失败。
- 结尾：第一关完成后点击 HELL MODE 进入 200 箭头第二关；最终胜负保留到手动重试当前关，结尾动画 0.7 秒。
- [详细说明](arrow-escape/README.md)

### 贴纸杂货店

把空调、窗户、家具、商品和 Sera 朋友们的 36 张贴纸放进等距杂货店；五个柜子采用已确认设计，瓶罐按层板高度和深度摆入柜内。

- 操作：左右滑动选贴纸，用弯头镊子从下方拖进对应位置；先放货架再摆商品。音乐按钮只控制配乐，操作音效默认有效。
- 结尾：36 张全部到位后显示 Good Job!，保留完整商店，手动 RETRY 才重开。
- [详细说明](sticker-shop/README.md)

### 同色双点连线

自由画线连接同色双点，绕开其他点和已经连好的线。六个关卡逐步增加至六组点；画布与字母圆点放大，页签和控件精简，划线使用轻短清脆提示音。

- 操作：按住一个点自由画线到同色点；不能碰到不同颜色的点或交叉已有连线。
- 结尾：全部点对连好即成功；三次碰撞后失败。手动切下一关，最后一关保留画面；自动试玩可连续完成六关。
- [详细说明](dot-link/README.md)

