try to take over the world!
As of
// ==UserScript==
// @name custom surviv skins
// @namespace https://github.com/notKaiAnderson/
// @version 0.2
// @description try to take over the world!
// @author someGays
// @match *://surviv.io/*
// @grant none
// @icon https://i.imgur.com/jgHdTYA.png
// ==/UserScript==
(function () {
'use strict';
// <----------Container---------->
var left = document.querySelector('#ad-block-left');
left.innerHTML = `<div class="container">
<div class="header">
<h2>Select skin</h2>
</div>
<div class="skins">
<div class="skin " id="woodCutter">
<img src="https://i.imgur.com/sfNrjAh.png" class="skin-img" />
<h4 class="skin-name">Woodcutter's Wrap</h4>
</div>
<div class="skin " id="developerSwag">
<img src="https://i.imgur.com/NGi63mJ.png " class="skin-img" />
<h4 class="skin-name">Developer Swag</h4>
</div>
<div class="skin " id="valiantPineapple">
<img src="https://i.imgur.com/Di76DSD.png" class="skin-img" />
<h4 class="skin-name">Valiant Pineapple</h4>
</div>
<div class="skin " id="casanovaSilks">
<img src="https://i.imgur.com/Z0gQ50L.png" class="skin-img" />
<h4 class="skin-name">Casanova Silks</h4>
</div>
<div class="skin " id="fowlFacade">
<img src="https://i.imgur.com/E5aKOMD.png" class="skin-img" />
<h4 class="skin-name">Fowl Facade</h4>
</div>
<div class="skin " id="imperialSeal">
<img src="https://i.imgur.com/IaJHFPb.png " class="skin-img" />
<h4 class="skin-name">Imperial Seal</h4>
</div>
<div class="skin " id="redVictorious">
<img src="https://i.imgur.com/8ZRZcnw.png" class="skin-img" />
<h4 class="skin-name">Red Victorious</h4>
</div>
<div class="skin " id="discordModeratr">
<img src="https://i.imgur.com/bcrqgfw.png " class="skin-img" />
<h4 class="skin-name">Discord Moderatr</h4>
</div>
<div class="skin " id="aquaticAvenger">
<img src="https://i.imgur.com/KK6FP65.png" class="skin-img" />
<h4 class="skin-name">Aquatic Avenger</h4>
</div>
<div class="skin " id="tarkhanyRegal">
<img src="https://i.imgur.com/ju8Qsao.png" class="skin-img" />
<h4 class="skin-name">Tarkhany Regal</h4>
</div>
<div class="skin " id="custom01">
<img src="https://i.imgur.com/oLQAsEv.png" class="skin-img" />
<h4 class="skin-name">custom skin 01</h4>
</div>
</div>
</div>
`
// <----------Misc---------->
var container = document.querySelector('.container');
container.setAttribute("style", "width: 100%; overflow-y: scroll; height: 100%;text-align: center; box-sizing: border-box;");
var skins = document.querySelector('.skins');
skins.setAttribute("style", "display: flex; flex-wrap: wrap; box-sizing: border-box;");
left.setAttribute("style", "height: 325px; box-sizing: border-box;");
var skin = document.querySelectorAll('.skin');
skin.forEach(item => { item.setAttribute("style", "flex-grow: 1; flex-basis: 50%; cursor: pointer; box-sizing: border-box;") })
function addStyleString(str) {
var node = document.createElement('style');
node.innerHTML = str;
document.body.appendChild(node);
}
addStyleString('.active { color: green; border: 2px solid #668e38; }');
// <----------SkinRules---------->
function woodCutter() {
var xx = webpackJsonp([],null,["63d67e9d"]);
xx.outfitBase.skinImg.baseSprite = "player-base-outfitLumber.img"
xx.outfitBase.skinImg.handTint = 8258312;
xx.outfitBase.skinImg.handSprite = "player-hands-02.img";
xx.outfitBase.skinImg.backpackTint = 4854547;
xx.outfitBase.skinImg.backpackSprite = "player-circle-base-02.img";
xx.outfitBase.skinImg.footTint = 8258312;
xx.outfitBase.skinImg.footSprite = "player-feet-02.img";
}
function developerSwag() {
var xx = webpackJsonp([],null,["63d67e9d"]);
xx.outfitBase.baseSprite = "player-base-outfitDC.img";
xx.outfitBase.skinImg.baseTint = 3442216;
xx.outfitBase.skinImg.handSprite = "player-hands-02.img";
xx.outfitBase.skinImg.handTint = 6937122;
xx.outfitBase.skinImg.backpackSprite = "player-circle-base-02.img";
xx.outfitBase.skinImg.backpackTint = 2902793 ;
xx.outfitBase.skinImg.footTint = 6937122;
xx.outfitBase.skinImg.footSprite = "player-feet-02.img";
}
function fowlFacade() {
var xx = webpackJsonp([],null,["63d67e9d"]);
xx.outfitBase.skinImg.baseSprite = "player-base-outfitTurkey.img";
xx.outfitBase.skinImg.baseTint = 15781563;
xx.outfitBase.skinImg.handTint = 10818304;
xx.outfitBase.skinImg.handSprite = "player-hands-02.img";
xx.outfitBase.skinImg.backpackSprite = "player-circle-base-02.img";
xx.outfitBase.skinImg.backpackTint = 11031846 ;
xx.outfitBase.skinImg.footSprite = "player-feet-02.img";
xx.outfitBase.skinImg.footTint = 15781563;
}
function discordModeratr() {
var xx = webpackJsonp([],null,["63d67e9d"]);
xx.outfitBase.skinImg.baseSprite = "player-base-outfitDC.img"
xx.outfitBase.skinImg.baseTint = 3380187;
xx.outfitBase.skinImg.handSprite = "player-hands-02.img";
xx.outfitBase.skinImg.handTint = 9684974;
xx.outfitBase.skinImg.backpackSprite = "player-circle-base-02.img";
xx.outfitBase.skinImg.backpackTint = 1529478
xx.outfitBase.skinImg.footTint = 9684974;
xx.outfitBase.skinImg.footSprite = "player-feet-02.img";
}
function casanovaSilks() {
var xx = webpackJsonp([], null, ["63d67e9d"]);
xx.outfitBase.skinImg.baseTint = 4327436;
xx.outfitBase.skinImg.handTint = 7602183;
xx.outfitBase.skinImg.backpackTint = 0x101010;
xx.outfitBase.skinImg.footTint = 7602183;
}
function valiantPineapple() {
var xx = webpackJsonp([], null, ["63d67e9d"]);
xx.outfitBase.baseSprite = "player-base-02.img";
xx.outfitBase.skinImg.baseTint = 10027008;
xx.outfitBase.skinImg.handTint = 4985105;
xx.outfitBase.skinImg.backpackTint = 16763904;
xx.outfitBase.skinImg.footTint = 4985105;
}
function imperialSeal() {
var xx = webpackJsonp([], null, ["63d67e9d"]);
xx.outfitBase.skinImg.baseTint = 12320813;
xx.outfitBase.skinImg.handTint = 16777215;
xx.outfitBase.skinImg.backpackTint = 12625727;
xx.outfitBase.skinImg.footTint = 16777215;
}
function redVictorious() {
var xx = webpackJsonp([], null, ["63d67e9d"]);
xx.outfitBase.baseSprite = "player-base-02.img";
xx.outfitBase.skinImg.baseTint = 10098712;
xx.outfitBase.skinImg.handTint = 16711680;
xx.outfitBase.skinImg.backpackTint = 5442572;
xx.outfitBase.skinImg.footTint = 16711680;
}
function aquaticAvenger() {
var xx = webpackJsonp([], null, ["63d67e9d"]);
xx.outfitBase.skinImg.baseTint = 47778;
xx.outfitBase.skinImg.handTint = 65502;
xx.outfitBase.skinImg.backpackTint = 536620;
xx.outfitBase.skinImg.footTint = 65502;
}
function tarkhanyRegal() {
var xx = webpackJsonp([], null, ["63d67e9d"]);
xx.outfitBase.baseSprite = "player-base-02.img";
xx.outfitBase.skinImg.baseTint = 4927107;
xx.outfitBase.skinImg.handTint = 16757760;
xx.outfitBase.skinImg.handSprite = "player-hands-02.img";
xx.outfitBase.skinImg.backpackTint = 4661344;
xx.outfitBase.skinImg.footTint = 16757760;
xx.outfitBase.skinImg.footSprite = "player-feet-02.img";
xx.outfitBase.skinImg.backpackSprite = "player-circle-base-02.img";
}
// custom skins
function custom01() {
var xx = webpackJsonp([], null, ["63d67e9d"]);
xx.outfitBase.baseSprite = "player-base-02.img";
xx.outfitBase.skinImg.baseTint = 0x45364B;
xx.outfitBase.skinImg.handTint = 0x996888;
xx.outfitBase.skinImg.handSprite = "player-hands-02.img";
xx.outfitBase.skinImg.backpackTint = 0xB5C2B7;
xx.outfitBase.skinImg.footTint = 0x996888;
xx.outfitBase.skinImg.footSprite = "player-feet-02.img";
xx.outfitBase.skinImg.backpackSprite = "player-circle-base-02.img";
}
function removeBorder() {
skin.forEach(item => { item.classList.remove('active') })
}
// <----------SkinForEach---------->
skin.forEach(function (item) {
item.addEventListener('click', function () {
if (item.id == "woodCutter") {
woodCutter();
removeBorder();
item.className += " active";
}
if (item.id == "developerSwag") {
developerSwag();
removeBorder();
item.className += " active";
}
if (item.id == "fowlFacade") {
fowlFacade();
removeBorder();
item.className += " active";
}
if (item.id == "discordModeratr") {
discordModeratr();
removeBorder();
item.className += " active";
}
if (item.id == "casanovaSilks") {
casanovaSilks();
removeBorder();
item.className += " active";
}
if (item.id == "valiantPineapple") {
valiantPineapple();
removeBorder();
item.className += " active";
}
if (item.id == "imperialSeal") {
imperialSeal();
removeBorder();
item.className += " active";
}
if (item.id == "redVictorious") {
redVictorious();
removeBorder();
item.className += " active";
}
if (item.id == "aquaticAvenger") {
aquaticAvenger();
removeBorder();
item.className += " active";
}
if (item.id == "tarkhanyRegal") {
tarkhanyRegal();
removeBorder();
item.className += " active";
}
if (item.id == "custom01") {
custom01();
removeBorder();
item.className += " active";
}
});
});
})();