From b14a5b6ab15a09bcd2a6a028147259b58453a4a5 Mon Sep 17 00:00:00 2001 From: Stefan Date: Sun, 30 Apr 2023 16:25:44 +0200 Subject: [PATCH] Add gizmo-crt shader (#413) * Add gizmo-crt shader This shader tries to reproduce a CRT-like output without replicating mask or RGB patterns. It has the following features: - allows fractional scaling - uses texture AA shader and subpixel scaling for evenly placed sharp pixels - has a horizontal blur function which mimics bad signal quality of some systems (megadrive, psx) - has a vertical blur function which mimics n64 vertical software blur - adds some noise to mimic restless CRT colors - has a curvator function - looks good with resolutions <= 1080p - has modest system requirements https://forums.libretro.com/t/gizmo-crt-shader/41409 https://github.com/gizmo98/gizmo-crt-shader --- crt/gizmo-crt.slangp | 14 + crt/shaders/gizmo-crt.slang | 247 ++++++++++++++++++ presets/gizmo-crt/gizmo-crt-curvator.slangp | 14 + .../gizmo-crt-megadrive-curvator.slangp | 14 + presets/gizmo-crt/gizmo-crt-megadrive.slangp | 14 + .../gizmo-crt/gizmo-crt-n64-curvator.slangp | 14 + presets/gizmo-crt/gizmo-crt-n64.slangp | 14 + .../gizmo-crt/gizmo-crt-psx-curvator.slangp | 14 + presets/gizmo-crt/gizmo-crt-psx.slangp | 14 + presets/gizmo-crt/gizmo-crt-snes-4k.slangp | 15 ++ .../gizmo-crt-snes-curvator-4k.slangp | 15 ++ .../gizmo-crt-snes-dark-curvator.slangp | 14 + presets/gizmo-crt/gizmo-crt-snes-dark.slangp | 14 + 13 files changed, 417 insertions(+) create mode 100644 crt/gizmo-crt.slangp create mode 100644 crt/shaders/gizmo-crt.slang create mode 100644 presets/gizmo-crt/gizmo-crt-curvator.slangp create mode 100644 presets/gizmo-crt/gizmo-crt-megadrive-curvator.slangp create mode 100644 presets/gizmo-crt/gizmo-crt-megadrive.slangp create mode 100644 presets/gizmo-crt/gizmo-crt-n64-curvator.slangp create mode 100644 presets/gizmo-crt/gizmo-crt-n64.slangp create mode 100644 presets/gizmo-crt/gizmo-crt-psx-curvator.slangp create mode 100644 presets/gizmo-crt/gizmo-crt-psx.slangp create mode 100644 presets/gizmo-crt/gizmo-crt-snes-4k.slangp create mode 100644 presets/gizmo-crt/gizmo-crt-snes-curvator-4k.slangp create mode 100644 presets/gizmo-crt/gizmo-crt-snes-dark-curvator.slangp create mode 100644 presets/gizmo-crt/gizmo-crt-snes-dark.slangp diff --git a/crt/gizmo-crt.slangp b/crt/gizmo-crt.slangp new file mode 100644 index 0000000..47e6f89 --- /dev/null +++ b/crt/gizmo-crt.slangp @@ -0,0 +1,14 @@ +shaders = "1" +shader0 = "shaders/gizmo-crt.slang" +filter_linear0 = "true" +scale_type0 = viewport + +parameters = "BRIGHTNESS;HORIZONTAL_BLUR;VERTICAL_BLUR;BLUR_OFFSET;BGR_LCD_PATTERN;SHRINK" +CURVATURE_X = "0.0" +CURVATURE_Y = "0.0" +BRIGHTNESS = "0.5" +HORIZONTAL_BLUR = "0.0" +VERTICAL_BLUR = "0.0" +BLUR_OFFSET = "0.0" +BGR_LCD_PATTERN = "0.0" +SHRINK = "0.0" diff --git a/crt/shaders/gizmo-crt.slang b/crt/shaders/gizmo-crt.slang new file mode 100644 index 0000000..dec8374 --- /dev/null +++ b/crt/shaders/gizmo-crt.slang @@ -0,0 +1,247 @@ +#version 450 +/* + * gizmo98 crt shader + * Copyright (C) 2023 gizmo98 + * + * This program is free software; you can redistribute it and/or modify it + * under the terms of the GNU General Public License as published by the Free + * Software Foundation; either version 2 of the License, or (at your option) + * any later version. + * + * version 0.40, 29.04.2023 + * --------------------------------------------------------------------------------------- + * - fix aspect ratio issue + * - fix screen centering issue + * - use CRT/PI curvator + * + * version 0.35, 29.04.2023 + * --------------------------------------------------------------------------------------- + * - initial slang port + * - remove NTSC and INTERLACE effects + * + * version 0.3, 28.04.2023 + * --------------------------------------------------------------------------------------- + * - unify shader in one file + * - replace fixed macros and defines with pragmas + * - add BLUR_OFFSET setting. This setting can be used to set the strength of a bad signal + * - add ANAMORPH setting for megadrive and snes + * + * https://github.com/gizmo98/gizmo-crt-shader + * + * This shader tries to mimic a CRT without extensive use of scanlines and rgb pattern emulation. + * It uses horizontal subpixel scaling and adds brightness dependent scanline patterns and allows + * fractional scaling. + * + * HORIZONTAL_BLUR simulates a bad composite signal which is neede for consoles like megadrive + * VERTICAL_BLUR vertical blur simulates N64 vertical blur + * BGR_LCD_PATTERN most LCDs have a RGB pixel pattern. Enable BGR pattern with this switch + * BRIGHTNESS makes scanlines more or less visible + * SHRINK shrink screen in Z direction + * + * uses parts of RetroPie barrel distortation shader + * uses parts of texture anti-aliasing shader https://www.shadertoy.com/view/ldsSRX + * uses gold noise shader https://www.shadertoy.com/view/ltB3zD + */ + + +layout(push_constant) uniform Push +{ + vec4 SourceSize; + vec4 OriginalSize; + vec4 OutputSize; + uint FrameCount; + float CURVATURE_X; + float CURVATURE_Y; + float BRIGHTNESS; + float HORIZONTAL_BLUR; + float VERTICAL_BLUR; + float BLUR_OFFSET; + float BGR_LCD_PATTERN; + float SHRINK; +} params; + +layout(std140, set = 0, binding = 0) uniform UBO +{ + mat4 MVP; +} global; + +#pragma parameter CURVATURE_X "Screen curvature - horizontal" 0.10 0.0 1.0 0.01 +#pragma parameter CURVATURE_Y "Screen curvature - vertical" 0.15 0.0 1.0 0.01 +#pragma parameter BRIGHTNESS "Scanline Intensity" 0.5 0.05 1.0 0.05 +#pragma parameter HORIZONTAL_BLUR "Horizontal Blur" 0.0 0.0 1.0 1.0 +#pragma parameter VERTICAL_BLUR "Vertical Blur" 0.0 0.0 1.0 1.0 +#pragma parameter BLUR_OFFSET "Blur Intensity" 0.5 0.0 1.0 0.05 +#pragma parameter BGR_LCD_PATTERN "BGR output pattern" 0.0 0.0 1.0 1.0 +#pragma parameter SHRINK "Shrink screen" 0.0 0.0 1.0 0.05 + +#pragma stage vertex +layout(location = 0) in vec4 Position; +layout(location = 1) in vec2 TexCoord; +layout(location = 0) out vec2 vTexCoord; + +void main() +{ + gl_Position = global.MVP * Position; + vTexCoord = TexCoord; +} + +#pragma stage fragment +layout(location = 0) in vec2 vTexCoord; +layout(location = 0) out vec4 FragColor; +layout(set = 0, binding = 2) uniform sampler2D Source; + +float PHI = 1.61803398874989484820459; // Φ = Golden Ratio + +float gold_noise(in vec2 xy, in float seed){ + return fract(tan(distance(xy*PHI, xy)*seed)*xy.x); +} + +vec2 saturateA(in vec2 x) +{ + return clamp(x, 0.0, 1.0); +} + +vec2 magnify(in vec2 uv, in vec2 res) +{ + uv *= res; + return (saturateA(fract(uv) / saturateA(fwidth(uv))) + floor(uv) - 0.5) / res.xy; +} + +vec4 textureVertical(in vec2 uv){ + vec2 texSize = vec2(textureSize(Source, 0)); + uv = magnify(uv,texSize.xy); + uv = uv*texSize.xy + 0.5; + + vec2 iuv = floor(uv); + vec2 fuv = uv - iuv; + if (params.HORIZONTAL_BLUR == 1.0){ + vec2 uv1 = vec2(uv + vec2(-0.5,-0.5)) / texSize.xy; + vec2 uv2 = vec2(uv + vec2(-0.5 + params.BLUR_OFFSET,-0.5)) / texSize.xy; + vec4 col1 = texture( Source, uv1 ); + vec4 col2 = texture( Source, uv2 ); + vec4 col = (col1 + col2) / vec4(2.0); + if (params.VERTICAL_BLUR == 1.0){ + vec2 uv3 = vec2(uv + vec2(-0.5,-0.5 +params.BLUR_OFFSET)) / texSize.xy; + vec2 uv4 = vec2(uv + vec2(-0.5 + params.BLUR_OFFSET,-0.5 +params.BLUR_OFFSET)) / texSize.xy; + vec4 col3 = texture( Source, uv3 ); + vec4 col4 = texture( Source, uv4 ); + col = (((col3 + col4) / vec4(2.0)) + col) / vec4(2.0); + } + return col; + } + else{ + uv = vec2(uv + vec2(-0.5,-0.5)) / texSize.xy; + return texture( Source, uv ); + } +} + +vec4 textureCRT(in vec2 uvr, in vec2 uvg, in vec2 uvb ){ + return vec4(textureVertical(uvr).r,textureVertical(uvg).g, textureVertical(uvb).b, 255); +} + +float GetFuv(in vec2 uv){ + vec2 texSize = vec2(textureSize(Source, 0)); + uv = uv*texSize.xy + 0.5; + vec2 iuv = floor(uv); + vec2 fuv = uv - iuv; + return abs((fuv*fuv*fuv*(fuv*(fuv*6.0-15.0)+10.0)).y - 0.5); +} + +vec2 GetIuv(in vec2 uv){ + vec2 texSize = vec2(textureSize(Source, 0)); + uv = uv*texSize.xy; + + vec2 iuv = floor(uv); + return iuv; +} + +vec4 AddNoise(in vec4 col, in vec2 coord){ + /* Add some subpixel noise which simulates small CRT color variations */ + float iGlobalTime = float(params.FrameCount)*0.025; + return clamp(col + gold_noise(coord,sin(iGlobalTime))/32.0 - 1.0/64.0,0.0,1.0); +} + +vec4 AddScanlines(in vec4 col, in vec2 coord){ + /* Add scanlines which are wider for dark colors. + You cannot see scanlines if color is bright. */ + vec2 texSize = vec2(textureSize(Source, 0)); + float brightness = 1.0 / params.BRIGHTNESS * 0.05; + float scale = (params.OutputSize.y / texSize.y) * 0.5; + float dim = brightness * scale; + col.rgb -= dim * (abs(1.5* (1.0 - col.rgb) * abs(abs(GetFuv(coord) - 0.5)))); + return col; +} + +vec3 XCoords(in float coord, in float factor){ + float iGlobalTime = float(params.FrameCount)*0.025; + float spread = 0.333; + vec3 coords = vec3(coord); + if(params.BGR_LCD_PATTERN == 1.0) + coords.r += spread * 2.0; + else + coords.b += spread * 2.0; + coords.g += spread; + coords *= factor; + return coords; +} + +float YCoord(in float coord, in float factor){ + return coord * factor; +} + +vec2 CURVATURE_DISTORTION = vec2(params.CURVATURE_X, params.CURVATURE_Y); +// Barrel distortion shrinks the display area a bit, this will allow us to counteract that. +vec2 barrelScale = 1.0 - (0.23 * CURVATURE_DISTORTION); + +vec2 Distort(vec2 coord) +{ +// coord *= screenScale; // not necessary in slang + coord -= vec2(0.5); + float rsq = coord.x * coord.x + coord.y * coord.y; + coord += coord * (CURVATURE_DISTORTION * rsq); + coord *= barrelScale; + if (abs(coord.x) >= 0.5 || abs(coord.y) >= 0.5) + coord = vec2(-1.0); // If out of bounds, return an invalid value. + else + { + coord += vec2(0.5); +// coord /= screenScale; // not necessary in slang + } + + return coord; +} + +void main() +{ + vec2 texSize = vec2(textureSize(Source, 0)); + vec2 texcoord = vTexCoord.xy; + + if (params.SHRINK > 0.0) + { + texcoord.y -= 0.5; + texcoord.y *= 1.0 + params.SHRINK; + texcoord.y += 0.5; + } + + texcoord = Distort(texcoord); + if (texcoord.x < 0.0) + { + FragColor = vec4(0.0); + return; + } + + vec2 fragCoord = texcoord.xy * params.OutputSize.xy; + + vec2 factor = texSize.xy / params.OutputSize.xy ; + highp float yCoord = YCoord(fragCoord.y, factor.y) ; + highp vec3 xCoords = XCoords(fragCoord.x, factor.x) ; + + vec2 coord_r = vec2(xCoords.r/ texSize.x, texcoord.y) ; + vec2 coord_g = vec2(xCoords.g, yCoord) / texSize.xy; + vec2 coord_b = vec2(xCoords.b, yCoord) / texSize.xy; + + FragColor = textureCRT(coord_r,coord_g,coord_b); + FragColor = AddNoise(FragColor, fragCoord); + FragColor = AddScanlines(FragColor, coord_r); + FragColor.a = 1.0; +} diff --git a/presets/gizmo-crt/gizmo-crt-curvator.slangp b/presets/gizmo-crt/gizmo-crt-curvator.slangp new file mode 100644 index 0000000..2b4bea8 --- /dev/null +++ b/presets/gizmo-crt/gizmo-crt-curvator.slangp @@ -0,0 +1,14 @@ +shaders = "1" +shader0 = "../../crt/shaders/gizmo-crt.slang" +filter_linear0 = "true" +scale_type0 = viewport + +parameters = "BRIGHTNESS;HORIZONTAL_BLUR;VERTICAL_BLUR;BLUR_OFFSET;BGR_LCD_PATTERN;SHRINK" +CURVATURE_X = "0.1" +CURVATURE_Y = "0.1" +BRIGHTNESS = "0.5" +HORIZONTAL_BLUR = "0.0" +VERTICAL_BLUR = "0.0" +BLUR_OFFSET = "0.0" +BGR_LCD_PATTERN = "0.0" +SHRINK = "0.0" diff --git a/presets/gizmo-crt/gizmo-crt-megadrive-curvator.slangp b/presets/gizmo-crt/gizmo-crt-megadrive-curvator.slangp new file mode 100644 index 0000000..d8ce473 --- /dev/null +++ b/presets/gizmo-crt/gizmo-crt-megadrive-curvator.slangp @@ -0,0 +1,14 @@ +shaders = "1" +shader0 = "../../crt/shaders/gizmo-crt.slang" +filter_linear0 = "true" +scale_type0 = viewport + +parameters = "BRIGHTNESS;HORIZONTAL_BLUR;VERTICAL_BLUR;BLUR_OFFSET;BGR_LCD_PATTERN;SHRINK" +CURVATURE_X = "0.1" +CURVATURE_Y = "0.1" +BRIGHTNESS = "0.3" +HORIZONTAL_BLUR = "1.0" +VERTICAL_BLUR = "0.0" +BLUR_OFFSET = "0.65" +BGR_LCD_PATTERN = "0.0" +SHRINK = "0.0" diff --git a/presets/gizmo-crt/gizmo-crt-megadrive.slangp b/presets/gizmo-crt/gizmo-crt-megadrive.slangp new file mode 100644 index 0000000..4a48224 --- /dev/null +++ b/presets/gizmo-crt/gizmo-crt-megadrive.slangp @@ -0,0 +1,14 @@ +shaders = "1" +shader0 = "../../crt/shaders/gizmo-crt.slang" +filter_linear0 = "true" +scale_type0 = viewport + +parameters = "BRIGHTNESS;HORIZONTAL_BLUR;VERTICAL_BLUR;BLUR_OFFSET;BGR_LCD_PATTERN;SHRINK" +CURVATURE_X = "0.0" +CURVATURE_Y = "0.0" +BRIGHTNESS = "0.3" +HORIZONTAL_BLUR = "1.0" +VERTICAL_BLUR = "0.0" +BLUR_OFFSET = "0.65" +BGR_LCD_PATTERN = "0.0" +SHRINK = "0.0" diff --git a/presets/gizmo-crt/gizmo-crt-n64-curvator.slangp b/presets/gizmo-crt/gizmo-crt-n64-curvator.slangp new file mode 100644 index 0000000..913c7c5 --- /dev/null +++ b/presets/gizmo-crt/gizmo-crt-n64-curvator.slangp @@ -0,0 +1,14 @@ +shaders = "1" +shader0 = "../../crt/shaders/gizmo-crt.slang" +filter_linear0 = "true" +scale_type0 = viewport + +parameters = "BRIGHTNESS;HORIZONTAL_BLUR;VERTICAL_BLUR;BLUR_OFFSET;BGR_LCD_PATTERN;SHRINK" +CURVATURE_X = "0.1" +CURVATURE_Y = "0.1" +BRIGHTNESS = "0.5" +HORIZONTAL_BLUR = "1.0" +VERTICAL_BLUR = "1.0" +BLUR_OFFSET = "0.5" +BGR_LCD_PATTERN = "0.0" +SHRINK = "0.0" diff --git a/presets/gizmo-crt/gizmo-crt-n64.slangp b/presets/gizmo-crt/gizmo-crt-n64.slangp new file mode 100644 index 0000000..6244ebe --- /dev/null +++ b/presets/gizmo-crt/gizmo-crt-n64.slangp @@ -0,0 +1,14 @@ +shaders = "1" +shader0 = "../../crt/shaders/gizmo-crt.slang" +filter_linear0 = "true" +scale_type0 = viewport + +parameters = "BRIGHTNESS;HORIZONTAL_BLUR;VERTICAL_BLUR;BLUR_OFFSET;BGR_LCD_PATTERN;SHRINK" +CURVATURE_X = "0.0" +CURVATURE_Y = "0.0" +BRIGHTNESS = "0.5" +HORIZONTAL_BLUR = "1.0" +VERTICAL_BLUR = "1.0" +BLUR_OFFSET = "0.5" +BGR_LCD_PATTERN = "0.0" +SHRINK = "0.0" diff --git a/presets/gizmo-crt/gizmo-crt-psx-curvator.slangp b/presets/gizmo-crt/gizmo-crt-psx-curvator.slangp new file mode 100644 index 0000000..ecfb2cd --- /dev/null +++ b/presets/gizmo-crt/gizmo-crt-psx-curvator.slangp @@ -0,0 +1,14 @@ +shaders = "1" +shader0 = "../../crt/shaders/gizmo-crt.slang" +filter_linear0 = "true" +scale_type0 = viewport + +parameters = "BRIGHTNESS;HORIZONTAL_BLUR;VERTICAL_BLUR;BLUR_OFFSET;BGR_LCD_PATTERN;SHRINK" +CURVATURE_X = "0.1" +CURVATURE_Y = "0.1" +BRIGHTNESS = "0.30" +HORIZONTAL_BLUR = "1.0" +VERTICAL_BLUR = "0.0" +BLUR_OFFSET = "0.65" +BGR_LCD_PATTERN = "0.0" +SHRINK = "0.0" diff --git a/presets/gizmo-crt/gizmo-crt-psx.slangp b/presets/gizmo-crt/gizmo-crt-psx.slangp new file mode 100644 index 0000000..58c92ae --- /dev/null +++ b/presets/gizmo-crt/gizmo-crt-psx.slangp @@ -0,0 +1,14 @@ +shaders = "1" +shader0 = "../../crt/shaders/gizmo-crt.slang" +filter_linear0 = "true" +scale_type0 = viewport + +parameters = "BRIGHTNESS;HORIZONTAL_BLUR;VERTICAL_BLUR;BLUR_OFFSET;BGR_LCD_PATTERN;SHRINK" +CURVATURE_X = "0.0" +CURVATURE_Y = "0.0" +BRIGHTNESS = "0.30" +HORIZONTAL_BLUR = "1.0" +VERTICAL_BLUR = "0.0" +BLUR_OFFSET = "0.65" +BGR_LCD_PATTERN = "0.0" +SHRINK = "0.0" diff --git a/presets/gizmo-crt/gizmo-crt-snes-4k.slangp b/presets/gizmo-crt/gizmo-crt-snes-4k.slangp new file mode 100644 index 0000000..5512758 --- /dev/null +++ b/presets/gizmo-crt/gizmo-crt-snes-4k.slangp @@ -0,0 +1,15 @@ +shaders = "1" +shader0 = "../../crt/shaders/gizmo-crt.slang" +filter_linear0 = "true" +scale_type0 = viewport + +parameters = "BRIGHTNESS;HORIZONTAL_BLUR;VERTICAL_BLUR;BLUR_OFFSET;BGR_LCD_PATTERN;SHRINK" +CURVATURE_X = "0.0" +CURVATURE_Y = "0.0" +BRIGHTNESS = "0.5" +HORIZONTAL_BLUR = "0.0" +VERTICAL_BLUR = "0.0" +BLUR_OFFSET = "0.0" +BGR_LCD_PATTERN = "0.0" +SHRINK = "0.1" +SNR = "2.0" diff --git a/presets/gizmo-crt/gizmo-crt-snes-curvator-4k.slangp b/presets/gizmo-crt/gizmo-crt-snes-curvator-4k.slangp new file mode 100644 index 0000000..a4548fd --- /dev/null +++ b/presets/gizmo-crt/gizmo-crt-snes-curvator-4k.slangp @@ -0,0 +1,15 @@ +shaders = "1" +shader0 = "../../crt/shaders/gizmo-crt.slang" +filter_linear0 = "true" +scale_type0 = viewport + +parameters = "BRIGHTNESS;HORIZONTAL_BLUR;VERTICAL_BLUR;BLUR_OFFSET;BGR_LCD_PATTERN;SHRINK;SNR" +CURVATURE_X = "0.1" +CURVATURE_Y = "0.1" +BRIGHTNESS = "0.5" +HORIZONTAL_BLUR = "0.0" +VERTICAL_BLUR = "0.0" +BLUR_OFFSET = "0.0" +BGR_LCD_PATTERN = "0.0" +SHRINK = "0.1" +SNR = "2.0" \ No newline at end of file diff --git a/presets/gizmo-crt/gizmo-crt-snes-dark-curvator.slangp b/presets/gizmo-crt/gizmo-crt-snes-dark-curvator.slangp new file mode 100644 index 0000000..1a41486 --- /dev/null +++ b/presets/gizmo-crt/gizmo-crt-snes-dark-curvator.slangp @@ -0,0 +1,14 @@ +shaders = "1" +shader0 = "../../crt/shaders/gizmo-crt.slang" +filter_linear0 = "true" +scale_type0 = viewport + +parameters = "BRIGHTNESS;HORIZONTAL_BLUR;VERTICAL_BLUR;BLUR_OFFSET;BGR_LCD_PATTERN;SHRINK" +CURVATURE_X = "0.1" +CURVATURE_Y = "0.1" +BRIGHTNESS = "0.3" +HORIZONTAL_BLUR = "0.0" +VERTICAL_BLUR = "0.0" +BLUR_OFFSET = "0.0" +BGR_LCD_PATTERN = "0.0" +SHRINK = "0.0" diff --git a/presets/gizmo-crt/gizmo-crt-snes-dark.slangp b/presets/gizmo-crt/gizmo-crt-snes-dark.slangp new file mode 100644 index 0000000..dbc2b58 --- /dev/null +++ b/presets/gizmo-crt/gizmo-crt-snes-dark.slangp @@ -0,0 +1,14 @@ +shaders = "1" +shader0 = "../../crt/shaders/gizmo-crt.slang" +filter_linear0 = "true" +scale_type0 = viewport + +parameters = "BRIGHTNESS;HORIZONTAL_BLUR;VERTICAL_BLUR;BLUR_OFFSET;BGR_LCD_PATTERN;SHRINK" +CURVATURE_X = "0.0" +CURVATURE_Y = "0.0" +BRIGHTNESS = "0.3" +HORIZONTAL_BLUR = "0.0" +VERTICAL_BLUR = "0.0" +BLUR_OFFSET = "0.0" +BGR_LCD_PATTERN = "0.0" +SHRINK = "0.0"