☰

Customs Map Survivio

Change color map for you!

目前为 2021-03-16 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name         Customs Map Survivio
  3. // @namespace    https://github.com/notKaiAnderson/
  4. // @version      0.2
  5. // @description  Change color map for you!
  6. // @author       VN BPM
  7. // @match        *://surviv.io/*
  8. // @match        *://surviv2.io/*
  9. // @match        *://2dbattleroyale.com/*
  10. // @match        *://2dbattleroyale.org/*
  11. // @match        *://piearesquared.info/*
  12. // @match        *://thecircleisclosing.com/*
  13. // @match        *://archimedesofsyracuse.info/*
  14. // @match        *://secantsecant.com/*
  15. // @match        *://parmainitiative.com/*
  16. // @match        *://nevelskoygroup.com/*
  17. // @match        *://kugahi.com/*
  18. // @match        *://chandlertallowmd.com/*
  19. // @match        *://ot38.club/*
  20. // @match        *://kugaheavyindustry.com/*
  21. // @match        *://drchandlertallow.com/*
  22. // @match        *://rarepotato.com/*
  23. // @grant        none
  24. // @icon         https://i.imgur.com/sr7Dfqh.png
  25. // ==/UserScript==
  26.  
  27. (function() {
  28.     'use strict';
  29.  
  30. var left = document.querySelector('#ad-block-left');
  31. left.innerHTML = `<div class="wrapper">
  32.   <div class="header">
  33.     <h2>Select map</h2>
  34.   </div>
  35.   <div class="maps">
  36.     <div class="map normalmap">
  37.       <img src="https://i.imgur.com/xB2vbaR.png" alt="" class="map-img" />
  38.       <h4 class="map-name">Normal Map</h4>
  39.     </div>
  40.     <div class="map mapcobalt">
  41.       <img src="https://i.imgur.com/9BUv05j.png" alt="" class="map-img" />
  42.       <h4 class="map-name">Map Cobalt</h4>
  43.     </div>
  44.     <div class="map desertmap">
  45.       <img src="https://i.imgur.com/f410XOg.png" alt="" class="map-img" />
  46.       <h4 class="map-name">Desert Map</h4>
  47.     </div>
  48.     <div class="map spookymap">
  49.       <img src="https://i.imgur.com/orsTb9S.png" alt="" class="map-img" />
  50.       <h4 class="map-name">Halloween Map</h4>
  51.     </div>
  52.     <div class="map fanctionmap">
  53.       <img src="https://i.imgur.com/n2XHuMb.png" alt="" class="map-img" />
  54.       <h4 class="map-name">50v50 Map</h4>
  55.     </div>
  56.     <div class="map savannahmap">
  57.       <img src="https://i.imgur.com/spGZ26Q.png" alt="" class="map-img" />
  58.       <h4 class="map-name">Savannah Map</h4>
  59.     </div>
  60.      <div class="map springmap">
  61.      <img src="https://i.imgur.com/gYSwFG2.png" alt="" class"map-img" />
  62.      <h4 class="map-name">Autumn Map</h4>
  63.     </div>
  64.      <div class="map snowmap">
  65.      <img src="https://i.imgur.com/DDOkX2e.png" alt="" class"map-img />
  66.      <h4 class="map-name">Winter Map</h4>
  67.   </div>
  68.   <div class="map woodsmap">
  69.     <img src="https://i.imgur.com/VJJ7e28.png" alt="" class="map-img" />
  70.     <h4 class="map-name">Woods Map</h4>
  71.   </div>
  72.   </div>
  73. `;
  74.  
  75. var wrapper = document.querySelector('.wrapper');
  76. wrapper.setAttribute("style", "width: 100%; overflow-y: scroll; height: 100%;text-align: center; box-sizing: border-box;" );
  77.  
  78. var maps = document.querySelector('.maps');
  79. maps.setAttribute("style", "display: flex; flex-wrap: wrap; box-sizing: border-box;");
  80.  
  81. left.setAttribute("style", "height: 325px; box-sizing: border-box;");
  82.  
  83. var map = document.querySelectorAll('.map');
  84. map.forEach(item => {item.setAttribute("style", "flex-grow: 1; flex-basis: 25%; cursor: pointer; box-sizing: border-box;")})
  85.  
  86. function addStyleString(str) {
  87.   var node = document.createElement('style');
  88.   node.innerHTML = str;
  89.   document.body.appendChild(node);
  90. }
  91. addStyleString('.active { color: green; border: 2px solid #668e38;  }');
  92.  
  93.  
  94. function mapcobalt() {
  95. var xx = webpackJsonp([],null,["d5ec3c16"]);
  96. xx.biome.colors.beach= 0x443D3A ;
  97. xx.biome.colors.grass= 0x4D5A68 ;
  98. xx.biome.colors.underground= 0x1B0D03 ;
  99. xx.biome.colors.riverbank= 0x653313 ;
  100. xx.biome.colors.water= 0x003571 ;
  101. xx.biome.colors.background= 0x020E18 ;
  102. }
  103.  
  104. function normalmap() {
  105. var xx = webpackJsonp([],null,["d5ec3c16"]);
  106. xx.biome.colors.beach= 0xcdb35b ;
  107. xx.biome.colors.grass= 0x80af49 ;
  108. xx.biome.colors.underground= 0x1b0d03 ;
  109. xx.biome.colors.water= 0x3282ab ;
  110. xx.biome.colors.riverbank= 0x905e24 ;
  111. }
  112.  
  113. function desertmap() {
  114. var xx = webpackJsonp([],null,["d5ec3c16"]);
  115. xx.biome.colors.beach= 0xc9843a ;
  116. xx.biome.colors.grass= 0xdfa757 ;
  117. xx.biome.colors.underground= 0x3d0d03 ;
  118. xx.biome.colors.riverbank= 0xb25e24 ;
  119. xx.biome.colors.water= 0x8a9b4e ;
  120.  
  121. }
  122.  
  123. function spookymap() {
  124. var xx = webpackJsonp([],null,["d5ec3c16"]);
  125. xx.biome.colors.beach= 0x64410e ;
  126. xx.biome.colors.grass= 0x212404 ;
  127. xx.biome.colors.underground= 0x120801 ;
  128. xx.biome.colors.water= 0x280000 ;
  129. xx.biome.colors.riverbank= 0x3c1b05 ;
  130. }
  131.  
  132. function aquaticAvenger() {
  133. var xx = webpackJsonp([],null,["d5ec3c16"]);
  134. xx.biome.colors.beach= 0xCB7132 ;
  135. xx.biome.colors.grass= 0xB4B02E ;
  136. xx.biome.colors.underground= 0x3D0D03 ;
  137. xx.biome.colors.water= 0x41A4AA ;
  138. xx.biome.colors.riverbank= 0x653313 ;
  139. xx.biome.colors.background= 0x1C5B5F ;
  140.  
  141. }
  142.  
  143. function factionmap() {
  144. var xx = webpackJsonp([],null,["d5ec3c16"]);
  145. xx.biome.colors.beach= 0x8e5632 ;
  146. xx.biome.colors.grass= 0x4e6128 ;
  147. xx.biome.colors.underground= 0x1b0d03 ;
  148. xx.biome.colors.water= 0x071B36 ;
  149. xx.biome.colors.riverbank= 0x653313 ;
  150.  
  151. }
  152.  
  153. function springmap() {
  154. var xx = webpackJsonp([],null,["d5ec3c16"]);
  155. xx.biome.colors.beach= 0xefb35b ;
  156. xx.biome.colors.grass= 0x8e832a ;
  157. xx.biome.colors.underground= 0x1b0d03 ;
  158. xx.biome.colors.water= 0x3282ab ;
  159. xx.biome.colors.riverbank= 0x77360b ;
  160.  
  161. }
  162. function snowmap() {
  163. var xx = webpackJsonp([],null,["d5ec3c16"]);
  164. xx.biome.colors.beach= 0xcdb35b ;
  165. xx.biome.colors.grass= 0xbdbdbd ;
  166. xx.biome.colors.underground= 0x1b0d03 ;
  167. xx.biome.colors.water= 0x0c4d51 ;
  168. xx.biome.colors.riverbank= 0x905e24 ;
  169. }
  170.  
  171.  
  172.  
  173. // woods map
  174.  
  175. function woodsmap () {
  176.   var xx = webpackJsonp([],null,["d5ec3c16"]);
  177.   xx.biome.colors.beach= 0xf4ae48 ;
  178.   xx.biome.colors.grass= 0x5c910a ;
  179.   xx.biome.colors.underground= 0x1b0d03 ;
  180.   xx.biome.colors.water= 0x3282ab ;
  181.   xx.biome.colors.riverbank= 0x8a8a8a ;
  182. }
  183.  
  184.  
  185. function removeBorder() {
  186.   map.forEach(item => { item.classList.remove('active') })
  187. }
  188.  
  189. map.forEach(function (item) {
  190.         var background = document.querySelector('#background');
  191.         item.addEventListener('click', function () {
  192.  
  193.             if (item.className == "map mapcobalt") {
  194.                 mapcobalt();
  195.                 removeBorder();
  196.                 item.className += " active";
  197.             }
  198.             if (item.className == "map normalmap") {
  199.                 normalmap();
  200.                 removeBorder();
  201.                 item.className += " active";
  202.             }
  203.             if (item.className == "map desertmap") {
  204.                 desertmap();
  205.                 removeBorder();
  206.                 item.className += " active";
  207.             }
  208.             if (item.className == "map spookymap") {
  209.                 background.style.backgroundImage = "url('https://i.imgur.com/u5jH3co.png')";
  210.                 spookymap();
  211.                 removeBorder();
  212.                 item.className += " active";
  213.             }
  214.             if (item.className == "map savannahmap") {
  215.                 aquaticAvenger();
  216.                 removeBorder();
  217.                 item.className += " active";
  218.             }
  219.             if (item.className == "map fanctionmap") {
  220.                 factionmap();
  221.                 removeBorder();
  222.                 item.className += " active";
  223.             }
  224.             if (item.className == "map woodsmap") {
  225.                 woodsmap();
  226.                 removeBorder();
  227.                 item.className += " active";
  228.             }
  229.             if (item.className == "map snowmap") {
  230.                 snowmap();
  231.                 removeBorder();
  232.                 item.className += " active";
  233.             }
  234.             if (item.className == "map springmap") {
  235.                 springmap();
  236.                 removeBorder();
  237.                 item.className += " active";
  238.             }
  239.         });
  240.     });
  241. })();