☰

Teste Overlay

Exibe um overlay com a previsão da trajetória da bola em Haxball, cobrindo qualquer sala.

Fra 14.04.2025. Se den seneste versjonen.

// ==UserScript==
// @name         Teste Overlay
// @namespace    http://tampermonkey.net/
// @version      1.0
// @match        https://www.haxball.com/play*
// @grant        none
// @description Exibe um overlay com a previsão da trajetória da bola em Haxball, cobrindo qualquer sala.
// ==/UserScript==

(function() {
    'use strict';
    console.log("Meu script rodou!");

    // Cria um canvas de overlay
    let overlayCanvas = document.createElement("canvas");
    overlayCanvas.style.position = "absolute";
    overlayCanvas.style.top = "0";
    overlayCanvas.style.left = "0";
    overlayCanvas.style.width = "100%";
    overlayCanvas.style.height = "100%";
    overlayCanvas.style.zIndex = "9999";
    overlayCanvas.style.pointerEvents = "none";

    document.body.appendChild(overlayCanvas);

    // Ajusta tamanho do canvas de acordo com a janela
    function resizeCanvas() {
        overlayCanvas.width = window.innerWidth;
        overlayCanvas.height = window.innerHeight;
    }
    resizeCanvas();
    window.addEventListener("resize", resizeCanvas);

    // Desenha um quadrado vermelho pra testar
    const ctx = overlayCanvas.getContext("2d");
    ctx.fillStyle = "red";
    ctx.fillRect(50, 50, 200, 200);

    console.log("Overlay desenhado!");
})();