交互体验
体验节奏游戏
加载预览,直接体验案例效果。

单独打开预览 ↗点击按钮加载预览
案例介绍与 Skill 分工
案例成果
使用已有的 22.395 秒舞蹈动捕、默认角色和原始配乐,制作可离线运行的浏览器节奏游戏。玩家按方向提示踩准节拍,实时查看得分、连击和准确率。
Skill 负责的环节
Dance Game Skill 负责复用动捕、适配骨骼和节拍、搭建蓝白舞台,并加入键盘与触屏操作。舞蹈表演、角色和音乐来自原始素材,不由该 Skill 生成。
技术细节
| 输入素材 | 已有的 22.395 秒动捕、默认角色与原始音乐 |
|---|---|
| 节拍时序 | 估算速度为 109 BPM,节拍偏移为 0.15 秒 |
| 游戏模式 | 简单、挑战与演示 |
| 操作方式 | 按方向提示输入,踩准节拍后按空格确认;支持键盘和触屏操作 |
查看制作细节
从参考素材到交互体验
了解所用素材、处理步骤和最终效果。配图展示各阶段的预览结果。



01 / 输入
让舞蹈表演成为游戏
使用现有舞蹈动作、默认角色和配乐。配图展示加载完成后的游戏舞台。
查看制作需求
使用默认角色、已有舞蹈动作和原视频音乐,制作浏览器节奏游戏。加入方向提示、明亮的节拍判定区、空格确认,以及得分、连击和准确率反馈。提供简单、挑战和演示模式,支持暂停、重开、声音与视角控制、双语界面和触屏操作。舞台使用蓝白灯光、抽象 LED 墙和反光地面。

01 / 输入
构建节拍时序与交互
先适配角色骨骼和音乐节拍,再加入方向提示、判定区,以及键盘和触屏操作。配图展示游戏进行中的画面。

02 / 过程
体验节奏舞台
浏览器游戏呈现蓝白舞台,结合角色动作、原始音乐,以及分数、连击和准确率反馈。

03 / 成果
常见问题
游戏怎么玩?
跟随提示输入方向组合,踩准节拍时按空格键,或点击屏幕上的确认按钮。
游戏提供哪些模式?
游戏提供简单、挑战和演示模式。
节拍时序如何设置?
该案例采用估算的 109 BPM,并设置了 0.15 秒的节拍偏移。
可以暂停或重新开始吗?
可以。游戏支持暂停、重新开始,以及声音和视角控制。
游戏需要安装应用吗?
不需要。这是可离线运行的单 HTML 浏览器游戏,点击本页预览区的按钮即可加载。


