Fire JS Bin - Argon

var C, P = PW = PH = 0,
    SX = SY = 100,
    DX = DY = 0,
    LX = 60,
    SCORE = 0,
    LIVES = 3,
    DB = [],
    RC = [],
    AL = [],
    PU = [],
    SB = "block",
    SN = "none",
    AC, MX = 1,
    FIRE1 = FIRE2 = 0,
    RW = 5,
    RH = 3,
    BEAM = 950,
    AMAX = 40,
    RMAX = 20,
    M = ["Press space to start", 1, 0],
    MINA, K = KK = 1,
    ACTIVE = INV = FRAME = GTIMER = OLD = OLDF = NEW = FPS = CD = CDM = CDW1 = CDW2 = CDI = CDK = FK = FM = FI = FW1 = FW2 = 0,
    W1 = W2 = 0,
    WPN1 = ["Puny", "Double", "Triple", "Inferno"],
    WPN2 = ["None", "Missile", "Laser I", "Laser II", "Death ray"],
    LSR = {
    2: ["#fff", 300, 20],
    3: ["#90ebea", 600, 30],
    4: ["#BA55D3", 950, 40]
    },
    PWR = ["Cannon upgrade", "Laser upgrade", "Missiles",

"Shield +1", "Invulnerability", "Bullet time"];

function $(a) {
  return document.getElementById(a)
}
function $$(a, b) {
  $(a).style.display = b
}
function clamp(a, b, c) {
  return a < b ? b : a > c ? c : a
}
function sign(a) {
  return a == 0 ? 0 : a < 0 ? -1 : 1
}
function rr(a, b) {
  return a + (b - a) * Math.random()
}
function ri(a) {
  return Math.round(a * Math.random())
}
function get_time() {
  return (new Date).getTime()
}
function score(a) {
  SCORE += a;
  $("s").innerHTML = SCORE.toFixed(0)
}
function shields(a) {
  LIVES += a;
  $("l").innerHTML = LIVES
}

function bb_alien(a) {
  return [a[0], a[0] + a[2], a[1], a[1] + a[3]]
}
function bb_rocket(a) {
  return [a[0], a[0] + a[2], a[1], a[1] + a[3]]
}
function bb_beam(a, b, c) {
  return [a + 25, a + 25 + c, b - 5, b + 5]
}
function bb_ship() {
  return [SX - 10, SX + LX / 2, SY - 7, SY + 7]
}
function overlap(a, b) {
  return (a[1] > b[0] && a[0] < b[1] || b[1] > a[0] && b[0] < a[1]) && (a[3] > b[2] && a[2] < b[3] || b[3] > a[2] && b[2] < a[3])
}
function hitbeam(a, b, c, d) {
  return overlap(bb_alien(a), bb_beam(b, c, d))
}
function hitrocket(a, b) {
  return overlap(bb_alien(a), bb_rocket(b))
}

function hitship(a) {
  return overlap(bb_alien(a), bb_ship())
}
function hitpowerup(a, b, c) {
  return Math.abs(a[0] - b) < 40 && Math.abs(a[1] - c) < 10
}

function game_start() {
  $$("lives", SB);
  $$("score", SB);
  $$("wpn", SB);
  window.innerHeight < 800 && $$("i", SN);
  ACTIVE = 1;
  FRAME = SCORE = FIRE1 = FIRE2 = W1 = W2 = CD = CDM = CDW1 = CDW2 = CDI = FM = FI = FW1 = FW2 = 0;
  M = [0, 0];
  SX = SY = 100;
  MX = 1;
  LIVES = 3;
  RC = [];
  DB = [];
  AL = [];
  AC = ri(360);
  c_rect(40, PW / 2, PW, 0, PH, 18, 30, AC, MX);
  score(0);
  shields(0)
}

function render() {
  C.clearRect(0, 0, PW, PH);
  AL.sort(function (b, c) {
    return b[4] - c[4]
  });
  var a;
  for (a = 0; a < RC.length; ++a) draw_rocket(RC[a]);
  for (a = 0; a < AL.length; ++a) draw_alien(AL[a]);
  for (a = 0; a < PU.length; ++a) draw_powerup(PU[a]);
  ACTIVE && draw_ship();
  ACTIVE && FIRE2 && W2 > 1 && draw_beam(MINA, W2);
  for (a = 0; a < DB.length; ++a) draw_debris(DB[a]);
  M[0] && draw_message()
}

0 || c[1] > PH) RC.splice(a, 1)
  }
  MINA = PW;
  for (a = 0; a < AL.length; ++a) {
    d = AL[a];
    if (d[6] < 0) {
      add_debris(d, 50);
      Math.random() < 0.3 && spawn_powerup(d);
      d[0] = 1E3
    }
    if (ACTIVE && hitship(d)) {
      add_debris(d, 50);
      d[0] = 1E3;
      if (!INV) {
        add_debris([SX - 10, SY - 10, 10 + LX / 2, 20, -DX, -DY, 0, 2E3, 0, 0], 50);
        die()
      }
    }
    if (FIRE2 && W2 > 1 && !e) if (hitbeam(d, SX, SY, LSR[W2][1])) {
      d[6] -= K * LSR[W2][2];
      add_debris([d[0], SY - 2.5, 5, 5, d[4], d[5], 0, 50, d[8], 0], 50);
      if (d[0] < MINA) MINA = d[0];
      e = 1
    }
    d[0] -= K * d[4];
    d[0] < -40 && respawn(a)
  }
  for (a = 0; a < AL.length; ++a) {
    d = AL[a];
    if (d[0] > PW) {
      score(d[7]);

d[9] ? respawn(a) : AL.splice(a, 1)
    }
  }
  for (a = 0; a < DB.length; ++a) {
    b = DB[a];
    b[0] -= K * b[2];
    b[1] -= K * b[3];
    b[5] -= K;
    b[5] < 0 && DB.splice(a, 1)
  }
  for (a = 0; a < PU.length; ++a) {
    b = PU[a];
    if (ACTIVE && hitpowerup(b, SX, SY)) {
      c = b[7];
      M = [PWR[c], 0];
      CDM = 100;
      FM = 1;
      r_msr();
      PU.splice(a, 1);
      if (c == 0) {
        W1 = clamp(W1 + 1, 0, 3);
        up_w("w1", WPN1, W1);
        CDW1 = 1E3;
        FW1 = 1
      }
      if (c == 1) {
        W2 = clamp(W2 + 1, 2, 4);
        up_w("w2", WPN2, W2);
        CDW2 = 850;
        FW2 = 1
      }
      if (c == 2) {
        W2 = 1;
        up_w("w2", WPN2, W2);
        CDW2 = 500;
        FW2 = 1
      }
      c == 3 && shields(1);
      if (c == 4) {
        INV = 1;
        CDI = 500;
        FI = 1
      }
      if (c == 5) {
        KK = 0.5;
        CDK = 200;
        FK = 1
      }
    }
    b[0] -= K * b[3];

b[1] -= K * b[4];
    b[6] -= K;
    b[6] < 0 && PU.splice(a, 1)
  }
  if (ACTIVE) {
    if (CD > 0) CD -= K;
    if (CDK > 0) CDK -= K;
    if (CDM > 0) CDM -= K;
    if (CDM <= 0 && FM) {
      M = [0, 0];
      FM = 0
    }
    if (CDW1 > 0) CDW1 -= K;
    if (CDW1 <= 0 && FW1) {
      W1--;
      CDW1 = 500;
      W1 = clamp(W1, 0, 3);
      up_w("w1", WPN1, W1);
      if (W1 == 0) FW1 = 0
    }
    if (CDW2 > 0) CDW2 -= K;
    if (CDW2 <= 0 && FW2) {
      if (W2 == 2) W2 = 0;
      else W2--;
      CDW2 = 500;
      W2 = clamp(W2, 0, 4);
      up_w("w2", WPN2, W2);
      if (W2 == 0) FW2 = 0
    }
    if (CDI > 0) CDI -= K;
    if (CDI > 0 && CDI < 300) {
      M = ["Mortal in " + (CDI / 300).toFixed(2), 0];
      r_msr();
      FI = 1
    }
    if (CDI > 0 && CDI < 100) CDM = CDI;
    if (CDI <= 0 && FI) {
      INV = 0;
      M = [0, 0];
      FI = 0
    }
    if (CDK <=

0 && FK) {
      KK = 1;
      FK = 0
    }
  }
  render();
  SX = clamp(SX + K * 1.5 * DX, 0, PW);
  SY = clamp(SY + K * 1.5 * DY, 0, PH);
  if (OLD) {
    NEW = get_time();
    DELTA = NEW - OLD;
    K = KK * DELTA / 16;
    OLD = NEW;
    if (FRAME % 100 == 0) {
      FPS = 100 / ((NEW - OLDF) / 1E3);
      OLDF = NEW;
      $("f").innerHTML = FPS.toFixed(1)
    }
  } else OLDF = OLD = get_time();
  if (ACTIVE) {
    if (FRAME % 30 == 0) MX = clamp(MX + K * 0.0050, 1, 4);
    if (FRAME % 300 == 0) {
      c_rect(1, PW, PW, SY - 50, SY + 50, 18, RMAX, AC, MX);
      RMAX = clamp(RMAX + K * 2.5, 18, 70)
    }
    FRAME % 3E3 == 0 && c_col(10, 30, PW, 0.5)
  }
  FRAME++
}

<!DOCTYPE html>
<html>
  
  <head>
    <title>Argon</title>
  </head>
  
  <body onload="start()">
    <h1><a href="http://alteredqualia.com/argon">Argon</a></h1>
    <div id="w">
      <div id="score" class="hud up">
        <b>Score:</b> <span id="s">0</span>
      </div>
      <div id="lives" class="hud up">
        <b>Shields:</b> <span id="l">3</span>
      </div>
      <canvas id="m" width=900 height=400 class="sh"></canvas>
      <div id="hd" class="hud">
        <div id="wpn">
          <b>W1:</b> <span id="w1">Puny</span>
          <b>W2:</b> <span id="w2">None</span>
        </div>
        <div id="fps">
          <b>FPS:</b> <span id="f">0</span>
        </div>
      </div>
      <div id="i">
        Destroy squares, collect discs<br/><br/>
        <b>Arrows:</b> move<br/>
        <b>Z:</b> fire1<br/>
        <b>X:</b> fire2<br/><br/>
        <b>Space:</b> new game<br/>
        <b>Esc:</b> quit<br/>
        <div id="ft">
          Created by <a href="http://alteredqualia.com">AlteredQualia</a>
        </div>
      </div>
    </div>
  </body>

</html>