Universal Fade

An asset by KoBeWi
The page banner background of a mountain and forest
Universal Fade hero image

Quick Information

0 ratings
Universal Fade icon image
KoBeWi
Universal Fade

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(1)This will fade the screen to black over 1 second.You can achieve scene transition with these 3 lines:yield(Fade.fade_out(time), "finished")get_tree().change_scene(new_scene)Fade.fade_in(time)The fade methods take these arguments (only the first one is required):time - time of the fade (in seconds)color - 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 falseThe 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" folder. The name format is: "Pattern<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.Check the repo for more info and some GIFs.

Supported Engine Version
3.4
Version String
1.0
License Version
MIT
Support Level
community
Modified Date
2 years ago
Git URL
Issue URL

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(1)
This will fade the screen to black over 1 second.

You can achieve scene transition with these 3 lines:
yield(Fade.fade_out(time), "finished")
get_tree().change_scene(new_scene)
Fade.fade_in(time)

The fade methods take these arguments (only the first one is required):
time - time of the fade (in seconds)
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

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" folder. The name format is: "Pattern.png", where is what you will provide as argument for the method. They should use grayscale colors and they will fade from white to black.

Check the repo for more info and some GIFs.

Reviews

0 ratings

Your Rating

Headline must be at least 3 characters but not more than 50
Review must be at least 5 characters but not more than 500
Please sign in to add a review

Quick Information

0 ratings
Universal Fade icon image
KoBeWi
Universal Fade

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(1)This will fade the screen to black over 1 second.You can achieve scene transition with these 3 lines:yield(Fade.fade_out(time), "finished")get_tree().change_scene(new_scene)Fade.fade_in(time)The fade methods take these arguments (only the first one is required):time - time of the fade (in seconds)color - 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 falseThe 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" folder. The name format is: "Pattern<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.Check the repo for more info and some GIFs.

Supported Engine Version
3.4
Version String
1.0
License Version
MIT
Support Level
community
Modified Date
2 years ago
Git URL
Issue URL

Open Source

Released under the AGPLv3 license

Plug and Play

Browse assets directly from Godot

Community Driven

Created by developers for developers