Godot 2D Refraction Bubble Shader Tutorial: Part 1: Create Graphics

Опубликовано: 02 Май 2026
на канале: Kyle Luce
1,395
27

Part 1: Asset creation

Looking for Part 2? Shaders:    • Godot 2D Refraction Bubble Shader Tutorial...  

Hi Fellow GameDevs,

This is part 1 of a 2 part series on how to create a 2D Bubble shader in Godot 3.x.

In this video I'll show how we can create assets as the first step in simulating a bubble with simulated screen area refraction. We'll create:

Bubble Graphics
Height map used for generating the normal map
Normal map to be used in refraction shader

Tools used:

Gimp: 2.10.6
gimp-normalmap plugin: 1.2.3
Inkscape: 0.92
Godot: 3.1.1


Text version of this tutorial (with all download links):
https://timecubepuzzle.blogspot.com/2...


Github code:
https://github.com/Razzlegames/GodotB...


References / Credits:

Sin wave image by: Peppergrower - Wikipedia

Two sinusoidal waves offset from each other by a phase shift .
Be sure to copy all Wikipedia references to end of description


My current Hardware setup: https://timecubepuzzle.blogspot.com/p...