CanvasItem Mask? (learning Visual Shader)

GogetaX

Hello everyone. im trying my luck on learning Visual Shaders. so far, i was playing with Canvas Items and i cant get it right.. anyone can help me?

im trying to make Mask on a Canvas Item Texture.

this is my setup:

i want to make alpha border around the texture.. any ideas how i do that? or at least tell me how i return the UV texture of the specific Texture?

thank you.

Megalomaniak

UV Texture? Do you mean the straight up gradients of the UV space? If so you should be able to add in input node and get it from there.

TwistedTwigleg

The tutorial uses Godot’s shader language, but I wrote a tutorial on color masking in Godot for RandomMomentania that may be helpful as a reference.

GogetaX

ok, here is a code i wrote: shader_type canvas_item;

uniform sampler2D mask_texture;

void fragment() {
    vec4 colour = texture(TEXTURE, UV);
    colour.a *= texture(mask_texture, UV).a;

    COLOR = colour;
}

how can i convert it into Visual Shader?

the output im looking for is:

(rounded image)

TwistedTwigleg

With my testing, something like this should achieve what you are looking for:

The only thing I missed was connecting the rgb from the bottom texture to the Color output. If I understand how the shader works correctly, the visual shader above it should operate exactly the same as the code version.

GogetaX

ahh yes thx for the suggestion.. that actually worked.. btw, i removed the Input Texture into Sampler and i got same result..

thanks @TwistedTwigleg

TwistedTwigleg

Awesome, and happy to help! :)