A scrolling texture on a mask shape?

[nines]

Godot Version

4.3

Question

I would like to create a rectangle for a health bar, other shapes for various HUDs, etc., but I would like the texture to keep on scrolling. Something like this: https://youtu.be/Fs7SOo6Zxv4?si=B0D3mmEGGNPx70I1&t=2048 . See 34:08.

See the logo on bottom left? It’s like it’s a mask that has a texture that keeps on scrolling infinitely. So I believe I need a mask image for that, then I need to provide UV coordinates that maps to another texture image and the coordinates will keep on scrolling. So how to do that in Godot?

[zdrmlpzdrmlp]

@nines

See the logo on bottom left? It’s like it’s a mask that has a texture that keeps on scrolling infinitely. So I believe I need a mask image for that, then I need to provide UV coordinates that maps to another texture image and the coordinates will keep on scrolling. So how to do that in Godot?

this looks like just shader it with fastnoiselite and use time to scroll it in x and y direction

also because it’s just a texture, not a real font text, this should be easier to do

a very similar example from what i said

Simple noise overlay - Godot Shaders

I actually create it with this shader

Notice i added :repeat_enabled on the noise uniform, it’s what the shader code is missing

[nines]

@zdrmlpzdrmlp thank you for that. I believe I need to start reading from Introduction to shaders — Godot Engine (stable) documentation in English as well