Visual-only placeholder mod menu for Arras.io (press L to toggle)
目前為
// ==UserScript==
// @name Arras.io Placeholder Mod Menu
// @namespace http://tampermonkey.net/
// @version 1.3.0
// @description Visual-only placeholder mod menu for Arras.io (press L to toggle)
// @author Jasper
// @match *://arras.io/*
// @grant none
// @license MIT
// ==/UserScript==
(function () {
'use strict';
const style = document.createElement("style");
style.textContent = `
#modMenu, .subMenu {
position: fixed;
top: 80px;
width: 250px;
background: #1e1e2f;
border: 1px solid #444;
color: #fff;
font-family: Arial, sans-serif;
font-size: 14px;
padding: 10px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(255,255,255,0.05);
z-index: 9999;
}
#modMenu {
right: 20px;
}
.subMenu {
right: 290px;
max-height: 300px;
overflow-y: auto;
display: none;
}
.modButton {
width: 100%;
padding: 8px;
margin-top: 5px;
background: #2a2a3f;
border: none;
border-radius: 8px;
color: #fff;
cursor: pointer;
transition: background 0.2s ease;
}
.modButton:hover {
background: #3a3a5f;
}
.checkboxContainer, .sliderContainer {
margin-top: 8px;
}
.subMenuHeader {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
.closeButton {
background: none;
border: none;
color: #fff;
font-size: 18px;
cursor: pointer;
}
.sliderLabels {
display: flex;
justify-content: space-between;
font-size: 12px;
margin-bottom: 5px;
}
.sliderMiddle {
text-align: center;
font-size: 12px;
margin-top: -16px;
color: #ccc;
}
input[type="range"] {
width: 100%;
}
::-webkit-scrollbar {
width: 6px;
}
::-webkit-scrollbar-thumb {
background-color: #555;
border-radius: 10px;
}
`;
document.head.appendChild(style);
const html = `
<div id="modMenu" style="display:none;">
<strong style="display:block; text-align:center; margin-bottom:10px;">Mod Menu (Placeholder)</strong>
<button class="modButton" id="speedhackButton">Speedhack</button>
<button class="modButton">ESP</button>
<button class="modButton">Invisible</button>
<button class="modButton">NOclip</button>
<button class="modButton">Dev Commands</button>
<button class="modButton">BetaTester Token</button>
<button class="modButton">Zoom</button>
<button class="modButton" id="spawnButton">Spawn</button>
</div>
<!-- Spawn Submenu -->
<div class="subMenu" id="spawnSubMenu">
<div class="subMenuHeader">
<strong>Spawn Options</strong>
<button class="closeButton" id="closeSpawn">×</button>
</div>
<div class="checkboxContainer"><input type="checkbox" /> Spawn Egg</div>
<div class="checkboxContainer"><input type="checkbox" /> Spawn Square</div>
<div class="checkboxContainer"><input type="checkbox" /> Spawn Triangle</div>
<div class="checkboxContainer"><input type="checkbox" /> Spawn Pentagon</div>
<div class="checkboxContainer"><input type="checkbox" /> Spawn Alpha Pentagon</div>
<div class="checkboxContainer"><input type="checkbox" /> Shadow Alpha Pentagon</div>
<div class="checkboxContainer"><input type="checkbox" /> Rainbow Alpha Pentagon</div>
<div class="checkboxContainer"><input type="checkbox" /> Trans Alpha Pentagon</div>
<div class="checkboxContainer"><input type="checkbox" /> God Pentagon</div>
</div>
<!-- Speedhack Submenu -->
<div class="subMenu" id="speedhackSubMenu">
<div class="subMenuHeader">
<strong>Speedhack</strong>
<button class="closeButton" id="closeSpeedhack">×</button>
</div>
<div class="sliderLabels">
<span>0.1x</span>
<span>10x</span>
</div>
<input type="range" min="0.1" max="10" step="0.1" value="1" />
<div class="sliderMiddle">1x</div>
</div>
`;
const container = document.createElement("div");
container.innerHTML = html;
document.body.appendChild(container);
const modMenu = document.getElementById("modMenu");
const spawnSubMenu = document.getElementById("spawnSubMenu");
const speedhackSubMenu = document.getElementById("speedhackSubMenu");
const spawnButton = document.getElementById("spawnButton");
const closeSpawn = document.getElementById("closeSpawn");
const speedhackButton = document.getElementById("speedhackButton");
const closeSpeedhack = document.getElementById("closeSpeedhack");
let menuVisible = false;
document.addEventListener("keydown", (e) => {
if (e.key.toLowerCase() === "l") {
menuVisible = !menuVisible;
modMenu.style.display = menuVisible ? "block" : "none";
spawnSubMenu.style.display = "none";
speedhackSubMenu.style.display = "none";
}
});
function closeAllSubMenus() {
spawnSubMenu.style.display = "none";
speedhackSubMenu.style.display = "none";
}
spawnButton.addEventListener("click", () => {
closeAllSubMenus();
spawnSubMenu.style.display = "block";
});
closeSpawn.addEventListener("click", () => {
spawnSubMenu.style.display = "none";
});
speedhackButton.addEventListener("click", () => {
closeAllSubMenus();
speedhackSubMenu.style.display = "block";
});
closeSpeedhack.addEventListener("click", () => {
speedhackSubMenu.style.display = "none";
});
const speedSlider = speedhackSubMenu.querySelector('input[type="range"]');
const sliderMiddle = speedhackSubMenu.querySelector('.sliderMiddle');
speedSlider.addEventListener("input", () => {
sliderMiddle.textContent = parseFloat(speedSlider.value).toFixed(1) + "x";
});
})();