CocosCreator3.8.0做一个音乐律动

从不听话的猪猪

已于 2024-05-11 10:20:43 修改

阅读量498

点赞数 9

分类专栏： CocosCreator3.8.0 文章标签： typescript 音频 vscode 小程序 webview 动画着色器

于 2024-05-11 10:11:30 首次发布

本文链接：https://blog.csdn.net/MuMuLiuNian/article/details/138702424

版权

先看效果

视频效果

【用cocoscreator3.8.0做了一个音乐律动】

实现思路:
1. 获取音频播放器的音频采样数据,
2. 用采样数据和shader把每列的数据用色值进行过度

源码地址

GitHub - zzhseaside/MusicDance: 让音乐的节奏律动表达出来

部分关键代码

获取H5的音频播放器

  onClickPlay(){
        let AudioContext = window.AudioContext;
        // audioContext 只相当于一个容器。
        this.audioContext = new AudioContext();
        // 要让 audioContext 真正丰富起来需要将实际的音乐信息传递给它的。
        // 也就是将 AudioBuffer 数据传递进去。
        // 以下就是创建音频资源节点管理者。
        this.audioBufferSo