jQuery Jamming

This jQuery plugin adds an “electronic jamming” effect to choosen texts, with random flickering letters. The text is jammed with ASCII characters but you can use your own set of characters.

The achieved effect is something like this:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eu vestibulum nulla. Vivamus metus libero, pretium eu vestibulum sit amet, iaculis quis erat. Fusce rhoncus mi nec dolor faucibus ac commodo urna pharetra. Aenean ullamcorper dui at arcu mattis vitae iaculis lacus luctus.

produced with these params:

$(".item1").jamming({
       maxSteps:20,
       maxPause: 1000,
       jammingRatio: .05
   });

or like this:

Phasellus eu elit non eros laoreet gravida non ac nunc. Vestibulum malesuada, purus sit amet consequat pellentesque, massa felis lacinia felis, egestas semper mauris urna at velit. Curabitur fringilla nisl vulputate nulla cursus ac facilisis mauris dignissim. Vivamus sem quam, hendrerit posuere feugiat ac, tristique luctus dui. Nulla facilisi.

produced with these params:

    $(".item2").jamming({
       maxSteps:4,
       jammingStrength: 1,
       maxPause: 10000,
       jammingRatio: .005,
       flickeringTimeout: 500,
       alphabet: ['あ', 'ま', '火', '花', '下', 'あ', 'る', 'も', 'す', '働', '躾', '唐', '用', '두', 'ऋ', 'औ']
    });

and another example:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eu vestibulum nulla. Vivamus metus libero, pretium eu vestibulum sit amet, iaculis quis erat. Fusce rhoncus mi nec dolor faucibus ac commodo urna pharetra. Aenean ullamcorper dui at arcu mattis vitae iaculis lacus luctus.

with the following options:

    $(".item3").jamming({
       maxSteps:20,
       maxPause: 100,
       jammingRatio: .9,
       flickeringTimeout: 100,
       alphabet: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9']
   });

Options

Name Default value Description
flickeringTimeout 250 Milliseconds between characters changes
jammingStrength 3 Strength of jamming. A higher value means less resistance to character changes
maxSteps 20 Max number of changes for each character
maxPause 2000 Max number of milliseconds before jamming a new character
jammingRatio 0.2 jammed characters divided total characters (0.0 – 1.0)

 

Download

If you like this stuff, grab it here.

License

Beerware

Leave a Reply