最近买了wallpaper engine,然后用p5.js制作了动态音频交互壁纸,自己研究的,方法很简单,比p5.sound.js更方便,还能把作品作为桌面壁纸使用,还是很不错的
要有三个文件
- index.html
- p5.min.js
- 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分享平台吧