☰

Agar.io Custom Skin with Border Color

Upload a custom skin and set the border color in Agar.io

// ==UserScript==
// @name         Agar.io Custom Skin with Border Color
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Upload a custom skin and set the border color in Agar.io
// @author       You
// @match        http://agar.io/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Wait for Agar.io's script to load
    window.addEventListener('load', function() {
        let buttonContainer = document.querySelector('.game-container'); // Find the main game container
        if (buttonContainer) {
            // Create a custom "Upload Image" button
            let uploadButton = document.createElement('button');
            uploadButton.innerText = 'Subir Imagen';
            uploadButton.style.position = 'absolute';
            uploadButton.style.top = '10px';
            uploadButton.style.right = '10px';
            uploadButton.style.padding = '10px';
            uploadButton.style.backgroundColor = '#4CAF50';
            uploadButton.style.color = 'white';
            uploadButton.style.border = 'none';
            uploadButton.style.cursor = 'pointer';
            uploadButton.style.zIndex = '9999';

            // Create the color selector
            let colorSelector = document.createElement('select');
            colorSelector.innerHTML = `
                <option value="black">Negro</option>
                <option value="white">Blanco</option>
                <option value="red">Rojo</option>
                <option value="yellow">Amarillo</option>
                <option value="blue">Azul</option>
                <option value="green">Verde</option>
            `;
            colorSelector.style.position = 'absolute';
            colorSelector.style.top = '50px';
            colorSelector.style.right = '10px';
            colorSelector.style.padding = '5px';
            colorSelector.style.zIndex = '9999';

            // Append the button and the color selector to the page
            buttonContainer.appendChild(uploadButton);
            buttonContainer.appendChild(colorSelector);

            // Handle the image upload
            uploadButton.addEventListener('click', function() {
                let input = document.createElement('input');
                input.type = 'file';
                input.accept = 'image/*';
                input.click();
                
                input.addEventListener('change', function(event) {
                    let file = event.target.files[0];
                    if (file) {
                        let reader = new FileReader();
                        reader.onload = function(e) {
                            let img = new Image();
                            img.src = e.target.result;
                            img.onload = function() {
                                // Apply custom skin to the player in the game
                                window.game.skin = img;
                                alert('¡Imagen subida con éxito!');
                            };
                        };
                        reader.readAsDataURL(file);
                    }
                });
            });

            // Update the border color based on the selected option
            colorSelector.addEventListener('change', function() {
                let selectedColor = colorSelector.value;

                // Update the border color on the player's skin
                window.game.setPlayerBorderColor(selectedColor); // This may depend on the game's specific functions
                alert(`Borde de la skin cambiado a: ${selectedColor}`);
            });
        }
    });
})();