screentinker/shared/Transitions/PacketLoss.glsl
screentinker 96b71a0d56
feat: transition engine — GL wipes across web, Tizen & Android (+ image↔video) (#204)
Client-side GL Transitions v1 across all three players with never-blank degradation: shader lib + generated manifest + real-WebGL CI, transition-as-widget normalization, persistent WebGL/GLES2 compositors (web/Tizen/native Android), image↔video wipes, SSRF-hardened media proxy, decode-gated image preload, dashboard picker. Fixes the playlist change-fingerprint that dropped transition edits. Alpha + on-device soak validated.
2026-07-20 16:45:32 -05:00

39 lines
1.4 KiB
GLSL

// Packet Loss
// blurb: Blocks drop out of the stream, rows tear, and the new frame retransmits block by block.
// Author: Dan (ByteTinker)
// License: MIT
// GL Transitions v1 — GLSL ES 1.0, runs unmodified in WebGL1 and Android GLES2.
uniform float cols; // = 26.0 [4.0..80.0]
uniform float rows; // = 15.0 [3.0..48.0]
uniform float rowTear; // = 0.06 [0.0..0.3]
uniform float garbage; // = 0.5 [0.0..1.0]
float bt_hash(vec2 p){ return fract(sin(dot(p, vec2(127.1, 311.7))) * 43758.5453123); }
vec4 transition(vec2 uv){
float env = sin(3.14159265 * progress);
vec2 bs = vec2(cols, rows);
float rowId = floor(uv.y * rows);
float tear = (bt_hash(vec2(rowId, floor(progress * 24.0))) - 0.5) * rowTear * env;
vec2 uvt = vec2(fract(uv.x + tear), uv.y);
vec2 blk = floor(uvt * bs);
float dropT = 0.05 + bt_hash(blk) * 0.40;
float backT = 0.55 + bt_hash(blk + 11.3) * 0.40;
float gone = step(dropT, progress);
float back = step(backT, progress);
vec3 a = getFromColor(uvt).rgb;
vec3 b = getToColor(uvt).rgb;
vec3 junk = getFromColor(fract(uvt + vec2(bt_hash(blk + 3.1) * 0.5, bt_hash(blk + 5.7) * 0.5))).rgb;
junk = junk.gbr * (0.4 + bt_hash(blk + 9.0) * 0.6);
vec3 hole = mix(vec3(0.0), junk, garbage * step(0.55, bt_hash(blk + 2.2)));
vec3 col = mix(a, hole, gone * (1.0 - back));
col = mix(col, b, back);
return vec4(col, 1.0);
}