Tank-Randomizer

Bring an element of surprise to your tank customization experience with the Tank Randomizer,
当前为 2025-02-04 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name        Tank-Randomizer
// @author      kamarov
// @description Bring an element of surprise to your tank customization experience with the Tank Randomizer,
// @version     4.0.0
// @namespace   https://github.com/kamarov-therussiantank
// @license     GPL-3.0
// @match       https://*.tanktrouble.com/*
// @run-at      document-end
// @grant       GM_addStyle
// @require     https://update.greasyfork.org/scripts/482092/1297984/TankTrouble%20Development%20Library.js
// @noframes
// ==/UserScript==

GM_addStyle(`
.randomize-button {
  margin-bottom: 10px;
  height: 20px;
  width: 100px;
}
.partSelectAccessory, .partSelectPaint {
  cursor: pointer;
  outline: none;
  width: 78%;
  border: 1px solid var(--jq-borderColorDefault);
  border-radius: 5px;
  background: var(--jq-bgColorDefault) var(--jq-widget-button-disabled-hovered-or-active-bg) 50% 50% repeat-x;
  font-weight: 600;
  font-size: 11px;
  color: #555;
  margin-bottom: 5px;
  padding: 3px;
}
.partSelectAccessory:hover {
  color: #1a1a1a;
}
.partSelectPaint:hover {
  color: #1a1a1a;
}
:root.dark .partSelectAccessory:hover {
  color: #fff;
}
:root.dark .partSelectPaint:hover {
  color: #fff;
}
:root.dark .partSelectAccessory {
  color: #e7e7e7;
}
:root.dark .partSelectPaint {
  color: #e7e7e7;
}
.partSelectSection {
  font-size: 12px;
}
.partTexts {
  font-family: TankTrouble;
  font-size: 12px;
  color: #e7c811;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  margin-bottom: 5px;
  margin-top: 3px;
}
`);

whenContentInitialized().then(() => {
    var id = Users.getAllPlayerIds()[0];
    var turret = [];
    var back = [];
    var barrel = [];
    var front = [];
    var treads = [];
    var colours = [];
    var baseColor = '';

    function randomizeTurretPaint() {
        randomizeTurretColor();
    }

    function randomizeTurretColor() {
        Backend.getInstance().setColour(
            function(result) {
                Users.updateUser(id, true, false);
            },
            null,
            null,
            id,
            'turret',
            colours[Math.floor(Math.random() * colours.length)],
            Caches.getPlayerDetailsCache()
        );
    }

    function randomizeBasePaint() {
        randomizeBaseColor();
    }

    function randomizeBaseColor() {
        Backend.getInstance().setColour(
            function(result) {
                Users.updateUser(id, true, false);
            },
            null,
            null,
            id,
            'base',
            colours[Math.floor(Math.random() * colours.length)],
            Caches.getPlayerDetailsCache()
        );
    }

    function randomizeTreadsPaint() {
        randomizeTreadsColor();
    }

    function randomizeTreadsColor() {
        Backend.getInstance().setColour(
            function(result) {
                Users.updateUser(id, true, false);
            },
            null,
            null,
            id,
            'tread',
            colours[Math.floor(Math.random() * colours.length)],
            Caches.getPlayerDetailsCache()
        );
    }

    function randomizeTurretAccessory() {
        randomizeTurretA();
    }

    function randomizeTurretA() {
        Backend.getInstance().setAccessory(
            function(result) {
                Users.updateUser(id, true, false);
            },
            null,
            null,
            id,
            'turret',
            turret[Math.floor(Math.random() * turret.length)],
            Caches.getPlayerDetailsCache()
        );
    }

    function randomizeBarrelAccessory() {
        randomizeBarrelA();
    }

    function randomizeBarrelA() {
        Backend.getInstance().setAccessory(
            function(result) {
                Users.updateUser(id, true, false);
            },
            null,
            null,
            id,
            'barrel',
            barrel[Math.floor(Math.random() * barrel.length)],
            Caches.getPlayerDetailsCache()
        );
    }

    function randomizeBackAccessory() {
        randomizeBackA();
    }

    function randomizeBackA() {
        Backend.getInstance().setAccessory(
            function(result) {
                Users.updateUser(id, true, false);
            },
            null,
            null,
            id,
            'back',
            back[Math.floor(Math.random() * back.length)],
            Caches.getPlayerDetailsCache()
        );
    }

    function randomizeFrontAccessory() {
        randomizeFrontA();
    }

    function randomizeFrontA() {
        Backend.getInstance().setAccessory(
            function(result) {
                Users.updateUser(id, true, false);
            },
            null,
            null,
            id,
            'front',
            front[Math.floor(Math.random() * front.length)],
            Caches.getPlayerDetailsCache()
        );
    }

    function randomizeAllPartsAccessories() {
        randomizeFrontAccessory();
        randomizeBackAccessory();
        randomizeTurretAccessory();
        randomizeBarrelAccessory();
    }

    function randomizeAllPartsPaints() {
        randomizeTurretPaint();
        randomizeBasePaint();
        randomizeTreadsPaint();
    }

    Backend.getInstance().getGarageContent(
        function(result) {
            var boxes = result['boxes'];
            for (var box in boxes) {
                var accessories = boxes[box]['accessories'];
                var sprays = boxes[box]['sprayCans'];
                for (var accessory in accessories) {
                    var thing = accessories[accessory];
                    if (thing['type'] == 'front') {
                        front.push(thing['value']);
                    }
                    if (thing['type'] == 'back') {
                        back.push(thing['value']);
                    }
                    if (thing['type'] == 'tread') {
                        treads.push(thing['value']);
                    }
                    if (thing['type'] == 'barrel') {
                        barrel.push(thing['value']);
                    }
                    if (thing['type'] == 'turret') {
                        turret.push(thing['value']);
                    }
                }
                for (var spray in sprays) {
                    var thing = sprays[spray]['colour'];
                    if (thing['type']) {
                        colours.push(thing['rawValue']);
                    }
                }
            }
            baseColor = colours[Math.floor(Math.random() * colours.length)];
        },
        function(res) {},
        function(res) {},
        id,
        Caches.getGarageContentCache()
    );

    var snippet = $(`
        <div id="randomizerSnippet" class="snippet">
            <div class="header">Tank Randomizer</div>
            <hr>
            </div>
    `);

    var content = $('<div></div>');

    var accessoriesButton = $('<button class="randomize-button button" type="button" tabindex="-1">Randomize</button>');
    var barrelAccessoryButton = $('<button class="randomize-button button" type="button" tabindex="-1">Randomize</button>');
    var turretAccessoryButton = $('<button class="randomize-button button" type="button" tabindex="-1">Randomize</button>');
    var frontAccessoryButton = $('<button class="randomize-button button" type="button" tabindex="-1">Randomize</button>');
    var backAccessoryButton = $('<button class="randomize-button button" type="button" tabindex="-1">Randomize</button>');
    var paintButton = $('<button class="randomize-button button" type="button" tabindex="-1">Randomize</button>');
    var turretPaintButton = $('<button class="randomize-button button" type="button" tabindex="-1">Randomize</button>');
    var basePaintButton = $('<button class="randomize-button button" type="button" tabindex="-1">Randomize</button>');
    var treadsPaintButton = $('<button class="randomize-button button" type="button" tabindex="-1">Randomize</button>');
    var accessoryText = $('<div class="partTexts">Accessories</div>');
    var paintText = $('<div class="partTexts">Paints</div>');

    const createNewWrapper = $('<div class="createNewWrapper"></div>');
    const accessoryPartSelect = $("<select class='partSelectAccessory'></select>");
    const paintPartSelect = $("<select class='partSelectPaint'></select>");

    const allAccessoriesOption = $('<option value="allAccessory">All</option>');
        accessoryPartSelect.append(allAccessoriesOption);
    const barrelAccessoriesOption = $('<option value="barrelAccessory">Barrel</option>');
        accessoryPartSelect.append(barrelAccessoriesOption);
    const turretAccessoriesOption = $('<option value="turretAccessory">Turret</option>');
        accessoryPartSelect.append(turretAccessoriesOption);
    const frontAccessoriesOption = $('<option value="frontAccessory">Front</option>');
        accessoryPartSelect.append(frontAccessoriesOption);
    const backAccessoriesOption = $('<option value="backAccessory">Back</option>');
        accessoryPartSelect.append(backAccessoriesOption);
    const allPaintsOption = $('<option value="allPaints">All</option>');
        paintPartSelect.append(allPaintsOption);
    const turretPaintsOption = $('<option value="turretPaints">Turret</option>');
        paintPartSelect.append(turretPaintsOption);
    const basePaintsOption = $('<option value="basePaints">Base</option>');
        paintPartSelect.append(basePaintsOption);
    const treadsPaintsOption = $('<option value="treadsPaints">Treads</option>');
        paintPartSelect.append(treadsPaintsOption);

    accessoriesButton.on('mouseup', () => randomizeAllPartsAccessories());
    barrelAccessoryButton.on('mouseup', () => randomizeBarrelAccessory());
    turretAccessoryButton.on('mouseup', () => randomizeTurretAccessory());
    frontAccessoryButton.on('mouseup', () => randomizeFrontAccessory());
    backAccessoryButton.on('mouseup', () => randomizeBackAccessory());
    paintButton.on('mouseup', () => randomizeAllPartsPaints());
    turretPaintButton.on('mouseup', () => randomizeTurretPaint());
    basePaintButton.on('mouseup', () => randomizeBasePaint());
    treadsPaintButton.on('mouseup', () => randomizeTreadsPaint());

// Function to toggle buttons based on selection
function toggleButtonsBasedOnSelection() {
    const selectedAccessoryValue = accessoryPartSelect.val();
    const selectedPaintValue = paintPartSelect.val();

// Hide all buttons
    accessoriesButton.show();
    barrelAccessoryButton.hide();
    turretAccessoryButton.hide();
    frontAccessoryButton.hide();
    backAccessoryButton.hide();
    paintButton.show();
    turretPaintButton.hide();
    basePaintButton.hide();
    treadsPaintButton.hide();

// Show accessory buttons based on selection
    if (selectedAccessoryValue === "allAccessories") {
        accessoriesButton.show();
    } else if (selectedAccessoryValue === "barrelAccessory") {
        barrelAccessoryButton.show();
        accessoriesButton.hide();
    } else if (selectedAccessoryValue === "turretAccessory") {
        turretAccessoryButton.show();
        accessoriesButton.hide();
    } else if (selectedAccessoryValue === "frontAccessory") {
        frontAccessoryButton.show();
        accessoriesButton.hide();
    } else if (selectedAccessoryValue === "backAccessory") {
        backAccessoryButton.show();
        accessoriesButton.hide();
    }

// Show paint buttons based on selection
    if (selectedPaintValue === "allPaints") {
        paintButton.show();
    } else if (selectedPaintValue === "turretPaints") {
        turretPaintButton.show();
        paintButton.hide();
    } else if (selectedPaintValue === "basePaints") {
        basePaintButton.show();
        paintButton.hide();
    } else if (selectedPaintValue === "treadsPaints") {
        treadsPaintButton.show();
        paintButton.hide();
    }
}

// Event listeners for selection changes
   accessoryPartSelect.on('change', toggleButtonsBasedOnSelection);
   paintPartSelect.on('change', toggleButtonsBasedOnSelection);

// Append elements to the DOM
   createNewWrapper.append(accessoryText);
   createNewWrapper.append(accessoryPartSelect);
   createNewWrapper.append(accessoriesButton);
   createNewWrapper.append(barrelAccessoryButton);
   createNewWrapper.append(turretAccessoryButton);
   createNewWrapper.append(frontAccessoryButton);
   createNewWrapper.append(backAccessoryButton);
   createNewWrapper.append(paintText);
   createNewWrapper.append(paintPartSelect);
   createNewWrapper.append(paintButton);
   createNewWrapper.append(turretPaintButton);
   createNewWrapper.append(basePaintButton);
   createNewWrapper.append(treadsPaintButton);

 content.append(createNewWrapper);

 snippet.append(content);
$('#secondaryContent').append(snippet);

// Initial toggle based on current selection values
$(document).ready(function() {
    toggleButtonsBasedOnSelection();
});

    function getRandomColorFromGarage() {
        return colours[Math.floor(Math.random() * colours.length)];
    }
});