☰

Sploop.io W-MOD [Modifications]

Transparent Hat & Clan Menu, Auto Toggle, Auto Select Mode, Access Settings in-game, Ad Remove

  1. // ==UserScript==
  2. // @name         Sploop.io W-MOD [Modifications]
  3. // @namespace    https://greasyfork.org/en/users/752105-w4it
  4. // @version      v3.1.0
  5. // @description  Transparent Hat & Clan Menu, Auto Toggle, Auto Select Mode, Access Settings in-game, Ad Remove
  6. // @author       W4IT
  7. // @match        *://*.sploop.io/*
  8. // @grant        none
  9. // @icon         https://cdn.discordapp.com/attachments/954435318856175649/1089541815067234374/pixil-frame-0_6_2.png
  10. // @license      ISC
  11. // ==/UserScript==
  12.  
  13. // Get DOM elements
  14. let popUI = document.querySelector('#pop-ui');
  15. let settings = document.querySelector('#pop-settings');
  16.  
  17. // === STYLING & Ad Remove ===
  18. // Center game content
  19. document.querySelector('#game-content').style.justifyContent = 'center';
  20. document.querySelector('#main-content').style.width = 'auto';
  21.  
  22. // Styling for hat and clan menus
  23. ['hat-menu', 'clan-menu', 'hat_menu_content', 'clan_menu_content'].forEach(id => {
  24.     document.getElementById(id).style.background = 'rgba(0,0,0,0)';
  25.     document.getElementById(id).style.opacity = '0.9';
  26. });
  27.  
  28. // Create style element for additional styling
  29. var styleItem1 = document.createElement('style');
  30. styleItem1.type = 'text/css';
  31. styleItem1.appendChild(document.createTextNode(`
  32.     #cross-promo, #bottom-wrap, #google_play, #game-left-content-main, #game-bottom-content, #game-right-content-main, #left-content, #right-content {
  33.         display: none !important;
  34.     }
  35.  
  36.     #hat-menu .green-button, #clan-menu .green-button {
  37.         background-color: rgba(0,0,0,0);
  38.         box-shadow: none;
  39.     }
  40.     
  41.     #hat-menu .green-button:hover, #clan-menu .green-button:hover {
  42.         background-color: rgba(0,0,0,0.2);
  43.     }
  44.     
  45.     .subcontent-bg {
  46.         border-color: transparent;
  47.         box-shadow: none;
  48.         background: transparent;
  49.     }
  50.     
  51.     .menu .content .menu-item .menu-pricing .action {
  52.         border-color: transparent;
  53.     }
  54.     
  55.     .menu .content .menu-item {
  56.         border-bottom-color: transparent;
  57.     }
  58.     
  59.     #hat-menu, #clan-menu {
  60.         box-shadow: none;
  61.         border: 1px solid black;
  62.     }
  63.     
  64.     #clan_menu_content .subcontent-bg {
  65.         margin: 1px 0px 1px 0px;
  66.     }
  67.     
  68.     #create_clan *, #pop-ui {
  69.         background-color: transparent;
  70.     }
  71.     
  72.     #pop-settings {
  73.         background: rgba(0,0,0,0.5);
  74.         opacity: 0.95;
  75.     }
  76.     
  77.     .scrollbar::-webkit-scrollbar {
  78.         background: rgba(0, 0, 0, 0);
  79.         border-radius: 2px;
  80.         border: 2px solid rgba(0, 0, 0, 0.9);
  81.     }
  82.     
  83.     .scrollbar::-webkit-scrollbar-thumb {
  84.         background: rgba(255,255,255, 0.7);
  85.         border-radius: 2px;
  86.         border: 2px solid #141414;
  87.         box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #4e5645,
  88.         0 1px 1px rgb(20 20 20 / 50%);
  89.     }
  90. `));
  91. document.head.appendChild(styleItem1);
  92.  
  93. // Auto Toggle
  94. const toggles = ['#grid-toggle', '#particle-toggle', '#display-ping-toggle', '#native-render-toggle', '#native-helper-toggle'];
  95.  
  96. // Click each toggle button
  97. toggles.forEach(toggle => {
  98.     document.querySelector(toggle).click();
  99. });
  100.  
  101. // Auto Mode
  102. const modes = ['#ffa-mode', '#sandbox-mode', '#battleroyale-mode'];
  103.  
  104. // Click the sandbox mode
  105. let autoModeInterval = setInterval(() => {
  106.     if (document.querySelector('#small-waiting').style.display === 'none') {
  107.         document.querySelector('#sandbox-mode').click();
  108.         clearInterval(autoModeInterval);
  109.     }
  110. }, 100);
  111.  
  112. // Access Settings in-game
  113. document.addEventListener('keydown', e => {
  114.     if (e.keyCode === 27) {
  115.         const isMenuHidden = document.querySelector('#hat-menu').style.display !== 'flex' &&
  116.                              document.querySelector('#clan-menu').style.display !== 'flex' &&
  117.                              document.querySelector('#homepage').style.display !== 'flex' &&
  118.                              document.querySelector('#chat-wrapper').style.display !== 'block';
  119.  
  120.         if (isMenuHidden) {
  121.             if (!popUI.classList.contains('fade-in')) {
  122.                 popUI.classList.add('fade-in');
  123.                 popUI.style.display = 'flex';
  124.                 settings.style.display = 'flex';
  125.                 return;
  126.             }
  127.             popUI.classList.remove('fade-in');
  128.             popUI.style.display = 'none';
  129.             settings.style.display = 'none';
  130.         }
  131.     }
  132. });