☰

Diep.io Working AUTOBUILD/Upgrader!

How to use: You should see a menu bar on the right side of the screen, hover over it and the menu will slide out! If not you may have to push [R] this will toggle the menu! When out click on the buttons shown! This should upgrade your tank automatically! If you don't know what the upgrades do, press [T] twice/once.

当前为 2022-06-12 提交的版本，查看 最新版本。

// ==UserScript==
// @name         Diep.io Working AUTOBUILD/Upgrader!
// @namespace    http://tampermonkey.net/
// @version      4.11
// @description  How to use: You should see a menu bar on the right side of the screen, hover over it and the menu will slide out! If not you may have to push [R] this will toggle the menu! When out click on the buttons shown! This should upgrade your tank automatically! If you don't know what the upgrades do, press [T] twice/once.
// @author       -{Abyss⌬}-ora
// @match        https://diep.io/
// @grant        none
// @license      GNU GPLv3
// ==/UserScript==

(function () {
  "use strict";
  //-------------------------------------[AUTOBUILD BUTTON]------------------------------------\\
  var textG = document.createElement("div");
  document.getElementsByTagName("body")[0].appendChild(textG);
  textG.innerHTML = `
<!DOCTYPE html>
<html>

<head>
  <style>
    #myhover a {
      background-image: url("https://media.tenor.com/images/f3f5354b7c304bc61882dbb1183885e7/tenor.gif");
      background-repeat: repeat;
      background-attachment: fixed;
      background-size: 160px 100px;
      position: absolute;
      right: -200px;
      transition: 0.3s;
      padding: 15px;
      width: 250px;
      text-decoration: none;
      font-size: 10px;
      font-family: 'Monoton', cursive;
      text-shadow: black 0px 1px, purple 0px 2px, pink 0px 3px;
      src: url('https://fonts.googleapis.com/css2?family=Monoton&display=swap');
      color: white;
      border-radius: 5 5px 5px 5;
      border-style: solid;
      border-width: thick;
      border-top-right-radius: 20px 50px;
      border-top-left-radius: 20px 50px;
      border-top-width: 20px;
      border-style: double;
      border-bottom-right-radius: 20px 50px;
      border-bottom-left-radius: 20px 50px;
      border-top-color: lightpink;
      border-left-color: lightgray;
      border-bottom-color: lightpink;
      border-right-color: lightgray;
    }

    #myhover a:hover {
      right: 0;
    }

    #modtab {
      top: 200px;
      background-color: #555
    }

    .pointer {
      cursor: pointer;
    }

    .button:hover {
      transform: translateX(-10px);
    }

    .button {
      position: relative;
      transition-duration: 0.4s;
      overflow: hidden;
    }

    .button:after {
      content: "";
      background: black;
      display: block;
      position: absolute;
      padding-top: 300%;
      padding-left: 350%;
      margin-left: -20px !important;
      margin-top: -120%;
      opacity: 0;
      transition: all 0.8s
    }

    .button:active:after {
      padding: 0;
      margin: 0;
      opacity: 1;
      transition: 0s
    }

    .mapdot {
      height: .25vmax;
      width: .25vmax;
      background-color: black;
      border-radius: 50%;
      display: block;
      position: absolute;
      right: 5.4vmax;
      bottom: 5.4vmax;
      opacity: 0.5;
      pointer-events: none;
      outline: white solid .7vmax;
    }

    .mapbox {
      height: 8.78vmax;
      width: 8.78vmax;
      background-color: none;
      display: block;
      position: absolute;
      right: 1.2vmax;
      bottom: 1.2vmax;
      opacity: 0.5;
      pointer-events: none;
      outline: purple solid .35vmax;
    }

    .mapbox {
      height: 8.78vmax;
      width: 8.78vmax;
      opacity: 0.5;
      border: pink solid .2vmax;
    }
  </style>
</head>

<body>
  <div>
    <span class="mapdot"></span>
    <span class="mapbox"></span>
  </div>
  <div id="myhover" class="hover">
    <a id="modtab">
      <h1> -{Abyss⌬}-ora's modmenu</h1>

      <button title="joinhoney.com/ref/o4z5ern" class="button" type="button" style="cursor: pointer; background-color:#f26c25; font-family: 'Monoton'; src: url('https://fonts.googleapis.com/css2?family=Monoton&display=swap'); color:#fef9f6; width:200px; height:26px;" onclick=" window.open('http://joinhoney.com/ref/o4z5ern','_blank')">Join Honey!</button>

      <br><br><button title="L3mon Factory" class="button" type="button" style="cursor: pointer; background-color:pink; font-family: 'Monoton'; src: url('https://fonts.googleapis.com/css2?family=Monoton&display=swap'); color:black; width:200px; height:26px;" onclick="input.execute('game_stats_build 456845687456845687456845687456877')">⌬L3mon Factory</button>

      <br><button title="My Factory" class="button" type="button" style="cursor: pointer; background-color:white; font-family: 'Monoton'; src: url('https://fonts.googleapis.com/css2?family=Monoton&display=swap'); color:black; width:200px; height:26px;" onclick="input.execute('game_stats_build 567456745678567456745678567488888')">⌬Factory</button>

      <br><button title="w/less speed" class="button" type="button" style="cursor: pointer; background-color:purple; font-family: 'Monoton'; src: url('https://fonts.googleapis.com/css2?family=Monoton&display=swap'); color:white; width:200px; height:26px;" onclick="input.execute('game_stats_build 456745674567456745674567456788888')">⌬OverLord_2.0</button>

      <br><button title="w/no reload" class="button" type="button" style="cursor: pointer; background-color:pink; font-family: 'Monoton'; src: url('https://fonts.googleapis.com/css2?family=Monoton&display=swap'); color:black; width:200px; height:26px;" onclick="input.execute('game_stats_build 555666555566664444444888888822111')">⌬OverLord</button>

      <br><button title="Has speed and you run into things" class="button" type="button" style="cursor: pointer; background-color:white; font-family: 'Monoton'; src: url('https://fonts.googleapis.com/css2?family=Monoton&display=swap'); color:black; width:200px; height:26px;" onclick="input.execute('game_stats_build 213121312138238238883288327777777')">⌬Health/BodyDms</button>

      <br><button title="A Smasher w/speed and few dms" class="button" type="button" style="cursor: pointer; background-color:purple; font-family: 'Monoton'; src: url('https://fonts.googleapis.com/css2?family=Monoton&display=swap'); color:white; width:200px; height:26px;" onclick="input.execute('game_stats_build 7654765476547654765476547654128128128312812812812831281281283')">⌬SmasherSpeed</button>

      <br><button title="3 regeneration and max speed max dmg and max health" class="button" type="button" style="cursor: pointer; background-color:pink; font-family: 'Monoton'; src: url('https://fonts.googleapis.com/css2?family=Monoton&display=swap'); color:black; width:200px; height:26px;" onclick="input.execute('game_stats_build 7654765476547654765476547654111823823823823823823823823823823')">⌬Smasher/Dms</button>

      <br><button title="Has high dms and no speed" class="button" type="button" style="cursor: pointer; background-color:white; font-family: 'Monoton'; src: url('https://fonts.googleapis.com/css2?family=Monoton&display=swap'); color:black; width:200px; height:26px;" onclick="input.execute('game_stats_build 456456456456456456456123123123123')">⌬Destroyer</button>

      <br><button title="Fast bullets good for spraying tanks" class="button" type="button" style="cursor: pointer; background-color:purple; font-family: 'Monoton'; src: url('https://fonts.googleapis.com/css2?family=Monoton&display=swap'); color:white; width:200px; height:26px;" onclick="input.execute('game_stats_build 456745674567456745674567456722111')">⌬Dms/speed</button>

      <br><button title="slow bullets and fast speed good for spraying tanks" class="button" type="button" style="cursor: pointer; background-color:pink; font-family: 'Monoton'; src: url('https://fonts.googleapis.com/css2?family=Monoton&display=swap'); color:black; width:200px; height:26px;" onclick="input.execute('game_stats_build 567856785678567856785678567822111')">⌬Dms/Health</button>

      <br><button title="My favorite was to use Tri-angle class HAS NO SPEED" class="button" type="button" style="cursor: pointer; background-color:white; font-family: 'Monoton'; src: url('https://fonts.googleapis.com/css2?family=Monoton&display=swap'); color:black; width:200px; height:26px;" onclick="input.execute('game_stats_build 567567567567567567567123123123123')">⌬Tri-angle</button>

      <br><button title="Trapper" class="button" type="button" style="cursor: pointer; background-color:purple; font-family: 'Monoton'; src: url('https://fonts.googleapis.com/css2?family=Monoton&display=swap'); color:white; width:200px; height:26px;" onclick="input.execute('game_stats_build 567567485675674856756748567484848')">⌬Trapper</button>

      <br><button title="Semi/Ram/Booster" class="button" type="button" style="cursor: pointer; background-color:pink; font-family: 'Monoton'; src: url('https://fonts.googleapis.com/css2?family=Monoton&display=swap'); color:black; width:200px; height:26px;" onclick="input.execute('game_stats_build 567823567823148148567823567882314')">⌬Semi/Ram/Booster</button>

      <br><button title="anti-ram" class="button" type="button" style="cursor: pointer; background-color:white; font-family: 'Monoton'; src: url('https://fonts.googleapis.com/css2?family=Monoton&display=swap'); color:black; width:200px; height:26px;" onclick="input.execute('game_stats_build 234234562345623456234562345623456')">⌬anti-ram</button>

      <br><button title="pentrative/anti-ram" class="button" type="button" style="cursor: pointer; background-color:purple; font-family: 'Monoton'; src: url('https://fonts.googleapis.com/css2?family=Monoton&display=swap'); color:white; width:200px; height:26px;" onclick="input.execute('game_stats_build  345345263452634526345263452634526')">⌬pentrat/anti-ram</button>

      <br><button title="Anni/hybrid" class="button" type="button" style="cursor: pointer; background-color:pink; font-family: 'Monoton'; src: url('https://fonts.googleapis.com/css2?family=Monoton&display=swap'); color:black; width:200px; height:26px;" onclick="input.execute('game_stats_build 456845684568456845678456782345678')">⌬Anni/hybrid</button>

      <br><button title="OL/overseer" class="button" type="button" style="cursor: pointer; background-color:white; font-family: 'Monoton'; src: url('https://fonts.googleapis.com/css2?family=Monoton&display=swap'); color:black; width:200px; height:26px;" onclick="input.execute('game_stats_build 456845684568456845683456782345678')">⌬OL/overseer</button>

      <br><button title="click here to Reset" class="button" type="button" style="cursor: pointer; background-color:purple; font-family: 'Monoton'; src: url('https://fonts.googleapis.com/css2?family=Monoton&display=swap'); color:white; width:200px; height:26px;" onclick="input.execute('game_stats_build 0')">⌬Reset</button>
    </a>
  </div>
</body>

</html>
`;
  var tgl = document.createElement("div");
  document.getElementsByTagName("body")[0].appendChild(tgl);
  tgl.style =
    "position:absolute; pointer-events: none; top:10px; right:200px; font-family: 'Monoton', cursive; color: #FFFFFF; font-size: 20px; text-shadow: black 0px 1px, purple 0px 2px, pink 0px 3px";
  tgl.innerHTML = `</style>
<p> Press &#160; &#160; (R) &#160; &#160; to &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; Press &#160; &#160; (T) &#160; &#160; to &#160; </p>
<p> toggle &#160; Menu &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; toggle &#160; info </p>`;

  var imgfh = document.createElement("div");
  document.getElementsByTagName("body")[0].appendChild(imgfh);
  imgfh.style =
    "position:absolute; pointer-events: none; top:10px; left:10px; font-family: 'Monoton', cursive; color: #FFFFFF; font-size: 20px; text-shadow: black 0px 1px, purple 0px 2px, pink 0px 3px";
  imgfh.innerHTML = `<div>
  <style>
    @import url('https://fonts.googleapis.com/css2?family=Monoton&display=swap');

    img {
      background-color: lightgrey;
      width: 200px;
      border: 5px solid gray;
      padding: 5px;
    }

    a.hidden {
      display: none;
    }

    a.hiddentwo {
      display: none;
    }

    * {
      box-sizing: border-box;
    }

    .column {
      float: left;
      width: 12%;
      padding: 5px;
      vertical-align: top;
      display: inline-block;
      text-align: center;
    }

    a.hidden::after {
      content: "";
      clear: both;
      display: table;
    }

    .caption {
      display: block;
    }
  </style>
  <a id="imgdiv" class="hidden">
    <div class="column">
      <img src="https://github.com/Abyss-ora/images/blob/main/1.png?raw=true" style="width:100%">
      <span class="caption">⌬L3mon Factory</span>
    </div>
    <div class="column">
      <img src="https://github.com/Abyss-ora/images/blob/main/2.png?raw=true" style="width:100%">
      <span class="caption">⌬Factory</span>
    </div>
    <div class="column">
      <img src="https://github.com/Abyss-ora/images/blob/main/3.png?raw=true" style="width:100%">
      <span class="caption">⌬Over Lord 2.0</span>
    </div>
    <div class="column">
      <img src="https://github.com/Abyss-ora/images/blob/main/4.png?raw=true" style="width:100%">
      <span class="caption">⌬Over Lord</span>
    </div>
    <div class="column">
      <img src="https://github.com/Abyss-ora/images/blob/main/5.png?raw=true" style="width:100%">
      <span class="caption">⌬Health/ BodyDms</span>
    </div>
  </a>
  <a id="imgdivtwo" class="hiddentwo">
    <div class="column">
      <img src="https://github.com/Abyss-ora/images/blob/main/8.png?raw=true" style="width:100%">
      <span class="caption">⌬Destroyer</span>
    </div>

    <div class="column">
      <img src="https://github.com/Abyss-ora/images/blob/main/9.png?raw=true" style="width:100%">
      <span class="caption">⌬Dms/ speed</span>
    </div>

    <div class="column">
      <img src="https://github.com/Abyss-ora/images/blob/main/10.png?raw=true" style="width:100%">
      <span class="caption">⌬Dms/ Health</span>
    </div>

    <div class="column">
      <img src="https://github.com/Abyss-ora/images/blob/main/11.png?raw=true" style="width:100%">
      <span class="caption">⌬Tri- angle</span>
    </div>

    <div class="column">
      <img src="https://github.com/Abyss-ora/images/blob/main/12.png?raw=true" style="width:100%">
      <span class="caption">⌬Trapper</span>
    </div>

    <div class="column">
      <img src="https://github.com/Abyss-ora/images/blob/main/33.png?raw=true" style="width:100%">
      <span class="caption">⌬anti-ram</span>
    </div>

    <div class="column">
      <img src="https://github.com/Abyss-ora/images/blob/main/14.png?raw=true" style="width:100%">
      <span class="caption">⌬Semi/ Ram/ Booster</span>
    </div>

    <div class="column">
      <img src="https://github.com/Abyss-ora/images/blob/main/6.png?raw=true" style="width:100%">
      <span class="caption">⌬Smasher Speed</span>
    </div>

    <div class="column">
      <img src="https://github.com/Abyss-ora/images/blob/main/7.png?raw=true" style="width:100%">
      <span class="caption">⌬Smasher/ Dms</span>
    </div>

    <div class="column">
      <img src="https://github.com/Abyss-ora/images/blob/main/34.png?raw=true" style="width:100%">
      <span class="caption">⌬pentrative/ anti-ram</span>
    </div>

    <div class="column">
      <img src="https://github.com/Abyss-ora/images/blob/main/35.png?raw=true" style="width:100%">
      <span class="caption">⌬Anni/ hybrid</span>
    </div>

    <div class="column">
      <img src="https://github.com/Abyss-ora/images/blob/main/36.png?raw=true" style="width:100%">
      <span class="caption">⌬OL/ overseer</span>
    </div>
  </a>
</div>
`;
  function isToday(dateParameter) {
    var today = new Date();
    return (
      dateParameter.getDate() === today.getDate() &&
      dateParameter.getMonth() === today.getMonth()
    );
  }
  if (isToday(new Date("08-14"))) {
    var happybirthdayinfo = document.createElement("div");
    document.getElementsByTagName("body")[0].appendChild(happybirthdayinfo);
    happybirthdayinfo.style =
      "position:absolute; pointer-events: none; top:30px; left:300px; font-family: 'Monoton', cursive; color: #FFFFFF; font-size: 15px; text-shadow: black 0px 1px, purple 0px 2px, pink 0px 3px";
    happybirthdayinfo.innerHTML = `<p>-{Abyss⌬}-ora's &#160; &#160; birthday!</p>`;
  }
  if (isToday(new Date("11-19"))) {
    var happyanniversaryinfo = document.createElement("div");
    document.getElementsByTagName("body")[0].appendChild(happyanniversaryinfo);
    happyanniversaryinfo.style =
      "position:absolute; pointer-events: none; top:30px; left:300px; font-family: 'Monoton', cursive; color: #FFFFFF; font-size: 15px; text-shadow: black 0px 1px, purple 0px 2px, pink 0px 3px";
    happyanniversaryinfo.innerHTML = `<p>-{Abyss⌬}-ora's &#160; &#160; anniversary!</p>`;
  }

  function hmm() {
    var xp = document.getElementById("imgdiv");
    if (xp.style.display === "none") {
      xp.style.display = "block";
    } else {
      xp.style.display = "none";
    }
  }

  function mmh() {
    var xp = document.getElementById("imgdivtwo");
    if (xp.style.display === "none") {
      xp.style.display = "block";
    } else {
      xp.style.display = "none";
    }
  }

  function keydownFunction() {
    var x = document.getElementById("myhover");
    if (x.style.display === "none") {
      x.style.display = "block";
    } else {
      x.style.display = "none";
    }
  }
  document.body.onkeyup = function (ep) {
    if (ep.keyCode === 84) {
      hmm();
      mmh();
    }
    if (ep.keyCode === 82) {
      keydownFunction();
    }
  };
  //-------------------------------------[TESTING AREA]----------------------------------------\\
})();