![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web游戏
文章平均质量分 73
DB_鸠
Barry,gogogo!草莓,gogogo!
展开
-
Pixi + Tone 实现简单midi音频可视化
这个currentMidi中存储了midi文件的音轨,音符,乐器等信息。在页面中添加一个按钮并绑定事件,用于播放音频,下面这段代码里有用到Tonejs创建合成器播放声音的代码。有没有懂设计模式的,可以帮我优化下代码嘛,定义了一个全局变量currentMidi总觉得不舒服。首先需要讲midi文件导入紧浏览器,由于浏览器的安全限制,我们只能使用文件选择器讲文件导入。为了尽可能得跟音频同步减小延时,我们使用Tonejs的音频调度。到这里就可以实现MIDI文件的播放了。我们使用灯管类作为每一个音符的可视化。原创 2023-07-14 17:07:03 · 1609 阅读 · 0 评论 -
canvas 制作2048
对UI不满意可以自行调整,这里只是说一下游戏的逻辑,具体的API调用不做过多展示。原创 2023-02-09 11:53:26 · 524 阅读 · 0 评论 -
web游戏---canvas基础图形
canvas是H5中新推出的标签,这个提供一块画布,可以在上面绘制图案,通过这种方式制作web游戏带来的性能消耗比操作DOM要小的多。如果知做浏览器游戏,为了保证性能最好使用画布来制作。原创 2023-01-26 21:16:56 · 2255 阅读 · 0 评论