Store Page
Wallpaper Engine
All Discussions Screenshots Artwork Broadcasts Videos Workshop News Guides Reviews

Wallpaper Engine

Store Page
Wallpaper Engine >  Workshop > Squee's Workshop
423 ratings
Audio Guide Wallpaper
Description Discussions0 Comments20 Change Notes
   
Award
Favorite
Favorited
Unfavorite
Miscellaneous: Audio responsive, Customizable
Type: Web
Age Rating: Everyone
Genre: Abstract
Resolution: Dynamic resolution
Category: Wallpaper
File Size
Posted
Updated
156.846 KB
15 Jan, 2017 @ 5:06pm
6 Jun, 2018 @ 10:55am
9 Change Notes ( view )
Created by
Squee
Offline
See all 44 collections (some may be hidden)
4,887 Unique Visitors
33,966 Current Subscribers
864 Current Favorites

Subscribe to download
Audio Guide Wallpaper

Description
This wallpaper is for demonstration techniques I have touched on in my guide and not meant as a real wallpaper.

I will not be taking requests unless it is related to demonstrating something in the related guide

Guide found here: http://steamproxy.net/sharedfiles/filedetails/?id=837435817

Currently demonstrates
  • normalization
  • smoothing
  • motion blur
  • pow/sqrt adjustments
  • correction based on pinknoise tests

Suggested to turn those on and try them individually as they might influence each other.

Included
  • Demonstration code can be found in index.html, audioframe.js and utils.js
  • Some additional classes I personally use for processing the audio data, they are not too complex but I am hoping the code in the index.html and audioframe.js speak for themselves.
  • A page with a tone generator for testing frequency ranges :)

Instructions
Unset previous changes before trying a different one as they might influence each other
  • Normalization: This will demonstrate how to adjust to volume changes. At max speed setting it will normalize every frame directly, and the slower you set it the more gradual the adjustments are.
  • Smooth: This one can be a little tougher to see, but notice how the source data has very sharp peaks while max smoothing round it off a bit.
  • MotionBlur: This determines how much "old" data is used for the current frame to smooth out the motion between frames. Max motion blur pretty much mean it will never use new data. Min motion blur and it will only use new data and no old data.
  • Powers: When using power of 2 or 3 ( val ^ 2 or val ^ 3 ), then you can clear see how it will emphasis peaks in the data.

Todo
  • clean up the code ( on going task :D )
  • demonstrate different options regarding different framerates.

Updates
  • removed some old code
  • spammed the index.html with comments to explain whats going on as well as what can be found in the different js files
  • split out some of my classes into different files
--
  • commented code in index.html more
  • added code to limit to the users desired framerate
  • added some fps-override controls for later use ( to be updated )

--
  • fixed a bug in my smoothing code
  • changed the order some options were doing their calculations for better results
  • adding pink noise calibration example .. best tested with normalisation or it might end up amplifying all data
  • set several options on by default to demonstrate the difference the settings can make together
  • Adjusted pink noise correction function ( also in guide ) so it would not amplify when not using normalisation.
20 Comments
< >
Vincentmario 11 Feb, 2023 @ 12:31pm 
I'm using it right now that's what you saw when I screenshared on Discord the voice over internet protocol application
电子牛马王 6 Dec, 2021 @ 8:28pm 
cool man
ItsJustBob22 8 Nov, 2021 @ 7:22pm 
this is sick
Ripley 7 Aug, 2020 @ 12:23pm 
Its all good, I looked at your other creations and am now using a different one!
Squee  [author] 7 Aug, 2020 @ 10:24am 
@Ripley There are no plans to make a background changeable. This wallpaper is only made to demonstrate things I mentioned in the guide this belongs to.
Ripley 6 Aug, 2020 @ 9:37am 
Any progress on making the black background changeable? Because that would be very nice, Thank you!
Jotaro Kujo 4 Jun, 2018 @ 10:48am 
awesome, thank you!
Squee  [author] 3 Jun, 2018 @ 5:08pm 
I never expected that request. Also didnt expect 9k subscribers. This wallpaper was only meant to demonstrate some data processing ideas I used for the audio data related to my guide.

I can't promise anything but I will keep your request in mind. It will be a while in any case. I did mean to update many wallpapers with background/slideshow options, so could fit it in, but still got at least 10 others to update/patch before I get around to this one.
Jotaro Kujo 3 Jun, 2018 @ 10:39am 
yo Squee, any chance to implement an option for changing the background from black or a custom image? thx <3
EdenStarGazer 22 Nov, 2017 @ 6:40pm 
Awesome! I love it.