functions.js

function customWeapon(type) {
  var ele = document.getElementById("tbCustomWeapon");
  var isHide = ele.style.display == "none";

  if (type == "switch") {
    ele.style.display = isHide ? "block" : "none";
  } else if (type == "open") {
    ele.style.display = "block";
  } else {
    ele.style.display = "none";
  }

  if (ele.style.display == "block" && viewport.target) {
    showWeaponInfo();
  }
}

function showWeaponInfo() {
  document.getElementById("nameWeapon").innerHTML = viewport.target.weapon.name;
  document.getElementById("maxBulls").value =
    viewport.target.weapon.gunInfo.maxBulls;
  document.getElementById("delay").value = viewport.target.weapon.gunInfo.delay;
  document.getElementById("reloadTime").value =
    viewport.target.weapon.gunInfo.reloadTime;
  document.getElementById("bullsPerTimes").value =
    viewport.target.weapon.gunInfo.bullsPerTimes;
  document.getElementById("hitRatio").value =
    viewport.target.weapon.gunInfo.hitRatio;
  document.getElementById("damage").value =
    viewport.target.weapon.bulletInfo.damage;
  document.getElementById("radius").value =
    viewport.target.weapon.bulletInfo.radius;
  document.getElementById("speed").value =
    viewport.target.weapon.bulletInfo.speed;
  document.getElementById("life").value =
    viewport.target.weapon.bulletInfo.life;
}

function applyCustomWeapons() {
  if (viewport.target) {
    viewport.target.weapon.gunInfo.maxBulls = Number(
      document.getElementById("maxBulls").value
    );
    viewport.target.weapon.gunInfo.delay = Number(
      document.getElementById("delay").value
    );
    viewport.target.weapon.gunInfo.reloadTime = Number(
      document.getElementById("reloadTime").value
    );
    viewport.target.weapon.gunInfo.bullsPerTimes = Number(
      document.getElementById("bullsPerTimes").value
    );
    viewport.target.weapon.gunInfo.hitRatio = Number(
      document.getElementById("hitRatio").value
    );
    viewport.target.weapon.bulletInfo.damage = Number(
      document.getElementById("damage").value
    );
    viewport.target.weapon.bulletInfo.radius = Number(
      document.getElementById("radius").value
    );
    viewport.target.weapon.bulletInfo.speed = Number(
      document.getElementById("speed").value
    );
    viewport.target.weapon.bulletInfo.life = Number(
      document.getElementById("life").value
    );

    customWeapon("switch");
  }
}

function loadText(url, success, fail) {
  let xhr = new XMLHttpRequest();
  xhr.open("GET", url, true);
  xhr.responseType = "text";
  xhr.onload = function () {
    let status = xhr.status;
    if (status === 200) {
      if (success != null) success(xhr.response);
      return xhr.response;
    } else {
      if (fail != null) fail(status);
      return status;
    }
  };
  xhr.send();
}

function autoChat(sendMes, e, loop) {
  if (loop) {
    loadText(
      "https://api.minhhieu.asia/vi.php?text=" + sendMes,
      function (result) {
        if (!e && eArr.length) e = eArr[floor(random(eArr.length))];
        if (e)
          addMessage(
            result.trim(),
            e.name,
            true,
            color(e.col[0], e.col[1], e.col[2])
          );
        if (result.length > 15) result = listMes[floor(random(listMes.length))];
        setTimeout(function () {
          autoChat(result, null, true);
        }, random(3000, 10000));
      }
    );
  } else {
    loadText(
      "https://api.minhhieu.asia/vi.php?text=" + sendMes,
      function (result) {
        if (!e && eArr.length) e = eArr[floor(random(eArr.length))];
        if (e)
          addMessage(
            result.trim(),
            e.name,
            true,
            color(e.col[0], e.col[1], e.col[2])
          );
      }
    );
  }
}

function addAICharacter() {
  eArr = [];
  var dis = 500;
  for (var j = 1; j < floor(maxE / team + 1); j++) {
    var pos = v(random(gmap.size.x), random(gmap.size.y));
    for (var i = 0; i < team; i++) {
      var e = new AICharacter(
        null,
        pos.x + random(-dis, dis),
        pos.y + random(-dis, dis),
        null,
        null,
        j + 1
      );
      addPlayerToTeam(e, j + 1);
      eArr.push(e);
    }
    changeLeader(j + 1);
  }

  // add bot to p team
  for (var i = 1; i < team; i++) {
    var e = new AICharacter(
      null,
      p.pos.x + random(-dis, dis),
      p.pos.y + random(-dis, dis),
      null,
      null,
      1
    );
    addPlayerToTeam(e, 1);
    eArr.push(e);
  }
}

function addPlayer() {
  // initialize Char
  var col = hexToRgb(document.getElementById("pickColor").value);
  var pcol = [col.r, col.g, col.b];
  p = new Player(pname, random(gmap.size.x), random(gmap.size.y), pcol, 100, 1);
  addPlayerToTeam(p, 1);

  // effect
  effects.smoke(p.pos.x, p.pos.y, 5, 700, 30);
  addSound("audio/punch_swing_01.mp3");
}

function createWorld() {
  bArr = []; // bullets
  iArr = []; // items
  pArr = []; // portals
  redArr = []; // redzones
  epArr = []; // explore points
  wArr = []; //waters
  iceArr = []; // ices
  rArr = []; // rocks
  tArr = []; // trees

  // them rocks
  for (var i = 0; i < world.maxRock; i++)
    rArr.push(
      new Rock(
        random(gmap.size.x),
        random(gmap.size.y),
        random(world.SizeRock[0], world.SizeRock[1])
      )
    );

  // them barrels
  for (var i = 0; i < world.maxBarrel; i++)
    rArr.push(
      new Barrel(
        random(gmap.size.x),
        random(gmap.size.y),
        random(world.SizeBarrel[0], world.SizeBarrel[1])
      )
    );

  // them trees
  for (var i = 0; i < world.maxTree; i++)
    tArr.push(
      new Tree(
        random(gmap.size.x),
        random(gmap.size.y),
        random(world.SizeTree[0], world.SizeTree[1])
      )
    );

  // them waters
  for (var i = 0; i < world.maxWater; i++)
    wArr.push(
      new Water(
        random(gmap.size.x),
        random(gmap.size.y),
        random(world.SizeWater[0], world.SizeWater[1])
      )
    );

  // them ices
  for (var i = 0; i < world.maxIce; i++)
    iceArr.push(
      new Ice(
        random(gmap.size.x),
        random(gmap.size.y),
        random(world.SizeIce[0], world.SizeIce[1])
      )
    );

  gmap.createMinimap();
}

function reset() {
  eArr = []; // enemys
  sArr = []; // smokes
  notifi = []; // notification
  teams = {}; // reset teams

  addPlayer();
  addAICharacter();

  // view frame
  viewport = new Viewport(p);

  createWorld();
}

function realToFake(realX, realY) {
  return v(
    width / 2 + realX - viewport.pos.x,
    height / 2 + realY - viewport.pos.y
  );
}

function fakeToReal(fakeX, fakeY) {
  return v(
    fakeX - width / 2 + viewport.pos.x,
    fakeY - height / 2 + viewport.pos.y
  );
}

function collisionBullets(t) {
  var radius = t.radius + 50;
  var range = new Circle(t.pos.x, t.pos.y, radius);
  var bulletsInRange = quadBulls.query(range);
  var hit = false;
  var thuPham;

  if (bulletsInRange.length) {
    for (var b of bulletsInRange) {
      if (p5.Vector.dist(t.pos, b.pos) < t.radius + b.info.radius) {
        if (b.info.effectToTarget) b.info.effectToTarget(t);
        t.health -= b.info.damage;
        t.updateSize();
        hit = true;
        thuPham = b;
        b.end();
      }
    }

    // hit effect
    if (hit) {
      // is player
      t.nextPoint = null; // reset nextPoint
      var r = t.radius * 2 + 30;
      fill(255, 0, 0, 120);
      ellipse(t.pos.x, t.pos.y, r, r);
    }

    if (t.health <= 0) t.die(thuPham);
  }
}

function collisionEdge(t, bounce) {
  //initialize storage variable
  var radius = t.radius || t.info.radius;
  var top = radius;
  var left = radius;
  var bottom = gmap.size.y - radius;
  var right = gmap.size.x - radius;

  if (t.pos.y < top) {
    t.vel.y *= -bounce;
    t.pos.y = top;
  }

  //var below
  else if (t.pos.y > bottom) {
    t.vel.y *= -bounce;
    t.pos.y = bottom;
  }

  if (t.pos.x < left) {
    t.vel.x *= -bounce;
    t.pos.x = left;
  } else if (t.pos.x > right) {
    t.vel.x *= -bounce;
    t.pos.x = right;
  }
}

function isInside(point, posrect, sizerect) {
  return (
    point.x > posrect.x - sizerect.x / 2 &&
    point.x < posrect.x + sizerect.x / 2 &&
    point.y > posrect.y - sizerect.y / 2 &&
    point.y < posrect.y + sizerect.y / 2
  );
}

function insideViewport(t) {
  var pos = t.pos;
  var radius = (t.radius || t.info.radius) * 2;
  return isInside(pos, viewport.pos, v(width + radius, height + radius));
}

function polygon(x, y, radius, npoints) {
  var angle = TWO_PI / npoints;
  beginShape();
  for (var a = 0; a < TWO_PI; a += angle) {
    var sx = x + cos(a) * radius;
    var sy = y + sin(a) * radius;
    vertex(sx, sy);
  }
  endShape(CLOSE);
}

function prettyTime(s) {
  s = s || 0;

  var seconds = s % 60 | 0;
  var minutes = (s / 60) % 60 | 0;
  var hours = (s / 3600) | 0;

  if (hours)
    return (
      hours +
      ":" +
      ("0" + minutes).substr(-2) +
      ":" +
      ("0" + seconds).substr(-2)
    );
  else return minutes + ":" + ("0" + seconds).substr(-2);
}

function v(x, y) {
  return createVector(x, y);
}

// ================== Color =============
function randHex() {
  return "#000000".replace(/0/g, function () {
    return (~~(Math.random() * 16)).toString(16);
  });
}

function hexToRgb(hex) {
  var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
  return result
    ? {
        r: parseInt(result[1], 16),
        g: parseInt(result[2], 16),
        b: parseInt(result[3], 16),
      }
    : null;
}

function hexToRgb2(hex) {
  var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
  hex = hex.replace(shorthandRegex, function (m, r, g, b) {
    return r + r + g + g + b + b;
  });

  var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
  return result
    ? {
        r: parseInt(result[1], 16),
        g: parseInt(result[2], 16),
        b: parseInt(result[3], 16),
      }
    : null;
}

function rgbToHex(r, g, b) {
  return "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
}

// ============= Audio ====================
function createNewAudio(linkMedia) {
  if (myAudio == null) {
    myAudio = createAudio(linkMedia);
    myAudio.elt.controls = true;
    myAudio.elt.volume = 0.5;
    myAudio.autoplay(true);
    myAudio.onended(function (e) {
      changeSong(1);
    });
    myAudio.elt.onloadeddata = function () {
      //             myAudio.elt.currentTime = random(myAudio.elt.duration);
    };
    myAudio.connect(p5.soundOut);
  } else {
    myAudio.src = linkMedia;
  }
}

function changeSong(step) {
  songNow += step;
  if (songNow >= musics.SongList.length) songNow = 0;
  else if (songNow < 0) songNow = musics.SongList.length - 1;

  notifi.push(new Notification(musics.SongList[songNow].name, 20, null, 5000));
  createNewAudio(musics.SongList[songNow].link);
}

function addSound(link, loop, volume) {
  if (dataSound[link]) {
    var x = dataSound[link];
    x.setVolume(volume || 1);
    if (loop)
      x._onended = function () {
        this.play();
      };
    x.play();
  } else {
    if (loop)
      loadSound(link, function (data) {
        dataSound[link] = data;
        dataSound[link]._onended = function () {
          this.play();
        };
        dataSound[link].play();
      });
    else
      loadSound(link, function (data) {
        dataSound[link] = data;
        dataSound[link].play();
      });
  }
}

// ============= Alert Notification ==============
function addAlertBox(text, bgcolor, textcolor) {
  var al = document.getElementById("alert");
  al.childNodes[0].nodeValue = text;
  al.style.backgroundColor = bgcolor;
  al.style.opacity = 0.7;
  al.style.zIndex = 2;

  if (textcolor) al.style.color = textcolor;
}

function addMessage(mes, from, withTime, color, onclickFunc) {
  var newMes = document.createElement("p");
  if (color) {
    newMes.style.backgroundColor =
      "rgba(" +
      color.levels[0] +
      "," +
      color.levels[1] +
      "," +
      color.levels[2] +
      "," +
      "0.3)";
  }

  if (withTime) {
    var timeNode = document.createElement("span");
    timeNode.textContent = withTime ? prettyTime(mil / 1000) + "  " : "";
    newMes.appendChild(timeNode);
  }

  if (from) {
    var fromNode = document.createElement("span");
    fromNode.style.fontWeight = "bold";
    fromNode.textContent = from ? from + ": " : "";
    newMes.appendChild(fromNode);
  }

  if (mes) {
    var mesNode = document.createTextNode(mes);
    newMes.appendChild(mesNode);
  }

  if (onclickFunc) {
    newMes.addEventListener("mouseover", function () {
      newMes.style.cursor = "pointer";
      newMes.style.borderWidth = "1px 0 1px 0";
      newMes.style.borderColor = "white";
      newMes.style.borderStyle = "dashed";
    });
    newMes.addEventListener("mouseout", function () {
      newMes.style.border = "none";
    });
    newMes.addEventListener("click", onclickFunc);
  }

  document.getElementById("conversation").appendChild(newMes);
  newMes.scrollIntoView();
}

function help() {
  addMessage(
    " - - - - - Fighter - - - - - ",
    "",
    false,
    color(255),
    function () {
      window.open("https://jeherillajanwar.github.io/Fighter/index.html");
    }
  );
  addMessage("Eat And Fight to Survive", "", false, color(150));
  addMessage("W A S D / ArrowKey: Move.");
  addMessage("LEFT-Mouse : Shoot.");
  addMessage("SCROLL-Mouse, 1->9 : Change weapon.");
  addMessage("R : Reload Weapon.");
  addMessage("F : Pickup weapon.");
  addMessage("E : Shield (can't shoot).");
  addMessage("Q (Hold): look around (minimap).");
  addMessage("M: Open/close minimap.");
  addMessage("ENTER : Chat.");
  addMessage("C : Show/Hide Chat box.");
  addMessage("V : Follow cam (on/off).");
  addMessage("Type '/help' for more option", "", false, color(200));
  addMessage("--------------------------------");
}

function showChat(show) {
  if (show) {
    document.getElementById("showHideChat").value = "Hide";
    document.getElementById("conversation").style.width = "100%";
    document.getElementById("chatBox").style.left = "0px";
  } else {
    document.getElementById("showHideChat").value = "Show";
    document.getElementById("conversation").style.width = "25%";
    document.getElementById("chatBox").style.left = "-240px";
  }
}

function isTyping() {
  return document.getElementById("inputMes") === document.activeElement;
}

function clearChat() {
  var myNode = document.getElementById("conversation");
  while (myNode.firstChild) {
    myNode.removeChild(myNode.firstChild);
  }
}
// ======= Array , Object function ========

function getPlayerLife() {
  var result = 0;
  if (!p.died) result++;
  for (var e of eArr) {
    if (!e.died) result++;
  }
  return result;
}

function getPlayers(pos, radius, excepts, justOne) {
  excepts = excepts || [];
  var range = new Circle(pos.x, pos.y, radius);
  var result = [];

  if (justOne) result = quadPlayers.query(range, [], true);
  else result = quadPlayers.query(range);

  if (result.length && excepts.length)
    for (var except of excepts) {
      var i = result.indexOf(except);
      if (i != -1) {
        result.splice(i, 1);
      }
    }

  return result;
}

function getItems(pos, radius, excepts, justOne) {
  excepts = excepts || [];
  var range = new Circle(pos.x, pos.y, radius);
  var result = [];

  if (justOne) result = quadItems.query(range, [], true);
  else result = quadItems.query(range);

  if (result.length && excepts.length)
    for (var except of excepts) {
      var i = result.indexOf(except);
      if (i != -1) {
        result.splice(i, 1);
      }
    }

  return result;
}

function getBullets(pos, radius, excepts, justOne) {
  excepts = excepts || [];
  var range = new Circle(pos.x, pos.y, radius);
  var result = [];

  if (justOne) result = quadBulls.query(range, [], true);
  else result = quadBulls.query(range);

  if (result.length && excepts.length)
    for (var except of excepts) {
      var i = result.indexOf(except);
      if (i != -1) {
        result.splice(i, 1);
      }
    }

  return result;
}

function clone(obj) {
  if (null == obj || "object" != typeof obj) return obj;
  var copy = obj.constructor();
  for (var attr in obj) {
    if (obj.hasOwnProperty(attr)) copy[attr] = obj[attr];
  }
  return copy;
}

function clone2(obj) {
  return JSON.parse(JSON.stringify(obj));
}

function getObjectIndex(obj, keyToFind) {
  var result = Object.keys(obj).indexOf(keyToFind);
  if (result == -1) result = null;
  return result;
}

function getValueAtIndex(obj, index) {
  return Object.keys(obj)[index];
}

function getObjectLength(obj) {
  return Object.keys(obj).length;
}

// =============== window onload =============
window.onload = () => {
  document.addEventListener("contextmenu", (e) => e.preventDefault());

  document.getElementById("pickColor").value = randHex();
  var color_picker = document.getElementById("pickColor");
  var color_picker_wrapper = document.getElementById("color-picker-wrapper");
  color_picker.onchange = function () {
    color_picker_wrapper.style.backgroundColor = color_picker.value;
  };
  color_picker_wrapper.style.backgroundColor = color_picker.value;

  document.getElementById("watch").addEventListener("click", (e) => {
    menuWhenDie("close");
  });

  document.getElementById("newGame").addEventListener("click", (e) => {
    // e.target.style.display = 'none';
    menuWhenDie("close");
    reset();
    runGame = true;
  });

  document.getElementById("solo").addEventListener("click", (e) => {
    team = 1;
    clearChat();
    closeNav();
    start();
  });

  document.getElementById("duo").addEventListener("click", (e) => {
    team = 2;
    clearChat();
    closeNav();
    start();
  });

  document.getElementById("squad").addEventListener("click", (e) => {
    team = 4;
    clearChat();
    closeNav();
    start();
  });

  document.getElementById("backToStartMenu").addEventListener("click", (e) => {
    runGame = false;
    showChat(false);
    menuWhenDie("close");
    openNav();
  });

  document.getElementById("closebtn").addEventListener("mouseover", (event) => {
    event.target.parentElement.style.opacity = 0;
    event.target.parentElement.style.zIndex = 0;
  });

  document
    .getElementById("showHideChat")
    .addEventListener("mouseover", function (event) {
      if (event.target.value == "Hide") {
        showChat(false);
      } else {
        showChat(true);
      }
    });

  document.getElementById("cachchoi").addEventListener("click", (e) => {
    var guide = document.getElementsByClassName("guide")[0];
    if (guide.style.display == "") {
      guide.style.display = "block";
      document
        .getElementById("cachchoi")
        .scrollIntoView({ behavior: "smooth", block: "start" });
    } else {
      document
        .getElementById("ip-name")
        .scrollIntoView({ behavior: "smooth", block: "end" });
      setTimeout(() => {
        guide.style.display = "";
      }, 200);
    }
  });

  var name = localStorage.getItem("pname");
  document.getElementById("ip-name").value = name;

  openNav();
};

function autoAddPortals(num, step, life) {
  setInterval(function () {
    if (runGame && focused)
      for (var i = 0; i < num; i++) {
        var portalOut = new Portal(
          "out",
          random(gmap.size.x),
          random(gmap.size.y),
          null,
          null,
          life
        );
        var portalIn = new Portal(
          "in",
          random(gmap.size.x),
          random(gmap.size.y),
          portalOut,
          null,
          life
        );
        pArr.push({
          inGate: portalIn,
          outGate: portalOut,
        });
      }
  }, step * 1000);
}

function autoAddRedzones(step) {
  setInterval(function () {
    if (runGame && focused)
      redArr.push(
        new RedZone(
          random(gmap.size.x),
          random(gmap.size.y),
          random(150, gmap.size.x / 8),
          random(15000, 60000)
        )
      );
  }, step * 1000); // step in second
}

function autoAddItems(step) {
  setInterval(function () {
    if (runGame && focused) {
      if (iArr.length > world.maxItem) {
        for (var i = 0; i < iArr.length - world.maxItem; i++) iArr.shift();
      } else if (iArr.length < world.maxItem / 2) {
        for (var i = iArr.length; i < world.maxItem / 2; i++)
          iArr.push(new Item(random(gmap.size.x), random(gmap.size.y)));
      }

      for (var i = 0; i < 5; i++) {
        iArr.push(new Item(random(gmap.size.x), random(gmap.size.y)));
      }

      var nameGun = getValueAtIndex(
        weapons,
        floor(random(getObjectLength(weapons)))
      );
      iArr.push(
        new Item(random(gmap.size.x), random(gmap.size.y), null, null, nameGun)
      );
    }
  }, step * 1000);
}

function autoAddPlayers(step) {
  setInterval(function () {
    if (runGame && eArr.length < maxE) {
      var newCharacter = new AICharacter(
        null,
        random(gmap.size.x),
        random(gmap.size.y)
      );
      eArr.push(newCharacter);
    }
  }, step * 1000);
}

function getMaxSizeNow(step) {
  setInterval(function () {
    if (runGame) {
      var m = p ? p.radius : eArr.length ? eArr[0].radius : 0;
      for (var i of eArr) {
        if (i.radius > m) m = i.radius;
      }
      maxSizeNow = m;
    }
  }, step * 1000);
}

function openFullscreen() {
  var elem = document.documentElement;
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.mozRequestFullScreen) {
    /* Firefox */
    elem.mozRequestFullScreen();
  } else if (elem.webkitRequestFullscreen) {
    /* Chrome, Safari and Opera */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) {
    /* IE/Edge */
    elem.msRequestFullscreen();
  }
}

function closeFullscreen() {
  var elem = document.documentElement;
  if (document.exitFullscreen) {
    document.exitFullscreen();
  } else if (document.mozCancelFullScreen) {
    /* Firefox */
    document.mozCancelFullScreen();
  } else if (document.webkitExitFullscreen) {
    /* Chrome, Safari and Opera */
    document.webkitExitFullscreen();
  } else if (document.msExitFullscreen) {
    /* IE/Edge */
    document.msExitFullscreen();
  }
}

function openNav() {
  document.getElementsByClassName("overlay")[0].style.height = "100%";
}

function closeNav() {
  document.getElementsByClassName("overlay")[0].style.height = "0%";
}

function menuWhenDie(e, showWatch) {
  document.getElementById("menuWhenDie").style.display =
    e == "open" ? "block" : "none";
  document.getElementById("watch").style.display = showWatch ? "block" : "none";

  if (e == "close") {
    document.getElementById("alert").style.opacity = 0;
    document.getElementById("alert").style.zIndex = 0;
  }
}

//  ============== Info ==================
function hiding_info() {
  var x = gmap.size.x * 0.5;
  var y = -1000;

  if (
    insideViewport({
      pos: {
        x: x,
        y: y,
      },
      radius: 500,
    })
  ) {
    noStroke();
    fill(200);
    text("Author: Ishaan Sharma.", x, (y += 30));
    text("", x, (y += 30));
    text("Github: JeherillaJanwar.", x, (y += 30));
    text("Type '/contact' in chat box for more info.", x, (y += 30));
    text("", x, (y += 30));
    text("Thank For Playing.", x, (y += 30));
  }
}