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

Author:

Romain Huet

Twitter:

GitHub:

Facebook:

Google+:

Reddit:

/r/

Pouet:

Website:

romainhuet.com

Compo:

classic

Demo link:

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

Shortlink:

https://js1k.com/823

Blog post:

please update here!

Bytes:

1013

Chars:

1013

Submission

d=document;b=d.body;e=b.children[0];c=e.getContext("2d");w=640;h=480;r=8;t=w-2*r;x=w/2;y=h/2-2*r;X=Y=dx=dy=O=s=0;N=25;a=[];e.width=w;e.height=h;cx=outerWidth/2;cy=30+h/2-r;b.s=b.style;e.s=e.style;b.s.padding="30px";b.s.textAlign="center";e.s.border=r+"px solid #eee";c.f=c.fillRect;d.c=d.createElement;M=Math;R=M.random;P=M.pow;S=M.sqrt;MA=M.max;MI=M.min;p=d.c("p");p.innerHTML="Score: 0";b.appendChild(p);d.onmousemove=function(f){X=f.clientX;Y=f.clientY;dx=(X-cx)/N;dy=(Y-cy)/N};function D(f,g,l,m){c.beginPath();c.fillStyle="#"+"67f555fa1".substr(3*m,3);c.arc(f,g,l,0,2*M.PI,true);c.fill()}I=setInterval(function(){c.fillStyle="#ded";c.f(0,0,w,h);for(i=0;i<N;i++){k=i==N-1;a[i]||(a[i]=[w*R(),h*R(),k?6:r*(1+R())]);v=a[i];j=S(P(v[0]-x,2)+P(v[1]-y,2));D(v[0],v[1],v[2],k?2:1);if(k&&j<=v[2]+r){p.innerHTML="Score: "+ ++s;a[i]=null}else if(j<=v[2])O=1}O||D(x=MA(r,MI(w-r,x-dx)),y=MA(r,MI(h-2*r,y-dy)),r,0);c.fillStyle="#e64";c.f(0,h-r,w,r);c.fillStyle="#eba";c.f(t,h-r,w-t,r);if((t-=0.5)<0||O)clearInterval(I)},N);

Description

Move the ball through the game using the mouse cursor. Try to collect as many coins as you can before the time is over, and make sure the ball doesn't drop through any holes! Warning: directions are reversed!

Base64 encoded

ZD1kb2N1bWVudDtiPWQuYm9keTtlPWIuY2hpbGRyZW5bMF07Yz1lLmdldENvbnRleHQoIjJkIik7dz02NDA7aD00ODA7cj04O3Q9dy0yKnI7eD13LzI7eT1oLzItMipyO1g9WT1keD1keT1PPXM9MDtOPTI1O2E9W107ZS53aWR0aD13O2UuaGVpZ2h0PWg7Y3g9b3V0ZXJXaWR0aC8yO2N5PTMwK2gvMi1yO2Iucz1iLnN0eWxlO2Uucz1lLnN0eWxlO2Iucy5wYWRkaW5nPSIzMHB4IjtiLnMudGV4dEFsaWduPSJjZW50ZXIiO2Uucy5ib3JkZXI9cisicHggc29saWQgI2VlZSI7Yy5mPWMuZmlsbFJlY3Q7ZC5jPWQuY3JlYXRlRWxlbWVudDtNPU1hdGg7Uj1NLnJhbmRvbTtQPU0ucG93O1M9TS5zcXJ0O01BPU0ubWF4O01JPU0ubWluO3A9ZC5jKCJwIik7cC5pbm5lckhUTUw9IlNjb3JlOiAwIjtiLmFwcGVuZENoaWxkKHApO2Qub25tb3VzZW1vdmU9ZnVuY3Rpb24oZil7WD1mLmNsaWVudFg7WT1mLmNsaWVudFk7ZHg9KFgtY3gpL047ZHk9KFktY3kpL059O2Z1bmN0aW9uIEQoZixnLGwsbSl7Yy5iZWdpblBhdGgoKTtjLmZpbGxTdHlsZT0iIyIrIjY3ZjU1NWZhMSIuc3Vic3RyKDMqbSwzKTtjLmFyYyhmLGcsbCwwLDIqTS5QSSx0cnVlKTtjLmZpbGwoKX1JPXNldEludGVydmFsKGZ1bmN0aW9uKCl7Yy5maWxsU3R5bGU9IiNkZWQiO2MuZigwLDAsdyxoKTtmb3IoaT0wO2k8TjtpKyspe2s9aT09Ti0xO2FbaV18fChhW2ldPVt3KlIoKSxoKlIoKSxrPzY6ciooMStSKCkpXSk7dj1hW2ldO2o9UyhQKHZbMF0teCwyKStQKHZbMV0teSwyKSk7RCh2WzBdLHZbMV0sdlsyXSxrPzI6MSk7aWYoayYmajw9dlsyXStyKXtwLmlubmVySFRNTD0iU2NvcmU6ICIrICsrczthW2ldPW51bGx9ZWxzZSBpZihqPD12WzJdKU89MX1PfHxEKHg9TUEocixNSSh3LXIseC1keCkpLHk9TUEocixNSShoLTIqcix5LWR5KSksciwwKTtjLmZpbGxTdHlsZT0iI2U2NCI7Yy5mKDAsaC1yLHcscik7Yy5maWxsU3R5bGU9IiNlYmEiO2MuZih0LGgtcix3LXQscik7aWYoKHQtPTAuNSk8MHx8TyljbGVhckludGVydmFsKEkpfSxOKTs=

Original source

/**
 * Labyrinth Game for JS1k.com
 * Romain Huet - @romainhuet
 * Website: <http://romainhuet.com/>
 * Twitter: <http://twitter.com/romainhuet>
 */

d = document;
b = d.body;
e = b.children[0];
c = e.getContext('2d');
w = 640;
h = 480;
r = 8;
t = w - 2*r;
x = w/2;
y = h/2 - 2*r;
X = Y = dx = dy = O = s = 0;
N = 25;
a = [];

// Canvas dimensions
e.width = w;
e.height = h;
cx = outerWidth/2;
cy = 30 + h/2 - r;

// CSS styles
b.s = b.style;
e.s = e.style;
b.s.padding = '30px';
b.s.textAlign = 'center';
e.s.border = r + 'px solid #eee';

// Methods shortcuts
c.f = c.fillRect;
d.c = d.createElement;
M = Math;
R = M.random;
P = M.pow;
S = M.sqrt;
MA = M.max;
MI = M.min;

// Score paragraph
p = d.c('p');
p.innerHTML = 'Score: 0';
b.appendChild(p);

// Capture cursor position
d.onmousemove = function(e) {
    X = e.clientX;
    Y = e.clientY;
    dx = (X - cx) / N;
    dy = (Y - cy) / N;
};

// Draw a disc (ball, hole, or coin)
function D(x, y, r, t) {
    c.beginPath();
    c.fillStyle = '#' + '67f555fa1'.substr(3*t, 3);
    c.arc(x, y, r, 0, 2*M.PI, true);
    c.fill();
}

// Display the whole game
I = setInterval(function() {
    // Game
    c.fillStyle = '#ded';
    c.f(0, 0, w, h);

    // Holes
    for (i = 0; i < N; i++) {
        // Hole or coin
        k = i == N - 1;
        // Generate position
        if (!a[i]) {
            a[i] = [w*R(), h*R(), k ? 6 : r*(1 + R())];
        }
        v = a[i];
        j = S(P(v[0] - x, 2) + P(v[1] - y, 2));
        // Display
        D(v[0], v[1], v[2], k ? 2 : 1);
        // Check point or drop
        if (k && j <= v[2] + r) {
            p.innerHTML = 'Score: ' + ++s;
            a[i] = null;
        } else if (j <= v[2]) {
            O = 1;
        }
    }

    // Display ball
    if (!O) {
        D(x = MA(r, MI(w - r, x - dx)), y = MA(r, MI(h - 2*r, y - dy)), r, 0);
    }

    // Display timer
    c.fillStyle = '#e64';
    c.f(0, h - r, w, r);
    c.fillStyle = '#eba';
    c.f(t, h - r, w - t, r);

    // Game over?
    if ((t -= 0.5) < 0 || O) {
        clearInterval(I);
    }
}, N);

JS1k: The JavaScript code golfing competition

2010 - The Original