#Overlay an image onto a tilemap with blending

1 messages · Page 1 of 1 (latest)

waxen bane
#

I'm working on something that is a tool related to another game. I'm trying to recreate the visual effects used in that game.
The main game has a greyscale image overlaid across the entire map, with additive and multiplicative blending options used to achieve the desired effect.
The brighter coloured image is what the tiles look like before the effect is applied, and the paler image is an example of what the effect should end up looking like.
I've tried playing with shaders a bit. I'm happy to spend more time learning, but it's such a huge topic, that it's hard to know where to start.

image.png image.png image.png
hollow oasis
#

does this look like what you're going for?

image.png
waxen bane
#

The colours are a lot more correct. Is it adding the texture?

hollow oasis
#

this is what I did:

shader_type canvas_item;
uniform sampler2D screen_texture : hint_screen_texture, repeat_disable, filter_nearest;
uniform sampler2D overlay_texture :repeat_enable;

void fragment() {
    vec3 overlay = texture(overlay_texture, SCREEN_UV).rgb;
    vec3 color = texture(screen_texture, SCREEN_UV).rgb;
    COLOR.rgb = mix((overlay+color)/1.5, color, 0.4);
}

could probably be tweaked even closer