Fire JS Bin - Litesaber - 3

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

z

Find

⟲

Replace

⊗ All Replace

var litesaber = function () {
  var h = null,
      e = null,
      g = [],
      m = 1,
      o = function (c) {
      c.id = m++;
      g.push(c)
      },
      w = function (c) {
      if (c.trails.unshift(c.cur_pos) > c.trail_count) {
        c.trails.pop();
        c.speed = Math.sqrt(Math.pow(c.trails[0][0] - c.trails[1][0], 2) + Math.pow(c.trails[0][1] - c.trails[1][1], 2))
      }
      if (c.trails.length > 1) for (var a = 0; a < c.trails.length - 1; a++) {
        var b;
        b = c.trails[a];
        var d = c.trails[a + 1],
            f = [0, 0];
        x = d[0] - b[0];
        if (x > 0) f[0] = 1;
        else if (x === 0) f[0] = 0;
        else if (x < 0) f[0] = -1;
        y = d[1] - b[1];
        if (y > 0) f[1] = 1;
        else if (y === 0) f[1] = 0;
        else if (y < 0) f[1] = -1;
        b = f;
        c.trails[a + 1][0] = c.trails[a][0] + b[0];
        c.trails[a + 1][1] = c.trails[a][1] + b[1]
      }
      },
      i = function (c, a, b, d, f) {
      e.strokeStyle = "rgba(" + b.join(",") + ")";
      e.lineWidth = f;
      e.lineCap = "round";
      b = [Math.sin(d) * c.cur_length, Math.cos(d) * c.cur_length];
      c.cur_pos2 = [a[0] + b[0], a[1] + b[1]];
      e.beginPath();
      e.moveTo(a[0], a[1]);
      e.lineTo(c.cur_pos2[0], c.cur_pos2[1]);
      e.stroke()
      },
      n = function (c, a) {
      c.angle = a[1] / h.height * (c.rotation_max_angle - c.rotation_min_angle) + c.rotation_min_angle;
      return c.angle
      },
      z = function (c) {
      for (var a = 1; a < c.trail_count + 1; a++) if (c.trails[a - 1]) {
        var b = Math.round(Math.sqrt(a * c.trail_width)) + Math.sqrt(c.speed),
            d = Math.random() + 1,
            f = c.rgb.slice(0, 3);
        f[3] = 1 / a / 3 * d + Math.sqrt(c.speed) * c.speed_factor;
        if (a === 1) f = [255, 255, 255, 1];
        d = c.angle_func(c, c.trails[a - 1]);
        i(c, c.trails[a - 1], f, d, b)
      }
      },
      t = function (c) {
      var a = c.angle_func(c, c.cur_pos);
      i(c, c.cur_pos, [255, 255, 255, 1], a, c.tickness)
      },
      q = function (c) {
      return c.angle
      },
      p = function (c) {
      for (var a in g) if (g[a] == c) {
        g[a].destroy_callback && g[a].destroy_callback(c.id);
        g.splice(a, 1)
      }
      },
      A = function () {
      e.clearRect(0, 0, h.width, h.height);
      for (var c in g) {
        var a = g[c];
        switch (a.type) {
        case "litesaber":
          var b = Math.ceil((a.hand_pos[0] - a.cur_pos[0]) / 3),
              d = Math.ceil((a.hand_pos[1] - a.cur_pos[1]) / 3);
          if (a.cur_pos[0] > h.width / 2 && b > 0) b = 0;
          a.cur_pos = [a.cur_pos[0] + b, a.cur_pos[1] + d];
          b = a;
          b.cur_length += Math.ceil((b.length - b.cur_length) / 15) * (b.operating ? 1 : -1);
          if (b.cur_length < 0) b.cur_length = 0;
          if (a.cur_length > 0) {
            w(a);
            z(a);
            t(a)
          }
          b = a;
          a = a.handle_length;
          e.strokeStyle = "rgba(100,100,100,1)";
          e.lineWidth = 8;
          e.lineCap = "round";
          a = [Math.sin(b.cur_pos[1] / h.height * (b.rotation_max_angle - b.rotation_min_angle) + b.rotation_min_angle) * a, Math.cos(b.cur_pos[1] / h.height * (b.rotation_max_angle - b.rotation_min_angle) + b.rotation_min_angle) * a];
          e.beginPath();
          e.moveTo(b.cur_pos[0], b.cur_pos[1]);
          e.lineTo(b.cur_pos[0] - a[0], b.cur_pos[1] - a[1]);
          e.stroke();
          break;
        case "lasergun":
          a.cur_pos = a.hand_pos;
          b = a;
          d = a.angle;
          a = a.handle_length;
          e.strokeStyle = "rgba(100,100,100,1)";
          e.lineWidth = 8;
          e.lineCap = "round";
          a = [Math.sin(d) * a, Math.cos(d) * a];
          b.cur_pos2 = [b.cur_pos[0] - a[0], b.cur_pos[1] - a[1]];
          e.beginPath();
          e.moveTo(b.cur_pos[0], b.cur_pos[1]);
          e.lineTo(b.cur_pos2[0], b.cur_pos2[1]);
          e.stroke();
          break;
        case "laserbeam":
          b = a;
          d = [Math.sin(b.angle) * b.speed, Math.cos(b.angle) * b.speed];
          b.cur_pos = [b.cur_pos[0] + d[0], b.cur_pos[1] + d[1]];
          z(a);
          t(a);
          b = a;
          for (var f in g) if (g[f].type === "litesaber") {
            var j = g[f].cur_pos,
                u = g[f].cur_pos2;
            d = u[0];
            var l = u[1],
                r = j[0],
                s = j[1],
                v = b.cur_pos[0];
            j = b.cur_pos[1];
            u = (r - d) / (s - l) * (j - l) + d;
            var k = 30;
            d = (d > r ? v < d + k && v >= r - k : v > d - k && v <= r + k) && (l > s ? j < l + k && j >= s - k : j > l - k && j <= s + k);
            if (!b.collided && v - 50 < u && u < v + 50 && d && g[f].cur_length > 0) {
              l = g[f].angle;
              b.angle = l - b.angle + (l - Math.PI / 2) * 2;
              o({
                type: "flash",
                radius: 10,
                cur_pos: [u, j],
                rgba: [255, 255, 255, 1]
              });
              b.collided = true;
              b.collided_once = true
            }
            if (b.collided && !d) b.collided = false
          }
          for (f in g) if (g[f].type === "lasergun") {
            j = g[f].cur_pos;
            d = j[0];
            l = j[1];
            r = b.cur_pos[0];
            s = b.cur_pos[1];
            k = 30;
            if (b.collided_once && d - k < r && d + k > r && l - k < s && l + k > s) {
              p(g[f]);
              o({
                type: "flash",
                radius: 15,
                cur_pos: j,
                rgba: [255, 255, 255, 1]
              })
            }
          }
          if (b.cur_pos[0] < 0 || b.cur_pos[1] < 0 || b.cur_pos[0] > h.width || b.cur_pos[1] > h.height) p(b);
          w(a);
          break;
        case "flash":
          b = a;
          e.fillStyle = "rgba(" + b.rgba.join(",") + ")";
          e.beginPath();
          e.arc(b.cur_pos[0], b.cur_pos[1], b.radius, 0, Math.PI * 2, true);
          e.fill();
          a = a;
          a.rgba[3] = Math.pow(a.rgba[3] - 0.01, 3);
          a.radius *= 1.2;
          a.rgba[3] < 0.1 && p(a);
          break
        }
      }
      };
  return {
    init: function (c) {
      h = c;
      e = h.getContext("2d");
      setInterval(A, 20)
    },
    createLitesaber: function (c) {
      var a = {
        type: "litesaber",
        trails: [],
        trail_count: 15,
        tickness: 4,
        speed: 0,
        angle: 0,
        hand_pos: [0, 0],
        cur_pos: [0, 0],
        cur_pos2: [0, 0],
        length: 250,
        cur_length: 0,
        operating: false,
        speed_factor: 0.0050,
        trail_width: 70,
        angle_func: n,
        rgb: [100, 170, 255],
        handle_length: 40,
        rotation_max_angle: -200 / 180 * Math.PI,
        rotation_min_angle: -120 / 180 * Math.PI
      };
      if (c) for (var b in a) if (c[b]) a[b] = c[b];
      o(a);
      return {
        id: a.id,
        move: function (d, f) {
          a.hand_pos = [d, f];
          return this
        },
        getAngle: function () {
          return a.angle
        },
        getPosition: function () {
          return a.cur_pos
        },
        toggle: function (d) {
          a.operating = d === undefined ? !a.operating : d;
          a.operating || (a.cur_length -= 1);
          return this
        }
      }
    },
    createLasergun: function (c) {
      var a = {
        type: "lasergun",
        trail_count: 3,
        tickness: 3,
        speed: 30,
        hand_pos: [0, 0],
        cur_pos: [0, 0],
        cur_pos2: [0, 0],
        length: 20,
        speed_factor: 0.0010,
        trail_width: 10,
        rgb: [255, 100, 100],
        angle: 0.5 * Math.PI,
        handle_length: 40,
        destroy_callback: null
      };
      if (c) for (var b in a) if (c[b]) a[b] = c[b];
      o(a);
      return {
        id: a.id,
        move: function (d, f) {
          a.hand_pos = [d, f];
          return this
        },
        rotate: function (d) {
          a.angle = d;
          return this
        },
        getPosition: function () {
          return a.cur_pos
        },
        fire: function () {
          o({
            type: "laserbeam",
            trails: [],
            trail_count: a.trail_count,
            tickness: a.tickness,
            speed: a.speed,
            cur_pos: a.cur_pos,
            length: a.length,
            cur_length: a.length,
            speed_factor: a.speed_factor,
            trail_width: a.trail_width,
            angle_func: q,
            rgb: a.rgb,
            angle: a.angle
          });
          o({
            type: "flash",
            radius: 10,
            cur_pos: a.cur_pos,
            rgba: [170, 110, 110, 1]
          });
          return this
        }
      }
    }
  }
}();
$(document).ready(function () {
  var h = document.getElementById("canvas");
  litesaber.init(h);
  var e = litesaber.createLitesaber({
    rgb: [100, 255, 100]
  });
  $("#canvas").mousemove(function (i) {
    e.move(i.pageX - h.offsetLeft, i.pageY - h.offsetTop)
  });
  $("#canvas").click(function () {
    e.toggle()
  });
  var g = 1,
      m = [],
      o = function (i) {
      for (var n in m) m[n].id == i && m.splice(n, 1);
      if (m.length === 0) {
        g++;
        $("#level").html(g);
        for (i = 0; i < Math.ceil(Math.sqrt(g)); i++) w()
      }
      },
      w = function () {
      var i = litesaber.createLasergun({
        hand_pos: [550, 250],
        angle: 1.5 * Math.PI,
        speed: 10 + Math.sqrt(g) * 5,
        destroy_callback: o
      });
      i.move(h.width - 30, Math.ceil(Math.random() * h.height));
      m.push(i);
      var n = 500 - g * 20 + Math.round(Math.random() * 100);
      if (n < 250) n = 250;
      var z = function () {
        for (var t in m) if (m[t].id == i.id) {
          var q = e.getPosition(),
              p = i.getPosition();
          t = p[0] - q[0];
          q = p[1] - q[1];
          p = Math.random() * Math.PI / 6 - Math.PI / 6;
          i.rotate(Math.acos(q / Math.sqrt(Math.pow(t, 2) + Math.pow(q, 2))) + Math.PI + p).fire();
          setTimeout(z, n);
          break
        }
      };
      setTimeout(z, n)
      };
  w()
});