Adds draggable rainbow UI menu with FOV slider and key press display on Taming.io
当前为
// ==UserScript==
// @name Taming.io menu by 𝘣𝘢𝘳𝘴𝘪𝘬 𝘩𝘢𝘤𝘬𝘦𝘳
// @namespace http://tampermonkey.net/
// @version 0.4
// @description Adds draggable rainbow UI menu with FOV slider and key press display on Taming.io
// @author 𝘣𝘢𝘳𝘴𝘪𝘬 𝘩𝘢𝘤𝘬𝘦𝘳 ㅤ
// @match *://taming.io/*
// @grant none
// @license MIT
// ==/UserScript==
(function() {
'use strict';
// --- CSS with animated gradient ---
const style = document.createElement('style');
style.textContent = `
@keyframes rainbowShift {
0%{background-position:0% 50%;}
50%{background-position:100% 50%;}
100%{background-position:0% 50%;}
}
#rainbowMenu {
position: fixed;
top: 100px;
left: 20px;
width: 280px;
background: linear-gradient(270deg, red, orange, yellow, green, blue, indigo, violet, red);
background-size: 1600% 1600%;
animation: rainbowShift 12s ease infinite;
border-radius: 10px;
box-shadow: 0 0 15px rgba(0,0,0,0.5);
color: white;
font-family: Arial, sans-serif;
user-select: none;
z-index: 999999;
cursor: grab;
padding: 15px;
}
#rainbowMenu header {
font-weight: bold;
font-size: 18px;
margin-bottom: 10px;
cursor: grab;
}
#rainbowMenu label {
display: block;
margin-top: 10px;
font-size: 14px;
}
#rainbowMenu input[type="range"] {
width: 100%;
margin-top: 5px;
-webkit-appearance: none;
background: rgba(255,255,255,0.3);
border-radius: 5px;
height: 8px;
}
#rainbowMenu input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
width: 18px;
height: 18px;
background: white;
border-radius: 50%;
cursor: pointer;
border: 1px solid #999;
margin-top: -5px;
}
#keyStatus {
margin-top: 15px;
font-size: 14px;
line-height: 1.4;
max-height: 120px;
overflow-y: auto;
background: rgba(255,255,255,0.15);
padding: 8px;
border-radius: 5px;
user-select: text;
}
`;
document.head.appendChild(style);
// --- Create menu element ---
const menu = document.createElement('div');
menu.id = 'rainbowMenu';
menu.innerHTML = `
<header>Rainbow UI - Taming.io</header>
<label for="fovRange">Field of View (FOV): <span id="fovValue">90</span>°</label>
<input type="range" id="fovRange" min="60" max="140" value="90" step="1" />
<label>Pressed Keys:</label>
<div id="keyStatus">None</div>
`;
document.body.appendChild(menu);
// --- Drag functionality ---
const header = menu.querySelector('header');
let isDragging = false;
let dragStartX, dragStartY, menuStartX, menuStartY;
header.addEventListener('mousedown', (e) => {
isDragging = true;
dragStartX = e.clientX;
dragStartY = e.clientY;
const rect = menu.getBoundingClientRect();
menuStartX = rect.left;
menuStartY = rect.top;
menu.style.cursor = 'grabbing';
e.preventDefault();
});
window.addEventListener('mouseup', () => {
isDragging = false;
menu.style.cursor = 'grab';
});
window.addEventListener('mousemove', (e) => {
if (!isDragging) return;
let newX = menuStartX + (e.clientX - dragStartX);
let newY = menuStartY + (e.clientY - dragStartY);
// Keep menu inside viewport bounds
const maxX = window.innerWidth - menu.offsetWidth;
const maxY = window.innerHeight - menu.offsetHeight;
if (newX < 0) newX = 0;
if (newY < 0) newY = 0;
if (newX > maxX) newX = maxX;
if (newY > maxY) newY = maxY;
menu.style.left = newX + 'px';
menu.style.top = newY + 'px';
});
// --- Key press tracking ---
const keyStatus = menu.querySelector('#keyStatus');
const pressedKeys = new Set();
const keyNames = {
'ArrowUp': 'Arrow Up',
'ArrowDown': 'Arrow Down',
'ArrowLeft': 'Arrow Left',
'ArrowRight': 'Arrow Right',
' ': 'Space',
'Shift': 'Shift',
'Control': 'Control',
'Alt': 'Alt',
'Enter': 'Enter',
'Escape': 'Escape',
'Tab': 'Tab',
};
function getDisplayKey(key) {
if (keyNames[key]) return keyNames[key];
if (key.length === 1) return key.toUpperCase();
return key;
}
window.addEventListener('keydown', (e) => {
pressedKeys.add(e.key);
updateKeyStatus();
});
window.addEventListener('keyup', (e) => {
pressedKeys.delete(e.key);
updateKeyStatus();
});
function updateKeyStatus() {
if (pressedKeys.size === 0) {
keyStatus.textContent = 'None';
} else {
keyStatus.textContent = Array.from(pressedKeys)
.map(getDisplayKey)
.sort()
.join(', ');
}
}
// --- FOV control ---
const fovRange = menu.querySelector('#fovRange');
const fovValue = menu.querySelector('#fovValue');
// Функция для изменения FOV в игре Taming.io
function setGameFOV(fov) {
// Попытка получить объект игры и камеру, используя наблюдение window, canvas и глобальных переменных
try {
// Пример для three.js, если используется:
if (window.game && window.game.camera && typeof window.game.camera.fov !== 'undefined') {
window.game.camera.fov = fov;
if (typeof window.game.camera.updateProjectionMatrix === 'function') {
window.game.camera.updateProjectionMatrix();
}
return true;
}
// Альтернативный подход: поиск по глобальным переменным или через canvas
// Можно добавить сюда анализ или мониторинг объектов, если известны детали
} catch(e) {
// Ошибка не мешает работе скрипта
}
return false;
}
fovRange.addEventListener('input', () => {
const fov = parseInt(fovRange.value, 10);
fovValue.textContent = fov;
if (!setGameFOV(fov)) {
// Если не получилось, попробуем искать canvas WebGL и менять перспективу вручную (ограничено)
// Здесь сложность без доступа к исходному коду игры
}
});
// Сброс значения FOV по умолчанию
fovValue.textContent = fovRange.value;
// --- Авто-установка текущего FOV из игры, если возможно ---
function tryInitFOV() {
try {
if (window.game && window.game.camera && typeof window.game.camera.fov !== 'undefined') {
const currentFov = window.game.camera.fov;
fovRange.value = currentFov;
fovValue.textContent = currentFov;
}
} catch {}
}
// Подождём, пока игра инициализируется, и попробуем подхватить FOV
setTimeout(tryInitFOV, 3000);
})();
QingJ © 2025
镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址