A bot script for territorial.io with a modern UI to simulate typing usernames and clan tags.
当前为
// ==UserScript==
// @name Official [TriX] Bot Script by painsel
// @version 0.0.1 Test Build
// @description A bot script for territorial.io with a modern UI to simulate typing usernames and clan tags.
// @author painsel
// @homepageURL https://greasyfork.org/en/scripts/549132-trix-executor-beta-for-territorial-io
// @match https://territorial.io/
// @grant GM_addStyle
// @namespace http://tampermonkey.net/
// @license MIT
// ==/UserScript==
(function() {
'use strict';
const STORAGE_KEY = 'd122';
// --- 1. UI Styling (VS Code Theme) ---
const trixCSS = `
:root {
--trix-bg: #1e1e1e;
--trix-bg-light: #252526;
--trix-header-bg: #333333;
--trix-border: #3c3c3c;
--trix-text: #d4d4d4;
--trix-text-secondary: #cccccc;
--trix-blue-accent: #007acc;
--trix-button-bg: #0e639c;
--trix-button-hover-bg: #1177bb;
--trix-input-bg: #3c3c3c;
}
#trix-container {
position: fixed;
top: 20px;
left: 20px;
width: 280px;
background-color: var(--trix-bg-light);
border: 1px solid var(--trix-border);
border-radius: 6px;
color: var(--trix-text);
font-family: 'Consolas', 'Menlo', 'Courier New', monospace;
font-size: 14px;
z-index: 99999;
box-shadow: 0 5px 20px rgba(0,0,0,0.5);
user-select: none;
overflow: hidden;
}
#trix-header {
background-color: var(--trix-header-bg);
padding: 8px 12px;
cursor: move;
font-weight: bold;
border-bottom: 1px solid var(--trix-border);
}
#trix-header a {
color: var(--trix-blue-accent);
text-decoration: none;
}
#trix-header a:hover {
text-decoration: underline;
}
#trix-body {
padding: 15px;
display: flex;
flex-direction: column;
gap: 15px;
}
.trix-input-group {
display: flex;
flex-direction: column;
gap: 5px;
}
.trix-input-group label {
font-size: 13px;
color: var(--trix-text-secondary);
}
.trix-input-group input[type="text"],
.trix-input-group select {
background-color: var(--trix-input-bg);
border: 1px solid var(--trix-border);
color: var(--trix-text);
padding: 8px;
border-radius: 4px;
font-family: inherit;
outline: none;
transition: border-color 0.2s;
}
.trix-input-group input[type="text"]:focus,
.trix-input-group select:focus {
border-color: var(--trix-blue-accent);
}
#trix-start-btn {
background-color: var(--trix-button-bg);
color: white;
border: none;
padding: 10px;
border-radius: 4px;
font-family: inherit;
font-size: 14px;
font-weight: bold;
cursor: pointer;
transition: background-color 0.2s;
}
#trix-start-btn:hover {
background-color: var(--trix-button-hover-bg);
}
#trix-start-btn:disabled {
background-color: #5a5a5a;
cursor: not-allowed;
}
.trix-radio-group {
display: flex;
gap: 15px;
}
.trix-radio-group label {
display: flex;
align-items: center;
gap: 5px;
cursor: pointer;
}
`;
// --- 2. UI HTML Structure ---
const trixHTML = `
<div id="trix-container">
<div id="trix-header">
Official <a href="https://greasyfork.org/en/scripts/549132-trix-executor-beta-for-territorial-io" target="_blank">TriX</a> Executor
</div>
<div id="trix-body">
<div class="trix-input-group">
<label for="trix-clan-tag">Clan Tag (e.g., TriX)</label>
<input type="text" id="trix-clan-tag" placeholder="Leave empty for no tag">
</div>
<div class="trix-input-group">
<label for="trix-username">Username</label>
<input type="text" id="trix-username" placeholder="Enter your name">
</div>
<div class="trix-input-group">
<label>Typing Style</label>
<div class="trix-radio-group">
<label>
<input type="radio" name="trix-typing-style" value="custom" checked> Custom
</label>
<label>
<input type="radio" name="trix-typing-style" value="random"> Random
</label>
</div>
</div>
<button id="trix-start-btn">Begin Typing Simulation</button>
</div>
</div>
`;
// --- 3. Core Logic ---
/**
* Simulates human-like typing into an input field.
* @param {HTMLInputElement} element - The input element to type into.
* @param {string} text - The text to type.
* @param {string} style - The typing style ('custom' or 'random').
* @param {function} onComplete - Callback function when typing is finished.
*/
function simulateTyping(element, text, style, onComplete) {
let i = 0;
element.value = ''; // Clear the field first
element.focus();
function typeCharacter() {
if (i < text.length) {
element.value += text.charAt(i);
// Dispatch an 'input' event to make sure frameworks like React/Vue detect the change
element.dispatchEvent(new Event('input', { bubbles: true }));
i++;
const delay = style === 'random' ? Math.random() * 150 + 50 : 75;
setTimeout(typeCharacter, delay);
} else {
element.blur();
if (onComplete) onComplete();
}
}
typeCharacter();
}
/**
* Saves user settings to localStorage.
*/
function saveSettings() {
const clanTag = document.getElementById('trix-clan-tag').value;
const username = document.getElementById('trix-username').value;
const settings = {
clanTag,
username
};
localStorage.setItem(STORAGE_KEY, JSON.stringify(settings));
}
/**
* Loads user settings from localStorage and applies them to the UI.
*/
function loadSettings() {
const settings = localStorage.getItem(STORAGE_KEY);
if (settings) {
try {
const { clanTag, username } = JSON.parse(settings);
document.getElementById('trix-clan-tag').value = clanTag || '';
document.getElementById('trix-username').value = username || '';
} catch (e) {
console.error('[TriX] Failed to load settings:', e);
localStorage.removeItem(STORAGE_KEY);
}
}
}
/**
* Initializes the UI and adds all event listeners.
*/
function initializeUI() {
if (document.getElementById('trix-container')) return; // Already initialized
// Inject CSS and HTML
GM_addStyle(trixCSS);
document.body.insertAdjacentHTML('beforeend', trixHTML);
// Get UI elements
const container = document.getElementById('trix-container');
const header = document.getElementById('trix-header');
const clanTagInput = document.getElementById('trix-clan-tag');
const usernameInput = document.getElementById('trix-username');
const startBtn = document.getElementById('trix-start-btn');
// Load saved settings
loadSettings();
// Add event listeners for saving settings on change
clanTagInput.addEventListener('input', saveSettings);
usernameInput.addEventListener('input', saveSettings);
// Event listener for the main button
startBtn.addEventListener('click', () => {
const clanTag = clanTagInput.value.trim();
const username = usernameInput.value.trim();
const typingStyle = document.querySelector('input[name="trix-typing-style"]:checked').value;
const nameInput = document.querySelector('#name'); // The game's name input
if (!username) {
alert('[TriX] Please enter a username.');
return;
}
if (!nameInput) {
alert('[TriX] Could not find the game\'s name input field.');
return;
}
const fullName = clanTag ? `[${clanTag}] ${username}` : username;
startBtn.disabled = true;
startBtn.textContent = 'Typing...';
simulateTyping(nameInput, fullName, typingStyle, () => {
startBtn.disabled = false;
startBtn.textContent = 'Begin Typing Simulation';
});
});
// Make the UI draggable
let isDragging = false;
let offsetX, offsetY;
header.addEventListener('mousedown', (e) => {
isDragging = true;
offsetX = e.clientX - container.offsetLeft;
offsetY = e.clientY - container.offsetTop;
document.addEventListener('mousemove', onMouseMove);
document.addEventListener('mouseup', onMouseUp);
});
function onMouseMove(e) {
if (isDragging) {
container.style.left = `${e.clientX - offsetX}px`;
container.style.top = `${e.clientY - offsetY}px`;
}
}
function onMouseUp() {
isDragging = false;
document.removeEventListener('mousemove', onMouseMove);
document.removeEventListener('mouseup', onMouseUp);
}
}
// --- 4. Script Execution ---
// Wait for the game's UI to be available before initializing our UI
const gameReadyCheck = setInterval(() => {
// We check for the #name input, as it's a key part of the main menu
if (document.querySelector('#name')) {
clearInterval(gameReadyCheck);
initializeUI();
}
}, 500);
})();