Interactive Glitchy Shader

Wanted to share an interactive glitchy shader that I used for a logo in a recent project. The shader has two layers, full object glitch + glitch localized to a position ( in this case, the mouse position ).

The glitch effect itself is just quickly turning on/off (0 or 1) RGB channels, plus a noisey vertex displacement.

Mar-14-2020 13-37-56

Linking a Stackblitz example if y’all wanna play with it!

In the wild :
https://codercat.tk/flux/

And editable example here :
https://stackblitz.com/edit/interactive-glitch-shader

7 Likes