用于删除浏览器游戏中作为“渲染框架”一部分的背景/颜色渐变的扩展

问题描述 投票:0回答:0

我正在为游戏添加“自动播放”功能的扩展。基本上,当您死亡时,扩展按键会自动播放。

为此,我以这种方式创建了脚本:当菜单出现时(当你死亡时),按下播放键。

我遇到了第一个问题,当它自动播放时,菜单出现了一些毫秒,这很烦人,所以我在某些情况下将它的显示更改为“无”。

第二个问题,当有人死亡时,除了菜单外,还会出现一些蓝色渐变/图像,据我的朋友说,这是“渲染框架”的一部分。它做了同样烦人的事情,但我不能让它消失,因为它是渲染框架的一部分。

我想知道是否有办法直接或间接地使用一些技巧来删除它。

这是游戏。按 échap 这样您就可以看到菜单而不会死。

如果你不明白我在说什么,我只是想要一个技巧来删除当你按下 échap 时你会看到的蓝色背景。感谢您的帮助。

这是剧本:

// ==UserScript==
// @name         你好世界!
// @version      1.1
// @description  RYUTEN!
// @author       Grandy x Ghxst Dz
// @match        https://ryuten.io/play/
// @grant        none
// ==/UserScript==
(function() {
    let isMonitoring = false;
    let observer;

    function startMonitoring() {
        if (isMonitoring) {
            document.getElementById('main-canvas').style.opacity = "0";
            return;
        }

        const element = document.getElementById('spectate-info');

        observer = new MutationObserver((mutationsList) => {
            for (const mutation of mutationsList) {
                if (mutation.attributeName === "style") {
                    const computedStyle = window.getComputedStyle(element);
                    if (computedStyle.getPropertyValue("display") === "block") {
                        document.getElementById("mame-play-btn").click();
                    }
                }
            }
           const menu = document.getElementById('main-canvas');
           if (menu.style.display === 'block') {
           menu.style.display = 'none';
      }
        });

        observer.observe(element, {
            attributes: true
        });
        isMonitoring = true;
        chatMessageCreator("enabled")
    }

    function stopMonitoring() {
        if (!isMonitoring) {
            return;
        }

        observer.disconnect();
        isMonitoring = false;
        chatMessageCreator("disabled");
    }

    document.addEventListener("keydown", (event) => {
        if (event.keyCode == 88) {
            if (isMonitoring) {
                stopMonitoring();
            } else {
                startMonitoring();
            }
        }
    });
})();

const chatMessageCreator = (text) => {
    let channel = document.querySelector(".chbx-body-channel");
    let chatMsg = document.createElement("div");
    let date = new Date();
    chatMsg.classList.add("chbx-message");
    channel.appendChild(chatMsg);
    let chatDate = document.createElement("div");
    chatDate.classList.add("chbx-message-time")
    chatDate.innerHTML = `${date.toLocaleTimeString()}`
    chatMsg.appendChild(chatDate);
    let chatSender = document.createElement("div");
    chatSender.classList.add("chbx-message-sender")
    chatSender.innerHTML = "Helper"
    chatMsg.appendChild(chatSender)
    if(text === "enabled") {
        chatSender.style.color = "#00cc00";
    }
    else if(text === "disabled") {
        chatSender.style.color = "#ff0000";
    }
    let chatContent = document.createElement("div");
    chatContent.classList.add("chbx-message-content");
    chatContent.innerHTML = `Autorespawn is now ${text}!`
    chatMsg.appendChild(chatContent)
}

我在 HTML 代码中查找该元素的 ID,在 CSS 中查找颜色/背景/渐变。

browser html5-canvas
© www.soinside.com 2019 - 2024. All rights reserved.