JS1k 2015 - 2235 - Details - A hyped JavaScript golfing competition

Author:

Sir Anthony

Twitter:

GitHub:

SirAnthony

Facebook:

Google+:

Reddit:

/r/

Pouet:

Website:

Compo:

canvas

Demo link:

https://js1k.com/2015-hypetrain/demo/2235

Shortlink:

https://js1k.com/2235

Blog post:

please update here!

Bytes:

1024

Chars:

1022

Submission

for(_='=[]P(x,y,CfunctionCr){B=BW};V1)U10``0*Math.random()__%d|0^*(q.L+.5),K=SLyKJ=oLxKI;i++)H)||Gc.fillText(;E/1e4x.page.push(0,n=n*2%3a.width);s.&&a.heighto*(xKS*>R.length=D[^],(n&2g*=-UDx))Rect(=Date.now();for(i=0;i<	(n&U*g.forEach(lR.indexOf(s)(n&2)*g/2Style=",O[`*(X/o|0)+Y/S|0].thsl("+360/d*F+",70%,50%)"o=/1S=/`;TWvar s={F:y.F},D=Array(9),q=x,h=y,lImJe=rTCr-U,X=l,Y=m,n=1,g=-1,p=r,kW,	5H{f=O[`Lx+)+(q.y+)];ff.t&q.t&nq=f,XIYJi=4G(,)}VTW;l,m,6,6x3>(X-l)*+(Y-m)*>=0q==hA+=p,R.splice(,UGk()G(l+=x**o/64,m+=x**S/48)ee.T(D.shift(G0),Vreturn sVRP,OP,DP	`0HO[i]={x:i/`|y:i%1t:F:T:Bs=this;#000";t&1o*x,S*(yKo,1t&2y,1,SF,"⌂",(y+.5)))}Va.onclickW=(+U%4VF,k=m=E=A=d=0;lWx.T(m/20)Vc.font="35px Sans";(MWrequestAnimationFrame(Mm-F-E;E+=m2*dxyx!=yx.tRTC^+U)E/4e4>d-315>d-3x=O[_|0],d=x.F=>kA-=k++c.clear#080";OR#FFF";A|35)})(';g=/[-G-L^-`U-WBCP]/.exec(_);)with(_.split(g))_=join(shift());eval(_)

Description

Connect cities with tracks: click to build rails, click again to change direction. You losing more points over time, each train reached matching color city will earn points based on train length. End of the game was lost in optimization, so try to achieve some big positive number, 1000 or so. The basic idea implemented in code can be found at https://github.com/SirAnthony/js1k-trains/blob/master/app2.js Source below is optimization (with loss of some features, like end of game, scoring system)

Base64 encoded

Zm9yKF89Jz1bXVAoeCx5LENmdW5jdGlvbkNyKXtCPUJXfTtWMSlVMTBgYDAqTWF0aC5yYW5kb20oKV9fJWR8MF4qKHEuTCsuNSksSz1TTHlLSj1vTHhLSTtpKyspSCl8fEdjLmZpbGwfH1RleHQoHjtFLzFlNB14LnBhZ2UcLnB1c2goGzAsGm49bioyJTMZYS53aWR0aBgpOxdzLhYmJhVhLmhlaWdodBRvKigWeEtTKhM+Ui5sZW5ndGgSPURbXl0sERUoEG4mMhBnKj0tVQ9EG3gpKQ5SZWN0KAw9RGF0ZS5ub3coKQs7Zm9yKGk9MDtpPAkobiZVKmcILmZvckVhY2gobBcHUi5pbmRleE9mKHMpBihuJjIpKmcvMgUfU3R5bGU9IgQMGhoYLBQXA09bYCooHFgvb3wwKSscWS9TfDBdLnQCBGhzbCgiKzM2MC9kKhZGKyIsNzAlLDUwJSkiAW89GC8xGlM9FC9gO1RXdmFyIHM9e0Y6eS5GfSxEPUFycmF5KDkpLHE9eCxoPXksbEltSmU9chVUQ3ItVSxYPWwsWT1tLG49MSxnPS0xLHA9cixrVw8sGQk1SHtmPU9bYEx4KwgpKyhxLnkrBSldO2YVZi50JnEudCZuEHE9ZixYSVlKaT00RygZLA8pfVYWVFcBOx8MbCxtLDYsNhd4EDM+KFgtbCkqCCsoWS1tKSoFEAY+PTAVcT09aBBBKz1wLFIuc3BsaWNlKAYsVUdrKClHKGwrPXgqCCpvLzY0LG0rPXgqBSpTLzQ4KRdlEGUuVChELnNoaWZ0KEcwKSwOVnJldHVybiBzVlJQLE9QLERQCWAwSE9baV09e3g6aS9gfBp5OmklMRp0OhpGOhpUOkJzPXRoaXM7BCMwMDAiOxZ0JjEVHwxvKhZ4LFMqKBZ5S28sMRcWdCYyFR8MExZ5LDEsUxcWRhABLB4i4oyCIiwTKBZ5Ky41KSkpfVZhLm9uY2xpY2tXAj0oAitVJTRWRgssaz1tPUU9QT1kPTA7bFd4LlQobS8yMClWYy5mb250PSIzNXB4IFNhbnMiOyhNV3JlcXVlc3RBbmltYXRpb25GcmFtZShNF20LLUYtRTtFKz1tHRIVMipkEhB4EXkReCE9eRV4LnQVUhtUQ14rVSkXRS80ZTQ+ZC0zFTE1PmQtMxB4PU9bX3wwXSxkPXguRj0OHT5rEEEtPWsrKxdjLmNsZWFyAwQjMDgwIjsfA08HUgcEI0ZGRiI7HkF8GhozNSl9KSgXJztnPS9bAS0fRy1MXi1gVS1XQkNQXS8uZXhlYyhfKTspd2l0aChfLnNwbGl0KGcpKV89am9pbihzaGlmdCgpKTtldmFsKF8pCg==

Original source

W = a.width/10, H = a.height/10;
T=function(x,y,z){
    var s={F: y.F},
        C=Array(9), j=x, J=y,
        U=W*(j.x+.5), V=H*(j.y+.5),
        e=z&&T(x,y,z-1),
        X=U, Y=V,
        n=1, g=-1, p=z,
    P=function(x,y,z){
        n&2&&(g*=-1), n=n*2%3;
        for(i=0;i<5;i++){
            f = O[10*(j.x+(n&1)*g)+(j.y+(n&2)*g/2)];
            f && f.t&j.t&n && (j=f, X=W*(j.x+.5), Y=H*(j.y+.5), i=4) ||
             (n=n*2%3, n&2&&(g*=-1));
        }
    }
    s.T=function(x,y,z){
        c.fillStyle="hsl("+360/I*s.F+",70%,50%)"
        c.fillRect(U,V,6,6)
        x && (3>(X-U)*(n&1)*g+(Y-V)*(n&2)*g/2 && (
            // Remove
            R.indexOf(s)>=0 && j==J && (A+=p,R.splice(R.indexOf(s), 1)) ||
            // Next point
            P())
        || (U+=x*(n&1)*g*W/64, V+=x*(n&2)*g/2*H/48));
        e&&(e.T(C.shift()||0), C.push(x))
    }
    return s
}

// tRains, jOints, ciTies
R=[], O=[], C=[];
for(i=0;i<100;i++)
    O[i]={
        x: i/10|0,
        y: i%10,
        t: 0, F: 0,
        T: function(x,y,z){
            s=this
            c.fillStyle='#000'
            s.t&1 && c.fillRect(W*(s.x), H*(s.y+.5), W, 1)
            s.t&2 && c.fillRect(W*(s.x+.5), H*(s.y), 1, H)
            s.F && (c.fillStyle="hsl("+360/I*s.F+",70%,50%)",
                    c.fillText("⌂", W*(s.x+.5), H*(s.y+.5)));
        }
    }
a.onclick=function(x,y,z){
    O[10*(x.pageX/W|0)+x.pageY/H|0].t = (O[10*(x.pageX/W|0)+x.pageY/H|0].t+1)%4;
};
F=Date.now(), P=V=E=A=I=0;
U=function(x,y,z){ x.T(V/20) };
c.font = "35px Sans";
(G=function(x,y,z){
    requestAnimationFrame(G);
    V = Date.now() - F - E;
    E += V
    E/1e4>R.length && 2*I>R.length &&
      (x = C[1e2*Math.random()%I|0], y = C[1e2*Math.random()%I|0],
       x!=y && x.t && R.push(T(x,y,1e2*Math.random()%I|0+1)))
    E/4e4>I-3 && 15>I-3 &&
        (x=O[1e2*Math.random()|0], I = x.F = C.push(x));
    E/1e4>P && (A-=P++)
    c.clearRect(0, 0, a.width, a.height)
    c.fillStyle = "#080"
    c.fillRect(0, 0, a.width, a.height)
    O.forEach(U)
    R.forEach(U)
    c.fillStyle = "#FFF";
    c.fillText(A|0, 0, 35);
})();

JS1k: The JavaScript code golfing competition

2015 - The JS1k hype train is real!

Train maze