Go Binary jQuery plugin

A simple plugin to randomize every letter of a text in a binary style.

Live Demo

http://frikinside.github.io/jquery.go-binary/

Instalation

Include script after the include of jQuery library

<script src="/path/to/jquery.go-binary.min.js"></script>

npm

You can use npm for install the plugin

npm install go-binary

Usage

$("selector").goBinary();

Basic Example

HTML

<button id="go-binary">START GO-BINARY</button>
<div id="text">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a efficitur est.
</div>

JS

$(document).ready(function() {
    $("button#go-binary").click(function(){
        $("#text").goBinary();
    });
});

Settings options

$.fn.goBinary.defaults = {
    text: '', // text to be binaryzed instead nodes text
    stepsUntilFixed: 2, // how many steps are needed to fix a character
    sps: 25, // steps per second
    matchRE: /[^\s]/, // Wich characters are going to be binary
    mode: 'shuffle', // How write the text with 3 possible values ['shuffle','type','endless']
    callback: function(){}, // A callback function to be called when method finished executing
    spsFormulaBasedOnTextLength: '0' // A formula to add sps base on length of text. The word 'length' gets replaced with the text length, for example: 'length/2' it's a valid formula and adds half of the text length as sps, so with a base sps of 50 and a text length of 100, it would add another 50 sps, being 100 sps the final speed.
};

Set settings

$("#text").goBinary(
    {
        text: 'This is the text to be binaryzed instead of the text content of the node with id = text.',
        stepsUntilFixed: 5,
        mode: 'type',
        callback: function(){ alert('FINISH!'); },
        spsFormulaBasedOnTextLength: 'length/10' 
    }
);

Methods

• stop: Stop method to cancel the binary animation on endless mode.

Invoke methods

$("#text").goBinary('stop');

TO-DO

• Maybe adds more options for the endless mode and stopping the endless mode in more fashion ways.