// Haxball Enhancer - Main Script // Runs in page context to access Haxball internals (function() { 'use strict'; // ==================== SETTINGS MANAGER ==================== class SettingsManager { constructor() { this.settings = this.loadSettings(); } loadSettings() { const defaults = { // Lobby autoRefresh: false, refreshInterval: 5, minPlayers: 0, maxPlayers: 30, maxPing: 500, filterLocked: false, filterStadium: 'all', favorites: [], // In-Game cameraZoom: 1.0, freeCameraMode: false, playerHighlight: false, ballPrediction: false, keyOverlay: false, replayBuffer: false, replayDuration: 30, // Visual theme: 'dark', ballTrail: false, ballTrailLength: 10, playerTrail: false, playerGlow: false, glowOpacity: 0.5, // Performance fpsUnlock: false, targetFPS: 60, frameSkip: 1, canvasScale: 1.0, lowPerfMode: false, showFPS: false, // Network showPing: true, packetMonitor: false, simulatedLatency: 0, latencyJitter: 0, // Training aimAssistVis: false, ballPredictionCircle: false, movementGrid: false, gridSize: 50, // UI panelPosition: { x: window.innerWidth - 440, y: 100 }, panelVisible: true, hotkeys: { togglePanel: 'F1', toggleFPS: 'F2', quickJoin: 'ctrl+j', toggleReplay: 'F9' } }; try { const saved = localStorage.getItem('haxballEnhancer'); return saved ? { ...defaults, ...JSON.parse(saved) } : defaults; } catch (e) { console.error('[HBE] Failed to load settings:', e); return defaults; } } saveSettings() { try { localStorage.setItem('haxballEnhancer', JSON.stringify(this.settings)); } catch (e) { console.error('[HBE] Failed to save settings:', e); } } get(key) { return this.settings[key]; } set(key, value) { this.settings[key] = value; this.saveSettings(); } } // ==================== UI MANAGER ==================== class UIManager { constructor(settings, features) { this.settings = settings; this.features = features; this.panel = null; this.isDragging = false; this.dragOffset = { x: 0, y: 0 }; this.currentTab = 'lobby'; this.createPanel(); this.attachEventListeners(); this.updateAllControls(); } createPanel() { this.panel = document.createElement('div'); this.panel.className = 'hbe-panel'; this.panel.innerHTML = `

⚡ Haxball Enhancer

${this.createLobbyTab()} ${this.createInGameTab()} ${this.createVisualTab()} ${this.createPerformanceTab()} ${this.createNetworkTab()} ${this.createTrainingTab()}

`; document.body.appendChild(this.panel); // Position panel const pos = this.settings.get('panelPosition'); this.panel.style.left = pos.x + 'px'; this.panel.style.top = pos.y + 'px'; if (!this.settings.get('panelVisible')) { this.panel.classList.add('hbe-hidden'); } } createLobbyTab() { return `

Auto Refresh

Auto Refresh Room List

Refresh Interval 5s

Filters

Min Players 0

Max Players 30

Max Ping 500ms

Hide Locked Rooms

Stadium Filter

Quick Actions

💡 Click extension icon to toggle this panel
🎮 Hotkeys: F2 = FPS Counter | F9 = Save Replay

`; } createInGameTab() { return `

Camera

Camera Zoom 1.0x

Free Camera Mode

Visual Aids

Player Highlight

Ball Trajectory Prediction

Key Overlay (WASD)

Replay Buffer

Enable Replay Buffer

Buffer Duration 30s

`; } createVisualTab() { return `

Theme

Ball Effects

Ball Trail

Trail Length 10

Player Effects

Player Trail

Player Glow

Glow Opacity 50%

Performance

⚠️ Disabling effects can improve FPS. Configure in Performance tab.

`; } createPerformanceTab() { return `

FPS Settings

Unlock FPS Cap

Target FPS 60

Show FPS Counter

Optimization

Canvas Scale 1.0x

Frame Skip 1

Low Performance Mode

Stats

Current FPS: --

Average FPS: --

Min / Max: -- / --

`; } createNetworkTab() { return `

Connection Status

Connected

Ping Monitor

Show Ping Display

Current Ping: -- ms

Average Ping: -- ms

Packet Monitor

Enable Packet Monitor

Latency Simulation (Testing Only)

Simulated Latency 0ms

Jitter 0ms

⚠️ This simulates network delay for testing purposes only.

`; } createTrainingTab() { return `

Visual Aids (Non-Cheat)

Aim Assist Visualization

Ball Prediction Circle

Movement Helper

Show Grid Overlay

Grid Size 50px

Practice Tools

💡 These tools are designed for training and practice. They provide visual feedback without automating gameplay.

`; } attachEventListeners() { // Header drag const header = this.panel.querySelector('.hbe-header'); header.addEventListener('mousedown', (e) => { if (e.target.closest('.hbe-header-btn')) return; this.isDragging = true; this.dragOffset.x = e.clientX - this.panel.offsetLeft; this.dragOffset.y = e.clientY - this.panel.offsetTop; }); document.addEventListener('mousemove', (e) => { if (!this.isDragging) return; const x = e.clientX - this.dragOffset.x; const y = e.clientY - this.dragOffset.y; this.panel.style.left = x + 'px'; this.panel.style.top = y + 'px'; }); document.addEventListener('mouseup', () => { if (this.isDragging) { this.isDragging = false; this.settings.set('panelPosition', { x: this.panel.offsetLeft, y: this.panel.offsetTop }); } }); // Header buttons this.panel.querySelector('#hbe-close').addEventListener('click', () => { this.panel.classList.add('hbe-hidden'); this.settings.set('panelVisible', false); }); this.panel.querySelector('#hbe-minimize').addEventListener('click', () => { const content = this.panel.querySelector('.hbe-content'); const tabs = this.panel.querySelector('.hbe-tabs'); const isMinimized = content.style.display === 'none'; content.style.display = isMinimized ? 'block' : 'none'; tabs.style.display = isMinimized ? 'flex' : 'none'; }); // Tabs this.panel.querySelectorAll('.hbe-tab').forEach(tab => { tab.addEventListener('click', () => { const tabName = tab.dataset.tab; this.switchTab(tabName); }); }); // Toggles this.panel.querySelectorAll('.hbe-toggle').forEach(toggle => { toggle.addEventListener('click', () => { const key = toggle.id.replace('toggle-', ''); const newValue = !this.settings.get(key); this.settings.set(key, newValue); toggle.classList.toggle('active', newValue); this.features.onSettingChanged(key, newValue); }); }); // Sliders this.panel.querySelectorAll('.hbe-slider').forEach(slider => { slider.addEventListener('input', (e) => { const key = slider.id.replace('slider-', ''); const value = parseFloat(e.target.value); this.settings.set(key, value); this.updateSliderValue(key, value); this.features.onSettingChanged(key, value); }); }); // Selects this.panel.querySelectorAll('.hbe-select').forEach(select => { select.addEventListener('change', (e) => { const key = select.id.replace('select-', ''); const value = e.target.value; this.settings.set(key, value); this.features.onSettingChanged(key, value); }); }); } switchTab(tabName) { this.currentTab = tabName; // Update tab buttons this.panel.querySelectorAll('.hbe-tab').forEach(tab => { tab.classList.toggle('active', tab.dataset.tab === tabName); }); // Update tab panes this.panel.querySelectorAll('.hbe-tab-pane').forEach(pane => { pane.classList.toggle('active', pane.dataset.pane === tabName); }); } updateAllControls() { // Update toggles this.panel.querySelectorAll('.hbe-toggle').forEach(toggle => { const key = toggle.id.replace('toggle-', ''); toggle.classList.toggle('active', this.settings.get(key)); }); // Update sliders this.panel.querySelectorAll('.hbe-slider').forEach(slider => { const key = slider.id.replace('slider-', ''); const value = this.settings.get(key); slider.value = value; this.updateSliderValue(key, value); }); // Update selects this.panel.querySelectorAll('.hbe-select').forEach(select => { const key = select.id.replace('select-', ''); select.value = this.settings.get(key); }); } updateSliderValue(key, value) { const valueSpan = this.panel.querySelector(`#value-${key}`); if (!valueSpan) return; let displayValue = value; if (key.includes('FPS') || key.includes('Players') || key === 'frameSkip' || key === 'ballTrailLength' || key === 'gridSize') { displayValue = Math.round(value); } else if (key.includes('Interval') || key.includes('Duration')) { displayValue = Math.round(value) + 's'; } else if (key.includes('Ping') || key.includes('Latency') || key.includes('Jitter')) { displayValue = Math.round(value) + 'ms'; } else if (key.includes('Zoom') || key.includes('Scale')) { displayValue = value.toFixed(1) + 'x'; } else if (key.includes('Opacity')) { displayValue = Math.round(value * 100) + '%'; } else if (key === 'gridSize') { displayValue = Math.round(value) + 'px'; } valueSpan.textContent = displayValue; } updateStats(stats) { const updates = { 'stat-currentFPS': stats.currentFPS ? Math.round(stats.currentFPS) : '--', 'stat-avgFPS': stats.avgFPS ? Math.round(stats.avgFPS) : '--', 'stat-minMaxFPS': stats.minFPS && stats.maxFPS ? `${Math.round(stats.minFPS)} / ${Math.round(stats.maxFPS)}` : '-- / --', 'stat-ping': stats.ping ? Math.round(stats.ping) + ' ms' : '-- ms', 'stat-avgPing': stats.avgPing ? Math.round(stats.avgPing) + ' ms' : '-- ms' }; Object.keys(updates).forEach(id => { const elem = this.panel.querySelector(`#${id}`); if (elem) elem.textContent = updates[id]; }); } toggleVisibility() { this.panel.classList.toggle('hbe-hidden'); const visible = !this.panel.classList.contains('hbe-hidden'); this.settings.set('panelVisible', visible); } } // ==================== FEATURES MANAGER ==================== class FeaturesManager { constructor(settings) { this.settings = settings; this.fpsCounter = null; this.originalRAF = null; this.originalWebSocket = null; this.canvasOverlay = null; this.replayBuffer = []; this.stats = { currentFPS: 0, avgFPS: 0, minFPS: Infinity, maxFPS: 0, ping: 0, avgPing: 0, frameCount: 0, lastTime: performance.now() }; this.init(); } init() { this.hookRAF(); this.hookWebSocket(); this.createFPSCounter(); this.startStatsTracking(); // Apply initial settings if (this.settings.get('showFPS')) { this.showFPSCounter(); } } // ========== FPS UNLOCK ========== hookRAF() { this.originalRAF = window.requestAnimationFrame; const self = this; window.requestAnimationFrame = function(callback) { if (!self.settings.get('fpsUnlock')) { return self.originalRAF.call(window, callback); } const targetFPS = self.settings.get('targetFPS'); const frameSkip = self.settings.get('frameSkip'); if (targetFPS >= 240) { // Unlimited FPS - immediate callback return setTimeout(callback, 0); } else { // Custom FPS const interval = 1000 / targetFPS; return setTimeout(callback, interval); } }; console.log('[HBE] RAF hooked for FPS control'); } // ========== NETWORK MONITORING ========== hookWebSocket() { this.originalWebSocket = window.WebSocket; const self = this; window.WebSocket = function(url, protocols) { const ws = new self.originalWebSocket(url, protocols); ws.addEventListener('message', (event) => { if (self.settings.get('packetMonitor')) { console.log('[HBE] WS Message:', event.data); } }); ws.addEventListener('open', () => { console.log('[HBE] WebSocket connected'); }); ws.addEventListener('close', () => { console.log('[HBE] WebSocket closed'); }); return ws; }; console.log('[HBE] WebSocket hooked for monitoring'); } // ========== FPS COUNTER ========== createFPSCounter() { this.fpsCounter = document.createElement('div'); this.fpsCounter.className = 'hbe-fps-counter'; this.fpsCounter.style.display = 'none'; this.fpsCounter.innerHTML = 'FPS: --'; document.body.appendChild(this.fpsCounter); } showFPSCounter() { if (this.fpsCounter) { this.fpsCounter.style.display = 'block'; } } hideFPSCounter() { if (this.fpsCounter) { this.fpsCounter.style.display = 'none'; } } updateFPSCounter(fps) { if (this.fpsCounter) { const fpsValue = this.fpsCounter.querySelector('.hbe-fps-value'); if (fpsValue) { fpsValue.textContent = Math.round(fps); // Color based on FPS if (fps >= 60) { fpsValue.style.color = '#10b981'; } else if (fps >= 30) { fpsValue.style.color = '#f59e0b'; } else { fpsValue.style.color = '#ef4444'; } } } } // ========== STATS TRACKING ========== startStatsTracking() { const update = () => { const now = performance.now(); const delta = now - this.stats.lastTime; if (delta >= 1000) { this.stats.currentFPS = this.stats.frameCount; this.stats.avgFPS = (this.stats.avgFPS * 0.9 + this.stats.currentFPS * 0.1); this.stats.minFPS = Math.min(this.stats.minFPS, this.stats.currentFPS); this.stats.maxFPS = Math.max(this.stats.maxFPS, this.stats.currentFPS); this.updateFPSCounter(this.stats.currentFPS); this.stats.frameCount = 0; this.stats.lastTime = now; } this.stats.frameCount++; requestAnimationFrame(update); }; update(); } // ========== CAMERA CONTROL ========== applyCameraZoom(zoom) { // This would need to hook into Haxball's renderer // For demo purposes, we'll apply CSS transform const canvas = document.querySelector('canvas'); if (canvas) { canvas.style.transform = `scale(${zoom})`; canvas.style.transformOrigin = 'center'; } } // ========== CANVAS OVERLAY ========== createCanvasOverlay() { const gameCanvas = document.querySelector('canvas'); if (!gameCanvas || this.canvasOverlay) return; this.canvasOverlay = document.createElement('canvas'); this.canvasOverlay.className = 'hbe-canvas-overlay'; this.canvasOverlay.width = gameCanvas.width; this.canvasOverlay.height = gameCanvas.height; this.canvasOverlay.style.width = gameCanvas.style.width; this.canvasOverlay.style.height = gameCanvas.style.height; gameCanvas.parentElement.style.position = 'relative'; gameCanvas.parentElement.appendChild(this.canvasOverlay); return this.canvasOverlay.getContext('2d'); } drawGrid(ctx, gridSize) { if (!ctx) return; ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height); ctx.strokeStyle = 'rgba(168, 85, 247, 0.3)'; ctx.lineWidth = 1; for (let x = 0; x < ctx.canvas.width; x += gridSize) { ctx.beginPath(); ctx.moveTo(x, 0); ctx.lineTo(x, ctx.canvas.height); ctx.stroke(); } for (let y = 0; y < ctx.canvas.height; y += gridSize) { ctx.beginPath(); ctx.moveTo(0, y); ctx.lineTo(ctx.canvas.width, y); ctx.stroke(); } } drawBallPrediction(ctx) { if (!ctx) return; // Mock ball prediction visualization const centerX = ctx.canvas.width / 2; const centerY = ctx.canvas.height / 2; ctx.strokeStyle = 'rgba(239, 68, 68, 0.6)'; ctx.lineWidth = 2; ctx.setLineDash([5, 5]); ctx.beginPath(); ctx.arc(centerX, centerY, 50, 0, Math.PI * 2); ctx.stroke(); ctx.setLineDash([]); } // ========== REPLAY BUFFER ========== startReplayBuffer() { console.log('[HBE] Replay buffer started'); // In a real implementation, this would capture game state // For now, it's a placeholder } stopReplayBuffer() { console.log('[HBE] Replay buffer stopped'); this.replayBuffer = []; } saveReplay() { console.log('[HBE] Saving replay...'); // Would save the replay buffer to a file alert('Replay saved! (Mock implementation)'); } // ========== SETTING CHANGE HANDLER ========== onSettingChanged(key, value) { console.log(`[HBE] Setting changed: ${key} = ${value}`); switch(key) { case 'fpsUnlock': case 'targetFPS': console.log(`FPS ${value ? 'unlocked' : 'locked'} at ${this.settings.get('targetFPS')}`); break; case 'showFPS': value ? this.showFPSCounter() : this.hideFPSCounter(); break; case 'cameraZoom': this.applyCameraZoom(value); break; case 'canvasScale': const canvas = document.querySelector('canvas'); if (canvas) { const originalWidth = canvas.width; const originalHeight = canvas.height; canvas.style.width = (originalWidth * value) + 'px'; canvas.style.height = (originalHeight * value) + 'px'; } break; case 'replayBuffer': value ? this.startReplayBuffer() : this.stopReplayBuffer(); break; case 'movementGrid': const ctx = this.createCanvasOverlay(); if (value && ctx) { this.drawGrid(ctx, this.settings.get('gridSize')); } else if (this.canvasOverlay) { const overlayCtx = this.canvasOverlay.getContext('2d'); overlayCtx.clearRect(0, 0, this.canvasOverlay.width, this.canvasOverlay.height); } break; case 'gridSize': if (this.settings.get('movementGrid')) { const ctx = this.createCanvasOverlay(); if (ctx) this.drawGrid(ctx, value); } break; case 'ballPredictionCircle': const predCtx = this.createCanvasOverlay(); if (value && predCtx) { this.drawBallPrediction(predCtx); } break; case 'theme': this.applyTheme(value); break; case 'lowPerfMode': if (value) { this.settings.set('canvasScale', 0.75); this.settings.set('frameSkip', 2); console.log('[HBE] Low performance mode enabled'); } break; } } applyTheme(theme) { console.log(`[HBE] Applying theme: ${theme}`); // Theme application would modify CSS variables or canvas rendering // This is a placeholder } getStats() { return { ...this.stats }; } } // ==================== HOTKEY MANAGER ==================== class HotkeyManager { constructor(settings, ui, features) { this.settings = settings; this.ui = ui; this.features = features; this.attachHotkeys(); } attachHotkeys() { console.log('[HBE] Attaching hotkey listeners...'); const hotkeyHandler = (e) => { // I - Toggle panel (Inventory) if (e.key === 'i' || e.key === 'I') { // Only trigger if not typing in input field if (e.target.tagName !== 'INPUT' && e.target.tagName !== 'TEXTAREA') { e.preventDefault(); console.log('[HBE] I key pressed - toggling panel'); this.ui.toggleVisibility(); } } // F2 - Toggle FPS counter if (e.key === 'F2') { e.preventDefault(); console.log('[HBE] F2 pressed - toggling FPS'); const current = this.settings.get('showFPS'); this.settings.set('showFPS', !current); current ? this.features.hideFPSCounter() : this.features.showFPSCounter(); } // F9 - Save replay if (e.key === 'F9') { e.preventDefault(); console.log('[HBE] F9 pressed - saving replay'); if (this.settings.get('replayBuffer')) { this.features.saveReplay(); } } // Ctrl+J - Quick join (placeholder) if (e.ctrlKey && e.key === 'j') { e.preventDefault(); console.log('[HBE] Ctrl+J pressed - quick join'); } }; // Attach to both document and window for maximum compatibility document.addEventListener('keydown', hotkeyHandler, true); window.addEventListener('keydown', hotkeyHandler, true); console.log('[HBE] Hotkey listeners attached to document and window'); } } // ==================== INITIALIZATION ==================== function init() { console.log('[HBE] Initializing Haxball Enhancer...'); try { const settings = new SettingsManager(); console.log('[HBE] Settings loaded'); const features = new FeaturesManager(settings); console.log('[HBE] Features initialized'); const ui = new UIManager(settings, features); console.log('[HBE] UI created'); const hotkeys = new HotkeyManager(settings, ui, features); console.log('[HBE] Hotkeys attached'); // Update stats in UI periodically setInterval(() => { ui.updateStats(features.getStats()); }, 1000); console.log('[HBE] ✅ Haxball Enhancer initialized successfully!'); console.log('[HBE] 🎮 Press I to toggle panel | F2 for FPS | F9 to save replay'); // Expose API for console access (debugging) window.HaxballEnhancer = { settings, features, ui, hotkeys, version: '1.0.0' }; } catch (error) { console.error('[HBE] ❌ Initialization failed:', error); } } // Start initialization when DOM is ready if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { // DOM already loaded setTimeout(init, 100); } })();