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

Wallpaper Engine

Store Page
Wallpaper Engine >  Workshop > Squee's Workshop
615 ratings
Super Sparkling Sound Spectrum Scanner
Description Discussions0 Comments26 Change Notes
   
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
215.875 KB
24 Mar, 2017 @ 3:59pm
22 Jan, 2020 @ 10:36am
6 Change Notes ( view )
Created by
Squee
Offline
See all 132 collections (some may be hidden)
5,554 Unique Visitors
45,200 Current Subscribers
1,052 Current Favorites

Subscribe to download
Super Sparkling Sound Spectrum Scanner

Description
Colorful FFT representation ..

Options
  • Background image/slideshow
  • Some basic bass effects ( disabled by default )
  • Glow settings
  • Coloring Options

Tips
  • I suggest to increase glow settings and turn on the bass effects on. I choose different default settings for .. reasons ..
  • Try lowering spacing to below 0 in combination with fading for an oil painting type effect. ( raising spacing to much will do the same )

CPU Usage tips
- Fading effect can very cpu intensive as causes a lot more processing. If you turn this off you can go pretty high with all other settings without problems.
- At the bottom of the settings there is a 'show fps & stats' option. You can use it to see certain stats that might help tweak the settings and keep the performance low.
- Due to the way I have optimized things framerate does not really impact performance a lot unless you fading on a huge amount of squares.

Update Notes
  • Added color gradient options so you can change the colors.
  • Added size option which allows you to shrink/enlarge the squares. Anything above 128 values is padded with average.
  • Added Direction option ( have it scan left to right, right to left, top to bottom or bottom to top )
  • Added an fps & stat option that might help give some insight on the performance.
  • Added spacing option to add more or remove spacing between the squares. Put in the option to use negative values as if gave a oil painting type effect when used in combination with fading.
  • Redid a lot of rendering code to lower resources needed and to avoid certain performance problems that could occur with the new settings
  • Added something like dithering to avoid patches of identical color/values forming by the fading code. This improves the visuals when fade smoothing is set to lower values.
  • Found a small optimisation that should improve fading performance up to 20%
  • Some other optimizations
  • Fixed several bugs in the slideshow code
  • Added ability to enable/disable individual slideshow transitions
  • Fixed alignment when direction was bottom to top and value count was not 128.
26 Comments
< >
Jamjar 24 Jan, 2020 @ 2:25pm 
@Squee Yep, it's working! Awesome, thanks!
Squee  [author] 22 Jan, 2020 @ 10:40am 
Should be fixed. Thanks for all the feedback that helped fixing it.
Squee  [author] 22 Jan, 2020 @ 7:21am 
Ah thanks. I will check it out. I didn't think of the other orientations.. As for the source, that only applies to web wallpapers. Scenes are compiled into a single file.
Jamjar 21 Jan, 2020 @ 7:57pm 
@Squee Also I didn't know the code for wallpapers was so accessible! I might get to doing something on my own to a couple of my favorites now that I know that.
Jamjar 21 Jan, 2020 @ 7:53pm 
@Squee Thanks for the quick reply. Sorry I just saw this. Here, this is what I'm talking about https://i.imgur.com/gXaQk5X.png . As you can see, it looks like the whole wallpaper is shifted to the left. I don't know what format you want my settings in so here it is in raw JSON: https://pastebin.com/CU6BMfC9 and here it is in Base64: https://pastebin.com/LjTTqNV6 .
Squee  [author] 18 Dec, 2019 @ 3:49pm 
@Dream That sounds weird. I can max out the value count but it still remains full screen for me. Could you supply a screenshot demonstrating the bug? Or maybe post your settings under the discussions tab at the top of this page?

Also, I am more than willing to fix any bugs if I can reproduce them. If you want to check out the (horrible js) code yourself, right click on the wallpaper and select "Open in explorer". The main code is all in the index.html. Does not include comments tho.
Jamjar 18 Dec, 2019 @ 12:21pm 
@Squee Hey, I really like this wallpaper, but there seems to be a bug when you increase the number of squares: it shifts/resizes the wallpaper to the right and leaves a significant portion of the screen blank. If you don't want to fix this, then could you let me see the source so I may fix it myself?
Toj Karin 3 Dec, 2018 @ 11:25am 
Well, if you ever happen to re-write this or make completely new spectrum analyzer wallpaper, be sure to notify me/us here!
Squee  [author] 2 Dec, 2018 @ 6:46pm 
@Toj Karin .. First one should be easy enough and i'll keep it in mind, but can't really say if I will get around to it. But the second, I think it might not work out as the code is just not written with that in mind.
Toj Karin 2 Dec, 2018 @ 12:55pm 
This is awesome. But there are two features I'd love to see here. One is to have only one spectum going about and not mirrored. Then I'd love to see static update coordinate and the rest of the image moving away from it. The latter is crucial for me and the only reason, I'm not using this wallpaper(nevertheless, I use one of your other WPs).