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

Wallpaper Engine

Store Page
Wallpaper Engine >  Workshop > fug4life's Workshop
125 ratings
Audio Rainbow/Rainbow/Color Tint Visualizer. (Inc 11 gradient styles).
Description Discussions0 Comments20 Change Notes
   
Award
Favorite
Favorited
Unfavorite
Miscellaneous: Audio responsive
Age Rating: Everyone
Category: Asset
Asset Type: Image, Fullscreen
Asset Genre: Audio Visualizer
File Size
Posted
Updated
1.733 MB
10 May, 2020 @ 6:49pm
29 Jul, 2020 @ 5:12pm
8 Change Notes ( view )
Created by
fug4life
Offline
See all 156 collections (some may be hidden)
1,614 Unique Visitors
31,684 Current Subscribers
252 Current Favorites

Subscribe to download
Audio Rainbow/Rainbow/Color Tint Visualizer. (Inc 11 gradient styles).

Description
Rainbow Color Tint Audio Visualizer

Features:

* 12 Styles ( 1 x Default Solid and 11 x Gradients all made with 4x4images) for variation.
* Audio Responsive Rainbow Tint (default),
* Rainbow Tint,
* Color Tint,
* Script Properties (For easy variable editing, without the need to edit the script).
* Example positioning: Bottom, Top, Left, Right, Inner and Outer Circles.

Help & Notes:

* To see the bars click 'File', 'Apply Wallpaper' and go to your desktop and play some audio, now you can return to the editor and click 'Run Scripts' to see the bars in the editor.

* The bars have been positioned based on a wallpaper resolution of 1920x1080. You'll notice there are co-ordinates given in the bar's name to help with positioning. It is best to locate and relocate the bars using the 'Origin' transforms.

* The default bars you can see are Circle (Outer), Circle (Inner), Bottom, Top, Left and Right. The gradient bars I have hidden from view. If you want to look through the gradient bars, first set the default bars 'Bar Height (Scale Y)' to 0 to hide the default bars, then you can set the gradient bars 'Bar Height (Scale Y)' to a value like 50 or a 100, click 'Run Scripts' to see what they look like.

* To change the Color of the bars or choose between Audio Rainbow effect and Rainbow effect you need to go to the very bottom of the bars properties where it says 'Materials' and click the name of the bars .json file (example bar.json for all the default bars, the gradient bars use different textures and therefore have different names). There you will find the Correct color picker and the Rainbow options.

*Recommended positions based on a wallpaper resolution of 1920x1080 are:

Circle = Origin X 960, Y 540 (For center of screen).
Bottom = Origin X -15, Y 0 (You can change Y to move the bars up and down the screen).
Top = Origin X -15, Y 1080
Left = Origin X -15, Y 0
Right = Origin X 1935, Y 0

Bars Bottom and Top use Horizontal Alignment with the Script Origin setting set to Origin X 30, Y 0 (found under 'Bar Alignment').
Bars Left and Right use Vertical Alignment with the Script Origin setting set to Origin X 0, Y 17 (found under 'Bar Alignment').
Circles can be change using the Script setting 'Circle Scale'.

*Once you've chosen the bars you want I recommend you delete the others from your scene for performance improvements.

Tips:

* Enable Bloom in your scene settings to make the bars glow even more!

Updated:
29/07/2020
* Added Bar Alignment (Direction) to script properties to enable (centre, bottom, top bar direction).
20 Comments
< >
fug4life  [author] 5 Sep, 2021 @ 4:37am 
Hey guys kinda busy I'll look into it. You should look at simple audio bars by omg particles it's an effect asset. Much better than this.
Cornbread 4 Sep, 2021 @ 1:47pm 
I'm having the same problem as Hebrew Hammer, every time i try to change any of the color options it'll just revert back to the original settings after I preview or save it.
Shane Pizza :condi: 3 Aug, 2021 @ 6:11pm 
Hello, this is a really cool looking visualizer and I really like the customization. I only have one problem. I am trying to make a wallpaper and I have no experience whatsoever but I scrolled down and opened the material properties and every time I change the color on there it reverts back to the original color and I don't know what I am doing wrong. I appreciate any help you can give me.
ZHUO 6 Apr, 2021 @ 1:35am 
good work.thank you.
Nice. :gentlemanrandy:
100/100
anniemuse 15 Feb, 2021 @ 3:40pm 
Hello again @fug4life
I just published my guide, and I requested you to be a contributor.
https://steamhost.cn/steamcommunity_com/sharedfiles/filedetails/?id=2396819488
anniemuse 9 Feb, 2021 @ 9:42am 
Color me impressed!! This asset you created is everything I wanted the WE audio bars to be when scene scripts came to WE. I found that the gradient files were not accessible to me after export from your project / import to mine, and I wanted to double the bar size for a 4K wallpaper. Which is fine, as I can just replace the texture, and what really matters is the scripting you implemented to allow material modification.

I was wondering if you would consider helping me out with my revised guide based on the amazing UI you scripted in this asset. I'm hoping to allow easier script modification for the textured bar models. I'd like to modify how you are calling out these materials in the script: ie "bar_gradient_1.json" would just be called "bar1.json" allowing the user to append the "bar" (when the model is referenced in the script) with a single char or in this case int.
anniemuse 1 Feb, 2021 @ 3:50pm 
@fug4life Thanks for the info :)
fug4life  [author] 1 Feb, 2021 @ 3:48pm 
Hey, yeah I can remember you.
To share assets click view in editor and enable asset creation, then you'll see you can also publish Assets.

The script is more or less the same as the one Bio initially created just with the odd improvement.
I believe this line is what you're looking for:

thisScene.sortLayer(bar, thisIndex);
anniemuse 1 Feb, 2021 @ 3:04pm 
This is really Awesome!! How do you create an asset layer to share I wonder?! I'm reaching out b/c I was playing with a similar script in 2019 and I posted a guide too.

The issue I'm finding with my old template is I cannot control the layering order of the audio bars anymore; they always appear on top of the rest of the layers. Any ideas on how I might fix this issue? Perhaps there is a series of script steps I should add to get this functionality?

Thanks for sharing :)
fug4life  [author] 16 Nov, 2020 @ 8:44am 
Similar to how I've added the gradient textures.