2basix automatisering

Websites en custom made software

Login

eXtreme Ascii Animations (jQuery plugin)

xaa

Is a fun project that i made just to make animated stuff using nothing but ascii.
This project however can not only animate ascii, but you could use html as well

There was one reason why i made this plugin..
I had all sorts of loader images like the ones you can get from http://www.ajaxload.info/
But they are not flexible if you want different colors or sizes.
Ascii or text elements can be styled much easier with just plain css.
The size of 1 loader image is the same as xaa.js so there is no disadvantage there.
Personally... i like something different.. and a little ascii art is just that :)

To see xaa in action goto The xaa example page

Example1
$('#ldr').xaa({interval:300,maxitems:5,lchar:'☰'});

Example2
// blinking dollar char
$('#ldr').xaa({interval:300,maxitems:1,lchar:'$'});

Example3
//knightrider kinda thing (all frames)
$('#ldr').xaa({interval:40,lchar:['-------', '=------', '|=-----', '=|=----', '-=|=---', '--=|=--', '---=|=-', '----=|=', '-----=|', '------=' ,'-------', '-------', '------=', '-----=|', '----=|=', '---=|=-', '--=|=--', '-=|=---', '=|=----', '|=-----', '=------', '-------']});

Example4
//count back if end is reached (knightrider with half of its data !)
$('#ldr').xaa({interval:100,countdown:true,lchar:['-------', '=------', '|=-----', '=|=----', '-=|=---', '--=|=--', '---=|=-', '----=|=', '-----=|', '------=', '-------']});

Example 5
//just array
$('#ldr').xaa({lchar:['☰', '☱', '☳', '☷', '☶', '☴', '☰'],interval:300});

Example 6
// this is a two line frame in which i rotate some characters
$('#ldr').xaa({interval:500,lnsize:5,countdown:false,lchar:['--0--=====','=--0-====-','==--0===--','===--==--0','====-=--0-','=====--0--','-====-0--=','--===0--==','0--==--===','-0--=-====']});

Example 6 has a lot off potential for a complete ASCII movie, because you really can make multiple frames which you can play like a movie. So be creative and send me your ASCII movie B)

-

Download: eXtreme Ascii Animations (jQuery plugin)

Filesize: 2KB
Downloaded: 84 times

Contact Info

Telefoon: +31 6 20350595


Skype:
My status