Uploaded November 2021 | Updated September 2026, 1 week ago

---

Learn how to create a shader to create a moving wave-like effect for scene transitions in Godot! Works for both GLES 2 and GLES 3.

Checkout out the source code or download the project: github.com/SquidGodDev/LiquidWaveTransitionShader

Timestamps:
0:00 - Intro
0:13 - Creating a simple cutoff sliding transition
2:55 - Adjusting viewport to fix shader preview
3:53 - Defining wave size section
5:07 - Creating wave cutoff
6:50 - Adjusting wave frequency and speed
8:05 - Fixing wave offset
8:58 - Adding wave foam border
11:26 - Creating wave color gradient
12:10 - Animating wave transition
13:33 - Using transition in a scene
14:10 - Fixing issues with transition overlapping buttons