anime (#62)

* кумыс шейдер

* crt shader

Resources/Textures/Shaders/White/anime.swsl

@@ -0,0 +1,31 @@
+const highp float shake_power = 0.03;
+const highp float shake_block_size = 30.5;
+const highp float fade = 0.01;
+const highp vec2 direction_r = vec2( 1.0, 0.0 );
+const highp vec2 direction_g = vec2( 0.4, 1.0 );
+const highp vec2 direction_b = vec2( -0.7, -0.3 );
+uniform sampler2D SCREEN_TEXTURE;
+
+highp float random (highp float seed)
+{
+    return fract ( 543.2543 * sin( dot( vec2( seed, seed ), vec2( 3525.46, -54.3415 ) ) ) );
+}
+
+void fragment()
+{
+    highp vec2 fixed_uv = UV;
+    fixed_uv.x += (
+    random(
+        ( trunc( UV.y * shake_block_size ) / shake_block_size )
+        +   TIME
+    ) - 0.5
+    ) * shake_power * ( fade * 12.0 );
+
+    COLOR = vec4(
+        textureLod( SCREEN_TEXTURE, fixed_uv + normalize( direction_r ) * fade, 0.0 ).r
+    ,   textureLod( SCREEN_TEXTURE, fixed_uv + normalize( direction_g ) * fade, 0.0 ).g
+    ,   textureLod( SCREEN_TEXTURE, fixed_uv + normalize( direction_b ) * fade, 0.0 ).b
+    ,   0.0
+    ) * ( 1.0 - fade );
+    COLOR.a = 1.0;
+}

Resources/Textures/Shaders/White/bettercrt.swsl

@@ -0,0 +1,83 @@
+uniform sampler2D SCREEN_TEXTURE;
+
+const highp float PI = 3.1415926535;
+
+// ブラウン管のガラスの曲がり具合（フラットなやつは0.0でいいかな）
+const highp float crt_curve  = 0.02;
+// 走査線の濃さ
+const highp float crt_scan_line_color = 0.348;
+// 光量
+const highp float aperture_grille_rate = 0.5;
+// RFスイッチ的ブラー
+const highp float rf_switch_esque_blur  = 1.1;
+// 白色ノイズ
+const highp float white_noise_rate = 0.05;
+
+highp float random( highp vec2 pos )
+{
+    return fract(sin(dot(pos, vec2(12.9898,78.233))) * 43758.5453);
+}
+
+void fragment( )
+{
+    // ガラスの曲がり具合
+    highp vec2 crt_curve_shift = ( vec2( 1.0, 1.0 ) - sin( UV.yx * PI ) ) * crt_curve;
+    highp vec2 crt_curve_scale = vec2( 1.0, 1.0 ) + crt_curve_shift * 2.0;
+    highp vec2 texture_fixed_uv = UV * crt_curve_scale - crt_curve_shift;
+    highp vec2 fixed_uv = UV * crt_curve_scale - crt_curve_shift;
+    // 範囲外を消す
+    highp float enable_color = float( 0.0 <= texture_fixed_uv.x && texture_fixed_uv.x <= 1.0 && 0.0 <= texture_fixed_uv.y && texture_fixed_uv.y <= 1.0 );
+
+    // ガラスの曲がり具合から元色を取得 + RFスイッチ的ブラー
+    COLOR.rgb = (
+    (
+    texture( SCREEN_TEXTURE, fixed_uv ).rgb
+    *	( 1.0 - rf_switch_esque_blur * 0.5 )
+    )
+    +	(
+    (
+    texture( SCREEN_TEXTURE, fixed_uv + vec2( -SCREEN_PIXEL_SIZE.x * 3.1, 0.0 ) ).rgb
+    +	texture( SCREEN_TEXTURE, fixed_uv + vec2( SCREEN_PIXEL_SIZE.x * 3.1, 0.0 ) ).rgb
+    )
+    *	( rf_switch_esque_blur * 0.25 )	// （RFノイズ）0.5 * （テクスチャから読んだ2箇所を半分にしたい）0.5
+    )
+    ) * enable_color;
+    COLOR.a = 1.0;
+
+    // ------------------------------------------------
+    // 以下はアパーチャグリル上の1ピクセルごとの処理
+    highp vec2 aperture_grille_pixel = vec2( floor( ( fixed_uv.x / SCREEN_PIXEL_SIZE.x ) / 3.0 ) * 3.0, fixed_uv.y );
+
+    // 白色ノイズ
+    highp float white_noise = random( aperture_grille_pixel + vec2( sin( TIME * 0.543254 ), cos( TIME * 0.254323563 ) ) );
+    COLOR.rgb = mix(
+    COLOR.rgb
+    ,	vec3( white_noise, white_noise, white_noise )
+    ,	white_noise_rate * enable_color
+    );
+
+    // アパーチャグリル再現
+    highp float aperture_grille_point = mod( ( ( UV.x * crt_curve_scale.x ) - crt_curve_shift.x ) / SCREEN_PIXEL_SIZE.x, 3.0 );
+    highp float aperture_grille_r_rate = clamp( 1.0 - aperture_grille_point, 0.0, 1.0 ) + clamp( aperture_grille_point - 2.0, 0.0, 1.0 );
+    highp float aperture_grille_g_rate = clamp( 1.0 - abs( 1.0 - aperture_grille_point ), 0.0, 1.0 );
+    highp float aperture_grille_b_rate = 1.0 - aperture_grille_r_rate - aperture_grille_g_rate;
+    COLOR = clamp(
+    COLOR * vec4(
+    normalize( vec3(
+    clamp( aperture_grille_r_rate, aperture_grille_rate, 1.0 )
+    ,	clamp( aperture_grille_g_rate, aperture_grille_rate, 1.0 )
+    ,	clamp( aperture_grille_b_rate, aperture_grille_rate, 1.0 )
+    ) )
+    ,	1.0
+    )
+    ,	vec4( 0.0, 0.0, 0.0, 0.0 )
+    ,	vec4( 1.0, 1.0, 1.0, 1.0 )
+    );
+
+    // 走査線
+    COLOR = mix(
+    COLOR
+    ,	vec4( 0.0, 0.0, 0.0, 1.0 )
+    ,	float( 0 == int( fixed_uv.y / SCREEN_PIXEL_SIZE.y ) % 2 ) * crt_scan_line_color
+    );
+}