const DESIGN_WIDTH = 800; const DESIGN_HEIGHT = 600; if (typeof window.__P5_CLEANUP__ === "function") { window.__P5_CLEANUP__(); } const sketch = (p) => { let score = 0; let autoClickerCount = 0; let autoClickerCost = 10; let clickPower = 1; let clickPowerCost = 50; let multiplier = 1; let multiplierCost = 100; let prestigeLevel = 0; let prestigeCost = 1000; let energyCount = 0; let energyCost = 200; let energyEffect = 0.1; let superClickerCount = 0; let superClickerCost = 300; let luckLevel = 0; let luckCost = 500; let botnetCount = 0; let botnetCost = 800; let quantumCount = 0; let quantumCost = 1500; let timeWarpLevel = 0; let timeWarpCost = 3000; let scaleFactor = 1; let showInstructions = false; let instructionsAlpha = 0; let offsetX = 0; let offsetY = 0; let resizeObserver = null; let resizeHandler = null; let teardown = null; const getContainer = () => document.getElementById("renderDiv"); const computeLayout = () => { const container = getContainer(); const width = Math.max(1, container ? container.clientWidth : window.innerWidth); const height = Math.max(1, container ? container.clientHeight : window.innerHeight); const fitScale = Math.max( 0.1, Math.min(width / DESIGN_WIDTH, height / DESIGN_HEIGHT) || 1 ); scaleFactor = fitScale; offsetX = (width - DESIGN_WIDTH * scaleFactor) / 2; offsetY = (height - DESIGN_HEIGHT * scaleFactor) / 2; return { width, height }; }; const resizeCanvasToContainer = () => { const { width, height } = computeLayout(); p.resizeCanvas(width, height); }; const toDesignSpace = (clientX, clientY) => ({ x: (clientX - offsetX) / scaleFactor, y: (clientY - offsetY) / scaleFactor, }); p.setup = () => { const { width, height } = computeLayout(); const renderer = p.createCanvas(width, height); renderer.parent("renderDiv"); p.pixelDensity(Math.min(2, window.devicePixelRatio || 1)); p.noStroke(); p.textFont('Arial'); const container = getContainer(); if (typeof ResizeObserver !== "undefined" && container) { resizeObserver = new ResizeObserver(() => { resizeCanvasToContainer(); }); resizeObserver.observe(container); } else { resizeHandler = () => resizeCanvasToContainer(); window.addEventListener("resize", resizeHandler); } teardown = () => { if (resizeObserver) { resizeObserver.disconnect(); resizeObserver = null; } if (resizeHandler) { window.removeEventListener("resize", resizeHandler); resizeHandler = null; } }; }; p.windowResized = () => { resizeCanvasToContainer(); }; // Auto-clicker functionality p.draw = () => { // Animate instructions panel fade if (showInstructions) { instructionsAlpha = Math.min(1, instructionsAlpha + 0.15); } else { instructionsAlpha = Math.max(0, instructionsAlpha - 0.15); } // Add all passive income let luckMultiplier = 1; if (Math.random() < (luckLevel * 0.05)) { luckMultiplier = 2; } score += (autoClickerCount * 0.016 + energyEffect * energyCount + superClickerCount * 0.08 + botnetCount * 0.2 + quantumCount * 1) * multiplier * (1 + timeWarpLevel * 0.2) * luckMultiplier; // Cool animated background p.background(15, 23, 42); // Starfield effect p.fill(255, 255, 255, 50); for (let i = 0; i < 50; i++) { let x = (p.frameCount * 0.5 + i * 100) % DESIGN_WIDTH; let y = (i * 137) % DESIGN_HEIGHT; p.circle(x, y, 2); } // Pulsing energy waves (based on prestige level) let waveColor = p.color(96, 165, 250, 20 + prestigeLevel * 10); p.fill(waveColor); for (let i = 0; i < 3; i++) { let waveSize = (p.frameCount + i * 100) * 0.5 % 200 + 100; p.circle(DESIGN_WIDTH / 2, DESIGN_HEIGHT / 2, waveSize); } // Quantum grid lines if (quantumCount > 0) { p.stroke(59, 130, 246, 30); p.strokeWeight(1); for (let x = 0; x < DESIGN_WIDTH; x += 50) { p.line(x, 0, x, DESIGN_HEIGHT); } for (let y = 0; y < DESIGN_HEIGHT; y += 50) { p.line(0, y, DESIGN_WIDTH, y); } p.noStroke(); } p.push(); p.translate(offsetX, offsetY); p.scale(scaleFactor); // Draw clickable button p.fill(96, 165, 250); p.rect( DESIGN_WIDTH / 2 - 75, DESIGN_HEIGHT / 2 - 25, 150, 50, 10 ); p.fill(255); p.textAlign(p.CENTER, p.CENTER); p.textSize(16); p.text(`Click Me! (+${Math.floor(clickPower * multiplier)})`, DESIGN_WIDTH / 2, DESIGN_HEIGHT / 2); // Draw score p.fill(255); p.textAlign(p.LEFT, p.TOP); p.textSize(24); p.text(`Score: ${Math.floor(score)}`, 20, 20); p.text(`Prestige: ${prestigeLevel}`, 20, 45); // Draw shop button (decorative) p.fill(34, 197, 94); p.rect( DESIGN_WIDTH - 120, 20, 100, 40, 5 ); p.fill(0); p.textAlign(p.CENTER, p.CENTER); p.textSize(12); p.text("Shop", DESIGN_WIDTH - 70, 40); // Draw instructions button p.fill(255, 165, 0); p.rect( DESIGN_WIDTH - 120, 70, 100, 40, 5 ); p.fill(0); p.textAlign(p.CENTER, p.CENTER); p.textSize(12); p.text("?", DESIGN_WIDTH - 70, 90); // Draw shop items - clickable areas p.fill(255, score >= autoClickerCost ? 255 : 128); p.textAlign(p.LEFT, p.TOP); p.textSize(14); p.text(`Auto-Clicker: ${autoClickerCount}`, 20, 80); p.text(`Cost: ${autoClickerCost}`, 20, 100); p.fill(255, score >= clickPowerCost ? 255 : 128); p.text(`Click Power: ${clickPower}`, 20, 120); p.text(`Cost: ${clickPowerCost}`, 20, 140); p.fill(255, score >= multiplierCost ? 255 : 128); p.text(`Multiplier: ${multiplier}x`, 20, 160); p.text(`Cost: ${multiplierCost}`, 20, 180); p.fill(255, score >= energyCost ? 255 : 128); p.text(`Energy Boost: ${energyCount}`, 20, 200); p.text(`Cost: ${energyCost} (+0.1/sec)`, 20, 220); p.fill(255, score >= superClickerCost ? 255 : 128); p.text(`Super Clicker: ${superClickerCount}`, 20, 240); p.text(`Cost: ${superClickerCost} (5/sec)`, 20, 260); p.fill(255, score >= luckCost ? 255 : 128); p.text(`Luck Boost: ${luckLevel}%`, 20, 280); p.text(`Cost: ${luckCost} (double chance)`, 20, 300); p.fill(255, score >= botnetCost ? 255 : 128); p.text(`Botnet: ${botnetCount}`, 20, 320); p.text(`Cost: ${botnetCost} (12/sec)`, 20, 340); p.fill(255, score >= quantumCost ? 255 : 128); p.text(`Quantum: ${quantumCount}`, 20, 360); p.text(`Cost: ${quantumCost} (60/sec)`, 20, 380); p.fill(255, score >= timeWarpCost ? 255 : 128); p.text(`Time Warp: ${timeWarpLevel}`, 20, 400); p.text(`Cost: ${timeWarpCost} (+20% speed)`, 20, 420); p.fill(255, score >= prestigeCost ? 255 : 128); p.text(`Prestige Level: ${prestigeLevel}`, 20, 440); p.text(`Cost: ${Math.floor(prestigeCost)} (RESET +10% bonus!)`, 20, 460); // Instructions panel if (showInstructions) { const panelWidth = 350; const panelHeight = 420; const panelX = (DESIGN_WIDTH - panelWidth) / 2; const panelY = (DESIGN_HEIGHT - panelHeight) / 2; // Semi-transparent background p.fill(15, 23, 42, 200 + instructionsAlpha * 55); p.rect(panelX, panelY, panelWidth, panelHeight, 15); // Border glow p.fill(96, 165, 250, 100 + instructionsAlpha * 155); p.rect(panelX + 3, panelY + 3, panelWidth - 6, panelHeight - 6, 12); // Title p.fill(255, 255, 255); p.textAlign(p.CENTER, p.TOP); p.textSize(22); p.text(`🎮 Game Instructions`, panelX + panelWidth/2, panelY + 20); // Close button p.fill(255, 0, 0, 180 + instructionsAlpha * 75); p.rect(panelX + panelWidth - 40, panelY + 15, 25, 25, 5); p.fill(255); p.textAlign(p.CENTER, p.CENTER); p.textSize(16); p.text('✕', panelX + panelWidth - 27.5, panelY + 27.5); // Instructions text p.textAlign(p.LEFT, p.TOP); p.textSize(16); p.textLeading(22); const instructionsText = `• Click the BLUE BUTTON to earn score! • Buy UPGRADES on the left side • Auto-Clicker: Passive clicks • Click Power: Stronger clicks • Multiplier: × all earnings • Energy: Steady passive income • Super Clicker: Fast passive • Luck: 5% double income chance • Botnet: High passive income • Quantum: Massive passive/sec • Time Warp: +20% speed/level • Prestige: RESET for permanent 10% bonus per level! 💡 TIP: Prestige early for faster progress!`; p.fill(220, 220, 255, 200 + instructionsAlpha * 55); p.text(instructionsText, panelX + 25, panelY + 65, panelWidth - 50, panelHeight - 90); } p.pop(); }; p.mousePressed = () => { const pointer = toDesignSpace(p.mouseX, p.mouseY); let luckMultiplier = 1; if (Math.random() < (luckLevel * 0.05)) { luckMultiplier = 2; } // Instructions button if ( pointer.x >= DESIGN_WIDTH - 120 && pointer.x <= DESIGN_WIDTH - 20 && pointer.y >= 70 && pointer.y <= 110 ) { showInstructions = !showInstructions; return; } // Instructions panel close button if (showInstructions && pointer.x >= (DESIGN_WIDTH - 350)/2 + 3 + 350 - 40 && pointer.x <= (DESIGN_WIDTH - 350)/2 + 3 + 350 - 15 && pointer.y >= (DESIGN_HEIGHT - 420)/2 + 3 + 15 && pointer.y <= (DESIGN_HEIGHT - 420)/2 + 3 + 40 ) { showInstructions = false; return; } if (!showInstructions) { // Click main button if ( pointer.x >= DESIGN_WIDTH / 2 - 75 && pointer.x <= DESIGN_WIDTH / 2 + 75 && pointer.y >= DESIGN_HEIGHT / 2 - 25 && pointer.y <= DESIGN_HEIGHT / 2 + 25 ) { score += clickPower * multiplier * luckMultiplier; return; } // Click auto-clicker upgrade area if ( pointer.x >= 20 && pointer.x <= 200 && pointer.y >= 80 && pointer.y <= 110 ) { if (score >= autoClickerCost) { score -= autoClickerCost; autoClickerCount += 1; autoClickerCost = Math.floor(autoClickerCost * 1.5); } return; } // Click power upgrade area if ( pointer.x >= 20 && pointer.x <= 200 && pointer.y >= 120 && pointer.y <= 150 ) { if (score >= clickPowerCost) { score -= clickPowerCost; clickPower += 1; clickPowerCost = Math.floor(clickPowerCost * 1.5); } return; } // Multiplier upgrade area if ( pointer.x >= 20 && pointer.x <= 200 && pointer.y >= 160 && pointer.y <= 190 ) { if (score >= multiplierCost) { score -= multiplierCost; multiplier += 0.5; multiplierCost = Math.floor(multiplierCost * 2); } return; } // Energy boost area if ( pointer.x >= 20 && pointer.x <= 200 && pointer.y >= 200 && pointer.y <= 230 ) { if (score >= energyCost) { score -= energyCost; energyCount += 1; energyEffect += 0.1; energyCost = Math.floor(energyCost * 1.3); } return; } // Super clicker area if ( pointer.x >= 20 && pointer.x <= 200 && pointer.y >= 240 && pointer.y <= 270 ) { if (score >= superClickerCost) { score -= superClickerCost; superClickerCount += 1; superClickerCost = Math.floor(superClickerCost * 1.8); } return; } // Luck boost area if ( pointer.x >= 20 && pointer.x <= 200 && pointer.y >= 280 && pointer.y <= 310 ) { if (score >= luckCost) { score -= luckCost; luckLevel += 1; luckCost = Math.floor(luckCost * 1.7); } return; } // Botnet area if ( pointer.x >= 20 && pointer.x <= 200 && pointer.y >= 320 && pointer.y <= 350 ) { if (score >= botnetCost) { score -= botnetCost; botnetCount += 1; botnetCost = Math.floor(botnetCost * 2.2); } return; } // Quantum computer area if ( pointer.x >= 20 && pointer.x <= 200 && pointer.y >= 360 && pointer.y <= 390 ) { if (score >= quantumCost) { score -= quantumCost; quantumCount += 1; quantumCost = Math.floor(quantumCost * 2.5); } return; } // Time warp area if ( pointer.x >= 20 && pointer.x <= 200 && pointer.y >= 400 && pointer.y <= 430 ) { if (score >= timeWarpCost) { score -= timeWarpCost; timeWarpLevel += 1; timeWarpCost = Math.floor(timeWarpCost * 3); } return; } // Prestige reset area if ( pointer.x >= 20 && pointer.x <= 200 && pointer.y >= 440 && pointer.y <= 470 ) { if (score >= prestigeCost) { // Reset everything except prestige level prestigeLevel += 1; score = 0; autoClickerCount = 0; clickPower = 1; multiplier = 1 + (prestigeLevel * 0.1); energyCount = 0; energyEffect = 0.1; superClickerCount = 0; luckLevel = 0; botnetCount = 0; quantumCount = 0; timeWarpLevel = 0; // Reset costs autoClickerCost = 10; clickPowerCost = 50; multiplierCost = 100; energyCost = 200; superClickerCost = 300; luckCost = 500; botnetCost = 800; quantumCost = 1500; timeWarpCost = 3000; prestigeCost = 1000 * Math.pow(2, prestigeLevel); } return; } } }; const originalRemove = p.remove.bind(p); p.remove = () => { if (typeof teardown === "function") { teardown(); teardown = null; } originalRemove(); }; }; const instance = new window.p5(sketch, "renderDiv"); window.__P5_CLEANUP__ = () => { try { instance.remove(); } catch (error) { console.warn("Failed to remove p5 instance", error); } };

Galexy Clicker

How to play