Retro Glow：给 Sue 化一个一模一样的妆

Retro Glow：给 Sue 化一个一模一样的妆

一句话本质

Retro Glow 是一款以“快速模拟化妆”为核心玩法的时间管理挑战游戏，玩家通过在 60 秒内在真人脸部模型上按颜色与工具叠加涂抹，力求复刻参考妆容，完成度越高越容易过关。

行为循环

1. 选择类别：面部部位（眉毛、眼线、腮红、唇色等）
2. 挑选颜色/工具：从调色板或工具箱中抽取相应色块或笔刷
3. 涂抹：点击或拖拽，系统给每次操作 +20 完成度
4. 评估：若在 60 秒内累计完成度 ≥ 90% 通过本关，否则失败
5. 反馈：显示完成度条，匹配度与参考图对比
6. 继续：重试当前关卡或进入下一关

原语标注

• ClassifySlot(slotId) – 选中面部部位
• PickTool(toolId) – 选中化妆工具
• ApplyColor(percentage) – 涂抹一次完成度 +20
• CheckPass(threshold) – 判断是否超过 90%
• TimeTick(delta) – 60 秒倒计时
• ResetLevel() – 重置关卡
• NextLevel() – 加载下一关

参数速查表

| 参数 | 说明 | 默认值 | 单位 | |------|------|--------|------| | timeLimit | 关卡总时长 | 60 | 秒 | | stepValue | 每次涂抹完成度 | 20 | % | | passThreshold | 过关阈值 | 90 | % | | maxLayers | 单个部位最大层数 | 5 | 层 | | numLevels | 关卡总数 | 20 | 层 | | toolSet | 工具种类 | ['brush','airbrush','glitter'] | 无 |

设计取舍

1. 时间锁定：60 秒足以让玩家感受“快节奏”但又不至于过于压迫，提升挑战感。
2. 完成度阈值 90%：高阈值保证复刻逼真度，低阈值则导致过关过于容易。
3. 单层 20%：保持涂抹的分步可控性，避免一次性完成造成爽快感缺失。
4. 匹配度可视化：实时对比图让玩家随时知道差距，减少心理疲劳。
5. 关卡分层：每个部位单独练习，既能聚焦技巧也可快速累计经验。

实现要点

• 面部识别与层级渲染：使用 WebGL 或 Canvas 的 Z‑Order 管理多层图层，保证覆盖顺序正确。
• 时间计数：采用 requestAnimationFrame 或 setInterval，保证同步动画与倒计时。
• 完成度算法：每次涂抹后调用 ApplyColor，内部维护 currentScore，并更新进度条。
• 匹配度计算：离线预处理参考图像，利用 RGB 直方图相似度或结构相似度 SSIM 计算差距。
• 多模式：match 与 free 两种模式切换时只改变目标阈值与匹配度反馈，核心循环不变。
• 本地存档：使用 IndexedDB 或 localStorage 保存最高得分与已解锁关卡。

以上设计与实现细节使 Retro Glow 成为一款既能练习化妆技艺，又能享受短暂快感的挑战游戏。