Glitch Effect (in JavaScript)

Description

This script simulates the effect of a transmission glitch.

Current version is quite basic:

• upon load of the webpage it calculates glitched frames and loads them into a buffer
• It then plays those frames several times with progressive delays between animations

It currently does not use any jQuery support. The glitch-lib.js does support it however; if you wish to use it, you're free to try it. I decided not to use it. Maybe I'll add later some support for it.

Current limitations

Because it's quite a basic script, it has some limitations.

1. The first animations takes several seconds to occur; cause: frames are being computed.
2. Animation neesds tuning; it's rather raw and not 100% convincing.
3. Animation will consist of the same initial frames [because they are computed only once].

Demos:

• Glitch an entire page
• Glitch individual elements
• Glitch an entire page 3 times and stop

Praises and recognition

My only contribution is the glitch-execute.js code. All other credit goes to

• Simon Hewitt for the glitch.js library.
• Niklas von Hertzen for the html2canvas library.