🎉 Add TV Effect shader

2021-12-30 13:42:41 +01:00
parent cd3b91a191
commit fdd21a44b8
5 changed files with 88 additions and 224 deletions
@@ -0,0 +1,75 @@
+//////////////////////////////////////////////////////////////////////////////////////////
+//          )                                                   (                       //
+//       ( /(   (  (               )    (       (  (  (         )\ )    (  (            //
+//       )\()) ))\ )(   (         (     )\ )    )\))( )\  (    (()/( (  )\))(  (        //
+//      ((_)\ /((_|()\  )\ )      )\  '(()/(   ((_)()((_) )\ )  ((_)))\((_)()\ )\       //
+//      | |(_|_))( ((_)_(_/(    _((_))  )(_))  _(()((_|_)_(_/(  _| |((_)(()((_|(_)      //
+//      | '_ \ || | '_| ' \))  | '  \()| || |  \ V  V / | ' \)) _` / _ \ V  V (_-<      //
+//      |_.__/\_,_|_| |_||_|   |_|_|_|  \_, |   \_/\_/|_|_||_|\__,_\___/\_/\_//__/      //
+//                                 |__/                                                 //
+//                       Copyright (c) 2021 Simon Schneegans                            //
+//          Released under the GPLv3 or later. See LICENSE file for details.            //
+//////////////////////////////////////////////////////////////////////////////////////////
+
+'use strict';
+
+const {Clutter, GObject} = imports.gi;
+
+const ExtensionUtils = imports.misc.extensionUtils;
+const Me             = imports.misc.extensionUtils.getCurrentExtension();
+const shaderSnippets = Me.imports.src.extension.shaderSnippets;
+
+//////////////////////////////////////////////////////////////////////////////////////////
+// The TVEffectShader ...                                                               //
+//////////////////////////////////////////////////////////////////////////////////////////
+
+var TVEffectShader = GObject.registerClass(
+    {Properties: {}, Signals: {}}, class TVEffectShader extends Clutter.ShaderEffect {
+      _init(settings) {
+        super._init({shader_type: Clutter.ShaderType.FRAGMENT_SHADER});
+
+        this.set_shader_source(`
+
+        // Inject some common shader snippets.
+        ${shaderSnippets.standardUniforms()}
+
+        const float BLUR_WIDTH = 0.01;
+        const float TB_TIME    = 0.7;
+        const float LR_TIME    = 0.4;
+        const float LR_DELAY   = 0.6;
+        const float FF_TIME    = 0.2;
+
+        void main() {
+
+          float tbProgress = smoothstep(0, 1, clamp(uProgress/TB_TIME, 0, 1));
+          float lrProgress = smoothstep(0, 1, clamp((uProgress - LR_DELAY)/LR_TIME, 0, 1));
+          float ffProgress = smoothstep(0, 1, clamp((uProgress - 1.0 + FF_TIME)/FF_TIME, 0, 1));
+
+          float tb = cogl_tex_coord_in[0].t * 2;
+          tb = tb < 1 ? tb : 2 - tb;
+          
+          float lr = cogl_tex_coord_in[0].s * 2;
+          lr = lr < 1 ? lr : 2 - lr;
+          
+          float tbMask = 1 - smoothstep(0, 1, clamp((tbProgress - tb) / BLUR_WIDTH, 0, 1));
+          float lrMask = 1 - smoothstep(0, 1, clamp((lrProgress - lr) / BLUR_WIDTH, 0, 1));
+          float ffMask = 1 - smoothstep(0, 1, ffProgress);
+
+          float mask = tbMask * lrMask * ffMask;
+
+          vec4 windowColor = texture2D(uTexture, cogl_tex_coord_in[0].st);
+          vec4 effectColor = vec4(1, 1, 1, 1) * windowColor.a;
+
+          windowColor.rgb = mix(windowColor.rgb, effectColor.rgb, smoothstep(0, 1, uProgress));
+
+          cogl_color_out = windowColor * mask;
+
+          // These are pretty useful for understanding how this works.
+          // cogl_color_out = vec4(vec3(tbMask), 1);
+          // cogl_color_out = vec4(vec3(lrMask), 1);
+          // cogl_color_out = vec4(vec3(ffMask), 1);
+          // cogl_color_out = vec4(vec3(mask), 1);
+        }
+        `);
+      };
+    });