Cocos Creator 自制小工具-音游小游戏节奏编辑器

分析

在音游类小游戏中很多都是由轨道和出现的道具节点组成。提供给策划同学一种可以边听音乐边编辑节奏点的工具，所以我在周末的时间自己做了这样的一款编辑器提供使用，特此分享出来。
(这是网上找的小游戏截图，仅用于展示)

编辑器地址

节奏编辑器

编辑器截图

使用详解

快捷键
[空格] ：暂停音乐或播放音乐
[数字键 1-6] ：对应编辑栏中的节点，使用快捷键可以在音乐播放的过程中一边播放一边快捷编辑
[鼠标滚轮] ：音乐的倒退或者快进，用于回听或者提前听一段音乐进行编辑

编辑栏
[时间轨道] ：以时间间隔为轨道的显示区域，用于编辑时间节点内的轨道节点
[轨道节点] ：生成的轨道数量以功能区内的轨道数量为准，用户点击编辑则赋予当前轨道节点类型数据
[清空编辑区] ：用于清空所有的已编辑轨道数据

进度条
[总进度] ：是显示当前音频时长的展示，点击可以跳转到相应的音频时间位置
[时间进度节点] ：是当前音频播放显示的进度显示节点，可以拖动节点用于音频节点的跳转

功能栏
[音频选择栏] ：是当前加载的音频展示，点击可以打开加载的所有音频，可以自行选择音频进行编辑
[上传本地音频] ：选取本地的MP3文件进行加载编辑，只是本地的读取不上传服务器
[上传已存在节奏] ：读取已保存的json节奏文件进行二次编辑
[时间间隔] ：选取0.1-0.6秒的时间间隔作为轨道的生成依据
[轨道数量] ：选取2-6的轨道数量用于轨道节点的生成依据
[时长与已编辑数量] ：显示当前选取音频的长度，以及已编辑轨道节点数量展示
[轨道节点类型] ：可以选择1-6节点类型用于编辑轨道节点，选取后编辑的就是相应的节点类型，可以根据不同的节点类型进行游戏中不同道具的生成依据
[音乐重播、暂停和播放] ：用于当前音频编辑的播放控制
[节奏保存] ：将当前编辑的数据作为json文件下载保存

导出Json格式
{
“version”:“v3.0”,----------------------当前编辑器版本
“name”:“音阙诗听-芒种”,-----------音频文件名
“time”:216.1,---------------------------音频时长
“spacing”:0.2,--------------------------轨道时间间隔
“track”:3,--------------------------------轨道数
“list”:[-------------------------------------节奏数据
{
“time”:4200,----------------------------节奏节点出现的时间(毫秒)
“type”:1,---------------------------------节奏节点的类型
“track”:0---------------------------------节奏节点所在的位置(从0开始计数)
},
…
]
}

by 玉苑 2020/12/10