☰

just some simple visuals

visual script - blahblahblah

// ==UserScript==
// @name        just some simple visuals
// @namespace   http://tampermonkey.net/
// @version     1.0
// @match       https://meedy.io/*
// @author      rei hades (miamaruuu)
// @description  visual script - blahblahblah
// @grant       none
// ==/UserScript==
(function() {
    'use strict';

    const style = document.createElement('style');
    style.textContent = `
    .fps-display {
        position: fixed;
        top: 20px;
        left: 20px;
        background-color: rgba(0, 0, 0, 0.7);
        padding: 4px 10px;
        border-radius: 4px;
        font-family: Arial, sans-serif;
        font-size: 20px;
        font-weight: bold;
        color: #fff;
        z-index: 999999;
    }
    #controls-container {
        position: fixed;
        top: 60px;
        left: 20px;
        display: flex;
        gap: 10px;
        z-index: 999999;
    }
    .control-box {
        min-width: 50px;
        min-height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: rgba(255,255,255,0.2);
        border-radius: 8px;
        font-family: Arial, sans-serif;
        font-size: 18px;
        font-weight: bold;
        color: #fff;
        user-select: none;
        transition: background-color 0.2s, color 0.2s;
    }
    #space-box {
        min-width: 70px;
        background-color: rgba(255,255,255,0.3);
    }
    #left-advert-container,
    #middle-bottom-promotion-container,
    #changelog,
    #terms,
    #privacy,
    #links-container {
        display: none !important;
    }
    `;
    document.head.appendChild(style);

    const selectorsToHide = [
        '#left-advert-container',
        '#middle-bottom-promotion-container',
        '#changelog',
        '#terms',
        '#privacy',
        '#links-container'
    ];
    selectorsToHide.forEach(sel => {
        const el = document.querySelector(sel);
        if (el) el.style.display = 'none';
    });

    const loadingOverlay = document.createElement('div');
    Object.assign(loadingOverlay.style, {
        position: 'fixed',
        top: '0', left: '0',
        width: '100%', height: '100%',
        backgroundColor: 'rgba(0,0,0,0.8)',
        display: 'flex', alignItems: 'center', justifyContent: 'center',
        zIndex: '999998', color: '#fff', fontSize: '24px'
    });
    loadingOverlay.innerHTML = 'Loading...';
    document.body.appendChild(loadingOverlay);

    window.addEventListener('load', () => {
        setTimeout(() => {
            loadingOverlay.remove();
        }, 500);
    });

    const fpsDisplay = document.createElement('div');
    fpsDisplay.className = 'fps-display';
    fpsDisplay.innerHTML = 'FPS: 0';
    document.body.appendChild(fpsDisplay);

    const controlsContainer = document.createElement('div');
    controlsContainer.id = 'controls-container';

    const keys = ['W', 'A', 'S', 'D'];
    const keyBoxes = {};
    keys.forEach(k => {
        const box = document.createElement('div');
        box.className = 'control-box';
        box.textContent = k;
        controlsContainer.appendChild(box);
        keyBoxes[k] = box;
    });

    const spaceBox = document.createElement('div');
    spaceBox.className = 'control-box';
    spaceBox.id = 'space-box';
    spaceBox.textContent = 'Space';
    controlsContainer.appendChild(spaceBox);

    document.body.appendChild(controlsContainer);

    const keyState = { 'W': false, 'A': false, 'S': false, 'D': false, 'Space': false };
    document.addEventListener('keydown', e => {
        const k = e.key.toLowerCase();
        if (k === 'w') keyState['W'] = true;
        if (k === 'a') keyState['A'] = true;
        if (k === 's') keyState['S'] = true;
        if (k === 'd') keyState['D'] = true;
        if (k === ' ') keyState['Space'] = true;
    });
    document.addEventListener('keyup', e => {
        const k = e.key.toLowerCase();
        if (k === 'w') keyState['W'] = false;
        if (k === 'a') keyState['A'] = false;
        if (k === 's') keyState['S'] = false;
        if (k === 'd') keyState['D'] = false;
        if (k === ' ') keyState['Space'] = false;
    });

    let fps = 0, fpsCount = 0, fpsTime = performance.now();

    (function animate() {
        fpsCount++;
        const now = performance.now();
        if (now - fpsTime >= 1000) {
            fps = fpsCount;
            fpsCount = 0;
            fpsTime = now;
            fpsDisplay.innerHTML = 'FPS: ' + fps;
        }
        requestAnimationFrame(animate);
    })();

    setInterval(() => {
        for (const k in keyBoxes) {
            if (keyState[k]) {
                keyBoxes[k].style.backgroundColor = 'white';
                keyBoxes[k].style.color = 'black';
            } else {
                keyBoxes[k].style.backgroundColor = 'rgba(255,255,255,0.2)';
                keyBoxes[k].style.color = 'white';
            }
        }
    }, 100);
})();

//again this is uncomplete and please read the full description if u havent