JS1k 2010 - 290 - Details - A ground breaking JavaScript golfing competition

Author:

James Padolsey

Twitter:

GitHub:

Facebook:

Google+:

Reddit:

/r/

Pouet:

Website:

james.padolsey.com

Compo:

classic

Demo link:

https://js1k.com/2010-first/demo/290

Shortlink:

https://js1k.com/290

Blog post:

please update here!

Bytes:

1014

Chars:

1012

Submission

function i(b){b.width=440;b.height=70;this.b=b.getContext("2d");this.a()}var k=["...!. .!. .!. .!...",".. ! . ! . ! . !...","...!  .!...!.  !...","...!  .!...!  .!...",". .!. .!...!  .!  .","...!.  !...!  .!...","...!.  !...!. .!...","...!  .! . ! . ! . ","...!. .!...!. .!...","...!. .!...!  .!..."];
i.prototype={a:function(){var b=this,c=b.b,a=new Date;a=m(a.getHours(),2)+":"+m(a.getMinutes(),2)+":"+m(a.getSeconds(),2)+":"+(""+a.getMilliseconds()).charAt(0);var d,e,f,g,l,h=0,j=0;c.clearRect(0,0,500,70);a=a.split("");for(d=-1;++d<10;){h+=d==0?0:10;g=a[d]==":"?[" ",".","",".",""]:k[a[d]].split("!");l=g[0].length;for(f=-1;++f<l;){h+=10;j=0;for(e=-1;++e<5;){c.fillStyle="."==g[e].charAt(f)?"rgb(0,0,0)":"rgba(0,0,0,0)";c.fillRect(h,j+10,12,12);c.fillStyle="."==g[e].charAt(f)?d>7?"#DDD":"yellow":"rgba(0,0,0,0)";
c.fillRect(h,j+=10,10,10)}}}a=+new Date;setTimeout(function(){b.a()},Math.ceil(a/100)*100-a)}};function m(b,c){return Array(c+1-(b+"").length).join("0")+b}new i(document.getElementById("c"));

Description

Urm. It's a digital clock.

Base64 encoded

ZnVuY3Rpb24gaShiKXtiLndpZHRoPTQ0MDtiLmhlaWdodD03MDt0aGlzLmI9Yi5nZXRDb250ZXh0KCIyZCIpO3RoaXMuYSgpfXZhciBrPVsiLi4uIS4gLiEuIC4hLiAuIS4uLiIsIi4uICEgLiAhIC4gISAuICEuLi4iLCIuLi4hICAuIS4uLiEuICAhLi4uIiwiLi4uISAgLiEuLi4hICAuIS4uLiIsIi4gLiEuIC4hLi4uISAgLiEgIC4iLCIuLi4hLiAgIS4uLiEgIC4hLi4uIiwiLi4uIS4gICEuLi4hLiAuIS4uLiIsIi4uLiEgIC4hIC4gISAuICEgLiAiLCIuLi4hLiAuIS4uLiEuIC4hLi4uIiwiLi4uIS4gLiEuLi4hICAuIS4uLiJdOw0KaS5wcm90b3R5cGU9e2E6ZnVuY3Rpb24oKXt2YXIgYj10aGlzLGM9Yi5iLGE9bmV3IERhdGU7YT1tKGEuZ2V0SG91cnMoKSwyKSsiOiIrbShhLmdldE1pbnV0ZXMoKSwyKSsiOiIrbShhLmdldFNlY29uZHMoKSwyKSsiOiIrKCIiK2EuZ2V0TWlsbGlzZWNvbmRzKCkpLmNoYXJBdCgwKTt2YXIgZCxlLGYsZyxsLGg9MCxqPTA7Yy5jbGVhclJlY3QoMCwwLDUwMCw3MCk7YT1hLnNwbGl0KCIiKTtmb3IoZD0tMTsrK2Q8MTA7KXtoKz1kPT0wPzA6MTA7Zz1hW2RdPT0iOiI/WyIgIiwiLiIsIiIsIi4iLCIiXTprW2FbZF1dLnNwbGl0KCIhIik7bD1nWzBdLmxlbmd0aDtmb3IoZj0tMTsrK2Y8bDspe2grPTEwO2o9MDtmb3IoZT0tMTsrK2U8NTspe2MuZmlsbFN0eWxlPSIuIj09Z1tlXS5jaGFyQXQoZik/InJnYigwLDAsMCkiOiJyZ2JhKDAsMCwwLDApIjtjLmZpbGxSZWN0KGgsaisxMCwxMiwxMik7Yy5maWxsU3R5bGU9Ii4iPT1nW2VdLmNoYXJBdChmKT9kPjc/IiNEREQiOiJ5ZWxsb3ciOiJyZ2JhKDAsMCwwLDApIjsNCmMuZmlsbFJlY3QoaCxqKz0xMCwxMCwxMCl9fX1hPStuZXcgRGF0ZTtzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7Yi5hKCl9LE1hdGguY2VpbChhLzEwMCkqMTAwLWEpfX07ZnVuY3Rpb24gbShiLGMpe3JldHVybiBBcnJheShjKzEtKGIrIiIpLmxlbmd0aCkuam9pbigiMCIpK2J9bmV3IGkoZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoImMiKSk74oCL

Original source

function Clock(c) {
    
    var h = this;
    
    c.width = 440;
    c.height = 70;
    
    h._ = c.getContext('2d');
    h.sec();
    
}

var dig = [
    '...!. .!. .!. .!...',
    '.. ! . ! . ! . !...',
    '...!  .!...!.  !...',
    '...!  .!...!  .!...',
    '. .!. .!...!  .!  .',
    '...!.  !...!  .!...',
    '...!.  !...!. .!...',
    '...!  .! . ! . ! . ',
    '...!. .!...!. .!...',
    '...!. .!...!  .!...'
];

Clock.prototype = {
    
    sec: function() {
        
        var h = this,
            _ = h._,
            date = new Date,
            time =  pad(date.getHours(), 2) + ':' +
                    pad(date.getMinutes(), 2) + ':' +
            pad(date.getSeconds(), 2) + ':' +
            (''+date.getMilliseconds()).charAt(0),
            i, y, x, digit,
            digitWidth,
            aX = 0, aY = 0;
            
        _.clearRect(0, 0, 500, 70);
        
        time = time.split('');
        
        for (i = -1; ++i < 10;) {
            
            aX += i == 0 ? 0 : 10;
            digit = time[i] == ':' ? [' ','.','','.',''] : dig[time[i]].split('!');
            digitWidth = digit[0].length;
            
            for (x = -1; ++x < digitWidth;) {
                
                aX += 10;
                
                for (aY = 0, y = -1; ++y < 5;) {
                    _.fillStyle = '.'==digit[y].charAt(x) ? 'rgb(0,0,0)' : 'rgba(0,0,0,0)';
                    _.fillRect(aX, aY + 10, 12, 12);
                    _.fillStyle = '.'==digit[y].charAt(x) ? i > 7 ? '#DDD': 'yellow' : 'rgba(0,0,0,0)';
                    _.fillRect(aX, aY += 10, 10, 10);
                }
                
            }
            
        }
        
        time = +new Date;
        setTimeout(function(){
            h.sec();
        }, Math.ceil(time/100)*100 - time);
        
    }
    
};

function pad(n, l) {
    return Array(l+1-(n+'').length).join('0') + n;
}
    
new Clock(document.getElementById("c"));

JS1k: The JavaScript code golfing competition

2010 - The Original