Визуальные улучшения для MooMoo.io

Визуальное улучшение для moomoo.io путем изменения стиля элементов и отображения полос перезарядки оружия.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey, Greasemonkey или Violentmonkey.

Для установки этого скрипта вам необходимо установить расширение, такое как Tampermonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Violentmonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Userscripts.

Чтобы установить этот скрипт, сначала вы должны установить расширение браузера, например Tampermonkey.

Чтобы установить этот скрипт, вы должны установить расширение — менеджер скриптов.

(у меня уже есть менеджер скриптов, дайте мне установить скрипт!)

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

(у меня уже есть менеджер стилей, дайте мне установить скрипт!)

// ==UserScript==
// @name         MooMoo.io Visuals
// @name:es      MooMoo.io Visuales
// @name:ru      Визуальные улучшения для MooMoo.io
// @name:fr      Améliorations visuelles pour MooMoo.io
// @name:pl      Wizualne ulepszenia dla MooMoo.io
// @namespace    http://tampermonkey.net/
// @version      1.1.2
// @description  Visually improve moomoo.io by changing the style of certain elements and showing weapon reload bars.
// @description:es  Mejora visualmente moomoo.io cambiando el estilo de ciertos elementos y mostrando barras de recarga de armas.
// @description:ru  Визуальное улучшение для moomoo.io путем изменения стиля элементов и отображения полос перезарядки оружия.
// @description:fr  Améliorez visuellement moomoo.io en modifiant le style de certains éléments et en affichant des barres de rechargement d'armes.
// @description:pl  Wizualnie ulepsz moomoo.io poprzez zmianę stylu niektórych elementów i wyświetlanie pasków przeładowania broni.
// @author       Mr.Penguin, _VcrazY_
// @match        *://moomoo.io/*
// @match        *://sandbox.moomoo.io/*
// @require      https://greasyfork.org/scripts/423602-msgpack/code/msgpack.js
// @require      https://update.greasyfork.org/scripts/480301/1322984/CowJS.js
// @grant        none
// @license      Copyright (c) 2024 Zyenth, _VcrazY_
// ==/UserScript==

(function() {
    "use strict";

    // Functionality from MooMoo.io Visuals
    let mouse = { x: 0, y: 0 };
    let width;
    let height;
    let coreURL = new URL(window.location.href);
    window.sessionStorage.force = coreURL.searchParams.get("fc");
    let spamming = false,
    init = false;
    var ws;
    var msgpack5 = window.msgpack;
    document.msgpack = window.msgpack;
    WebSocket.prototype.oldSend = WebSocket.prototype.send;
    WebSocket.prototype.send = function(message) {
        if (!ws) {
            document.ws = this;
            ws = this;
        }
        this.oldSend(message);
    };
    let keys = {};

    function sendPacket(packetName) {
        let content = Array.prototype.slice.call(arguments, 1);
        ws.send(msgpack5.encode([packetName, content]));
    }

    function chat(message) {
        sendPacket("6", message);
    }
    let prevCount = 0;
    const handleMutations = mutationsList => {
        for (const mutation of mutationsList) {
            if (mutation.target.id === "killCounter") {
                const count = parseInt(mutation.target.innerText, 10) || 0;
                if (count > prevCount) {
                    chat("gg - MooMoo.io Visuals");
                    prevCount = count;
                }
            }
        }
    };
    const observer = new MutationObserver(handleMutations);
    observer.observe(document, {
        subtree: true,
        childList: true
    });
    let urMessage = "example";
    let spamInterval;

    function createMenu() {
        const modMenus = document.createElement("div");
        modMenus.id = "modMenus";
        modMenus.innerHTML = `
        <style>
            #modMenus {
                display: none;
                position: fixed;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                background-color: rgba(0, 0, 0, 0.9);
                border-radius: 20px;
                padding: 30px;
                color: white;
                font-family: Arial, sans-serif;
                z-index: 9999;
                box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
                border: 2px solid #4CAF50;
            }
            #modMenus h1 {
                font-size: 36px;
                margin-bottom: 30px;
                text-align: center;
                text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
            }
            #modMenus input[type="text"] {
                width: 100%;
                padding: 20px;
                margin-bottom: 30px;
                border-radius: 15px;
                border: none;
                background-color: rgba(255, 255, 255, 0.1);
                color: white;
                font-size: 24px;
                box-sizing: border-box;
                outline: none;
                border: 2px solid #4CAF50;
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            }
            #modMenus button {
                padding: 20px 50px;
                margin: 0 20px;
                border: none;
                border-radius: 15px;
                cursor: pointer;
                background-color: #4CAF50;
                color: white;
                font-size: 24px;
                font-weight: bold;
                transition: background-color 0.3s;
                outline: none;
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            }
            #modMenus button:hover {
                background-color: #45a049;
            }
            #stopSpamBtn {
                background-color: #f44336;
            }
            #stopSpamBtn:hover {
                background-color: #d32f2f;
            }
        </style>
        <h1>Settings</h1>
        <label for="messageToSpam">Message To Spam:</label>
        <input type="text" id="messageToSpam" value="${urMessage}" minlength="0" maxlength="30">
        <br>
        <button id="updateMessageBtn">Update</button>
        <button id="startSpamBtn">Start Spam</button>
        <button id="stopSpamBtn">Stop Spam</button>
    `;
    document.body.appendChild(modMenus);
    const updateMessageBtn = document.getElementById("updateMessageBtn");
    const startSpamBtn = document.getElementById("startSpamBtn");
    const stopSpamBtn = document.getElementById("stopSpamBtn");
    updateMessageBtn.addEventListener("click", () => {
        urMessage = document.getElementById("messageToSpam").value;
        console.log("urMessage updated:", urMessage);
    });
    startSpamBtn.addEventListener("click", () => {
        if (!spamming) {
            startSpam();
        }
    });
    stopSpamBtn.addEventListener("click", () => {
        if (spamming) {
            stopSpam();
        }
    });
    document.addEventListener("keydown", event => {
        if (event.keyCode === 27) {
            modMenus.style.display = modMenus.style.display === "none" ? "block" : "none";
        }
    });
}

    function startSpam() {
        spamming = true;
        console.log("Spam started");
        spamInterval = setInterval(() => {
            chat(urMessage);
        }, 1500);
    }

    function stopSpam() {
        spamming = false;
        console.log("Spam stopped");
        clearInterval(spamInterval);
    }
    createMenu();
    function changeStyle() {
        var storeHolder = document.getElementById("storeHolder");
        var chatBox = document.getElementById("chatBox");
        var ageBarBody = document.getElementById("ageBarBody");
        if (storeHolder) {
            storeHolder.style.height = "600px";
            storeHolder.style.width = "400px";
        }
        if (chatBox) {
            chatBox.style.backgroundColor = "rgb(0 0 0 / 0%)";
        }
        if (ageBarBody) {
            ageBarBody.style.backgroundColor = "rgba(0, 128, 0, 0.8)";
            ageBarBody.style.border = "2px solid rgba(0, 128, 0, 0.5)";
        }
        if (storeHolder && chatBox && ageBarBody) {
            clearInterval(intervalId);
        }
    }
    var intervalId = setInterval(changeStyle, 500);

    // Functionality from MooMoo.io Reload Bars
    window.Cow.setCodec(window.msgpack);
    CanvasRenderingContext2D.prototype._roundRect = CanvasRenderingContext2D.prototype.roundRect;
    window.Cow.addRender("global", () => {
        window.Cow.playersManager.eachVisible(player => {
            if (player === null || player === undefined || !player.alive) return;

            function renderBar({ width, innerWidth, xOffset, yOffset, color }) {
                const context = window.Cow.renderer.context;
                const healthBarPad = window.config.healthBarPad;
                const height = 17;
                const radius = 8;
                context.save();
                context.fillStyle = "#3d3f42";
                context.translate(xOffset, yOffset);
                context.beginPath();
                context._roundRect(-width - healthBarPad, -8.5, 2 * width + 2 * healthBarPad, height, radius);
                context.fill();
                context.restore();
                context.save();
                context.fillStyle = color;
                context.translate(xOffset, yOffset);
                context.beginPath();
                context._roundRect(-width, -8.5 + healthBarPad, 2 * innerWidth, height - 2 * healthBarPad, radius - 1);
                context.fill();
                context.restore();
            }
            const width = window.config.healthBarWidth / 2 - window.config.healthBarPad / 2;
            const primaryReloadCount = Math.min(Math.max(player.reloads.primary.count / player.reloads.primary.max, 0), 1);
            const secondaryReloadCount = Math.min(Math.max(player.reloads.secondary.count / player.reloads.secondary.max, 0), 1);
            const yOffset = player.renderY + player.scale + window.config.nameY - 5;
            renderBar({
                width,
                innerWidth: width * primaryReloadCount,
                xOffset: player.renderX - width * 1.19,
                yOffset,
                color: player.isAlly ? "#8ecc51" : "#cc5151"
            });
            renderBar({
                width,
                innerWidth: width * secondaryReloadCount,
                xOffset: player.renderX + width * 1.19,
                yOffset,
                color: player.isAlly ? "#8ecc51" : "#cc5151"
            });
        });
    });
})();