1.0.0 • Published 9 years ago

jquery-digitalwrite v1.0.0

Weekly downloads
-
License
-
Repository
-
Last release
9 years ago

digitalwrite jQuery plugin

jQuery plugin to write charecters in digital format in a 5x5 matrix. Output looks something like this:

screenshot

Using this plugin, you can create such charecters with animations, color options & size options! In future it may enable you to transform one charecter to another - that should be kinda cool!

Live Demo & more information - minhazav.me

Its live on: http://minhazav.me/samples/jquery-digitalwrite-example/

How to use: (Read More)

  • Create a div

    <div id="M_Placeholder"></div>
  • Include jQuery and this library and in js

       $("#M_Placeholder").digitalwrite({char: 'M'});

    This will create a 5X5 digital M with width = 100px & height = 500px, in black color. These properties can be customised as follows:

    char - (required) Charecter to print height - height of the charecter in px width - width of the charecter in px background - background color of the blocks, ex red, rgba(255, 0, 0, 1) border - border property of the blocks, ex 1px solid red, 2px dotted black animation - how the blocks animate to form the charecter at the end. Categories are: none, motion, spiral, contract & fade of these spiral & fade are experimental and buggy!

So if we use everything it would look something like

  $("#M_Placeholder").digitalwrite({
    char: 'M',
    height: 120,
    width: 120,
    background: 'rgba(0, 0, 0, .1)',
    border: '1px dased black',
    animate: 'contract'
    });

For more information view documentation