一个用act帮助乐器演奏的思路
ff14吧
全部回复
仅看楼主
level 15
直角圆形 楼主
本咸鱼前段时间下了个一键整合版的act
我注意到大佬们做的美化模板都是html文件…
[滑稽]突然感觉当年学的一丢丢制作网页知识终于用上了
进入正题
对于有乐器功底的大佬 只需要看个谱就行了
把这个路径设置成乐谱图片 启用美化插件 乐谱就直接显示在游戏前面了
多数知名歌曲都能直接搜到
效果大概是这样
之前看到隔壁帖子有玩家自己把谱扒成游戏里对应的音 也可以用这种方式显示出来
对于我这种既没有乐器基础 看谱也要慢半拍的咸鱼 需要更直白的提示
于是模仿劲乐团的方式 做了这么一个东西
效果楼下放
2018年04月20日 14点04分 1
level 15
直角圆形 楼主



视频来自:优酷
[阴险]老爷机录屏掉帧严重 不开录屏还是很流畅
2018年04月20日 14点04分 2
level 15
直角圆形 楼主
总之就是把键位提示做成动画 再用美化插件显示出来
我是用Animate CC做的 做成HTML5 Canvas或者gif图片都行
[阴险]老爷机感觉运行HTML5明显比gif吃力
2018年04月20日 15点04分 5
level 15
直角圆形 楼主
大佬看上面的视频已经想出了100多种实现方法 欢迎分享
这里介绍我能做到的方法 不保证各方面最优
以国歌为例 先下载一个简谱
图片来自找歌谱网站
先简单的统计一下
用到:1、2、3、5、6、低音5、低音6、低音7 共需要8个键位
再搜一段专业的演奏 演奏一遍的时间是36秒多点 由于共37个小节 为方便计算 就当做37秒好了
这样每个小节1秒 每拍就是0.5秒
2018年04月21日 12点04分 20
level 15
直角圆形 楼主
然后在游戏里按自己的习惯设置好键位 排成一行
这是我的键位
之后像这样截个图
然后以左边为基准 用顺手的图像处理软件(系统自带的画图也行)量出各键位之间的距离(以像素为单位)
就是上图每根红线之间的距离
不同玩家的游戏分辨率、键位等方面不同 最后的距离是不一样的
2018年04月21日 13点04分 21
level 15
直角圆形 楼主
然后打开
AnimateCC(这个软件如果要系统的学习 需要看很多教程 这里只用到比较简单的功能
新建HTML5 Canvas项目
设置舞台属性
宽和高按照自己需要设置 宽要大于那行演奏键位
颜色按自己喜好来
因为美化插件限制帧频 最多60 所以FPS设更高也没用
锚记设在左边 (之前就是左边为准)
2018年04月21日 13点04分 22
level 15
直角圆形 楼主
找到这个工具栏 如果没有就点窗口→工具
其中铅笔、线条什么的都是一试就会的 用这些工具画一个喜欢的界面
重点是这些虚线的距离 要和21楼测量的距离一致
虚线的x值相比之下没那么重要 因为最后美化窗口是可以随意拖动的 歪了拖正就行
图中数字是之前统计过的音符 -表示低音 这是个人习惯 并不规范
当然 这个界面也可以用PS等软件绘制
在An里点文件→导入→导入到舞台
2018年04月21日 13点04分 23
[阴险]图中绿线的y值随便设 但是要记住 我这设的是400
2018年04月21日 14点04分
level 15
直角圆形 楼主
这一步要制作一个从顶部匀速掉到绿线的小白块
点击窗口→库 在库窗口空白处右键→新建元件
名称随便填 类型选择影片剪辑
然后进入这个元件编辑状态
用矩形工具 在舞台中随便画一个白色矩形
用选择工具双击这个矩形 属性设置如下
宽高根据自己的情况设置 宽应比游戏里技能图标略窄
在时间轴上右键第一帧→创建传统补间
右键第120帧→插入关键帧
在第120帧选择舞台中的矩形 y坐标设置为400(与绿线y值一致)
这时候按回车可以在舞台中感受一下小白块的下落速度 根据自己的感觉增加或者删除普通帧
调试好下落速度之后回到场景1
这时候库里面有一个影片剪辑元件一个图形元件
左边的名称怎么方便怎么改
影片剪辑右侧链接下面双击 输入fall(此处不支持中文)
2018年04月21日 14点04分 25
level 15
直角圆形 楼主
这一步要让刚做的小白块在
正确的
节拍出现在正确的位置
在时间轴窗口右键图层1→插入图层(界面单独占一个图层 方便可能需要的修改)
图层名怎么方便怎么改
下面是为了确定正确的位置
在程序图层第一帧 把库里的矩形拖到舞台上 x和虚线对齐 y随意
然后依次记下各矩形的x值:45、81、117、153、189、295、331、367
这些值依然有个体差异
核实这些x值无误就可以把舞台中的矩形删了 确保程序图层没有舞台内容
下一步确定节拍
之前已经确定了每拍是0.5秒 每秒60帧
按照乐谱 第一个音符是八分音符 附点延长50% 占0.75拍 0.375秒 22.5帧 至于到底算22还是23帧就看心情了
第二个音符是是十六分音符 占0.25拍 0.125秒 7.5帧 反正和前面加起来等于30帧就行
以此类推 根据乐谱确定每个音符出现的帧
在程序图层第一帧 点击窗口→动作 输入如下代码
第一个音符是1 小白块应该出现在最左边的键位 对应的x坐标就是45 这里用x1变量来保存
在程序图层第22帧右键→插入关键帧 在动作窗口输入如下代码
如上图左侧所示 按照乐谱每个音符对应一个关键帧
都完成之后保存 会有一个fla后缀的文件
ctrl+回车 在同目录下会生成同名的html和js文件
把act美化模板设置成这个html文件就可以了
2018年04月21日 16点04分 27
1