☰

_N0N4M3's Diep.io Mod

Dark theme, FPS & Ping display, ESP, Aim helper, Factory helper

  1. // ==UserScript==
  2. // @name         _N0N4M3's Diep.io Mod
  3. // @namespace    http://tampermonkey.net/
  4. // @version      2024-11-06
  5. // @description  Dark theme, FPS & Ping display, ESP, Aim helper, Factory helper
  6. // @author       _N0N4M3
  7. // @match        https://diep.io/
  8. // @icon         https://www.google.com/s2/favicons?sz=64&domain=diep.io
  9. // @run-at       document-start
  10. // @grant        none
  11. // ==/UserScript==
  12.  
  13. let darkThemeEnabled = 0;
  14. let info = 0;
  15. let currentElem = {};
  16. let fill = CanvasRenderingContext2D.prototype.fill;
  17. let X = 200;
  18. let Y = X * (innerHeight / innerWidth);
  19. let aimLine = 0;
  20. let esp = 0;
  21. let factoryHelper = 0;
  22. let D = Math.hypot(innerWidth / 2, innerHeight / 2);
  23. let cursorX = 0;
  24. let cursorY = 0;
  25. let closestCircleX = innerWidth / 2;
  26. let closestCircleY = innerHeight / 2;
  27.  
  28. function darkTheme() {
  29. 	input.execute("ren_background false");
  30. 	input.execute("net_replace_colors 0x1c1c1c 0x333333 0x003b4b 0x003b4b 0x501a1c 0x3f2a51 0x004b24 0x2e5523 0x554d23 0x542727 0x272f54 0x502749 0x554d23 0x165530 0x3e3e3e 0x501a1c 0x544127 0x404040");
  31. 	input.execute("ren_minimap_background_color 0x444444");
  32. 	input.execute("ren_minimap_border_color 0x444444");
  33. 	input.execute("ren_stroke_soft_color_intensity -2");
  34. 	input.execute("ren_health_background_color 0x222222");
  35. 	input.execute("ren_health_fill_color 0x00FF00");
  36. 	input.execute("ren_score_bar_fill_color 0xFF0000");
  37. 	input.execute("ren_xp_bar_fill_color 0xFFFF80");
  38. 	input.execute("ren_bar_background_color 0x111111");
  39.  
  40. 	darkThemeEnabled = 1;
  41. }
  42.  
  43. function lightTheme() {
  44. 	input.execute("ren_background true");
  45. 	input.execute("net_replace_colors 0x555555 0x999999 0x00B2E1 0x00B2E1 0xF14E54 0xBF7FF5 0x00E16E 0x8AFF69 0xFFE869 0xFC7677 0x768DFC 0xF177DD 0xFFE869 0x43FF91 0xBBBBBB 0xF14E54 0xFCC376 0xC0C0C0");
  46. 	input.execute("ren_minimap_background_color 0xCDCDCD");
  47. 	input.execute("ren_minimap_border_color 0x555555");
  48. 	input.execute("ren_stroke_soft_color_intensity 0.25");
  49. 	input.execute("ren_health_background_color 0x555555");
  50. 	input.execute("ren_health_fill_color 0x85E37D");
  51. 	input.execute("ren_score_bar_fill_color 0x43FF91");
  52. 	input.execute("ren_xp_bar_fill_color 0xFFDE43");
  53. 	input.execute("ren_bar_background_color 0x000000");
  54.  
  55. 	darkThemeEnabled = 0;
  56. }
  57.  
  58. function showInfo() {
  59. 	input.execute("ren_debug_info true");
  60. 	input.execute("ren_fps true");
  61. }
  62.  
  63. function hideInfo() {
  64. 	input.execute("ren_debug_info false");
  65. 	input.execute("ren_fps false");
  66. }
  67.  
  68. function canUseKey(e) {
  69.     return input.doesHaveTank() && !e.ctrlKey && currentElem.tagName != "INPUT" && document.activeElement && document.activeElement.tagName != "INPUT";
  70. }
  71.  
  72. function drawLine(ctx, x, y) {
  73. 	if ((x < X || x > innerWidth - X) || (y < Y || y > innerHeight - Y)) {
  74. 		let cX = innerWidth / 2;
  75. 		let cY = innerHeight / 2;
  76. 		let p1X = x;
  77. 		let p1Y = y;
  78. 		let p2X = p1X + (cX - p1X) * 0.4;
  79. 		let p2Y = p1Y + (cY - p1Y) * 0.4;
  80.  
  81. 		ctx.beginPath();
  82. 		ctx.moveTo(p1X, p1Y);
  83. 		ctx.lineTo(p2X, p2Y);
  84. 		ctx.lineWidth = 3;
  85. 		ctx.strokeStyle = "#FF0";
  86. 		ctx.stroke();
  87. 		ctx.closePath();
  88. 	}
  89. }
  90.  
  91. function resize(canvas) {
  92. 	canvas.width = innerWidth;
  93. 	canvas.height = innerHeight;
  94.  
  95. 	Y = X * (innerHeight / innerWidth);
  96. 	D = Math.hypot(innerWidth / 2, innerHeight / 2);
  97. }
  98.  
  99. function createCanvas() {
  100. 	let canvas = document.createElement("canvas");
  101.  
  102. 	resize(canvas);
  103.  
  104. 	canvas.style.display = "block";
  105. 	canvas.style.position = "absolute";
  106. 	canvas.style.left = "0px";
  107. 	canvas.style.top = "0px";
  108. 	canvas.style.zIndex = 1000;
  109. 	canvas.style.pointerEvents = "none";
  110.  
  111. 	document.body.append(canvas);
  112.  
  113. 	return canvas;
  114. }
  115.  
  116. function drawAimLine(ctx) {
  117. 	let p1X = closestCircleX;
  118. 	let p1Y = closestCircleY;
  119. 	let a = Math.atan2(cursorY - p1Y, cursorX - p1X);
  120. 	let p2X = p1X + Math.cos(a) * D;
  121. 	let p2Y = p1Y + Math.sin(a) * D;
  122.  
  123. 	ctx.beginPath();
  124. 	ctx.moveTo(p1X, p1Y);
  125. 	ctx.lineTo(p2X, p2Y);
  126. 	ctx.lineWidth = 2;
  127. 	ctx.strokeStyle = "#EEE";
  128. 	ctx.stroke();
  129. 	ctx.closePath();
  130. }
  131.  
  132. function drawCircle(ctx, r) {
  133. 	ctx.beginPath();
  134. 	ctx.arc(cursorX, cursorY, r, 0, Math.PI * 2);
  135. 	ctx.stroke();
  136. 	ctx.closePath();
  137. }
  138.  
  139. function drawFactoryHelperCircles(ctx) {
  140. 	ctx.lineWidth = 2;
  141. 	ctx.strokeStyle = "#EEE";
  142. 	
  143. 	drawCircle(ctx, 315);
  144. 	drawCircle(ctx, 85);
  145. }
  146.  
  147. document.addEventListener("keydown", e => {
  148.     let canUse = canUseKey(e);
  149.  
  150. 	if (canUse) {
  151. 		let code = e.code;
  152.  
  153. 		if (code == "KeyR") {
  154. 			darkTheme();
  155. 		}
  156.  
  157. 		if (code == "KeyT") {
  158. 			lightTheme();
  159. 		}
  160.  
  161. 		if (code == "KeyF") {
  162. 			aimLine = !aimLine;
  163. 		}
  164.  
  165. 		if (code == "KeyG") {
  166. 			esp = !esp;
  167. 		}
  168.  
  169. 		if (code == "KeyJ") {
  170. 			factoryHelper = !factoryHelper;
  171. 		}
  172.  
  173. 		if (code == "KeyB") {
  174. 			// openBuilds();
  175. 		}
  176.  
  177. 		if (code == "KeyN") {
  178. 			// openScoreHistory();
  179. 		}
  180. 	}
  181. });
  182.  
  183. document.addEventListener("keyup", e => {
  184.     let canUse = canUseKey(e);
  185.  
  186. 	if (canUse) {
  187. 		let code = e.code;
  188.  
  189. 		if (code == "KeyL") {
  190. 			info = !info;
  191.  
  192. 			if (info) {
  193. 				showInfo();
  194. 			} else {
  195. 				hideInfo();
  196. 			}
  197. 		}
  198. 	}
  199. });
  200.  
  201. document.addEventListener("mousemove", e => {
  202. 	cursorX = e.clientX;
  203. 	cursorY = e.clientY;
  204. });
  205.  
  206. window.addEventListener("beforeunload", () => {
  207. 	lightTheme();
  208. });
  209.  
  210. CanvasRenderingContext2D.prototype.fill = function() {
  211. 	if (darkThemeEnabled && this.fillStyle == "#000000") {
  212. 		this.fillStyle = "#EEEEEE";
  213. 	}
  214.  
  215. 	fill.apply(this);
  216. }
  217.  
  218. let interval = setInterval(function() {
  219. 	let img = document.getElementById("backdrop-asset");
  220. 	let canvas1 = document.getElementById("canvas");
  221.  
  222. 	if (img && canvas1) {
  223. 		clearInterval(interval);
  224.  
  225. 		img.remove();
  226.  
  227. 		let ctx1 = canvas1.getContext("2d");
  228. 		let fill = ctx1.fill.bind(ctx1);
  229. 		let arc = ctx1.arc.bind(ctx1);
  230. 		let clearRect = ctx1.clearRect.bind(ctx1);
  231.  
  232. 		let canvas2 = createCanvas();
  233. 		let ctx2 = canvas2.getContext("2d");
  234.  
  235. 		document.body.addEventListener("resize", function() {
  236. 			resize(canvas2);
  237. 		});
  238.  
  239. 		ctx1.arc = function(x, y, r, sA, eA, cc = false) {
  240. 			arc(x, y, r, sA, eA, cc);
  241.  
  242. 			let transform = ctx1.getTransform();
  243. 			let x1 = transform.e;
  244. 			let y1 = transform.f;
  245. 			let r1 = transform.a;
  246.  
  247. 			if (esp && r1 >= 20 && ctx1.globalAlpha == 1) {
  248. 				drawLine(ctx2, x1, y1);
  249. 			}
  250.  
  251. 			if (Math.abs(x1 - innerWidth / 2) < 70 && Math.abs(y1 - innerHeight / 2) < 70 && r1 >= 20 && ctx1.globalAlpha == 1) {
  252. 				closestCircleX = x1;
  253. 				closestCircleY = y1;
  254. 			}
  255. 		}
  256.  
  257. 		ctx1.clearRect = function(x, y, w, h) {
  258. 			clearRect(x, y, w, h);
  259. 			ctx2.clearRect(0, 0, innerWidth, innerHeight);
  260.  
  261. 			if (aimLine && input.doesHaveTank()) {
  262. 				drawAimLine(ctx2);
  263. 			}
  264.  
  265. 			if (factoryHelper && input.doesHaveTank()) {
  266. 				drawFactoryHelperCircles(ctx2);
  267. 			}
  268. 		}
  269. 	}
  270. }, 100);