Kidsbox · KB-71 · Round 2 · Game-Native Proposal H / 5

方案 H · 儿歌节拍岛

把 Super Simple Songs 变成一台节奏街机:音符沿轨道落下,孩子跟着节拍拍屏跟唱——打完一整首歌,就是完整看完一首儿歌。

品类锚点 音乐节奏游戏(Cocos 音频同步成熟) 引擎倾向 Cocos Creator H5 首载体量 4–6MB · 秒开 投入 ★★★☆☆(谱面制作是主要成本)
01

核心游戏循环

Core game loop

💿
选专辑系列=专辑
SSS / 跟说 / 数字
➜
🎵
打谱面音符落下按拍点击
歌词逐句高亮跟唱
➜
⭐
结算星级完整听完=通关
词卡带回图鉴
➜
🎪
巡演解锁集星开新场馆
场馆=新内容主题
02

动态场景预览

谱面进行中 · 音符下落 / 灯光摆动(HTML 模拟引擎画面)

🎵 Rain Rain Go Away⏱ 计入观看时间
Rain rain, go away…
12COMBO
🌧
💛
⭐
🌧
💛
PERFECT!
🌧💛⭐🌧💛
03

设计 Tokens

Visual language

后台 Stage
#171233
薄荷霓虹
#5FE8D0
粉霓虹
#FF6EC7
追光金
#FFD34D
轨道紫
#2A2450
歌词白
#F4F1FF
跟上节拍!
深色舞台 + 三色追光;音符是大图标块(4 岁不需要认谱,看颜色和图标即可)。判定只有宽裕的两档(PERFECT / GOOD),没有 MISS 惩罚——漏掉不打断歌,歌曲永远播完(消费契约优先于游戏性)。
引擎与谱面管线
· Cocos H5:音频时钟驱动音符轨道(对延迟敏感,Cocos 成熟)。
· 谱面制作半自动:人工标注 + BPM 网格生成,每首歌 0.5–1 天;首批 10 首足够。
· 歌曲播放即正常消费计时(与官方 embed 不同路径,需家长审核配额内嵌使用——仅限自托管且已过审音轨;未过审内容不进入节拍模式)。
· 判定窗口放宽(±180ms),跟唱判定仅做展示不评分。
04

关键界面 · 手机竖屏

Key screens · 390×844

9:41●●●
🎵 今天的曲目 ⏱ 还能听 2 首
打完一首 = 完整听完一首 · 计入今日额度
H1 · 曲目选择(专辑架)系列=专辑;难度点数让家长能预判;锁定的曲目给出解锁条件;顶部额度用"还能听几首"表达。
9:42●●●
🎵 Rain Rain⏱ 2:00🌞 1 首
Rain rain, go away…
12COMBO
🌧
⭐
💛
PERFECT!
🌧💛⭐🌧💛
H2 · 游玩中五条轨道大图标判定;歌词逐句高亮引导跟唱(判定只展示不评分);COMBO 只涨不断——纯正向反馈。
9:45●●●
⭐⭐☆
完整听完啦!
Rain Rain Go Away · 全曲 2:00
拍中47 / 52
最高连击18
跟唱次数6 次 🎤
这首歌的词卡 · 已收进图鉴
🌧rain👨family🚗go
H3 · 结算星级来自拍击,但"完整听完"就是胜利;词卡自动进图鉴(与方案 E 的资产互通);"下一首"受剩余额度约束。
20:10●●●
🎪 节拍巡演
集 ⭐ 解锁下一个场馆 · 场馆 = 新内容主题
🛋 客厅小舞台SSS 精选 · 4 首
⭐⭐⭐ 已巡演
🌳 后院音乐角天气与家人 · 3 首
⭐⭐☆ 巡演中
🌊 海边唱片镇动物儿歌 · 4 首
🔒 6★ 开放
🏰 数字城堡Numberblocks · 3 首
🔒 10★ 开放
巡演地图把「主题组合」(试点策略)翻译成了空间:孩子每到一个场馆,就是进入一个新主题的内容包。
H4 · 巡演地图场馆=试点 9 大主题方向的子集;解锁条件用星星不用时间——"多打歌"即"多消费",与额度契约互补。
05

iPad 横屏布局

1180×820 · 舞台全景

🎵 Rain Rain Go Away⏱ 2:00🌞 1 首
Rain rain, go away, little family wants to play…
12COMBO
🌞 🐻 🐰
🌧
⭐
💛
🌧💛⭐🌧💛
  • 1横向五轨道:iPad 横屏天然是"双人/大键位"布局,家长可以和孩子各拍一边(示范玩法,非强制)。
  • 2舞台上有了角色:Ki 和宠物(与方案 G 共享 IP)在台上随节拍跳动——跨方案的 IP 互通。
  • 3歌词行放大居中:跟唱是核心学习动作,1.5 米沙发距离也能读。
06

引擎集成、代价与分叉

Engine bridge & trade-offs

🔌 引擎桥 + 谱面管线

  • 桥接铁律同前:宿主下发"今日曲目+剩余额度",引擎只请求 host.startSong(id);歌单与审核状态永远在宿主侧。
  • 谱面半自动生成:BPM 网格 + 人工校对,每首 0.5–1 天,首批 10 首。
  • 自托管过审音轨才可进入节拍模式;官方 embed 内容退化为"看 MV"(不带谱面)。

⚠️ 风险与对策

  • 节奏对 4 岁偏难 → 两档判定 + 无 MISS 打断 + "拍拍手模式"(不判轨道,任意拍即得分)。
  • 音频延迟机型差异 → 首次进曲做 1 次延迟校准(点 3 下)。
  • 曲库依赖自托管版权 → 首批只对试点中已清权音乐开谱,规模可控。

⑂ 分叉选项(两案都保留)

  • 分叉 1 · 判定方式:轨道音符(当前选择,街机感强) vs 拍拍手模式(任意点击得分,4 岁零门槛)。demo 里都做了。
  • 分叉 2 · 跟唱判定:仅展示次数(当前选择) vs 音高评分(伴鱼教训:评分失真反而廉价)。