some cool features
当前为
// ==UserScript==
// @name Snay.io ++
// @namespace http://tampermonkey.net/
// @version 0.3
// @description some cool features
// @author GravityG
// @match https://www.snay.io/*
// @license MIT
// @icon https://i.postimg.cc/dtDCj3h6/Logo.png
// @grant none
// ==/UserScript==
(function() {
'use strict';
function createElementFromHTML(htmlString, id) {
var div = document.createElement('div');
div.innerHTML = htmlString.trim();
var element = div.firstChild;
element.id = id; // Set the ID
return element;
}
// HTML strings for the new elements
var htmlStrings = [
{html: '<h3 class="settings-subtitle" style="margin: 1em; padding: 0px; font-size: 2em;">Script Dev</h3>', id: 'newElement1'},
{html: '<hr style="color: rgb(99, 99, 99); height: 0.1vw; background-color: rgb(99, 99, 99); width: 58em; margin-bottom: 1vw; margin-left: 2em;">', id: 'newElement2'},
{html: '<li style="margin-right: 0.5em; margin-left: 0.5em; margin-bottom: 0.5em; padding: 0px; color: rgb(99, 99, 99); background-color: rgb(242, 242, 242); border: 0.05em solid rgb(211, 211, 211); border-radius: 0.5em; display: flex; align-items: center; width: 30em; height: 3em; font-size: 2em;"><img src="https://i.pinimg.com/originals/23/51/bc/2351bc65b2b5d75cef146b7edddf805b.gif" style="border-radius: 100%; margin-right: 0.5em; margin-left: 0.5em; width: 2.5em; height: 2.5em;"><span style="width: 14em;">GravityG </span><img src="/assets/img/DiscordIcone.png" style="margin-right: 0.5em; margin-left: 0.5em; width: 2.5em; height: 2.5em;"><span>hw_e</span></li>', id: 'newElement3'}
];
// Get the settings button
var settingsBtn = document.getElementById('settings-btn');
// Add the click event listener
settingsBtn.addEventListener('click', function() {
// Get the MoreButtons element
var moreButtons = document.getElementById('MoreButtons');
// Reverse the array to maintain the order when using insertBefore
htmlStrings.reverse().forEach(function(elementData) {
// Check if the element has already been added
if (!document.getElementById(elementData.id)) {
var newElement = createElementFromHTML(elementData.html, elementData.id);
moreButtons.insertBefore(newElement, moreButtons.firstChild);
}
});
});
// Function to apply custom CSS
function applyCustomCSS() {
var modMenu = document.getElementById('modmenu');
if (modMenu) {
modMenu.style.borderRadius = '15px';
modMenu.style.zIndex = '20';
modMenu.style.top = '1vw';
modMenu.style.width = '20vw';
modMenu.style.height = '30vw';
modMenu.style.borderStyle = 'solid';
modMenu.style.borderColor = 'transparent';
modMenu.style.backgroundColor = 'rgb(34 34 34)';
modMenu.style.position = 'absolute';
modMenu.style.right = '1vw';
var modMenuChildren = modMenu.querySelectorAll('*');
modMenuChildren.forEach(function(child) {
child.style.borderColor = 'transparent';
});
var modMenuInputs = modMenu.querySelectorAll('input');
modMenuInputs.forEach(function(input) {
input.style.width = '85%';
input.style.position = 'relative';
input.style.display = 'block';
input.style.color = 'green';
input.style.height = '0.2vw';
input.style.marginTop = '2vw';
input.style.marginBottom = '2vw';
input.style.borderRadius = '1vw';
input.style.borderColor = 'transparent';
});
var modMenuTitle = document.getElementById('modmenutitle');
if (modMenuTitle) {
modMenuTitle.style.fontSize = '1.8vw';
modMenuTitle.style.fontWeight = 'bold';
modMenuTitle.style.margin = '0';
modMenuTitle.style.padding = '0';
modMenuTitle.style.position = 'relative';
modMenuTitle.style.display = 'block';
modMenuTitle.style.height = '3vw';
modMenuTitle.style.textAlign = 'center';
modMenuTitle.style.color = 'white';
modMenuTitle.style.zIndex = '-1';
modMenuTitle.style.borderColor = 'transparent';
}
var modMenuSubtitles = document.querySelectorAll('.modmenusubtitle');
modMenuSubtitles.forEach(function(subtitle) {
subtitle.style.fontSize = '1.2vw';
subtitle.style.position = 'relative';
subtitle.style.display = 'block';
subtitle.style.width = '100%';
subtitle.style.height = '1vw';
subtitle.style.textAlign = 'center';
subtitle.style.color = 'white';
subtitle.style.borderColor = 'transparent';
});
var modMenuValues = document.querySelectorAll('.modmenuvalue');
modMenuValues.forEach(function(value) {
value.style.position = 'relative';
value.style.display = 'block';
value.style.color = 'white';
value.style.width = '15%';
value.style.paddingTop = '0';
value.style.fontSize = '2vw';
value.style.lineHeight = '1vw';
value.style.borderColor = 'transparent';
});
}
}
window.addEventListener('load', applyCustomCSS);
var checkGameOver;
document.getElementById('play-btn').addEventListener('click', function() {
checkGameOver = setInterval(function() {
var overlays = document.getElementById('overlays');
if (overlays && overlays.classList.contains('fade-out')) {
var gameOver = document.getElementById('game-over');
var respawnButton = document.getElementById('respawn-button');
var overlay = document.querySelector('.swal-overlay.swal-overlay--show-modal');
var modal = overlay ? overlay.querySelector('.swal-modal') : null;
var buttonContainers = modal ? modal.querySelectorAll('.swal-button-container') : [];
var stopButton = buttonContainers.length > 1 ? buttonContainers[1].querySelector('.swal-button.swal-button--confirm.fs40.swal-button--danger') : null;
if (gameOver && gameOver.style.display !== 'none' && respawnButton) {
respawnButton.click();
}
if (stopButton) {
clearInterval(checkGameOver);
stopButton.addEventListener('click', function() {
clearInterval(checkGameOver);
});
}
} else {
clearInterval(checkGameOver);
}
}, 700);
});
document.getElementById('spectate-btn').addEventListener('click', function() {
clearInterval(checkGameOver);
});
document.getElementById('settings-btn').addEventListener('click', function() {
clearInterval(checkGameOver);
// Your new code
let element = document.getElementById('keys');
if (element && document.getElementById('settings-content') && !document.getElementById('respawnKeybind')) {
let newSpan = document.createElement('span');
newSpan.textContent = 'Respawn';
let newB = document.createElement('b');
newB.textContent = localStorage.getItem('respawnKeybind') || 'V';
newB.className = 'selectable';
newB.id = 'respawnKeybind';
element.insertBefore(newB, element.firstChild);
element.insertBefore(newSpan, element.firstChild);
let respawnKeybindElement = document.getElementById('respawnKeybind');
respawnKeybindElement.addEventListener('mouseover', function() {
window.onkeydown = function(event) {
event.preventDefault();
let key = event.key.toUpperCase();
respawnKeybindElement.textContent = key;
localStorage.setItem('respawnKeybind', key);
};
});
respawnKeybindElement.addEventListener('mouseout', function() {
window.onkeydown = null;
});
}
});
// Function to apply changes
function applyChanges() {
// Get the background URL from local storage, or use the default URL if not set
var Background = localStorage.getItem('backgroundUrl') || 'url("https://images5.alphacoders.com/135/thumb-1920-1351143.png")';
// Get the title element
var logo = document.getElementById('title');
if (logo) {
// Hide the title element
logo.style.display = 'none';
}
// List of elements to change background
var elements = ['seasons', 'store', 'account', 'gallery', 'settings', 'overlays', 'players', 'leaderboards'];
// Change the background image for each element
elements.forEach(function(elementId) {
var element = document.getElementById(elementId);
if (element) {
element.style.backgroundImage = Background;
}
});
}
// Apply your changes when the page has finished loading
window.onload = function() {
applyChanges();
// Get the button element
var button = document.querySelector('.bgset-button');
// Add a click event listener to the button
button.addEventListener('click', function() {
// Get the input field
var input = document.getElementById('uniqueInputId');
// Set the background URL to the value of the input field
var newBackgroundUrl = 'url("' + input.value + '")';
// Save the new background URL to local storage
localStorage.setItem('backgroundUrl', newBackgroundUrl);
// Apply the changes
applyChanges();
});
};
// Add CSS class for the button
var style = document.createElement('style');
style.innerHTML = `
.bgset-button {
border-radius: 10%;
margin-left: 0.5em;
padding: 0.1em;
border: none;
background-color: #3c3c3c;
color: #dd255b;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 55%;
transition-duration: 0.4s;
cursor: pointer;
}
`;
document.head.appendChild(style);
// Set an interval that checks for the element every 500 milliseconds
var checkElement = setInterval(function() {
// Check if the element already exists
if (!document.querySelector("#bgset")) {
// Select the parent element
var parentElement = document.querySelector("#Settings-quality > ul");
// Create the new element
var newElement = document.createElement("li");
newElement.setAttribute("style", "margin-right: 0.5em; margin-bottom: 0.5em; padding: 0px; color: rgb(99, 99, 99); background-color: rgb(242, 242, 242); border: 0.05em solid rgb(211, 211, 211); border-radius: 0.5em; display: flex; align-items: center; width: 30em; height: 2em; font-size: 2em;");
newElement.setAttribute("id", "bgset");
// Add the inner HTML
newElement.innerHTML = '<img src="https://i.imgur.com/CxuKkzK.pngg" style="margin-right: 0.5em; margin-left: 0.5em; width: 2em; height: 2em;"><span>Background</span> <div style="margin-left: auto; margin-right: 0.5em; display: flex; align-items: center; width: 10em;"><input id="uniqueInputId" class="input" type="text" style="order: 4; margin: 0em; padding: 0px;"><button class="bgset-button">Set Background</button></div>';
// Insert the new element at the beginning of the parent
parentElement.insertBefore(newElement, parentElement.firstChild);
// Clear the interval
clearInterval(checkElement);
}
}, 500);
// Create a MutationObserver to monitor changes
var observer3 = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
// If the addedNodes property has one or more nodes
if (mutation.addedNodes.length) {
// Apply your changes again
applyChanges();
}
});
});
// Start observing the document with the configured parameters
observer3.observe(document, { childList: true, subtree: true });
function removeAds() {
let ads = document.querySelectorAll('.ads');
ads.forEach(ad => ad.remove());
}
removeAds();
let observer = new MutationObserver(removeAds);
observer.observe(document, { childList: true, subtree: true });
document.addEventListener('keydown', function(event) {
let respawnKeybindElement = document.getElementById('respawnKeybind');
if (respawnKeybindElement && event.key.toUpperCase() === respawnKeybindElement.textContent.toUpperCase()) {
var leaveBtn = document.getElementById('leaveBtn');
if (leaveBtn) {
leaveBtn.click();
}
setTimeout(function() {
var overlay1 = document.querySelector('.swal-overlay.swal-overlay--show-modal');
var modal2 = overlay1 ? overlay1.querySelector('.swal-modal') : null;
var buttonContainers3 = modal2 ? modal2.querySelectorAll('.swal-button-container') : [];
var stopButton4 = buttonContainers3.length > 1 ? buttonContainers3[1].querySelector('.swal-button.swal-button--confirm.fs40.swal-button--danger') : null;
if (stopButton4) {
stopButton4.click();
}
setTimeout(function() {
var playBtn = document.getElementById('play-btn');
if (playBtn) {
playBtn.click();
}
}, 200);
}, 200);
}
});
// Create a new observer
var observer2 = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
// If the addedNodes property has one or more nodes
if (mutation.addedNodes.length) {
var video = document.querySelector('video');
if (video) {
video.onloadedmetadata = function() {
video.currentTime = video.duration; // skip to the end of the video
};
video.onplay = function() {
if (video.currentTime < video.duration) {
video.currentTime = video.duration; // skip to the end of the video
}
};
}
}
});
});
// Start observing
observer2.observe(document, { childList: true, subtree: true });
var clientId = 'ddd0aefbd24c485';
// Function to create and return the new button element
function createButton() {
var btn = document.createElement('button');
btn.id = 'imgur';
btn.className = 'button-81';
btn.style.borderRadius = '20px';
btn.style.marginLeft = '0.5vw';
btn.style.width = '7vw';
btn.style.height = '7vw';
btn.style.backgroundColor = 'transparent';
btn.style.backgroundImage = 'url("https://play-lh.googleusercontent.com/pR3AhTl1bOz8anFPzWj3O6RucXldUqrhOQVkCRpnmtfVUcHiyPC_E4Yppb8s9GjGlg=w240-h480-rw")';
btn.style.backgroundSize = '100% 100%';
return btn;
}
// Function to resize image
function resizeImage(file, maxWidth, maxHeight, callback) {
var img = new Image();
img.onload = function() {
var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');
var ratio = Math.min(maxWidth / img.width, maxHeight / img.height);
canvas.width = img.width * ratio;
canvas.height = img.height * ratio;
ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
canvas.toBlob(function(blob) {
callback(blob);
}, 'image/png');
};
img.src = URL.createObjectURL(file);
}
// Function to upload image to Imgur
function uploadImage(file) {
var formData = new FormData();
formData.append('image', file);
fetch('https://api.imgur.com/3/image', {
method: 'POST',
headers: {
'Authorization': 'Client-ID ' + clientId,
'Accept': 'application/json'
},
body: formData
})
.then(response => response.json())
.then(data => {
if (data.success) {
var link = data.data.link;
// Populate the element with id="addVipSkin" with the direct link to the image
document.querySelector('#addVipSkin').value = link;
}
});
}
// Use setInterval to periodically check for the existing button and create the new button
var createButtonInterval = setInterval(function() {
var existingButton = document.querySelector("#gallery-body > div.vip-div > ul > li:nth-child(1) > button");
if (existingButton) {
// If the existing button is found, insert the new button after the existing button.
existingButton.parentNode.insertBefore(createButton(), existingButton.nextSibling);
// Clear the interval once the new button is created
clearInterval(createButtonInterval);
}
}, 1000); // Check every 1000ms (1 second)
// Use setInterval to periodically check for the button with id="imgur" and add the event listener
var addButtonListenerInterval = setInterval(function() {
var imgurButton = document.querySelector('#imgur');
if (imgurButton) {
// If the button exists, add the event listener
imgurButton.addEventListener('click', function() {
// Create a 'file' input element
var input = document.createElement('input');
input.type = 'file';
input.accept = '.png'; // Only allow .png files
// Listen for changes to the input element (i.e., a file was selected)
input.addEventListener('change', function() {
var file = input.files[0]; // Get the selected file
if (file) {
// Resize the selected file to 500x500
resizeImage(file, 900, 900, function(resizedImage) {
// Upload the resized file to Imgur
uploadImage(resizedImage);
});
}
});
// Programmatically click the file input element to open the file dialog
input.click();
});
// Clear the interval once the event listener is added
clearInterval(addButtonListenerInterval);
}
}, 1000); // Check every 1000ms (1 second)
})();