How to make this transition effect?

[simple obsidian]

I found this on the godotshaders web site. It's a great resource. https://godotshaders.com/shader/simple-circle-transition-2/

[safe meteor]

How do I use this to transition from one scene to another?

[simple obsidian]

Have you checked out the asset library for Godot? There may be some ready made transitions there you could use. But what I do is have an autoload scene called TransitionsMgr. This scene has a texture rect that covers the whole screen and an animation player. The animation player handles animating a fade out/fade in effect, which in my case just changes the texture rect's modulation color alpha. For you, you can add the shader code to the texture rect and then animate the site of the circle (or whatever shader param).

[safe meteor]

Hey man, sorry for taking a bit but this is what is happening now whenever I try to do it.

Do you have any idea why it isn't working?

[simple obsidian]

In the circle transition script, the animation finished function, you are checking for the wrong anim_name values. It needs to match the animation names, either Transition or TransitionOut. The way you have it the signals never get triggered.

[safe meteor]

So on one of my scenes, I have a node 2D with the transition colorrect as a child. Since node2d is a node with no size the full rect of the color rect doesn’t work and is invisible. Is there anyway to fix this?

[safe meteor]

Never mind it all works now