Install Asset
Install via Godot
To maintain one source of truth, Godot Asset Library is just a mirror of the old asset library so you can download directly on Godot via the integrated asset library browser
![Universal Fade thumbnail image](https://img.godotassetlibrary.com/IuqCbc6wk-eciKX5OidOLmQCkwq3oHHboG1nlDghk8w/rs:fit:640:360:0/g:no/aHR0cHM6Ly9naXRodWIuY29tL0tvQmVXaS9Hb2RvdC1Vbml2ZXJzYWwtRmFkZS9ibG9iL21hc3Rlci9NZWRpYS9TY3JlZW5zaG90MS5wbmc_cmF3PTE.webp)
![Universal Fade thumbnail image](https://img.godotassetlibrary.com/VnYvDZ8HmGVbygkb_4gkdbExR_YAxN1SB5ChEC4fyeI/rs:fit:640:360:0/g:no/aHR0cHM6Ly9naXRodWIuY29tL0tvQmVXaS9Hb2RvdC1Vbml2ZXJzYWwtRmFkZS9ibG9iL21hc3Rlci9NZWRpYS9TY3JlZW5zaG90Mi5wbmc_cmF3PTE.webp)
![Universal Fade hero image](https://img.godotassetlibrary.com/mITp_gPMA8qe4Elq_9MnjHk9F4MAwabwD3fLursnQz8/rs:fit:1920:1080:0/g:no/aHR0cHM6Ly9naXRodWIuY29tL0tvQmVXaS9Hb2RvdC1Vbml2ZXJzYWwtRmFkZS9ibG9iL21hc3Rlci9NZWRpYS9TY3JlZW5zaG90MS5wbmc_cmF3PTE.webp)
Quick Information
![Universal Fade icon image](https://img.godotassetlibrary.com/UjSSER0zNddtcvxAKFyovsAmj9GzKz8Wtm5IVb6d6pI/rs:fit:50:50:0/g:no/aHR0cHM6Ly9naXRodWIuY29tL0tvQmVXaS9Hb2RvdC1Vbml2ZXJzYWwtRmFkZS9ibG9iL21hc3Rlci9NZWRpYS9JY29uLnBuZz9yYXc9MQ.webp)
Allows you to fade out and fade in the screen with a single line of code. No configuration needed, just install the addon and you can use it.Example:Fade.fade_out()This will fade the screen to black over 1 second.You can achieve scene transition with these 3 lines:await Fade.fade_out().finishedget_tree().change_scene(new_scene)Fade.fade_in()The fade methods take these arguments (all optional):time - time of the fade (in seconds). 1 by defaultcolor - the color to fade to/from. Black by defaultpattern - the fade pattern. See below. Empty string for no pattern (default)reverse - if using pattern, this will reverse it. Default is falsesmooth - if using pattern, this will make it smooth. Default is falseThere's also a method for crossfading (i.e. interweawing two screens). It also takes two methods, where only one takes (optional) arguments:Fade.crossfade_prepare(time, pattern, reverse, smooth)get_tree().change_scene(new_scene)Fade.crossfade_execute()The node comes with 5 patterns: Diagonal, Diamond, GradientHorizontal, GradientVertical, Noise, Swirl. Just type the name of the pattern to use it, e.g. Fade.fade_out(1, Color.BLACK, "Diamond")You can add custom fade patterns by putting PNG files to "addons/UniversalFade/Patterns" folder. The name format is: "<name>.png", where <name> is what you will provide as argument for the method. They should use grayscale colors and they will fade from white to black. The pattern directory can be changed using "addons/universal_fade/patterns_directory" project setting.Check the repo for more info and some GIFs.
Allows you to fade out and fade in the screen with a single line of code. No configuration needed, just install the addon and you can use it.
Example:
Fade.fade_out()
This will fade the screen to black over 1 second.
You can achieve scene transition with these 3 lines:
await Fade.fade_out().finished
get_tree().change_scene(new_scene)
Fade.fade_in()
The fade methods take these arguments (all optional):
time - time of the fade (in seconds). 1 by default
color - the color to fade to/from. Black by default
pattern - the fade pattern. See below. Empty string for no pattern (default)
reverse - if using pattern, this will reverse it. Default is false
smooth - if using pattern, this will make it smooth. Default is false
There's also a method for crossfading (i.e. interweawing two screens). It also takes two methods, where only one takes (optional) arguments:
Fade.crossfade_prepare(time, pattern, reverse, smooth)
get_tree().change_scene(new_scene)
Fade.crossfade_execute()
The node comes with 5 patterns: Diagonal, Diamond, GradientHorizontal, GradientVertical, Noise, Swirl. Just type the name of the pattern to use it, e.g. Fade.fade_out(1, Color.BLACK, "Diamond")
You can add custom fade patterns by putting PNG files to "addons/UniversalFade/Patterns" folder. The name format is: "
Check the repo for more info and some GIFs.
Reviews
Quick Information
![Universal Fade icon image](https://img.godotassetlibrary.com/UjSSER0zNddtcvxAKFyovsAmj9GzKz8Wtm5IVb6d6pI/rs:fit:50:50:0/g:no/aHR0cHM6Ly9naXRodWIuY29tL0tvQmVXaS9Hb2RvdC1Vbml2ZXJzYWwtRmFkZS9ibG9iL21hc3Rlci9NZWRpYS9JY29uLnBuZz9yYXc9MQ.webp)
Allows you to fade out and fade in the screen with a single line of code. No configuration needed, just install the addon and you can use it.Example:Fade.fade_out()This will fade the screen to black over 1 second.You can achieve scene transition with these 3 lines:await Fade.fade_out().finishedget_tree().change_scene(new_scene)Fade.fade_in()The fade methods take these arguments (all optional):time - time of the fade (in seconds). 1 by defaultcolor - the color to fade to/from. Black by defaultpattern - the fade pattern. See below. Empty string for no pattern (default)reverse - if using pattern, this will reverse it. Default is falsesmooth - if using pattern, this will make it smooth. Default is falseThere's also a method for crossfading (i.e. interweawing two screens). It also takes two methods, where only one takes (optional) arguments:Fade.crossfade_prepare(time, pattern, reverse, smooth)get_tree().change_scene(new_scene)Fade.crossfade_execute()The node comes with 5 patterns: Diagonal, Diamond, GradientHorizontal, GradientVertical, Noise, Swirl. Just type the name of the pattern to use it, e.g. Fade.fade_out(1, Color.BLACK, "Diamond")You can add custom fade patterns by putting PNG files to "addons/UniversalFade/Patterns" folder. The name format is: "<name>.png", where <name> is what you will provide as argument for the method. They should use grayscale colors and they will fade from white to black. The pattern directory can be changed using "addons/universal_fade/patterns_directory" project setting.Check the repo for more info and some GIFs.