August 27, 2008

Decorating text in javascript

Give plain old text some jazz with the crapify function!

function crapify(w) {
        function Rnd(w) {
          return parseInt(Math.random() * (w + 1));
    }
        function rndcol() {
          var r = (parseInt(Math.random() * 90) + 1).toString(16);
          return r;
    }
        var r = w.split("");
        function letterMaker(a) {
          var fs = 120 - (Rnd(40) - 20) + "%";
          var tp = Rnd(8) - 4 + "px";
          if (Rnd(10) > 8) {
                  a = a.toUpperCase();
          }
          var col = "#" + [rndcol(), rndcol(), rndcol()].join("");
          var t = "" + a + "";
          return t;
    }
        var o = r.map(letterMaker);
    return o.join("");
    document.body.innerHTML = crapify("dan davis");
}


Examples:

crapize("Dan Davis")       

Dan Davis

DAn Davis       

Dan DAvis



download