Blur/Sharp Shader

Adapted from YouTube tutorial:

“Ben Cloward – Blur and Sharpen Filter – Shader Graph Basics – Episode 51”

A shader meant to offer a way to blur or sharp the image through postprocess in both 2D and 3D.

How to use:

1- create a ColorRect Node with “FULL SCREEN ANCHOR PRESET”;

2- give it a shader material with this shader;

PARAMETER — “blur_sharp” — positive value will BLUR___negative value will SHARP;

PARAMETER — “pixel” — how big the effect is;

{24/03/2025 EDIT: Now it uses only 4 screen samples ( instead of 6 ) with the same result}

Shader code

// Adapted from YouTube tutorial:
// Ben Cloward - Blur and Sharpen Filter - Shader Graph Basics - Episode 51

shader_type canvas_item;
render_mode unshaded;

uniform sampler2D screen_tex : hint_screen_texture, filter_nearest, repeat_disable;
//Blur Sharp
uniform float blur_sharp: hint_range(-5.0, 5.0, 0.1) = 0.0;
uniform float pixel: hint_range(1.0, 5.0, 1.0) = 1.0;

void fragment() {
	// Screen Coordinates
	vec2 coord = (1.0 / FRAGCOORD.xy) * SCREEN_UV;
	// Screen Sample
	vec3 screen = texture(screen_tex, SCREEN_UV).rgb;
	//Blur Sharp Sample
	vec3 N = texture(screen_tex, SCREEN_UV + (coord * (vec2(0.0, pixel)))).rgb;
	vec3 S = texture(screen_tex, SCREEN_UV + (coord * (vec2(0.0, -pixel)))).rgb;
	vec3 E = texture(screen_tex, SCREEN_UV + (coord * (vec2(pixel, 0.0)))).rgb;
	vec3 W = texture(screen_tex, SCREEN_UV + (coord * (vec2(-pixel,0.0)))).rgb;
	//Combined Samples
	vec3 combine_sample = ((N + S + E + W) / 4.0) * 0.7;
	vec3 blur_screen = clamp((screen * 0.3) + combine_sample, 0.0, 1.0);
	//Final COLOR
	vec3 mix_blur_sharp = mix(screen, blur_screen, blur_sharp);
	COLOR.rgb = mix_blur_sharp ;
}

Tags