☰

Sploop.io --> lostworld.io

yo bro

  1. // ==UserScript==
  2. // @name        Sploop.io --> lostworld.io
  3. // @namespace   -
  4. // @match       https://sploop.io/
  5. // @match       https://webgames.io/*
  6. // @grant       none
  7. // @version     1.0
  8. // @author      fizzixww
  9. // @description yo bro
  10. // @grant        GM_addStyle
  11. // @icon         https://i.postimg.cc/XvYrYQKm/ruby.png
  12. // ==/UserScript==
  13.  
  14. //request interceptor json found here: https://www.youtube.com/watch?v=iUcZW8Br7us
  15.  
  16.  
  17.             const gridToggle = document.querySelector("#grid-toggle");
  18. setInterval(() => {
  19.             if (gridToggle.checked) gridToggle.click();
  20. }, 0);
  21.             const halalvar = document.querySelector("#display-ping-toggle");
  22. setInterval(() => {
  23.             if (halalvar.checked) {
  24.             }
  25.     else{
  26.         halalvar.click()};
  27. }, 0);
  28.  
  29. (function() {
  30.     'use strict';
  31.     var css = [
  32. "@font-face {",
  33. "font-family: 'Ubuntu';",
  34.  " font-style: normal;",
  35.  " font-weight: 700;",
  36.  " font-display: swap;",
  37. "  src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCv6KVjbNBYlgoCxCvjvWyNL4U.woff2) format('woff2');",
  38.  " unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;",
  39. "}",
  40. "* {",
  41. "    font-family: 'Ubuntu', sans-serif;",
  42. "}"
  43.     ];
  44.     var style = document.createElement('style');
  45.  
  46.     if (style.styleSheet) {
  47.         style.styleSheet.cssText = css.join(' ');
  48.     } else {
  49.         style.appendChild(document.createTextNode(css.join(' ')));
  50.     }
  51.  
  52. //font color gradient
  53.     document.head.appendChild(style);
  54.    const { fillText } = CanvasRenderingContext2D.prototype;
  55. CanvasRenderingContext2D.prototype.fillText = function(text, x, y) {
  56.     'use strict';
  57.     const canvas = document.getElementById("game-canvas");
  58.     var grd = this.createLinearGradient(20, 0, 220, 0);
  59.     /*
  60. grd.addColorStop(0, '#dbf26e');
  61. grd.addColorStop(0.37, '#61fa74');//https://www.eggradients.com/gradient/cute-bug
  62. grd.addColorStop(1, '#1cfdd6');*/
  63.     grd.addColorStop(0, '#affcaf');
  64. grd.addColorStop(0.37, '#12dff3');//https://www.eggradients.com/gradient/cute-bug
  65. grd.addColorStop(1, '#affcaf');
  66.             this.fillStyle = grd;
  67.                 var grrrd = this.createLinearGradient(20, 0, 220, 0);
  68.             grrrd.addColorStop(0, '#000000');
  69.             grrrd.addColorStop(1, '#000000');
  70.  
  71.     this.strokeStyle = grrrd;
  72.     this.strokeText(text, x, y)
  73.     fillText.call(this, ...arguments);
  74. };
  75.  
  76. var playerContainerz = document.getElementById('player-container');
  77. if (playerContainerz) {
  78.     playerContainerz.style.background = 'linear-gradient(to right, #f0ece0, #1f2419)';
  79.     playerContainerz.style.color = '#f0ece0';
  80. }
  81.  
  82. })();
  83.  
  84.  
  85.  
  86.  
  87.  
  88. //backgrounds
  89. const { fillRect } = CanvasRenderingContext2D.prototype;
  90. CanvasRenderingContext2D.prototype.fillRect = function(x, y, width, height) {
  91.   const canvas = document.getElementById("game-canvas");
  92.   const ctx = canvas.getContext("2d");
  93.   if (this.fillStyle === "#788f57") {
  94.             this.fillStyle = "#768f5a"; }//grass colour
  95.   else if (this.fillStyle === "#b38354") {
  96.       this.fillStyle = "#f7b267"; }//desert colour
  97.   else if (this.fillStyle === "#2a8b9b") {
  98.       this.fillStyle = "#5e74a7"; }//river colour
  99.   else if (this.fillStyle === "#ece5db") {
  100.       this.fillStyle = "#636363"; }//snow colour
  101.   else if (this.fillStyle === "#fcefbb") {//
  102.       this.fillStyle = "#f7b267"; }//beach to desert
  103.   fillRect.call(this, ...arguments);
  104. };
  105.  
  106.  
  107. var textDiv = document.createElement('div');//insert title underneath logo
  108. textDiv.className = 'text';
  109. textDiv.textContent = 'LOSTWORLD.IO';
  110. textDiv.style.color = 'white';
  111. textDiv.style.fontSize = '30px';
  112. var middleWrap = document.getElementById('middle-wrap');
  113. if (middleWrap) {
  114.     if (middleWrap.children.length >= 1) {
  115.         middleWrap.insertBefore(textDiv, middleWrap.children[1]);
  116.     } else {
  117.         middleWrap.appendChild(textDiv); // If middleWrap has no children, just append the textDiv
  118.     }
  119. }
  120.  
  121.  
  122.  
  123. /////////////////////////////////////////////
  124. //hatshop
  125. ////////////////////////////////////////////
  126. (function() {
  127.     'use strict';
  128.     var css = [
  129. "@font-face {",
  130. "font-family: 'Ubuntu';",
  131.  " font-style: normal;",
  132.  " font-weight: 700;",
  133.  " font-display: swap;",
  134. "  src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCv6KVjbNBYlgoCxCvjvWyNL4U.woff2) format('woff2');",
  135.  " unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;",
  136. "}",
  137. "* {",
  138.          " font-style: normal;",
  139.  " font-weight: 700;",
  140.  " font-display: swap;",
  141. "    font-family: 'Ubuntu', sans-serif !important;",
  142.          " unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;",
  143. "}",/*
  144.             "#middle-wrap .text {",//custom :) inserted text "LOSTWORLD.IO"
  145.     "font-family: 'Ubuntu';",
  146.             "color: #FFFFFF;",
  147.     "}"*/
  148.     ]; //"* {",
  149.     var style = document.createElement('style');
  150.  
  151.     if (style.styleSheet) {
  152.         style.styleSheet.cssText = css.join(' ');
  153.     } else {
  154.         style.appendChild(document.createTextNode(css.join(' ')));
  155.     }
  156. })();
  157.  
  158. document.getElementById("hat-menu").style.background = "rgba(0,0,0,0)";
  159. (function() {var css = [
  160. ".menu .content .menu-item .header {",//hat name
  161.     "position: relative;",
  162.     	"color: #fff",
  163. 	"padding: 5px;",
  164. 	"font-size: 24px;",
  165. 	"text-align: left;",
  166.     "cursor: pointer;",
  167. "}",
  168. ".green-button {",
  169.     "background-color: rgba(0,0,0,0);",
  170.     //"box-shadow: inset 0 -5px 0 rgba(0,0,0,0);",
  171.     "color: #f4845f;",
  172. "}",
  173. ".menu .content .menu-item .description {",
  174.     "font-size: 14px;",
  175.     "color: skyblue;",
  176.     "display: inline-block;",
  177.     "padding-bottom: 15px;",
  178. "}",
  179. "#hat-menu .text-shadowed-3 {",
  180. "text-shadow: none;",
  181.     "}",
  182. ".scrollbar::-webkit-scrollbar {",
  183.     "opacity: 0;",
  184.     "border-color: rgba(0,0,0,0);",
  185. "}",
  186.     ".scrollbar::-webkit-scrollbar-button {",
  187.     "opacity: 0;",
  188.     "box-shadow: none;",
  189.     "width: 0;",
  190.     "}",
  191. ".menu .content .menu-item .menu-pricing .action {", //buy button
  192.     "margin-left: auto;",
  193.     "outline: none;",
  194.     "border: 0px dotted #FFFFFF;",
  195.     "padding: 7px;",
  196.     "cursor: url(img/ui/cursor-pointer.png) 6 0, pointer;",
  197.     "margin-top: auto;",
  198.     "margin-bottom: auto;",
  199.     "border-radius: 10px;",
  200.     "box-shadow: none;",
  201.     "float: right;",
  202. 	"font-size: 24px;",
  203. 	"text-align: right;",
  204. 	"cursor: pointer;",
  205. 	"color: #f4845f;",
  206. "}",
  207. ".menu .content .menu-item {", //item price number
  208. 	"color: rgba(255,255,255,0.5);",
  209. 	"font-size: 24px;",
  210. 	//"padding-right: 5px;",
  211. "}",
  212. "#hat-menu .subcontent-bg {",//subcontents, the area with all the hats and prices
  213.     "background: rgba(0, 0, 0, 0.25)",
  214.     "margin: 0px 0 0px 0;",
  215.     "border: 4px solid rgb(0, 0, 0, 0);",
  216.     "box-shadow: inset 0 5px 0 rgb(0 0 0 / 0%);",
  217.     "width: 400px;",
  218.     "height: 200px;",
  219.     "position: absolute;",
  220.     "top: 50px;",
  221. "}",
  222. //my test:
  223.  
  224. "#hat-menu .green-button:hover {",
  225.     "margin-left: auto;",
  226.     "outline: none;",
  227.     "border: 0px dotted #FFFFFF;",
  228.     "padding: 7px;",
  229.     "cursor: url(img/ui/cursor-pointer.png) 6 0, pointer;",
  230.     "margin-top: auto;",
  231.     "margin-bottom: auto;",
  232.     "border-radius: 10px;",
  233.     "box-shadow: none;",
  234.     "float: right;",
  235. 	"font-size: 24px;",
  236. 	"text-align: right;",
  237. 	"cursor: pointer;",
  238. 	"color: #f79d65 !important;",
  239.     "background: rgba(0, 0, 0, 0)",
  240.     "}",
  241.  
  242. //bottom border
  243.     ".menu .content .menu-item {",
  244. 	"border-bottom: none;",
  245.     "}",
  246.  
  247.     "#hat-menu {", //outer border?
  248. 	"border: 1px dotted rgba(0, 0, 0, 0);",
  249.     "box-shadow: none;",
  250.     "height: 350px;",
  251.     "width: 0 px;",
  252.     //"text-color: rgba(0, 0, 0, 0)",
  253.     "}",
  254.  
  255.     ".menu .content .menu-item img {",
  256.     "height: 0px;",
  257.     "width: 0px;",
  258.     "color: rgba(0, 0, 0, 0)",
  259. "}",
  260.     ".menu .text-shadowed-4 {", //text "HATS" at top of hatshop
  261.     "opacity: 0;",
  262. "}",
  263.     //my test
  264.     "@keyframes pulsate {",
  265.     "0% {",
  266.     "    transform: scale(1);",
  267.     "}",
  268.     "50% {",
  269.     "    transform: scale(1.1);",
  270.     "}",
  271.     "100% {",
  272.     "    transform: scale(1);",
  273.     "}",
  274. "}",
  275.  
  276.     "#logo {",
  277.     //"display: none;",
  278.     "height: 300px;",
  279.     "width: 300px;",
  280.     "animation: pulsate 5s ease-out;",
  281.     "animation-iteration-count: infinite;",
  282.     "-webkit-animation: pulsate 5s ease-out;",
  283.     "-webkit-animation-iteration-count: infinite;",
  284.  
  285.     "}",
  286.  
  287.   "#da-bottom {", //ad at the bottom
  288.   "background: rgba(0, 0, 0, 0);",
  289.   "width: 0px;",
  290.   "height: 0px;",
  291.   "opacity: 0;",
  292.   "margin-left: 9999;",
  293.   "display: none;",
  294. "}",
  295.  
  296.   "#homepage {",//lobbybackground
  297.   "background: rgba(0, 0, 0, 0);",
  298. "}",
  299.  
  300.     "#waiting-animation0 {",
  301.   "animation: none;",
  302. "}",
  303.  
  304. "#main-content {",
  305.   "background: rgba(0, 0, 0, 0);",
  306.   "display: flex;",
  307.   "justify-content: space-between;",
  308.   "align-items: center;",
  309.   "align-content: center;",
  310.   "margin-bottom: 10px;",
  311.   "padding: 0px;",
  312. "}",
  313.  
  314.     "#main-content .text-shadowed-3 {",
  315. "text-shadow: none;",
  316.     "}",
  317.  
  318.     ".middle-main {",
  319.   "background: rgba(0, 0, 0, 0);",
  320.   //height: 255px;
  321.   "border: none;",
  322.   "display: block;",
  323.   "justify-content: center;",
  324.   "align-items: center;",
  325.   "align-content: center;",
  326.   "flex-wrap: wrap;",
  327.   "width: 320px;",
  328.   "height: 290px;",
  329.   "padding: 15px;",
  330.   "box-shadow: none;",
  331.     "margin-top: 0px;",
  332. "}",
  333.     /*
  334. ".blue-button {",//signup
  335.     "display: none;",
  336.     "}",*/
  337. ".dark-blue-button {",//gamemode buttons
  338.   "background: #827FFE;",
  339.   "box-shadow: none;",
  340.     "border: none;",
  341.     "border-radius: 31px;",
  342.     "padding: 0px 20px;",
  343.     "height: 50px;",
  344.     "min-width: 150px;",
  345.     "justify-content: center;",
  346.     "align-items: center;",
  347.     "font-size: 16px;",
  348.     "margin-top: 5px;",
  349.     "margin-left: auto;",
  350.     "margin-right: auto;",
  351. "}",
  352.  
  353. ".dark-blue-button:hover {",
  354.   "background: #403866;",
  355.   "box-shadow: none;",
  356.     "padding: 15px 15px;",
  357.     "border: none;",
  358.     "border-radius: 31px;",
  359.     "width: 600;",
  360.     "height: 50px;",
  361.         "margin-left: auto;",
  362.     "margin-right: auto;",
  363. "}",
  364.  
  365. ".dark-blue-button:active {",
  366.   "background: #403866;",
  367.   "box-shadow: none;",
  368.     "border: none;",
  369.     "border-radius: 31px;",
  370.     "padding: 0px 20px;",
  371.     "height: 50px;",
  372.     "min-width: 150px;",
  373.     "justify-content: center;",
  374.     "align-items: center;",
  375.     "font-size: 16px;",
  376.     "margin-top: 5px;",
  377.     "margin-left: auto;",
  378.     "margin-right: auto;",
  379. "}",
  380. "#da-right {",
  381.   "background: rgba(0, 0, 0, 0);",
  382.   "width: 0px;",
  383.   "height: 0px;",
  384.   "margin-left: 9999;",
  385.   "display: none;",
  386.     "opacity: 0;",
  387.     "}",
  388.     "#da-left {",
  389.   "background-color: rgba(0, 0, 0, 0);",
  390.   "width: 0px;",
  391.   "height: 0px;",
  392.   "margin-left: 9999;",
  393.   "display: none;",
  394.     "opacity: 0;",
  395.     "}",
  396.  
  397.       "#game-bottom-content {", //ad at the bottom
  398.   "background: rgba(0, 0, 0, 0);",
  399.   "height: 0px;",
  400.     "display: none;",
  401. "}",
  402. "#game-bottom-content {", //ad at the bottom
  403.   "background: rgba(0, 0, 0, 0);",
  404.   "height: 0px;",
  405. "}",
  406.     ".side-main {",
  407.     "opacity: 0;",
  408. "}",
  409.     "#top-wrap-left {",
  410. "opacity: 0;",
  411. "}",
  412.         "#top-wrap-right {",
  413. "height: 20px",
  414.     "opacity: 30;",
  415. "}",
  416.  
  417.  
  418. "#middle-wrap {",
  419.   "height: 9999999px;",
  420.   "width: 500px;",
  421.     "padding: none;",
  422. "}",
  423.     ".side-button {",//note quesitonmark and eye
  424.     "background: rgba(0, 0, 0, 0);",
  425.     "margin-left: 0px;",
  426.     "border-radius: 3px;",
  427.     "display: none;",
  428.     "}",
  429.     ".side-button:hover {",
  430.     "background: rgba(0, 0, 0, 0);",
  431.     "margin-left: 0px;",
  432.     "border-radius: 5px;",
  433.     "}",
  434.     ".bottom-button {", //policy
  435.   "background: rgba(20, 20, 20, 0.3);",
  436.   "display: none;",
  437.             "}",
  438.  
  439.   "#server-select {",
  440.     "font-size: 14px;",
  441.     "line-height: 1.7;",
  442.     "color: #666666;",
  443.     "text-transform: uppercase;",
  444. "display: block;",
  445.       "background: rgba(0, 0, 0, 0);",
  446.   "box-shadow: none;",
  447.     "border: none;",
  448.     //"border-radius: 31px;",
  449.     "padding: 0px 20px;",
  450.     "height: 50px;",
  451.     "min-width: 230px;",
  452.     "justify-content: center;",
  453.     "align-items: center;",
  454.     "margin-top: 5px;",
  455.     "margin-left: auto;",
  456.     "margin-right: auto;",
  457.     "text-decoration: underline;",
  458. "}",
  459.  
  460.       "#server-select:hover {",
  461.     "display: block;",
  462.     "font-size: 14px;",
  463.     "line-height: 1.7;",
  464.     "color: #666666;",
  465.  
  466.       "background: rgba(0, 0, 0, 0);",
  467.   "box-shadow: none;",
  468.     "border: none;",
  469.     //"border-radius: 31px;",
  470.     "padding: 0px 20px;",
  471.     "height: 50px;",
  472.     "min-width: 230px;",
  473.     "text-decoration: none;",
  474.     "justify-content: center;",
  475.     "align-items: center;",
  476.     "margin-top: 5px;",
  477.     "margin-left: auto;",
  478.     "margin-right: auto;",
  479. "}",
  480.     ".background-img-play {",
  481.     "opacity: 0;",
  482.     "}",
  483. ".text-shadowed-5 {",
  484.     "font-size: 16px;",
  485.     "color: #fff;",
  486.     "text-shadow: none;",
  487.     "padding-bottom: 35px;",
  488.     "}",
  489.  
  490.     "#play {",
  491.       "background: #827FFE;",
  492.   "box-shadow: none;",
  493.     "border: none;",
  494.     "border-radius: 31px;",
  495.     "padding: 0px 20px;",
  496.     "height: 50px;",
  497.     "min-width: 150px;",
  498.     "justify-content: center;",
  499.     "align-items: center;",
  500.     "font-size: 20px;",
  501.     "margin-top: 5px;",
  502.     "margin-left: auto;",
  503.     "margin-right: auto;",
  504.     "}",
  505.  
  506.     "#play:hover {",
  507.       "background: #403866;",
  508.   "box-shadow: none;",
  509.     "border: none;",
  510.     "border-radius: 31px;",
  511.     //"width: 250;",
  512.     "height: 50px;",
  513.         "margin-left: auto;",
  514.     "margin-right: auto;",
  515.     "}",
  516.     "#nickname {",
  517.     "text-align: center;",
  518.     "color: #666666;",
  519.     "display: block;",
  520.   "background: #fff;",
  521.   "border: none;",
  522.   "border-radius: 31px;",
  523.   "box-shadow: none;",
  524.   "padding: 6px 15px;",
  525.         "margin-left: auto;",
  526.     "margin-right: auto;",
  527.   "font-size: 20px;",
  528.     "width: 300px;",
  529. "}",
  530.     ".nav-button {",
  531.     "display: none;",
  532.     "height: 0px;",
  533.     "}",
  534.     "#nav {",
  535.     "display: none;",
  536.     "}",
  537. "#currency-container {",
  538.     "display: none;",
  539.                  "}"
  540. ].join("\n");
  541. if (typeof GM_addStyle != "undefined") {
  542. 	GM_addStyle(css);
  543. } else if (typeof PRO_addStyle != "undefined") {
  544. 	PRO_addStyle(css);
  545. } else if (typeof addStyle != "undefined") {
  546. 	addStyle(css);
  547. } else {
  548. 	var node = document.createElement("style");
  549. 	node.type = "text/css";
  550. 	node.appendChild(document.createTextNode(css));
  551. 	var heads = document.getElementsByTagName("head");
  552. 	if (heads.length > 0) {
  553. 		heads[0].appendChild(node);
  554. 	} else {
  555. 		document.documentElement.appendChild(node);
  556. 	}}})();(function() {
  557.     'use strict';
  558.     var textElement = document.createElement('span');
  559. var data = atob('YnkgZml6eml4d3c='); textElement.textContent = data;textElement.style.position = 'absolute';
  560.     textElement.style.top = '0';
  561.     textElement.style.left = '80px';
  562.     textElement.style.zIndex = '9999';
  563.     textElement.style.color = 'rgba(0, 0, 0, 0.1)';document.body.appendChild(textElement);})();
  564. /////////////////////////////////////////////////////////////
  565. //Webgames widgit container background//////////////////
  566. var container = document.getElementById("cross-promo");
  567. if (container) {
  568.     container.parentNode.removeChild(container);
  569. }
  570. var adContainer = document.querySelector('.wg-ad-container');
  571. if (adContainer) {
  572.     adContainer.style.height = '0';
  573. }
  574. ///////////////////////////////////////////////////////////////////
  575. //////////////////////////////////////////////////////////////////// hi =)
  576.  
  577.  
  578.