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

Wallpaper Engine

Store Page
Wallpaper Engine >  Workshop > Squee's Workshop
3,181 ratings
Audio Scratchboard
Description Discussions5 Comments251 Change Notes
2
   
Award
Favorite
Favorited
Unfavorite
Miscellaneous: Approved, Audio responsive, Customizable
Type: Web
Age Rating: Everyone
Genre: Abstract
Resolution: Dynamic resolution
Category: Wallpaper
File Size
Posted
Updated
584.935 KB
26 Jan, 2017 @ 6:20pm
3 Aug, 2018 @ 11:06am
25 Change Notes ( view )
Created by
Squee
Offline
See all 505 collections (some may be hidden)
20,563 Unique Visitors
176,658 Current Subscribers
5,670 Current Favorites

Subscribe to download
Audio Scratchboard

Description
A simple audio effect that is applied to shapes. These can be one of the built in shapes/patterns, something you draw, or importing one of the svg examples.


Tips
  • To draw, find the "enable drawing" option lower down. If you really want to draw a lot, set "detail" setting to low and avoid the fill option :)
  • Importing SVG requires the draw optoin to be enabled. Find the "enable drawing" option lower down. Then hold the mouse down on the screen for 1 second and a menu should popup. Select Import and try one of the SVG's listed in the related discussion. ( linked below )
  • There is a CPU usage warning in the wallpaper, but it needs to know how many cpu cores you have to calculate the estimate somewhat accurately :) You can find those setings that at the bottom if its bothering you.
  • Made a mistake? Hold left mouse button down on the line and select "select" when menu pops up. Then click delete button :)

Options
  • Render audio as a bunch of different shapes
  • Draw your own shapes ( won't store atm tho )
  • Position/Scale options
  • Background image/color
  • Some tweak settings
  • CPU usage warning in case you set your settings to high ;)
  • 3 slots for saving/loading drawings. This will only save the the screen, not the wallpaper settings like rotation/position/colors etc.

Additional Examples
Ebsolas wallpaper animated: https://media.giphy.com/media/l3q2I8HfvRWpo5fzi/source.gif

SVG importing
Details of limitations and how to create a nice svg from a black and white image here: https://steamhost.cn/steamcommunity_com/workshop/filedetails/discussion/850923796/135507548128855923/

2 SVG examples can be found in %steam%\steamapps\workshop\content\431960\850923796\svg-examples

I made a list for other svg files here ( If you made an svg, please share so we can add it to the list of compatible svgs. ) :
https://steamhost.cn/steamcommunity_com/workshop/filedetails/discussion/850923796/135507548129231622/

The example in the screenshot it the thunderdome logo. Can be found in the list above. Ebsolas has a discussion explaining how to make his example screenshot.



Wishlist
I am not actively working on this wallpaper anymore. I will do maintenance and bugfixes. The wishlist is mostly here for me to keep track of ideas just in case I do get around to them.
  • Add a feature that the user can add pictures on top of the visualizer that they can move/resize
  • Make it so the background has smoke as well like Smoke Bomb by:MKVBD but with audio Scratchboard?

Updates
  • .. removed older updated ..
  • Adjusted height scale to have more detail on the lower values. So the "height" might seem lower than it used to be after you got the update.
  • Can fade background image to background color. Implemented to darken background images for example.
  • Added very basic svg import .. Discussion detailing and explaining a bit coming soon. There is also a bug where you might get an extra line after importing. I couldn't find the cause ( maybe just how sloppy and how fast ive been adding things ), but believe I have patched it until I can find the real cause.
  • Fixed bug with selecting items when position wasn't set to 0,0. There are still a few situations where it might not properly select ( within loops or just outside the edge ), but in general it should help.
  • Added option that adjusts the detail per line segment based on its length, so it will give longer lines more detail than shorter ones. It is on by default. This will also automatically increase the detail if you enlarge the drawing with the size option. This gives more balanced visuals, but you can turn it off if you want.
  • Re-did menu. It's not perfect but wanted to release the new one as it does fix issues with where the menu items would be outside of the screen.
  • Filename is now automatically removed after import so you can reselect the same file easier when testing your SVG's
  • SVG import should center the imports better now.
  • Added global rotation option, allows rotating your imports a bit for example.
  • Correct label for Color Rotation ( was mistakenly Color Gradient )
  • Added option to adjust height of idle animation. The setting is still tied in with the height thought.
  • Lowered the details when using "Detail - length based" a little.
  • moved "select" option to top of menu
  • loading svg now shows a progress bar
  • Fixed drawing straight lines not working
  • Think i finally fixed the problem with it drawing while the SVG panel was open.
  • Relabeled "circle patterns" to "circles" to make the number readable.
  • Added 6 built in patterns spiral galaxy type swirl 3 ( ccw and cw ) , and a more denser variation swirl 4( ccw and cw ), and mixes of those as circles 5 & 6.
  • Redid the frequency scaling again after I figured out it was still not correctly balanced.
  • Added animations that slowly moves the frequency scaling back and forther for some movement. It can be cpu intensive if you use this combined with a high detail value. I can't use precalculated positions anymore when its turned on and have to recalculate them each frame, combine that with the detail options that cause even more positions to be calculated and we have a cpu hog.
  • Added some extra % to my cpu usage calculation as it seemed to be off in certain situations ( probably related to the time i cant measure in chromium ). Rather have it warn a little sooner.
  • Added square and rectangle option. The center point ( where the bass frequencies are on default ) can be at the top or bottom depending on in which direction you drew it.
  • Oval has the same top/bottom center positioning as rectangles above, not always on the bottom anymore.
  • Circles now position the center point ( bass frequencies ) where you release the mouse button, not always on the bottom anymore.
  • Fixed bug that crept in last update related to previous updated
  • Added 2 new "render methods". Both based on zigzagging the outline from one side to the other creating peaks.
  • Replace Background Transparency, with Background Opacity.
  • Adding in background slideshow.
  • Moved background settings down in the settings panel, and moved back shape options up. Wanted the available premade shapes to be more visible.
  • Added background size options ( cover/fit )
  • Several bug fixes in the slideshow code
  • Added possibility to enable/disable individual slideshow transitions.
  • Added 3 save slots for the drawing ( will not save settings, just the drawing itself )
  • Fixed problem with import importing too many details and causing autosave to fail due to the large amount of data by removing short/small details. Result is almost identical image but a lot less data to save and perform calculations on.
  • Added option to disable autosave at bottom of settings.
  • Added "hide visuals" option to the "animate when silent" settings
  • Adding 7 extra save slots and a storage usage indication
  • Added foreground image option
  • Added background options including background video
  • Rearraged settings a little
  • Fixed background size property not working
Popular Discussions View All (5)
81
10 Aug, 2020 @ 12:23pm
Working SVG examples
Squee
20
11 May, 2017 @ 4:57am
PINNED: SVG Support Details/Explanation
Squee
12
14 Sep, 2017 @ 2:25pm
Error Logs
Prinz
251 Comments
< >
Mr.Yellow 28 Dec, 2022 @ 9:49pm 
Just wanted to say thanks for making something so cool
mudkip9921 22 Dec, 2022 @ 4:00am 
Just popping in to say this is the best wallpaper EVER! I've been aimlessly hunting for that perfect wallpaper, and once I saw there was a POKEBALL I was sold. The audio response is also the best I've found yet! My boyfriend got home, I showed him this wallpaper and how amazing the audio response is, and now he has this on his computer with the pentagram lol. I wish I found this sooner!!!
Squee  [author] 16 Dec, 2022 @ 9:55am 
@karateka104 That would be a "bug" within wallpaper engine itself. The individual wallpapers do not handle the audio processing and just the processed data from WE. So when the recording device is set to "default" instead of a specific device, it doesn't seem to automatically detect the device change and tries to process the audio from the old device which has no audio anymore My guess is that by toggling "audio recording" it will check what device to use before processing audio again. If you would like to see it fixed you need to post it on the bug forum for wallpaper engine.
karateka105 15 Dec, 2022 @ 11:55am 
very nice wallpaper, the only issue i have with it is that when i change my audio output from my headset to speakers for example i have to reset the audio recording of it in the settings. That may be because of stream deck, but a "bug" i noticed
Zolo 25 Nov, 2022 @ 7:59pm 
I found a Audio Scratchboard (Enhanced) version on GitHub with more features.

For those interested here is the link: https://github.com/DivineBytes/AudioScratchboardEnhanced

:steamhappy:
Smokémon Green 6 May, 2022 @ 2:30pm 
Best customization options I've ever seen - I especially like the Equalizer explanation and the little window that pops up and visualizes the changes you're making as you make them - it really contextualizes terms that get thrown around a lot for non-audio people.

Great work.
Virescent 22 Feb, 2021 @ 2:58pm 
easily the best audio visualizer
Chuls 10 Oct, 2020 @ 1:38am 
cool
OwO 2L 8 Oct, 2020 @ 1:13pm 
Aight
Squee  [author] 8 Oct, 2020 @ 8:23am 
@Futari Lollies An attempt to answer ( within 1000 chars ):

I am all for people reusing the wallpaper's code ( any of mine ) if they transform it into something new ( emphasis on transform ). Everyone already has the source as it's just ( very sloppy ) javascript.

As for just handing it over to someone; not right now and I would really have to have a good feeling about the person. If I had the time and energy I would consider cleaning up the code and putting it on github, but that has bitten me in the ass several times before so even that is something I would have to think about it. Might all sound selfish but I just want the best for my little projects and not just give up on them and hand them over to a random person.

And at the risk of sounding rude, I know its fairly minor but right now I really do not have the energy or time to spend on it. If you would really be interested in improving/adding features bug me again in a couple of months.