Arras.io Placeholder Mod Menu

Visual-only placeholder mod menu for Arras.io (press L to toggle)
当前为 2025-06-04 提交的版本，查看最新版本。
换行
// ==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">&times;</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">&times;</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";
    });
})();