commodo / glitch-animation-effect

JavaScript (transmission) glitch effect animation

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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:

Praises and recognition

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

About

JavaScript (transmission) glitch effect animation


Languages

Language:JavaScript 97.0%Language:HTML 3.0%