Wallpaper engine Music interaction

最近买了wallpaper engine,然后用p5.js制作了动态音频交互壁纸,自己研究的,方法很简单,比p5.sound.js更方便,还能把作品作为桌面壁纸使用,还是很不错的

要有三个文件

  1. index.html
  2. p5.min.js
  3. test.js

test.js文件如下

function setup() {
    createCanvas(windowWidth, windowHeight);

    window.wallpaperRegisterAudioListener(draw);		//必须要有
}

function draw(audioArray) {		//audioArray是数组,相当于fft音频分析功能
    background(0,0,0);

    ellipse(width/2, height/2, audioArray[1]*666, audioArray[1]*666);		
}

function windowResized() {
    resizeCanvas(windowWidth, windowHeight);
}

p5作品那么多,应该入驻wallpaper engine应用软件,可以作为动态壁纸大展宏图,让更多的人了解p5
openprocessing虽然是很好地分享平台,但基本属于圈里人的交流平台,而wallpaper engine受众群体更广,而且通过资源管理器查看p5代码,也算是p5分享平台吧