Dithering de 1 bit

#version 300 es// Posterize & dither → 1-bit dither, web GLSL (GLSL ES 3.00). From Creative Center, MIT license.precision highp float;uniform float u_time;uniform vec2 u_resolution; // this pass's output size in pixelsuniform float p_pixelSize; // Dot size (px): 2.0 (1.0 to 8.0)uniform float p_exposure; // Exposure: 1.5 (0.25 to 4.0)uniform vec3 p_ink; // Ink: vec3(0.13, 0.11, 0.2), sRGB; upload it decoded to linearuniform vec3 p_paper; // Paper: vec3(0.93, 0.9, 0.8), sRGB; upload it decoded to linearuniform sampler2D t_screen; // the scene's color: linear HDR (RGBA16F), linear filter, clamp to edgein vec2 v_uv;in vec3 v_position;in vec3 v_normal;in vec3 v_view;out vec4 fragColor;struct Inputs {	vec2 uv;	vec3 position;	vec3 normal;	vec3 view;	float time;	vec2 fragCoord;	vec2 resolution;};vec3 u_toSrgb(vec3 c) {	return mix(c * 12.92, 1.055 * pow(c, vec3(1.0 / 2.4)) - 0.055, step(0.0031308, c));}// A 4×4 Bayer matrix: each threshold from 0 to 15 appears once per tile, ordered so that for any brightness the pixels// that switch on are spread as evenly as the tile allows.const float BAYER[16] = float[16](	0.0, 8.0, 2.0, 10.0,	12.0, 4.0, 14.0, 6.0,	3.0, 11.0, 1.0, 9.0,	15.0, 7.0, 13.0, 5.0);vec4 effect(Inputs i) {	// Every pixel of a block reads the block's center, so a block is one dither dot	vec2 cell = floor(i.fragCoord / p_pixelSize);	vec3 scene = texture(t_screen, (cell + 0.5) * p_pixelSize / i.resolution).rgb * p_exposure;	vec3 mapped = scene / (1.0 + scene);	float brightness = dot(mapped, vec3(0.2126, 0.7152, 0.0722));	ivec2 p = ivec2(cell) & ivec2(3);	float threshold = (BAYER[p.y * 4 + p.x] + 0.5) / 16.0;	float lit = step(threshold, brightness);	vec3 color = mix(p_ink, p_paper, lit);	return vec4(color, 1.0);}void main() {	Inputs i;	i.uv = v_uv;	i.position = v_position;	// Interpolation shortens the vectors between vertices	i.normal = normalize(v_normal);	i.view = normalize(v_view);	i.time = u_time;	i.fragCoord = gl_FragCoord.xy;	i.resolution = u_resolution;	vec4 frag_out = effect(i);	// The output is sRGB: clamped and encoded once, here, with no tone mapping; opaque, so alpha is 1	fragColor = vec4(u_toSrgb(clamp(frag_out.rgb, 0.0, 1.0)), 1.0);}

// Posterize & dither → 1-bit dither, Godot 4. From Creative Center, MIT license.shader_type spatial;// A full-screen quad over the finished frame: no lighting, no culling, never hidden by depthrender_mode unshaded, cull_disabled, depth_test_disabled;uniform float pixelSize : hint_range(1.0, 8.0, 1.0) = 2.0;uniform float exposure : hint_range(0.25, 4.0, 0.05) = 1.5;uniform vec3 ink : source_color = vec3(0.13, 0.11, 0.2);uniform vec3 paper : source_color = vec3(0.93, 0.9, 0.8);uniform sampler2D t_screen : hint_screen_texture, filter_linear, repeat_disable;struct Inputs {	vec2 uv;	vec3 position;	vec3 normal;	vec3 view;	float time;	vec2 fragCoord;	vec2 resolution;};// Godot's textures start at the top-left and the effect's uv at the bottom-left: each sample flips v backvec2 u_flipUv(vec2 uv) {	return vec2(uv.x, 1.0 - uv.y);}// A 4×4 Bayer matrix: each threshold from 0 to 15 appears once per tile, ordered so that for any brightness the pixels// that switch on are spread as evenly as the tile allows.const float BAYER[16] = float[16](	0.0, 8.0, 2.0, 10.0,	12.0, 4.0, 14.0, 6.0,	3.0, 11.0, 1.0, 9.0,	15.0, 7.0, 13.0, 5.0);vec4 effect(Inputs i) {	// Every pixel of a block reads the block's center, so a block is one dither dot	vec2 cell = floor(i.fragCoord / pixelSize);	vec3 scene = texture(t_screen, u_flipUv((cell + 0.5) * pixelSize / i.resolution)).rgb * exposure;	vec3 mapped = scene / (1.0 + scene);	float brightness = dot(mapped, vec3(0.2126, 0.7152, 0.0722));	ivec2 p = ivec2(cell) & ivec2(3);	float threshold = (BAYER[p.y * 4 + p.x] + 0.5) / 16.0;	float lit = step(threshold, brightness);	vec3 color = mix(ink, paper, lit);	return vec4(color, 1.0);}void vertex() {	// Put the shader on a MeshInstance3D with a 2x2 QuadMesh in front of the camera; it covers the screen wherever it is	POSITION = vec4(VERTEX.xy, 1.0, 1.0);}void fragment() {	Inputs i;	// SCREEN_UV starts at the top-left; the effect expects GLSL's bottom-left	i.uv = vec2(SCREEN_UV.x, 1.0 - SCREEN_UV.y);	// A flat quad facing the viewer, the same as the site's 2D preview	i.position = vec3(i.uv * 2.0 - 1.0, 0.0);	i.normal = vec3(0.0, 0.0, 1.0);	i.view = vec3(0.0, 0.0, 1.0);	i.time = TIME;	// FRAGCOORD's origin is the top-left too	i.resolution = VIEWPORT_SIZE;	i.fragCoord = vec2(FRAGCOORD.x, i.resolution.y - FRAGCOORD.y);	vec4 frag_out = effect(i);	ALBEDO = frag_out.rgb;}