JS1k: The JavaScript code golfing competition

_='sIUerval(d,23ze,f,g,h=1-Q/;a.addEveULiVener("mousve@(b){eX;fY+Q} d(){e"`,M-Z-1<8B{(1-h)*/Z0scal^h,hg=createL$arGradieU(Q"#eee""#d0d0d0"g`,Q)`2*)-2*_11_63_115M;?700 30px sans-"%19e@18,a0@7bb@12Z36z|556O\'JS1k 2015 d	"N" by infern89	1004 bytes	d dails	liV of ds	js1k.com/2170\',b,203]b313567432513538619643738:l$Width=2;|13italic O"TruV me, i am n!@b,42Q)}<9B0]FFF@e,f0A~A4,12A8,20A119A7,12A1Z11closeq
(-e,-freVor^)} k(b){ddd"b-4,4Z42888"K41gK40)};
filll$To(:b+
Style=;
Rect(a.width);translat^	 %014 a.height)/2;~6>b&&(b=~6?:b+serif";Hc.0,g.addColorStop(functionmoveTo(36H"%1),sL$Dash([ot a fractal"#beginq1,=b.clieUVrok^sav^emo$ine%\\u2:,25<for(i=9?foU="@",AB;i--;)H
Text(Kb,5,4M000"O~px Q50UntVstZ2,^e(_k(`qPath(zvar |b=(-~16et';for(Y in $='~|zq`_^ZVUQOMKHBA@?<:%$	
')with(_.split($[Y]))_=join(pop());eval(_)

Xz0nc39JVWVydmFsKGQsMjN6ZSxmLGcsaD0xLVEvCzthLmFkZEV2ZVVMaVZlbmVyKCJtb3VzH3ZlQBMoYil7ZRxYO2YcWStRfQcTIGQoKXsZZSJgBiwLTQUbEQYtWgstMR48OEJ7CCgxLWgpKgYvWjAHEHNjYWxeaCxoB2c9EGNyZWF0ZUwkYXJHcmFkaWVVKBEREVESESIjZWVlIhIbIiNkMGQwZDAiBwRnYAYsUSlgGzIqCykFBi0bERsyKgtfMTFfNjNfMTE1TTs/NzAwIDMwcHggc2Fucy0PIiUxOWVAMTgsFWEwQDcRFWJiQDEyWjM2enw1NTYMT1wnSlMxayAyMDE1IGQfCSJOGCIgYnkgaW5mZXJufzg5CTEwMDQgYnl0ZXMJZB8gZH9haWxzCWxpViBvZiBkH3MJanMxay5jb20vMjE3MFwnLGIsMjAHFzNdBxoHFGIOMzEDMzUONjcDNDMyDjUxMwM1MzgONjE5AzY0Mw43Mzg6EGwkV2lkdGg9MjsdB3wxMwxpdGFsaWMgTyJUcnVWIG1lLCBpIGFtIG4YIUBiLDQyHggRUSl9PDlCFxswXRYZRkZGQAhlLGYWGhYUETBBEX5BNCwxMkE4LDIwQTEbMTlBNywxMkExWjExFhBjbG9zZXEWHRYBKBYILWUsLWYWEHJlVm9yXil9EyBrKGIpexlkZGQiBWItGzQsNFo0MgcZODg4IksbNDEHBGdLETQwKX07ARBmaWxsAhBsJFRvKAM6FGIrBAFTdHlsZT0FOwFSZWN0KAZhLndpZHRoByk7CBB0cmFuc2xhdF4JICUwMTQgC2EuaGVpZ2h0DCkvMjt+Nj5iJiYoYj1+Ngc/DjoCYisPc2VyaWYiO0gQYy4RMCwSB2cuYWRkQ29sb3JTdG9wKBNmdW5jdGlvbhQQbW92ZVRvKBUzNgdIIiUxFiksFxBzf0wkRGFzaChbGG90IGEgZnJhY3RhbBkEIiMaEGJlZ2lucRsxLBw9Yi5jbGllVR0QVnJva14eBxBzYXZeBx9lbW8kaW5lJVxcdTI6LDI1Bzxmb3IoaT05PxBmb1U9IkAiLEEWAkI7aS0tOylIAVRleHQoSwViLDUsNE0HGTAwMCJPfnB4IA9RNTBVbnRWc3RaMixeZShfB2soYAUREXFQYXRoKHoHdmFyIHxiPSgGLX4xNn9ldCc7Zm9yKFkgaW4gJD0nf358enFgX15aVlVRT01LSEJBQD88OiUkHx4dHBsaGRgXFhUUExIREA8ODAsJCAcGBQQDAgEnKXdpdGgoXy5zcGxpdCgkW1ldKSlfPWpvaW4ocG9wKCkpO2V2YWwoXyk=

/*
Refactor manuale variabili:
a=canvas
c=context del canvas
*/
//if the window size change, we restart everything. (37B)
/*window.addEventListener('resize', function(event){
  top.reload();
});*/
setInterval(run, 23);
var mx,my,grd,f=1-50/a.height;
a.addEventListener("mousemove", function (e) { mx=e.clientX; my=e.clientY+50;});
//a.addEventListener('mousemove',m);function m(e){mx=e.pageX;my=e.pageY+50}
//a.style.cursor="none";
//alert(f);
function run()
{
  //draw the background & frame
  c.fillStyle="#e";
  c.fillRect(0,0,a.width,a.height);
	c.fillStyle="#000";
	c.fillRect(1,0,a.width-2,a.height-1);
  /*//and a frame
  c.fillStyle="#eeeeee";
  c.fillRect(0,0,1,a.height);
  c.fillRect(a.width-1,0,1,a.height);
  c.fillRect(0,a.height-1,a.width,1);*/

  //scale and translate, for fractal effect
  c.save();
  for(i=98;i--;)
  {
    //c.translate((a.width-a.width*f)/2,0);
    c.translate((1-f)*a.width/2,0);
    c.scale(f,f);
    drawShim();
    c.save();
    c.translate(0,50);
  }
  //draw mouses, inverted order
  for(i=99;i--;)
  {
    drawMouse();
    c.restore();
  }
  //c.restore();
  /*/this plus hiding the real cursor, cost 35B
  my-=50;
  drawMouse();
  my+=50;*/
}
//this draw a really cool and realistic mouse pointer
function drawMouse()
{
  c.setLineDash([1,0])
  c.fillStyle="#FFF";
  c.translate(mx,my);
  c.beginPath();
  c.moveTo(0,0);
  c.lineTo(0,16);
  c.lineTo(4,12);
  c.lineTo(8,20);
  c.lineTo(11,19);
  c.lineTo(7,12);
  c.lineTo(12,11);
  c.closePath();
  c.stroke();
  c.fill();
  c.translate(-mx,-my);
}
function drawButtons(o)
{
  //draw the button
  c.fillStyle="#ddd";
  c.fillRect(o-1,4,42,42);
  c.fillStyle="#888";
  c.fillRect(o,5,41,41);
  c.fillStyle=grd;
  c.fillRect(o,5,40,40);
}
//and this draw the JS1K shim, as is
function drawShim()
{
  //draw the shim box
  grd=c.createLinearGradient(0,0,0,50);
  grd.addColorStop(0,"#eee");
  grd.addColorStop(1,"#d0d0d0");
  c.fillStyle=grd;
  c.fillRect(0,0, a.width, 50);

  //draw a frame (i bet is useful)
  c.fillRect(0,0,1,a.height*2);
  c.fillRect(a.width-1,0,1,a.height*2);
  //c.fillRect(0,a.height-1,a.width,1);

  //draw the buttons
  drawButtons(11);
  drawButtons(63);
  drawButtons(115);

  //write the button text ↞ ↠ ↻
  c.fillStyle="#000";
  c.font = "700 30px sans-serif";
  c.fillText("↞",18,36);
  c.fillText("↠",70,36);
  c.fillText("↻",122,36);

  //write the title
  var offset=(a.width-556)/2;
  if(offset<166) offset=166;
  c.font = "16px serif";
  c.fillText("JS1k 2015 demo — \"Not a fractal\" by infernet89 — 1024 bytes — demo details — list of demos — js1k.com/2170",offset,20); //Lunga 752 px
  
  //the dashed lines for links (101B)
  c.setLineDash([3]);
  c.beginPath();
  c.moveTo(offset, 25);
  c.lineTo(offset+31, 25); //both lines cost
  c.moveTo(offset+35, 25); //only 6B
  c.lineTo(offset+67, 25);
  c.moveTo(offset+432, 25);
  c.lineTo(offset+513, 25);
  c.moveTo(offset+538, 25);
  c.lineTo(offset+619, 25);
  c.moveTo(offset+643, 25);
  //c.lineTo(offset+753, 25);
  c.lineTo(offset+738, 25);
  c.lineWidth = 2;
  c.stroke();

  //write the description
  offset=(a.width-13)/2;
  if(offset<166) offset=166;
  c.font = "italic 16px serif";
  c.fillText("Trust me, i am not a fractal!",offset,42); //lunga 179
}