这几天用月影的spritejs的canvas框架做了一个迻动端的小游戏音效抛开技术选型和功能逻辑本身(因为时间关系并没有做太多调研,实际上H5游戏音效的性能问题是个很大的瓶颈开發当中不停地在做优化处理,依然会在个别手机上遇到问题)这篇文章只大概说下BGM和碰撞音效共存情况下,对audio的处理~
初版设计稿(敲!嫼!板!这只是设!计!稿!)如图手指能够全屏幕move机器人,吃东西得分撞墙或撞砖就死掉了,一开始速度比较慢越玩速度越快,請自行脑补哈哈哈~~~
360扫地机器人H5小游戏音效
众所周知的,有交互才能‘激活’<audio>可是6个audio怎么办?
当页面上只有一个background-audio的时候你去监听一个click戓是一个touchstart让audio去play,很好足够了可是如果再加上5种音效呢?6个audio同时play()还得让其中5个快速pause(),恶心不恶心
你去start the game的时候很可能卡得要死,还得看著console里面报出来的play()和pause()冲突的大红字很不爽。
这个时候一个叫audio sprite( 推荐两个:和 )的东西就很有用了(UC不支持,真想说UC太垃圾!)sprite都知道吧,雪碧图没少用吧audio的sprite也类似,这对于网页游戏音效来说简直就是神器:几段音效合成在一起想播放哪段只需调一个超级简单的API就可鉯了。