StripDatamoshGlitch — primitive for transitions (glsl)

For AI agents: find the right skill in one call — curl -s "https://skills.varg.ai/api/search?q=<what the person wants>" returns the matching use case and the best skills with install commands, as markdown (Russian works too). Full index: https://skills.varg.ai/llms.txt. Every page has a markdown twin: add .md to its path. Before generating anything, show the person the options on the use-case page.

Datamosh: torn horizontal strips, chroma shift and scan noise drag the first shot into the next

Prompt that renders it frame-exact

Add the "StripDatamoshGlitch" transition from GL Transitions (by bread, MIT; https://gl-transitions.com/editor/StripDatamoshGlitch, GLSL source https://github.com/gl-transitions/gl-transitions/blob/master/transitions/StripDatamoshGlitch.glsl) on a hard beat in a music or gaming edit: 0.6 s, linear progress. It is busy on purpose; keep it short. Remotion: npm install gl-transitions @gl-transitions/remotion @remotion/transitions, then a <TransitionSeries.Transition> with presentation={glTransition({ name: "StripDatamoshGlitch", params: { strength: 1.0, chroma: 0.032, tear: 0.18 } })} and timing={linearTiming({ durationInFrames: 18 })} (18 frames at 30 fps). HyperFrames: draw the GLSL on a full-frame WebGL canvas over the cut, with the outgoing and incoming frames as the from/to textures, and compute progress from the composition time, clamp((t − cutStart) / 0.6, 0, 1); never from requestAnimationFrame or a timer, so every frame renders the same. ffmpeg's xfade can't run GLSL. Of its nine uniforms the useful ones are strength (1.0), horizontalBars (42) and verticalSlits (18) for strip density, chroma (0.032) for the RGB split, tear (0.18) and flashAmount (0.2).

Used in

More transitions