# Wallpaper engine Music interaction

**URL:** <https://discourse.processing.org/t/wallpaper-engine-music-interaction/26076>\
**Category:** Gallery\
**Created:** [December 9, 2020, 4:41am UTC](https://discourse.processing.org/t/wallpaper-engine-music-interaction/26076 "2020-12-09T04:41:31Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![hellop5](https://avatars.discourse-cdn.com/v4/letter/h/3bc359/32.png) [@hellop5](https://discourse.processing.org/u/hellop5)\
**Post date:** [December 9, 2020, 4:41am UTC](https://discourse.processing.org/t/wallpaper-engine-music-interaction/26076/1 "2020-12-09T04:41:31Z")

</div>

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

要有三个文件

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

test.js文件如下

```auto
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分享平台吧