Fire JS Bin - MSP10K

You can jump to the latest bin by adding /latest to your URL

Find

⟲

Replace

(function ($) {
  var T = ('ontouchstart' in document.documentElement),
      ST = T ? 'touchstart' : 'mousedown',
      MV = T ? 'touchmove' : 'mousemove',
      ND = T ? 'touchend' : 'mouseup',
      MO = 'mouseout',
      MX = 120,
      d, _p = [],
      c, cx, sc = 1,
      cd = {},
      ck, dn = false,
      tv = MX,
      v, lvl = 1,
      seq = [],
      cur = 0,
      score = 0,
      tos = [],
      g = [],
      lp = {},
      srad = Math.PI * 2 / 8,
      sect, step = Math.PI * 2 / 100,
      am = [],
      r2p = false,
      ls = '';

function gsc(n) {
    return Math.round(n / sc);
  };

function gt(ev) {
    o = (T) ? ev.touches[0] : ev;
    return {
      x: gsc(o.pageX),
      y: gsc(o.pageY)
    };
  };

function tm(n) {
    t = n;
    min = Math.floor(t / 60);
    sec = (t % 60);
    return "Time: " + min + ":" + ((sec < 10) ? "0" : "") + sec;
  };

function tmout(k, n) {
    setTimeout(k, n * 1000);
  };

function opn() {
    cx.beginPath();
  };

function cls() {
    cx.closePath();
  };

function stk() {
    cx.stroke();
  };

function fill() {
    cx.fill();
  };

function clr() {
    cx.clearRect(0, 0, cd.w, cd.h);
  }

function rgb(x, f) {
    cx.strokeStyle = x;
    if (f) {
      cx.fillStyle = x;
    }
  };

function mv(x, y) {
    cx.moveTo(x, y);
  };

function ln(x, y) {
    cx.lineTo(x, y);
  };

function arc(x, y, n, r) {
    cx.arc(x, y, n, 0, r * (Math.PI / 180), true);
  };

function ln2(f, to) {
    opn();
    mv(f.x, f.y);
    ln(to.x, to.y);
    cls();
    stk();
  };

function pck() {
    shp = ["sq", "tr", "cr", "st"];
    rd = shp[Math.floor(Math.random() * shp.length)];
    if (rd == ls) return pck();
    ls = rd;
    return rd;
  }

function addMove(dx, dy) {
    var angle = Math.atan2(dy, dx) + srad / 2;
    if (angle < 0) angle += Math.PI * 2;
    var no = Math.floor(angle / (Math.PI * 2) * 100);
    _p.push(am[no]);
  }

function difAngle(a, b) {
    var dif = Math.abs(a - b);
    if (dif > 8 / 2) dif = 8 - dif;
    return dif;
  }

function fill2DTable(w, h, f) {
    var o = new Array(w);
    for (var x = 0; x < w; x++) {
      o[x] = new Array(h);
      for (var y = 0; y < h; y++) o[x][y] = f;
    }
    return o;
  }

* { font-family:Arial; font-size:13px; font-weight:700; margin:0; padding:0 }
.d { border:10px solid #777; width:280px; height:280px; background:#aaa; position:relative }
.c { width:100%; height:100% }
.ins, .msg { width:260px; height:280px; position:absolute; top:10px; left:10px }
.ins { font-size:12px; color:#333 }
.ins p { font-weight:400; margin:3px }
.ins p.inv { font-weight:700; text-align:center; margin-top:.8em }
.msg { line-height:280px; font-size:40px; text-align:center }
.mrs { line-height:140px }
.mfs { line-height:70px; color:#00a }
.mtu, .mnm, .mrs { color:#a00 }
.mnl, .mdr { color:#090 }
.v { position:relative; width:280px; height:40px; line-height:20px; background:#333; color:#eee; overflow:hidden; padding:5px 10px }
.ck, .scr, .las, .bs { position:absolute }
.ck { top:5px; left:10px }
.las { top:5px; left:100px }
.scr { top:25px; left:10px }
.bs { top:13px; right:10px; background:#eee; color:#000; border:2px solid #fff; padding:0 5px }
.disabled { color:#999 }
.ins h3, .ins p.msp { display: inline }

Pop out