☰

Greasy Fork is available in English.

Rainbow UI 🌈 | Ad Block 🛑 | Better Map 🗺 | Show Ping 🏓 | And More … | MooMoo.IO

Rainbow UI, ad block, better map, always show ping, start with extra resources, and more for moomoo.io.

// ==UserScript==
// @name Rainbow UI 🌈 | Ad Block 🛑 | Better Map 🗺 | Show Ping 🏓 | And More … | MooMoo.IO
// @namespace -
// @version 1.3.4
// @description Rainbow UI, ad block, better map, always show ping, start with extra resources, and more for moomoo.io.
// @author NotYou
// @match https://moomoo.io/*
// @match https://*.moomoo.io/*
// @match http://moomoo.io/*
// @match http://*.moomoo.io/*
// @run-at document-body
// @license GPL-3.0-or-later
// @grant none
// ==/UserScript==

// You can change "false" to "true" (without quotes)
const modConfig = {
    rainbowObjects: true,
    invertColors: false
}

// Do NOT edit code below

const extra = function() {
    const getResources = window.follmoo

    if(getResources) {
        getResources()
    }
}
const style = document.createElement('style')
style.appendChild(document.createTextNode(`
:root {
  --w: rgb(255, 255, 255);
  --b: rgb(19, 19, 19);
  --f: rgb(9, 9, 9);
  --b-t: rgba(0, 0, 0, 0.6);
  --f-t: rgba(0, 0, 0, 0.8);
}

/* AD BLOCK */

#adCard, #menuContainer > :last-child, #promoImgHolder, #pre-content-container, #ot-sdk-btn-floating, #moomooio_728x90_home, #moomooio_300x250_1,

/* COOKIE BLOCK */

#onetrust-consent-sdk

{
  display: none !important;
}

/* RAINBOW UI */

#serverBrowser, #vipServerBrowser, .menuCard, #linksContainer2 {
  background-color: var(--b);
}

#loadingText, #diedText, #gameName, #partyButton, #youtuberOf, #pingDisplay, #ageText, #linksContainer2, #enterGame span, #nameInput, .material-icons {
  color: var(--f);
}

#ageBody, #actionBar *, #resDisplay *, #upgradeHolder *, #mapDisplay, #topInfoHolder, #killCounter, .uiElement, #ageBar, #storeHolder, .storeTab, #allianceHolder, #allianceManager *, #chatBox, .notifButton {
  background-color: var(--f-t) !important;
}

.uiElement.gameButton:hover, #actionBar *:hover, #upgradeHolder *:hover, .storeTab:hover, .notifButton:hover {
  background-color: var(--b-t);
}

#menuCardHolder[style*="block"] {
  display: grid !important;
}

#rightCardHolder, #guideCard {
  height: 147px;
}

.menuCard {
  box-shadow: var(--f) 0 7px;
}

.menuCard * {
  color: var(--w);
}

#serverBrowser, #vipServerBrowser {
  border: 1px solid var(--f);
}

#gameName {
  text-shadow:
    var(--b) 0px 1px 0px,
    var(--b) 0px 2px 0px,
    var(--b) 0px 3px 0px,
    var(--b) 0px 4px 0px,
    var(--b) 0px 5px 0px,
    var(--b) 0px 6px 0px,
    var(--b) 0px 7px 0px,
    var(--b) 0px 8px 0px,
    var(--b) 0px 9px 0px;
}

#ageBarBody {
  background-color: red;
}

#gameUI .material-icons, .joinAlBtn {
  color: red !important;
}

#enterGame, #joinPartyButton, #ageBarBody, #gameUI .material-icons, .joinAlBtn, a {
  animation: 5s infinite linear both normal rainbow;
}

@keyframes rainbow {
  0% { filter: hue-rotate(0deg) }
  100% { filter: hue-rotate(360deg) }
}

/* OTHER */

#mapDisplay {
  background-image: url(data:image/png;base64,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) !important;
  background-size: contain !important;
}

#topInfoHolder {
  border-radius: 3px;
}

#pingDisplay {
  display: block;
}

#vipServerBrowser {
  width: 100%;
  height: 24px;
}

/* MODIFICATIONS */

${modConfig.invertColors ? `
#gameCanvas {
  -webkit-filter: invert(1);
  filter: invert(1);
}
`: ''}

`))
document.head.appendChild(style)

window.addEventListener('DOMContentLoaded', () => {
    const mainMenu = document.querySelector('#mainMenu')

    CanvasRenderingContext2D.prototype._rotate = CanvasRenderingContext2D.prototype.rotate

    const discord = document.querySelector('#linksContainer2 [href*="discord"]')
    discord.href = '//greasyfork.org/scripts/449133'
    discord.innerHTML = 'Rainbow UI'

    // Always show ping
    mainMenu.insertAdjacentElement('beforebegin', document.querySelector('#pingDisplay'))

    // Extra Resources
    ;(function() {
        extra()

        const obs = new MutationObserver(extra)
        obs.observe(document.querySelector('#diedText'), {
            childList: true,
            subtree: true,
        })
    })()

    // VIP Servers
    ;(function() {
        document.querySelector('#altServer').insertAdjacentHTML('afterend', '<div class="menuHeader" style="margin-top:10px">VIP Servers</div><select id="vipServerBrowser"><option selected="" disabled>Select Server</option></select>')

        const serverBrowserSelector = '#serverBrowser > select'
        let serverBrowser = document.querySelector(serverBrowserSelector)
        const vipServerBrowser = document.querySelector('#vipServerBrowser')
        const obs = new MutationObserver(() => {
            if (!serverBrowser) {
                serverBrowser = document.querySelector(serverBrowserSelector)
                return
            }

            const servers = Array.from(serverBrowser.children).filter(e => e.textContent.includes('[0/'))

            if(servers.length > 1) {
                servers.forEach(e => {
                    e = e.cloneNode(true)
                    e.textContent = e.textContent.split(' [')[0]
                    vipServerBrowser.insertAdjacentElement('beforeend', e)
                })

                vipServerBrowser.addEventListener('click', e => {
                    const value = e.target.value

                    if(value.includes(':')) {
                        location.replace(location.origin + '/?server=' + value)
                    }
                })

                obs.disconnect()
            }
        })

        obs.observe(mainMenu, {
            childList: true,
            subtree: true,
        })
    })()

    // Rainbow Objects

    if(modConfig.rainbowObjects) {
        let deg = 0
        let i = 0

        CanvasRenderingContext2D.prototype.rotate = function(e) {
            this._rotate(e)
            this.filter = `hue-rotate(${deg}deg)`

            if (i === 1) {
                deg++
            }

            i++

            deg %= 360
            i %= 2
        }
    }
})