☰

resize stupid coop icon

resizes the kotc icon that makes it impossible to see people on the coop if ur a cs. i also made it customizable. dm @lemonssalicious on discord if you have any proposed changes or anything

// ==UserScript==
// @name         resize stupid coop icon
// @version      2.0
// @description  resizes the kotc icon that makes it impossible to see people on the coop if ur a cs. i also made it customizable. dm @lemonssalicious on discord if you have any proposed changes or anything
// @author       lemonss
// @match        https://shellshock.io/*
// @unwrap
// @license MIT
// @namespace https://greasyfork.org/users/1421707
// ==/UserScript==

(function() {
    'use strict';
    console.log("kotc mod active");

    const size = "1.625em"; // this guy is the main variable that changes the size. if you change it just change the number and leave everything else (e.g. if you want it really tiny change the 1.625 to a .8 so it says const size = ".8em"

    // all this manages the sizing since the icon is made of several assets
    const heightIcon = `calc(${size} / 2)`;
    const borderRadius = `calc(${size} / 1.75)`;
    const boxShadowInset = `calc(${size} / 43.33)`;
    const boxShadow = `calc(${size} / 43.33)`;

    // here we adjust the placement of the icon, it's hard to tweak so the default values have a small offset that becomes noticeable at larger sizes
    const iconTop = `calc(${size} / 1.25 - ${heightIcon} / 2)`;
    const iconLeft = `calc(${size} / 2 - ${heightIcon} / 2)`;

    // these are the custom styles we inject, i reccomend refraining from touching these unless you know what you're doing
    const customStyles = `
        #captureIcon {
            position: absolute;
            width: ${heightIcon};
            height: ${heightIcon};
            top: ${iconTop};
            left: ${iconLeft};
        }

        #captureRingBackground {
            position: absolute;
            width: ${size};
            height: ${size};
            border: solid 0.125em #000;
            box-shadow: 0 0 0 ${boxShadowInset} inset rgba(0,0,0,0.5), 0 0 0 ${boxShadow} rgba(0,0,0,0.5);
            border-radius: ${borderRadius};
        }

        #captureRingContainer {
            position: relative;
            width: ${size};
            height: ${size};
            overflow: hidden;
            transform: translateY(5%);
        }

        #captureRing {
            position: absolute;
            width: ${size};
            height: ${size};
            border: solid 0.125em red;
            border-radius: ${borderRadius};
            transform: translateY(-5%);
        }

        #captureIconCaption {
            color: #fff;
            font-size: 0.4em;
            font-weight: 900;
            transform: translateY(-0.2em);
            text-shadow: var(--ss-space-micro) var(--ss-space-micro) var(--ss-shadow);
        }
    `;
//here we deal with actually replacing the icon
    const styleNode = document.createElement('style');
    styleNode.textContent = customStyles;
    document.body.appendChild(styleNode);

    let int = setInterval(() => {
        if (!window?.itemRenderer?.scene?._engine) return;
        let engine = itemRenderer.scene._engine;
        let scene = engine.scenes.find(scene => scene.lights == 0 && scene.rootNodes.length == 8);
        if (!scene?.materials) return;
        let mat = scene.materials.find(mat => mat.name == "shadowMat");
        if (!mat) return;
        scene.materials.find(mat => mat.name == "shadowMat")._alpha = 0;
        clearInterval(int);
    }, 250);
})();