Minefun Sky Text Flash

Sky text flashing colors for Minefun

Terá de instalar uma extensão como Tampermonkey, Greasemonkey ou Violentmonkey para instalar este script.

Terá de instalar uma extensão como Tampermonkey para instalar este script.

Terá de instalar uma extensão como Tampermonkey ou Violentmonkey para instalar este script.

Terá de instalar uma extensão como Tampermonkey ou Userscripts para instalar este script.

Terá de instalar uma extensão como Tampermonkey para instalar este script.

Terá de instalar uma extensão de gestão de scripts de utilizador para instalar este script.

(Já tenho um gestor de scripts de utilizador, deixe-me instalá-lo!)

Terá de instalar uma extensão como Stylus para instalar este estilo.

Terá de instalar uma extensão como Stylus para instalar este estilo.

Terá de instalar uma extensão como Stylus para instalar este estilo.

Terá de instalar uma extensão de gestão de estilos de utilizador para instalar este estilo.

Terá de instalar uma extensão de gestão de estilos de utilizador para instalar este estilo.

Terá de instalar uma extensão de gestão de estilos de utilizador para instalar este estilo.

(Já tenho um gestor de estilos de utilizador, deixe-me instalá-lo!)

// ==UserScript==
// @name         Minefun Sky Text Flash
// @namespace    https://greasyfork.org
// @version      1.1
// @description  Sky text flashing colors for Minefun
// @match        *://*minefun*/*
// @grant        none
// ==/UserScript==

(function () {
    'use strict';

    // ===== SKY TEXT =====
    const skyText = document.createElement("div");
    skyText.innerText = "☁ BẦU TRỜI GALAXY ☁";
    document.body.appendChild(skyText);

    Object.assign(skyText.style, {
        position: "fixed",
        top: "20px",
        left: "50%",
        transform: "translateX(-50%)",
        fontSize: "22px",
        fontWeight: "bold",
        zIndex: "9999",
        pointerEvents: "none",
        color: "#00ffcc",
        textShadow: "0 0 10px black",
        transition: "0.3s"
    });

    // ===== BUTTON =====
    const btn = document.createElement("div");
    btn.innerText = "Sky OFF";
    document.body.appendChild(btn);

    Object.assign(btn.style, {
        position: "fixed",
        top: "100px",
        right: "20px",
        zIndex: "10000",
        padding: "8px 12px",
        background: "#111",
        color: "#fff",
        border: "1px solid #444",
        cursor: "pointer",
        userSelect: "none"
    });

    let enabled = false;

    const colors = ["#00ffff", "#ff0033", "#cc00ff", "#ffcc00"];
    let i = 0;
    let interval = null;

    btn.onclick = () => {
        enabled = !enabled;

        if (enabled) {
            btn.innerText = "Sky ON";

            interval = setInterval(() => {
                skyText.style.color = colors[i % colors.length];
                skyText.style.textShadow = `0 0 15px ${colors[i % colors.length]}`;
                i++;
            }, 300);

        } else {
            btn.innerText = "Sky OFF";
            clearInterval(interval);
            skyText.style.color = "#00ffcc";
            skyText.style.textShadow = "0 0 10px black";
        }
    };

    // ===== DRAG BUTTON =====
    let drag = false, ox, oy;

    btn.addEventListener("mousedown", (e) => {
        drag = true;
        ox = e.clientX - btn.offsetLeft;
        oy = e.clientY - btn.offsetTop;
    });

    document.addEventListener("mousemove", (e) => {
        if (!drag) return;
        btn.style.left = (e.clientX - ox) + "px";
        btn.style.top = (e.clientY - oy) + "px";
        btn.style.right = "auto";
    });

    document.addEventListener("mouseup", () => drag = false);

})();