A ten-frame digital glitch that hides your cut: the picture shreds into sideways slices with red and blue fringes and block noise, and the next shot is underneath when it clears
This is the format it was composed for. Switch above to see it lay itself out for another: same animation, re-arranged for the frame.
Everything below can be changed without touching the animation. Hand the list to an agent, or edit the values at the bottom of the component file.
Where the hit lands, as a fraction of the clip. The cut to the next shot happens on this frame, in the middle of the glitch, so line it up with your edit point. 0.5 is exactly one second into the two-second clip.
now: 0.5
How far the slices tear sideways and how much block noise appears. 0.4 is a nudge for a vlog cut, 0.8 a clear hit, 1 a full breakdown for a gaming montage.
now: 0.8
How many horizontal bands the picture is cut into. Fewer gives big, bold chunks where both shots stay recognisable; more gives a finer digital shred.
now: 12
How far the red and blue channels pull away from the green, which is what puts coloured fringes on every edge. 0 turns the fringes off.
now: 0.7
Draw two stand-in shots, a gaming setup at night and a rainy neon street, so the cut can be seen doing its job. Turn it off to export the glitch alone for your own edit: then only the gaps, colour sheets, blocks and tears are drawn, since an overlay cannot move the footage under it.
now: true
With the stand-in shots off, paint the brand's own ground behind the glitch. Off leaves the background transparent so it lays over your footage.
now: false
Brand token id, one of the keys of BRANDS. Its accent tints the noise blocks, and both accents light the stand-in shots.
now: circuit
No Tailwind, no CSS, no asset files. Inline styles only.
A glitch transition for my gaming videos: for about a third of a second around the cut the picture should tear into horizontal slices that jump sideways, the colours split into red and blue fringes and some blocky digital noise flickers, and when it clears we're in the next shot. Not a strobe, just a hit. It has to come out the same every render, and I want it as an overlay I can drop on my own cuts, but show it between two real-looking shots in the preview.