ArrowUp Key = Modification Menu | ArrowLeft Key = Settings | ArrowRight Key = MainMenu | ArrowDown Key = InfoBox | Anti Ads | features that don't work will have a [WIP] next to it | to get Settings Working you must click on the Setting Button first/=\
目前为
// ==UserScript==
// @name /=|- B34R -|=\ /=\ Legit Script for Legit Players /=\
// @namespace none
// @version v2
// @description ArrowUp Key = Modification Menu | ArrowLeft Key = Settings | ArrowRight Key = MainMenu | ArrowDown Key = InfoBox | Anti Ads | features that don't work will have a [WIP] next to it | to get Settings Working you must click on the Setting Button first/=\
// @author Bear
// @match *://sploop.io/*
// @require http://code.jquery.com/jquery-3.3.1.min.js
// @require https://code.jquery.com/ui/1.12.0/jquery-ui.min.js
// @grant none
// @icon https://media.discordapp.net/attachments/1077687137455046718/1122722360420728913/DaB34R.png
// ==/UserScript==
/* Part of this Script contains codes from other Script so ill give Credits to:
-Nudo (ScrollMacro Sploop.io v2)
-GLW Why (MooMooMod Last)
-W4IT (W-MOD)
*/
// /=\ Menu toggler /=\
document.addEventListener('keydown', e => {
if (e.code == $("#bearOpenkey").val()) {
if ($('.bearMenu').css('display') == 'none') $('.bearMenu').animate({
top: 'show'
}, 100);
else $('.bearMenu').animate({
top: 'hide'
}, 100);
}
})
// /=\ Homepage toggler /=\
document.addEventListener('keydown', e => {
if (e.code == $("#homeOpenKey").val()) {
if ($('#homepage').css('display') == 'none') $('#homepage').animate({
top: 'show'
}, 100);
else $('#homepage').animate({
top: 'hide'
}, 100);
}
})
// /=\ Info toggler /=\
document.addEventListener('keydown', e => {
if (e.code == $("#infoOpenKey").val()) {
if ($('.infoElement').css('display') == 'none') $('.infoElement').animate({
top: 'show'
}, 100);
else $('.infoElement').animate({
top: 'hide'
}, 100);
}
})
// /=\ Mod Menu /=\
const bearModMenu = `
<div class="bearMenu" id="bearModMenu" style="display: none;">
<div id="block-bind">
<div id="side-bar-menu">
<buttonbear onclick="switchPage('keybinds')">Keybinds</buttonbear>
<buttonbear onclick="switchPage('styler')">Elements</buttonbear>
<buttonbear onclick="switchPage('auto')">Auto</buttonbear>
<buttonbear onclick="switchPage('mod')">Mod</buttonbear>
</div>
<div id="keybinds-page" class="page">
<fieldset>
<legend align="center">Keys</legend>
<SettingText>
Mod Menu Key: <input style="width: 100px;" id="bearOpenkey" class="inputTxt" onKeyPress=SupressInput(event); oncontextmenu="return false" placeholder="Bind..." value="ArrowUp" type="text">
<br>
Homepage Key: <input style="width: 100px" id="homeOpenKey" class="inputTxt" onKeyPress=SupressInput(event); oncontextmenu="return false" placeholder="Bind..." value="ArrowRight" type="text">
<br>
Info Key: <input style="width: 100px" id="infoOpenKey" class="inputTxt" onKeyPress=SupressInput(event); oncontextmenu="return false" placeholder="Bind..." value="ArrowDown" type="text">
</SettingText>
</fieldset>
</div>
<div id="styler-page" class="page">
<fieldset>
<legend align="center">Opacity Elements</legend>
<fieldset>
<legend align="center">Hat Store</legend>
<SettingText>Transparent<label class="checkbox-green"><input type="checkbox" id="hatStore"><span class="checkbox-green-switch" data-label-on="On" data-label-off="Off"></span></label></SettingText>
</fieldset>
<fieldset>
<legend align="center">Clan Menu</legend>
<SettingText> Transparent Clan Menu<label class="checkbox-green"><input type="checkbox" id="clanMenu"><span class="checkbox-green-switch" data-label-on="On" data-label-off="Off"></span></label></SettingText>
</fieldset>
</fieldset>
<br>
<fieldset>
<legend align="center">Change Element</legend>
<fieldset>
<legend align="center">Hat Store</legend>
<SettingText>Anti-Scroll <label class="checkbox-green"><input type="checkbox" id="AntiStoreSpaceBar"><span class="checkbox-green-switch" data-label-on="On" data-label-off="Off"></span></SettingText>
<hr>
<SettingText>Click Through[WIP]<label class="checkbox-green"><input type="checkbox" id="ClickThruHatMenu"><span class="checkbox-green-switch" data-label-on="On" data-label-off="Off"</span></label></SettingText>
<hr>
<SettingText>Bigger Hat Store<label class="checkbox-green"><input type="checkbox" id="biggerHat"><span class="checkbox-green-switch" data-label-on="On" data-label-off="Off"</span></label></SettingText>
</fieldset>
</fieldset>
</div>
<div id="auto-page" class="page">
<fieldset>
<legend align="center">Auto Do</legend>
<SettingText>Auto Spawn[WIP]<label class="checkbox-green"><input type="checkbox" id="autoSpawn"><span class="checkbox-green-switch" data-label-on="On" data-label-off="Off"></span></label></SettingText>
<br>
</fieldset>
</div>
<div id="mod-page" class="page">
<fieldset>
<legend align="center">Infobox</legend>
<SettingText>Transparent<label class="checkbox-green"><input type="checkbox" id="opacityDisplay"><span class="checkbox-green-switch" data-label-on="On" data-label-off="Off"></span></label></SettingText>
<hr>
<SettingText>CPS<label class="checkbox-green"><input type="checkbox" id="cpsDisplay"><span class="checkbox-green-switch" data-label-on="On" data-label-off="Off"></span></label></SettingText>
<hr>
<SettingText>FPS<label class="checkbox-green"><input type="checkbox" id="fpsDisplay"><span class="checkbox-green-switch" data-label-on="On" data-label-off="Off"></span></label></SettingText>
<hr>
<SettingText>Server<label class="checkbox-green"><input type="checkbox" id="serverDisplay"><span class="checkbox-green-switch" data-label-on="On" data-label-off="Off"></span></label></SettingText>
<hr>
<SettingText>GameMode<label class="checkbox-green"><input type="checkbox" id="gameDisplay"><span class="checkbox-green-switch" data-label-on="On" data-label-off="Off"></span></label></SettingText>
</fieldset>
<hr>
<fieldset>
<legend align="center">Modmenu</legend>
<SettingText>Transparent<label class="checkbox-green"><input type="checkbox" id="modDisplay"><span class="checkbox-green-switch" data-label-on="On" data-label-off="Off"></span></label></SettingText>
</fieldset>
</div>
</div>
<script>
function switchPage(pageName) {
var pages = document.getElementsByClassName('page');
for (var i = 0; i < pages.length; i++) {
var page = pages[i];
if (page.id === pageName + '-page') {
page.style.display = 'block';
} else {
page.style.display = 'none';
}
}
}
// Initialize the content on page load (optional)
window.addEventListener('DOMContentLoaded', function() {
var defaultPage = 'styler'; // Set the default page to display
switchPage(defaultPage);
});
document.getElementById("bearOpenkey").addEventListener("mousedown", e => {
if (e.button == 0) {
$("#bearOpenkey").val("Select")
use3 = true
}
if (e.button == 2) {
$("#bearOpenkey").val("...")
use3 = false
}
})
document.getElementById("bearOpenkey").addEventListener('keydown', e => {
if ($("#bearOpenkey").focus()) {
if (use3) {
use3 = false
codeKey3 = (e.code).toString()
$("#bearOpenkey").val(codeKey3)
}
}
})
document.getElementById("homeOpenKey").addEventListener("mousedown", e => {
if (e.button == 0) {
$("#homeOpenKey").val("Select")
use3 = true
}
if (e.button == 2) {
$("#homeOpenKey").val("...")
use3 = false
}
})
document.getElementById("homeOpenKey").addEventListener('keydown', e => {
if ($("#homeOpenKey").focus()) {
if (use3) {
use3 = false
codeKey3 = (e.code).toString()
$("#homeOpenKey").val(codeKey3)
}
}
})
</script>
<style>
.checkbox-green {
display: inline-block;
height: 32px;
line-height: 28px;
margin-left: 5px;
position: relative;
border-radius: 20px;
vertical-align: middle;
font-size: 14px;
user-select: none;
}
.checkbox-green input[type="checkbox"] {
display: block;
width: 0;
height: 0;
position: absolute;
z-index: -1;
opacity: 0;
}
input[type="checkbox" i] {
background-color: initial;
cursor: default;
-webkit-appearance: checkbox;
box-sizing: border-box;
margin: 3px 3px 3px 4px;
padding: initial;
border: initial;
}
.checkbox-green .checkbox-green-switch {
display: inline-block;
height: 18px;
width: 90px;
box-sizing: border-box;
position: relative;
border-radius: 10px;
background: #000000;
transition: background-color 1s cubic-bezier(0, 0.1, 0.58, 1);
}
.checkbox-green .checkbox-green-switch:before {
content: attr(data-label-on);
display: inline-block;
box-sizing: border-box;
width: 45px;
padding: 0 12px;
position: absolute;
top: 0;
left: 45px;
text-transform: uppercase;
text-align: center;
color: rgb(255, 255, 255);
font-size: 15px;
line-height: 28px
}
.checkbox-green .checkbox-green-switch:after {
content: attr(data-label-off);
display: inline-block;
width: 47px;
height: 26px;
border-radius: 100px;
position: absolute;
top: .1px;
left: -1px;
Z-index: 5;
text-transform: uppercase;
text-align: center;
background: #ffffff;
border: 2px solid #ff1212;
line-height: 32px;
font-size: 15px;
color: #ff0000;
transition: transform 1s cubic-bezier(0, 1, 0.5, 1);
}
.checkbox-green .checkbox-green-switch {
display: inline-block;
height: 28px;
width: 90px;
box-sizing: border-box;
position: relative;
border-radius: 20px;
background: #f76a6a;
transition: background-color 1s cubic-bezier(0, 1, 0.5, 1);
}
.checkbox-green input[type="checkbox"]:checked+.checkbox-green-switch {
background-color: #61ff44;
}
.checkbox-green .checkbox-green-switch {
display: inline-block;
height: 28px;
width: 90px;
box-sizing: border-box;
position: relative;
border-radius: 20px;
background: #f76a6a;
transition: background-color 1s cubic-bezier(0, 1, 0.5, 1);
}
.checkbox-green input[type="checkbox"]:checked+.checkbox-green-switch:before {
content: attr(data-label-off);
left: 0;
}
.checkbox-green .checkbox-green-switch:before {
content: attr(data-label-on);
display: inline-block;
box-sizing: border-box;
width: 45px;
padding: 0 12px;
position: absolute;
top: 0;
left: 45px;
text-transform: uppercase;
text-align: center;
color: rgba(255, 255, 255, 0.5);
font-size: 15px;
line-height: 28px;
}
.checkbox-green input[type="checkbox"]:checked+.checkbox-green-switch:after {
content: attr(data-label-on);
color: #47ff0b;
border: 1px solid #47ff0b;
transform: translate3d(44px, 0, 0);
}
.checkbox-green .checkbox-green-switch {
display: inline-block;
height: 28px;
width: 90px;
box-sizing: border-box;
position: relative;
border-radius: 100px;
background: #ff1212;
transition: background-color 1s cubic-bezier(0, 1, 0.5, 1);
}
buttonbear {
padding: 12px;
border: 5px solid;
border-radius: 10px;
background: black;
border-width: 5px;
border-style: solid;
border-color: white;
border-image: initial;
padding-top: 10px;
color: red;
}
fieldset {
padding: 0;
padding-bottom: 13.5px;
padding-left: 10px;
border-radius: 7px;
border: 5px solid white;
}
legend {
color: red;
font-size: 30px;
}
.toggle-container {
position: relative;
display: inline-block;
width: 40px;
height: 20px;
}
.page {
display: none;
}
SettingText {
color: red;
font-size: 30px;
margin-right: 5px;
text-align: left;
}
#block-bind {
width: 100%;
height: 99%;
padding: 8px;
overflow-y: scroll;
overflow-x: hidden;
background: black;
border-radius: 15px;
border: 5px solid #141414;
}
#side-bar-menu {
width: 575px;
height: 80px;
box-shadow: rgb(0, 0, 0) 0px -4px 0px inset, rgba(0, 0, 0, 0.3) 0px 5px 0px;
background: black;
border-width: 5px;
border-style: solid;
border-color: white;
border-image: initial;
padding-top: 20px;
}
.bearMenu {
text-align: center;
opacity: 1;
position: absolute;
font-size: 20px;
z-index: 9999;
padding: 20px;
margin: auto;
display: none;
background: white;
top: 10%;
left: 25%;
border-radius: 15px;
width: 650px;
height: 600px;
border: 5px solid #141414;
}
select {
outline: 0;
transition: 1s all;
vertical-align: middle;
user-select: none;
box-sizing: border-box;
background: #fff;
color: #4A4A4A;
border-radius: 10px;
}
.inputTxt {
text-shadow: rgb(20 20 20) 4px 0px 0px, rgb(20 20 20) 3.87565px 0.989616px 0px, rgb(20 20 20) 3.51033px 1.9177px 0px, rgb(20 20 20) 2.92676px 2.72656px 0px, rgb(20 20 20) 2.16121px 3.36588px 0px, rgb(20 20 20) 1.26129px 3.79594px 0px, rgb(20 20 20) 0.282949px 3.98998px 0px, rgb(20 20 20) -0.712984px 3.93594px 0px, rgb(20 20 20) -1.66459px 3.63719px 0px, rgb(20 20 20) -2.51269px 3.11229px 0px, rgb(20 20 20) -3.20457px 2.39389px 0px, rgb(20 20 20) -3.69721px 1.52664px 0px, rgb(20 20 20) -3.95997px 0.56448px 0px, rgb(20 20 20) -3.97652px -0.432781px 0px, rgb(20 20 20) -3.74583px -1.40313px 0px, rgb(20 20 20) -3.28224px -2.28625px 0px, rgb(20 20 20) -2.61457px -3.02721px 0px, rgb(20 20 20) -1.78435px -3.57996px 0px, rgb(20 20 20) -0.843183px -3.91012px 0px, rgb(20 20 20) 0.150409px -3.99717px 0px, rgb(20 20 20) 1.13465px -3.8357px 0px, rgb(20 20 20) 2.04834px -3.43574px 0px, rgb(20 20 20) 2.83468px -2.82216px 0px, rgb(20 20 20) 3.44477px -2.03312px 0px, rgb(20 20 20) 3.84068px -1.11766px 0px, rgb(20 20 20) 3.9978px -0.132717px 0px;
cursor: text;
color: #fff;
vertical-align: middle;
user-select: none;
box-sizing: border-box;
text-align: center;
outline: 0;
display: inline-block;
margin-left: 20px;
border: none;
border: 5px solid rgba(0, 0, 0, 0);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 10px 0 rgba(0, 0, 0, 0.06);
border-radius: 10px;
transition: all 1s;
}
hr {
border: 2px solid;
margin-bottom: 10px;
margin-top: 10px;
}
`
$("body").append(bearModMenu)
// /=\ Cps/Fps and Server & Game Mode Labels /=\
let bearCpsFps = `
<div class="infoElement" id="infoBox" style="display: none;">
<div class="infoElementBox" id="cps" style="display: none;"></div>
<div class="infoElementBox" id="fps" style="display: none;"></div>
<div class="infoElementBox" id="server-label" style="display: none;"></div>
<div class="infoElementBox" id="game-mode-label" style="display: none;"></div>
</div>
<script>
document.getElementById("infoOpenKey").addEventListener("mousedown", e => {
if (e.button == 0) {
$("#infoOpenKey").val("Select")
use3 = true
}
if (e.button == 2) {
$("#infoOpenKey").val("...")
use3 = false
}
})
document.getElementById("infoOpenKey").addEventListener('keydown', e => {
if ($("#infoOpenKey").focus()) {
if (use3) {
use3 = false
codeKey3 = (e.code).toString()
$("#infoOpenKey").val(codeKey3)
}
}
})
</script>
<style>
#infoBox {
}
.infoElement {
z-index: 8888;
pointer-events: none;
position: absolute;
top: 5px;
left: 5px;
background-color: white;
width: auto;
height: auto;
border-width: 5px;
border-style: solid;
border-color: rgb(20, 20, 20);
border-image: initial;
padding: 15px;
}
.infoElementBox {
pointer-events: none;
background-color: #000000;
margin-bottom: 5px;
border-width: 5px;
border-style: solid;
border-color: gray;
border-image: initial;
padding: 15px;
color: red;
}
</style>
`
$("body").append(bearCpsFps)
// /=\ Sploop.io Style /=
let sploopStyle = `
<style>
.background-img-play {
background: none !important;
}
.profile-bg {
background: none !important;
}
#main-content {
width: auto;
padding: 0px;
}
#pop-ui {
background: rgba(39, 66, 35, 0.55);
}
.middle-main {
background: white;
box-shadow: none;
}
#play {
box-shadow: none;
background: rgba(0, 0, 0, 0.99);
padding-bottom: 10px;
font-size: 33px;
color: red;
}
.dark-blue-button-3-active {
color: red;
}
.dark-blue-button-3-active:hover {
background: red;
box-shadow: none;
color: white;
}
.dark-blue-button {
box-shadow: none;
background: black;
}
.dark-blue-button:hover {
background: red;
box-shadow: none;
color: black;
}
.text-shadowed-3 {
text-shadow: none;
}
.menu .content .menu-item {
border: none;
}
.menu .content .menu-item .description {
font-size: none;
}
#nickname.input {
box-shadow: none;
background: black;
color: red;
}
.chat-container input {
color: red;
width: 297px;
font-weight: bolder;
text-align: center;
box-shadow: none;
background-color: black;
}
#play-text {
left: 120px;
top: 16px;
}
#play:hover {
background-color: red;
box-shadow: none !important;
color: white;
}
#server-select {
background: black;
box-shadow: none;
}
#server-select:hover {
background: red !important;
box-shadow: none;
}
#profile-next-rank-text {
color: red;
background: black;
}
.profile-scores {
color: red;
background: black !important;
}
.yellow-text {
color: white;
}
#profile-next-rank-icons {
background: black;
}
#profile-middle-main {
background: black;
color: red;
}
#ranking-title {
background: white;
color: black;
box-shadow: none;
}
.table-line:hover {
background: red;
box-shadow: none;
}
.table-line {
background: white;
color: black;
box-shadow: none;
}
.red-button {
background-color: white;
box-shadow: none;
color: black;
}
.red-button:hover {
background-color: black;
box-shadow: none;
color: white;
}
#ranking-rank:hover {
color: red;
}
.img-button {
display: none;
}
#hat-menu {
box-shadow: none;
}
.scrollbar::-webkit-scrollbar {
border: 4px solid red;
pointer-events: auto;
}
.scrollbar::-webkit-scrollbar-thumb {
border: 4px solid white;
box-shadow: none;
background: black;
pointer-events: auto;
}
.pop-box {
border: 5px solid white;
}
#hat_menu_content {
box-shadow: none;
}
.menu .content .menu-item {
color: red;
}
.menu .content .menu-item .header {
color: black;
}
.menu .content .menu-item .menu-pricing .action {
border: 4px solid white;
color: red;
}
.green-button {
background-color: black;
box-shadow: none;
}
.green-button:hover {
background-color: white;
box-shadow: none;
}
#homepage {
display: flex;
}
</style>
`
$("body").append(sploopStyle)
// /=\ Change Chat Box Inner Text /=\
setInterval(() => {
setTimeout(() => {
document.getElementById('chat').placeholder = "MESSAGE";
setTimeout(() => {
document.getElementById('chat').placeholder = "_M_E_S_S_A_G_E_";
setTimeout(() => {
document.getElementById('chat').placeholder = "-M-E-S-S-A-G-E-";
setTimeout(() => {
document.getElementById('chat').placeholder = ".M.E.S.S.A.G.E.";
setTimeout(() => {
document.getElementById('chat').placeholder = "=M=E=S=S=A=G=E=";
},100);
}, 100);
}, 100);
}, 100);
}, 100);
}, 600)
document.getElementById('play-text').innerHTML = "PLAY"
document.getElementById('nickname').placeholder = "Nickname"
// /=\ Remove Elements /=\
const elementsToRemove = [
'game-right-content-main',
'game-left-content-main',
'game-bottom-content',
'right-content',
'left-content',
'cross-promo',
'google_play',
'landscape',
'waiting',
'policy',
'logo',
];
elementsToRemove.forEach(function(elementId) {
const element = document.getElementById(elementId);
if (element) {
element.remove();
}
});
// /=\ Transparent Elements /=\
const checkboxes = {
hatStore: document.getElementById("hatStore"),
clanMenu: document.getElementById("clanMenu"),
infoMenu: document.getElementById("opacityDisplay"),
modMenu: document.getElementById("modDisplay")
};
// /=\ Elements ID /=\
const elements = {
hat: document.getElementById("hat-menu"),
clan: document.getElementById("clan-menu"),
info: document.getElementById("infoBox"),
mod: document.getElementById("bearModMenu")
};
// /=\ Change the Opacity /=\
function handleCheckboxChange(checkbox, element,) {
checkbox.addEventListener("change", function() {
if (checkbox.checked) {
element.style.opacity = "0.4"; // Change the 4 to whatever fits your needs
} else {
element.style.opacity = "1";
}
});
}
handleCheckboxChange(checkboxes.hatStore, elements.hat);
handleCheckboxChange(checkboxes.clanMenu, elements.clan);
handleCheckboxChange(checkboxes.infoMenu, elements.info);
handleCheckboxChange(checkboxes.modMenu, elements.mod);
const bearCheckbox = {
cpscheck: document.getElementById("cpsDisplay"),
fpscheck: document.getElementById("fpsDisplay"),
servercheck: document.getElementById("serverDisplay"),
gamecheck: document.getElementById("gameDisplay")
};
// /=\ Elements ID /=\
const bearElements = {
cps: document.getElementById("cps"),
fps: document.getElementById("fps"),
server: document.getElementById("server-label"),
game: document.getElementById("game-mode-label"),
};
// /=\ Change the Opacity /=\
function handleCheckboxChangeb(checkboxb, elementb,) {
checkboxb.addEventListener("change", function() {
if (checkboxb.checked) {
elementb.style.display = "block";
} else {
elementb.style.display = "none";
}
});
}
handleCheckboxChangeb(bearCheckbox.cpscheck, bearElements.cps);
handleCheckboxChangeb(bearCheckbox.fpscheck, bearElements.fps);
handleCheckboxChangeb(bearCheckbox.servercheck, bearElements.server);
handleCheckboxChangeb(bearCheckbox.gamecheck, bearElements.game);
// /=\ Auto Respawn /=\
const autoRespawnCheckbox = document.getElementById('autoSpawn');
const homepage = document.getElementById('homepage');
const playButton = document.getElementById('play');
autoRespawnCheckbox.addEventListener('change', function() {
if (autoRespawnCheckbox.checked) {
homepage.style.display = 'flex';
playButton.click();
} else {
homepage.style.display = 'none';
}
});
// Get the checkbox element
const clickThruCheckbox = document.getElementById("ClickThruHatMenu");
// Get the div elements
const hatMenu = document.getElementById("hat-menu");
const hatMenuContent = document.getElementById("hat_menu_content");
// Add event listener to the checkbox
clickThruCheckbox.addEventListener("change", function() {
if (this.checked) {
// Enable click-through for the div elements
hatMenu.style.pointerEvents = "none";
hatMenuContent.style.pointerEvents = "none";
} else {
// Disable click-through for the div elements
hatMenu.style.pointerEvents = "auto";
hatMenuContent.style.pointerEvents = "auto";
}
});
// /=\ Anti Spacebar Scroll /=\
const hatmenuContent = document.getElementById("hat_menu_content");
const checkBox = document.getElementById("AntiStoreSpaceBar");
function handleKeyPress(event) {
if (event.code === "Space" && event.target === document.body && checkBox.checked) {
event.preventDefault();
}
}
document.addEventListener("keydown", handleKeyPress);
function cleanup() {
document.removeEventListener("keydown", handleKeyPress);
}
function revertChanges() {
cleanup();
hatmenuContent.style.overflowY = "auto";
}
function applyChanges() {
if (checkBox.checked) {
hatmenuContent.style.overflowY = "scroll";
} else {
hatmenuContent.style.overflowY = "auto";
}
}
checkBox.addEventListener("change", function() {
if (checkBox.checked) {
applyChanges();
} else {
revertChanges();
}
});
applyChanges();
// /=\ Bigger Hat Store /=\
var bigcheckbox = document.getElementById("biggerHat") // Useless?
bigcheckbox.addEventListener('change', function() {
if (this.checked) {
document.getElementById("hat-menu").style.height = "700px";
} else {
document.getElementById("hat-menu").style.height = "367px";
}
})
// /=\ Sploop.io Tab title /=\
document.title = 'Sploop.io (B34R Script Active!!)';
// /=\ Cps and Fps /=\
// /=\ Access Settings /=\
function handleArrowLeftKeyPress(event) {
if (event.keyCode === 37) {
var popUi = document.getElementById("pop-ui");
var popSettings = document.getElementById("pop-settings");
if (popUi && popSettings) {
if (popUi.style.display === "flex") {
popUi.style.display = "none";
popSettings.style.display = "none";
} else {
popUi.style.display = "flex";
popSettings.style.display = "flex";
}
}
event.stopPropagation();
event.preventDefault();
}
}
document.addEventListener("keydown", handleArrowLeftKeyPress);
// /=\ grid Off /=\
var grid = document.querySelector('#grid-toggle');
grid.click();
// /=\ Server and mode Label /=\
var serverLabel = document.getElementById("server-label");
var gameModeLabel = document.getElementById("game-mode-label");
serverLabel.textContent = "Server: Unknown";
gameModeLabel.textContent = "Game Mode: Unknown";
function updateLabels() {
var serverSelect = document.getElementById("server-select");
var serverName = "";
for (var i = 0; i < serverSelect.options.length; i++) {
var option = serverSelect.options[i];
if (option.selected) {
serverName = option.textContent;
break;
}
}
if (serverName !== "") {
serverLabel.textContent = "Server: " + serverName;
} else {
serverLabel.textContent = "Server: Connecting";
}
var ffaMode = document.getElementById("ffa-mode");
var sandboxMode = document.getElementById("sandbox-mode");
var battleRoyaleMode = document.getElementById("battleroyale-mode");
var smallWaiting = document.getElementById("small-waiting");
if (smallWaiting.style.display === "flex") {
gameModeLabel.textContent = "Game Mode: Connecting";
} else if (ffaMode.classList.contains("dark-blue-button-3-active")) {
gameModeLabel.textContent = "Game Mode: Classic";
} else if (sandboxMode.classList.contains("dark-blue-button-3-active")) {
gameModeLabel.textContent = "Game Mode: SandBox";
} else if (battleRoyaleMode.classList.contains("dark-blue-button-3-active")) {
gameModeLabel.textContent = "Game Mode: BattleRoyale";
} else {
gameModeLabel.textContent = "Game Mode: Unknown";
}
}
updateLabels();
setInterval(updateLabels, 500);
// Get references to the elements
// Get reference to the FPS element
// Variables for FPS calculation
var frameCount = 0;
var fpsStartTime = 0;
var fpsDisplay = document.getElementById("fps");
// Function to update CPS and FPS display
function updateDisplay() {
// Update FPS display
var currentTime = new Date().getTime();
var fpsElapsedTime = (currentTime - fpsStartTime) / 1000;
var fps = frameCount / fpsElapsedTime;
fpsDisplay.innerHTML = "FPS: " + fps.toFixed(0);
frameCount = 0;
fpsStartTime = currentTime;
}
// Function to handle requestAnimationFrame callback
function updateFrame() {
frameCount++;
requestAnimationFrame(updateFrame);
}
// Start updating display and frame
setInterval(updateDisplay, 1000); // Update display every second
updateFrame(); // Start frame update loop
// Event listeners for clicks
var cps = 0;
document.addEventListener("keydown", function(event) {
if (event.keyCode === 32) { // Space key
cps++;
}
});
document.addEventListener("mousedown", function(event) {
if (event.button === 0 || event.button === 2) { // Left click or right click
cps++;
}
});
// Get reference to the CPS element
var cpsElement = document.getElementById("cps");
// Helper function to update CPS value
function updateCPS() {
cpsElement.innerHTML = cps;
cps = 0;
}
// Update CPS every second
setInterval(updateCPS, 1000);
1