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 prestigeStars = 0; let showShop = false; let shopAlpha = 0; // Aliens and combat let aliens = []; let lasers = []; let enemyProjectiles = []; let particles = []; let alienSpawnTimer = 0; let laserPower = 1; let laserCost = 75; let starCollectorLevel = 0; let starCost = 50; let nanoForgeLevel = 0; let nanoForgeCost = 100; let galaxyGenLevel = 0; let galaxyGenCost = 500; 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); } // Animate shop panel fade if (showShop) { shopAlpha = Math.min(1, shopAlpha + 0.15); } else { shopAlpha = Math.max(0, shopAlpha - 0.15); } // Alien spawn logic alienSpawnTimer++; if (alienSpawnTimer > 60 - Math.min(30, prestigeLevel * 3)) { aliens.push({ x: p.random(30, DESIGN_WIDTH - 30), y: -30, vy: 1 + Math.random() * 1.5, size: 20 + Math.random() * 10, shootTimer: p.random(120, 300), color: p.color(200, 50 + Math.random() * 100, 100) }); alienSpawnTimer = 0; } // Update aliens for (let i = aliens.length - 1; i >= 0; i--) { let alien = aliens[i]; alien.y += alien.vy; alien.shootTimer--; // Alien shoots back if (alien.shootTimer <= 0 && alien.y > 50) { enemyProjectiles.push({ x: alien.x, y: alien.y + alien.size/2, vy: 2, life: 200 }); alien.shootTimer = p.random(180, 360); } if (alien.y > DESIGN_HEIGHT + 50) { aliens.splice(i, 1); } } // Update lasers for (let i = lasers.length - 1; i >= 0; i--) { let laser = lasers[i]; laser.y -= 8; if (laser.y < -10) { lasers.splice(i, 1); continue; } // Laser-alien collision for (let j = aliens.length - 1; j >= 0; j--) { let alien = aliens[j]; let dx = laser.x - alien.x; let dy = laser.y - alien.y; if (dx*dx + dy*dy < (alien.size/2 + 3)**2) { // Destroy alien for (let k = 0; k < 12; k++) { particles.push({ x: alien.x, y: alien.y, vx: (Math.random() - 0.5) * 8, vy: (Math.random() - 0.5) * 8, life: 30, maxLife: 30, color: p.color(255, 100 + Math.random() * 155, 0) }); } score += laserPower * 10 * multiplier; aliens.splice(j, 1); lasers.splice(i, 1); break; } } } // Update enemy projectiles for (let i = enemyProjectiles.length - 1; i >= 0; i--) { let proj = enemyProjectiles[i]; proj.y += proj.vy; proj.life--; if (proj.y > DESIGN_HEIGHT + 50 || proj.life <= 0) { enemyProjectiles.splice(i, 1); continue; } // Ship collision (ship at bottom center) if (proj.x > DESIGN_WIDTH/2 - 15 && proj.x < DESIGN_WIDTH/2 + 15 && proj.y > DESIGN_HEIGHT - 40) { // Ship hit! Lose score score = Math.max(0, score - 50); // Damage particles for (let k = 0; k < 8; k++) { particles.push({ x: DESIGN_WIDTH/2, y: DESIGN_HEIGHT - 30, vx: (Math.random() - 0.5) * 6, vy: (Math.random() - 0.5) * 6 - 2, life: 25, maxLife: 25, color: p.color(255, 100, 100) }); } enemyProjectiles.splice(i, 1); continue; } if (proj.y > DESIGN_HEIGHT + 50 || proj.life <= 0) { enemyProjectiles.splice(i, 1); } } // Update particles for (let i = particles.length - 1; i >= 0; i--) { let particle = particles[i]; particle.x += particle.vx; particle.y += particle.vy; particle.life--; particle.vx *= 0.95; particle.vy *= 0.95; if (particle.life <= 0) { particles.splice(i, 1); } } // Passive star generation prestigeStars += 0.0002 * prestigeLevel * (1 + starCollectorLevel * 0.1 + nanoForgeLevel * 0.1 + galaxyGenLevel * 0.2); // 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); // Moving starfield (scrolling space feel) p.fill(255, 255, 255, 60); for (let i = 0; i < 80; i++) { let speed = 0.5 + i * 0.03; let x = (p.frameCount * speed + i * 123) % DESIGN_WIDTH; let y = (i * 89 + p.frameCount * speed * 0.3) % DESIGN_HEIGHT; let size = 1 + (i % 3); p.circle(x, y, size); } // 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); } // Twinkling prestige stars around center button p.fill(255, 255, 0, 150); for (let i = 0; i < Math.min(20, prestigeStars); i++) { let angle = (p.frameCount * 0.02 + i * 0.3) % (Math.PI * 2); let distance = 120 + Math.sin(p.frameCount * 0.05 + i) * 20; let x = DESIGN_WIDTH / 2 + Math.cos(angle) * distance; let y = DESIGN_HEIGHT / 2 + Math.sin(angle) * distance; let size = 3 + Math.sin(p.frameCount * 0.1 + i) * 2; p.circle(x, y, size); } // Star collection particles if (p.particles) { p.particles = p.particles.filter(particle => { particle.life--; p.fill(255, 255, 0, particle.life / particle.maxLife * 255); p.circle(particle.x, particle.y, 4); particle.x += particle.vx; particle.y += particle.vy; return particle.life > 0; }); if (p.particles.length === 0) delete p.particles; } // 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 aliens for (let alien of aliens) { p.fill(alien.color); p.stroke(255, 0, 100, 150); p.strokeWeight(1); // Alien blob body p.ellipse(alien.x, alien.y, alien.size, alien.size * 0.8); // Eyes p.fill(255); p.ellipse(alien.x - 6, alien.y - 4, 6, 8); p.ellipse(alien.x + 6, alien.y - 4, 6, 8); p.fill(0); p.ellipse(alien.x - 6, alien.y - 4, 3, 3); p.ellipse(alien.x + 6, alien.y - 4, 3, 3); p.noStroke(); } // Draw lasers p.fill(0, 255, 255); for (let laser of lasers) { p.rect(laser.x - 2, laser.y - 12, 4, 12); } // Draw enemy projectiles p.fill(255, 50, 100); for (let proj of enemyProjectiles) { p.ellipse(proj.x, proj.y, 6, 10); } // Draw particles for (let particle of particles) { let alpha = (particle.life / particle.maxLife) * 255; p.fill(p.red(particle.color), p.green(particle.color), p.blue(particle.color), alpha); p.circle(particle.x, particle.y, 4); } // Draw clickable button // Star drawing function p.star = function(x, y, radius1, radius2, npoints) { p.beginShape(); for (let a = 0; a < p.TWO_PI; a += p.TWO_PI / (npoints * 2)) { let r1 = p.map(Math.sin(a * npoints), -1, 1, radius2, radius1); let px = x + p.cos(a) * r1; let py = y + p.sin(a) * r1; p.vertex(px, py); } p.endShape(p.CLOSE); }; 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 p.fill(34, 197, 94, 200 + shopAlpha * 55); p.rect( DESIGN_WIDTH - 120, 20, 100, 40, 5 ); p.fill(255); 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 Star button p.fill(255, 215, 0, 200 + Math.sin(p.frameCount * 0.1) * 55); p.noStroke(); p.star(DESIGN_WIDTH - 70, 140, 18, 9, 5); p.fill(255, 215, 0); p.star(DESIGN_WIDTH - 70, 140, 14, 7, 5); p.fill(0); p.textSize(10); p.textAlign(p.CENTER, p.CENTER); p.text(`⭐ ${Math.floor(prestigeStars)}`, DESIGN_WIDTH - 70, 165); // Draw shop panel if (showShop) { const panelWidth = 300; const panelHeight = 650; const panelX = 10; const panelY = 70; // Semi-transparent background p.fill(15, 23, 42, 200 + shopAlpha * 55); p.rect(panelX, panelY, panelWidth, panelHeight, 15); // Border glow p.fill(34, 197, 94, 100 + shopAlpha * 155); p.rect(panelX + 3, panelY + 3, panelWidth - 6, panelHeight - 6, 12); // Close button p.fill(255, 0, 0, 180 + shopAlpha * 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); // Shop title p.fill(255); p.textAlign(p.CENTER, p.TOP); p.textSize(20); p.text(`🛒 SHOP`, panelX + panelWidth/2, panelY + 20); // Star highlight glow effect if (prestigeStars > 0) { p.fill(255, 215, 0, 80 + Math.sin(p.frameCount * 0.15) * 40); p.rect(panelX + 5, panelY + 5, panelWidth - 10, panelHeight - 10, 12); } p.textAlign(p.LEFT, p.TOP); p.textSize(14); // Shop items with buy buttons const buttonWidth = 70; const buttonHeight = 30; const buttonYStart = 65; const buttonSpacing = 40; // Auto-Clicker p.fill(255, Math.floor(score) >= autoClickerCost ? 255 : 128); p.text(`Auto-Clicker: ${autoClickerCount}`, panelX + 15, panelY + 70); p.text(`Cost: ${autoClickerCost}`, panelX + 15, panelY + 90); p.fill(34, 197, 94, Math.floor(score) >= autoClickerCost ? 200 : 100); p.rect(panelX + panelWidth - buttonWidth - 15, panelY + buttonYStart, buttonWidth, buttonHeight, 6); // Click Power p.fill(255, Math.floor(score) >= clickPowerCost ? 255 : 128); p.text(`Click Power: ${clickPower}`, panelX + 15, panelY + 110); p.text(`Cost: ${clickPowerCost}`, panelX + 15, panelY + 130); p.fill(96, 165, 250, Math.floor(score) >= clickPowerCost ? 200 : 100); p.rect(panelX + panelWidth - buttonWidth - 15, panelY + buttonYStart + buttonSpacing, buttonWidth, buttonHeight, 6); // Multiplier p.fill(255, Math.floor(score) >= multiplierCost ? 255 : 128); p.text(`Multiplier: ${Math.floor(multiplier * 100) / 100}x`, panelX + 15, panelY + 150); p.text(`Cost: ${multiplierCost}`, panelX + 15, panelY + 170); p.fill(255, 215, 0, Math.floor(score) >= multiplierCost ? 200 : 100); p.rect(panelX + panelWidth - buttonWidth - 15, panelY + buttonYStart + buttonSpacing * 2, buttonWidth, buttonHeight, 6); // Laser Power p.fill(255, Math.floor(score) >= laserCost ? 255 : 128); p.text(`Laser Power: ${laserPower}`, panelX + 15, panelY + 190); p.text(`Cost: ${laserCost} (+10pts/alien)`, panelX + 15, panelY + 210); p.fill(0, 255, 255, Math.floor(score) >= laserCost ? 200 : 100); p.rect(panelX + panelWidth - buttonWidth - 15, panelY + buttonYStart + buttonSpacing * 3, buttonWidth, buttonHeight, 6); // Energy Boost p.fill(255, Math.floor(score) >= energyCost ? 255 : 128); p.text(`Energy Boost: ${energyCount}`, panelX + 15, panelY + 230); p.text(`Cost: ${energyCost} (+0.1/sec)`, panelX + 15, panelY + 250); p.fill(59, 130, 246, Math.floor(score) >= energyCost ? 200 : 100); p.rect(panelX + panelWidth - buttonWidth - 15, panelY + buttonYStart + buttonSpacing * 4, buttonWidth, buttonHeight, 6); // Super Clicker p.fill(255, Math.floor(score) >= superClickerCost ? 255 : 128); p.text(`Super Clicker: ${superClickerCount}`, panelX + 15, panelY + 270); p.text(`Cost: ${superClickerCost} (5/sec)`, panelX + 15, panelY + 290); p.fill(255, 100, 255, Math.floor(score) >= superClickerCost ? 200 : 100); p.rect(panelX + panelWidth - buttonWidth - 15, panelY + buttonYStart + buttonSpacing * 5, buttonWidth, buttonHeight, 6); // Luck Boost p.fill(255, Math.floor(score) >= luckCost ? 255 : 128); p.text(`Luck Boost: ${luckLevel}%`, panelX + 15, panelY + 310); p.text(`Cost: ${luckCost} (double chance)`, panelX + 15, panelY + 330); p.fill(255, 165, 0, Math.floor(score) >= luckCost ? 200 : 100); p.rect(panelX + panelWidth - buttonWidth - 15, panelY + buttonYStart + buttonSpacing * 6, buttonWidth, buttonHeight, 6); // Botnet p.fill(255, Math.floor(score) >= botnetCost ? 255 : 128); p.text(`Botnet: ${botnetCount}`, panelX + 15, panelY + 350); p.text(`Cost: ${botnetCost} (12/sec)`, panelX + 15, panelY + 370); p.fill(75, 0, 130, Math.floor(score) >= botnetCost ? 200 : 100); p.rect(panelX + panelWidth - buttonWidth - 15, panelY + buttonYStart + buttonSpacing * 7, buttonWidth, buttonHeight, 6); // Quantum p.fill(255, Math.floor(score) >= quantumCost ? 255 : 128); p.text(`Quantum: ${quantumCount}`, panelX + 15, panelY + 390); p.text(`Cost: ${quantumCost} (60/sec)`, panelX + 15, panelY + 410); p.fill(128, 0, 255, Math.floor(score) >= quantumCost ? 200 : 100); p.rect(panelX + panelWidth - buttonWidth - 15, panelY + buttonYStart + buttonSpacing * 8, buttonWidth, buttonHeight, 6); // Time Warp p.fill(255, Math.floor(score) >= timeWarpCost ? 255 : 128); p.text(`Time Warp: ${timeWarpLevel}`, panelX + 15, panelY + 430); p.text(`Cost: ${timeWarpCost} (+20% speed)`, panelX + 15, panelY + 450); p.fill(255, 0, 255, Math.floor(score) >= timeWarpCost ? 200 : 100); p.rect(panelX + panelWidth - buttonWidth - 15, panelY + buttonYStart + buttonSpacing * 9, buttonWidth, buttonHeight, 6); // Prestige p.fill(255, Math.floor(score) >= prestigeCost ? 255 : 128); p.text(`Prestige Level: ${prestigeLevel}`, panelX + 15, panelY + 470); p.text(`Cost: ${Math.floor(prestigeCost)} (RESET +10% bonus!)`, panelX + 15, panelY + 490); p.fill(255, 0, 0, Math.floor(score) >= prestigeCost ? 200 : 100); p.rect(panelX + panelWidth - buttonWidth - 15, panelY + buttonYStart + buttonSpacing * 10, buttonWidth, buttonHeight, 6); p.fill(255); p.text(`Stars: ${Math.floor(prestigeStars)}`, panelX + 15, panelY + 510); // Collect Stars button p.fill(255, 215, 0, prestigeStars >= 1 ? 255 : 100); if (prestigeStars >= 1) { p.stroke(255, 255, 0, 150); p.strokeWeight(2); } p.rect(panelX + 110, panelY + 465, 120, 50, 8); if (prestigeStars >= 1) { p.noStroke(); // Star icon glow p.fill(255, 255, 255, 100); p.star(panelX + 170, panelY + 490, 8, 4, 5); p.fill(255, 215, 0); p.star(panelX + 170, panelY + 490, 6, 3, 5); } else { p.noStroke(); p.fill(128); p.textAlign(p.CENTER, p.CENTER); p.textSize(12); p.text("No Stars", panelX + 170, panelY + 490); p.textAlign(p.LEFT, p.TOP); p.textSize(14); } p.fill(255, prestigeStars >= starCost ? 255 : 128); p.text(`Star Collector: ${starCollectorLevel}`, panelX + 15, panelY + 530); p.text(`Cost: ${starCost} stars (+5% mult)`, panelX + 15, panelY + 550); p.fill(255, 215, 0, prestigeStars >= starCost ? 200 : 100); p.rect(panelX + panelWidth - buttonWidth - 15, panelY + buttonYStart + buttonSpacing * 11.5, buttonWidth, buttonHeight, 6); // Star Shop - unlocks with prestige if (prestigeLevel >= 1) { p.fill(255, prestigeStars >= nanoForgeCost ? 255 : 128); p.text(`Nano Forge: ${nanoForgeLevel}`, panelX + 15, panelY + 570); p.text(`Cost: ${nanoForgeCost} stars (+10% star gen)`, panelX + 15, panelY + 590); p.fill(128, 255, 128, prestigeStars >= nanoForgeCost ? 200 : 100); p.rect(panelX + panelWidth - buttonWidth - 15, panelY + buttonYStart + buttonSpacing * 12.5, buttonWidth, buttonHeight, 6); } if (prestigeLevel >= 3) { p.fill(255, prestigeStars >= galaxyGenCost ? 255 : 128); p.text(`Galaxy Gen: ${galaxyGenLevel}`, panelX + 15, panelY + 610); p.text(`Cost: ${galaxyGenCost} stars (+20% star gen)`, panelX + 15, panelY + 630); p.fill(0, 255, 128, prestigeStars >= galaxyGenCost ? 200 : 100); p.rect(panelX + panelWidth - buttonWidth - 15, panelY + buttonYStart + buttonSpacing * 13.5, buttonWidth, buttonHeight, 6); } } // Controls info p.fill(200, 255); p.textSize(12); let controlsText = showShop ? `Click to earn! Close shop (✕) to play.` : `Click to earn! Buy upgrades on left.`; p.text(controlsText, 20, DESIGN_HEIGHT - 30); // 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 • ⭐ STARS: Click gold button to collect! • 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); } // Draw ship (small triangle at bottom center) p.fill(100, 200, 255); p.noStroke(); p.triangle(DESIGN_WIDTH/2 - 12, DESIGN_HEIGHT - 25, DESIGN_WIDTH/2 + 12, DESIGN_HEIGHT - 25, DESIGN_WIDTH/2, DESIGN_HEIGHT - 45); p.pop(); }; p.keyPressed = () => { }; p.keyReleased = () => { }; p.mousePressed = () => { const pointer = toDesignSpace(p.mouseX, p.mouseY); let luckMultiplier = 1; if (Math.random() < (luckLevel * 0.05)) { luckMultiplier = 2; } // Star button if ( pointer.x >= DESIGN_WIDTH - 110 && pointer.x <= DESIGN_WIDTH - 30 && pointer.y >= 130 && pointer.y <= 170 ) { if (prestigeStars > 0) { showShop = !showShop; } return; } // Shop button if ( pointer.x >= DESIGN_WIDTH - 120 && pointer.x <= DESIGN_WIDTH - 20 && pointer.y >= 20 && pointer.y <= 60 ) { showShop = !showShop; return; } // Shop panel close button if (showShop && pointer.x >= 10 + 300 - 40 && pointer.x <= 10 + 300 - 15 && pointer.y >= 70 + 15 && pointer.y <= 70 + 40 ) { showShop = false; return; } // 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 + 350 - 40 && pointer.x <= (DESIGN_WIDTH - 350)/2 + 350 - 15 && pointer.y >= (DESIGN_HEIGHT - 420)/2 + 15 && pointer.y <= (DESIGN_HEIGHT - 420)/2 + 40 ) { showInstructions = false; return; } // 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; // Shoot laser if aliens present if (aliens.length > 0) { lasers.push({ x: DESIGN_WIDTH / 2, y: DESIGN_HEIGHT / 2 }); } return; } if (showShop) { const panelX = 10; const panelY = 70; const buttonWidth = 70; const buttonHeight = 30; const buttonYStart = 65; const buttonSpacing = 40; // Buy button areas const buyButtons = [ { y: buttonYStart, check: () => Math.floor(score) >= autoClickerCost, buy: () => { score -= autoClickerCost; autoClickerCount += 1; autoClickerCost = Math.floor(autoClickerCost * 1.5); }}, { y: buttonYStart + buttonSpacing, check: () => Math.floor(score) >= clickPowerCost, buy: () => { score -= clickPowerCost; clickPower += 1; clickPowerCost = Math.floor(clickPowerCost * 1.5); }}, { y: buttonYStart + buttonSpacing * 2, check: () => Math.floor(score) >= multiplierCost, buy: () => { score -= multiplierCost; multiplier += 0.5; multiplierCost = Math.floor(multiplierCost * 2); }}, { y: buttonYStart + buttonSpacing * 3, check: () => Math.floor(score) >= laserCost, buy: () => { score -= laserCost; laserPower += 1; laserCost = Math.floor(laserCost * 1.6); }}, { y: buttonYStart + buttonSpacing * 4, check: () => Math.floor(score) >= energyCost, buy: () => { score -= energyCost; energyCount += 1; energyEffect += 0.1; energyCost = Math.floor(energyCost * 1.3); }}, { y: buttonYStart + buttonSpacing * 5, check: () => Math.floor(score) >= superClickerCost, buy: () => { score -= superClickerCost; superClickerCount += 1; superClickerCost = Math.floor(superClickerCost * 1.8); }}, { y: buttonYStart + buttonSpacing * 6, check: () => Math.floor(score) >= luckCost, buy: () => { score -= luckCost; luckLevel += 1; luckCost = Math.floor(luckCost * 1.7); }}, { y: buttonYStart + buttonSpacing * 7, check: () => Math.floor(score) >= botnetCost, buy: () => { score -= botnetCost; botnetCount += 1; botnetCost = Math.floor(botnetCost * 2.2); }}, { y: buttonYStart + buttonSpacing * 8, check: () => Math.floor(score) >= quantumCost, buy: () => { score -= quantumCost; quantumCount += 1; quantumCost = Math.floor(quantumCost * 2.5); }}, { y: buttonYStart + buttonSpacing * 9, check: () => Math.floor(score) >= timeWarpCost, buy: () => { score -= timeWarpCost; timeWarpLevel += 1; timeWarpCost = Math.floor(timeWarpCost * 3); }}, { y: buttonYStart + buttonSpacing * 10, check: () => Math.floor(score) >= prestigeCost, buy: () => { prestigeStars += Math.floor(score / 100); prestigeLevel += 1; score = 0; autoClickerCount = 0; clickPower = 1; multiplier = 1 + (prestigeLevel * 0.1) + (starCollectorLevel * 0.05); energyCount = 0; energyEffect = 0.1; superClickerCount = 0; luckLevel = 0; botnetCount = 0; quantumCount = 0; timeWarpLevel = 0; autoClickerCost = 10; clickPowerCost = 50; multiplierCost = 100; energyCost = 200; superClickerCost = 300; luckCost = 500; botnetCost = 800; quantumCost = 1500; timeWarpCost = 3000; prestigeCost = 1000 * Math.pow(2, prestigeLevel); }}, { y: buttonYStart + buttonSpacing * 11.5, check: () => prestigeStars >= starCost, buy: () => { prestigeStars -= starCost; starCollectorLevel += 1; multiplier += 0.05; starCost = Math.floor(starCost * 1.5); }} ]; for (let i = 0; i < buyButtons.length; i++) { const btn = buyButtons[i]; if ( pointer.x >= panelX + panelWidth - buttonWidth - 15 && pointer.x <= panelX + panelWidth - 15 + buttonWidth && pointer.y >= panelY + btn.y && pointer.y <= panelY + btn.y + buttonHeight && btn.check() ) { btn.buy(); // Purchase feedback particles for (let k = 0; k < 6; k++) { particles.push({ x: pointer.x, y: pointer.y, vx: (Math.random() - 0.5) * 6, vy: (Math.random() - 0.5) * 6, life: 20, maxLife: 20, color: p.color(0, 255, 100) }); } return; } } // Nano Forge button if (prestigeLevel >= 1 && prestigeStars >= nanoForgeCost && pointer.x >= panelX + panelWidth - buttonWidth - 15 && pointer.x <= panelX + panelWidth - 15 + buttonWidth && pointer.y >= panelY + buttonYStart + buttonSpacing * 12.5 && pointer.y <= panelY + buttonYStart + buttonSpacing * 12.5 + buttonHeight ) { prestigeStars -= nanoForgeCost; nanoForgeLevel += 1; nanoForgeCost = Math.floor(nanoForgeCost * 1.8); // Feedback particles for (let k = 0; k < 6; k++) { particles.push({ x: pointer.x, y: pointer.y, vx: (Math.random() - 0.5) * 6, vy: (Math.random() - 0.5) * 6, life: 20, maxLife: 20, color: p.color(128, 255, 128) }); } return; } // Galaxy Gen button if (prestigeLevel >= 3 && prestigeStars >= galaxyGenCost && pointer.x >= panelX + panelWidth - buttonWidth - 15 && pointer.x <= panelX + panelWidth - 15 + buttonWidth && pointer.y >= panelY + buttonYStart + buttonSpacing * 13.5 && pointer.y <= panelY + buttonYStart + buttonSpacing * 13.5 + buttonHeight ) { prestigeStars -= galaxyGenCost; galaxyGenLevel += 1; galaxyGenCost = Math.floor(galaxyGenCost * 2.2); // Feedback particles for (let k = 0; k < 6; k++) { particles.push({ x: pointer.x, y: pointer.y, vx: (Math.random() - 0.5) * 6, vy: (Math.random() - 0.5) * 6, life: 20, maxLife: 20, color: p.color(0, 255, 128) }); } return; } // Collect Stars button if ( pointer.x >= panelX + 110 && pointer.x <= panelX + 230 && pointer.y >= panelY + 465 && pointer.y <= panelY + 515 && prestigeStars >= 1 ) { let starGain = 1 + Math.floor(prestigeLevel * 0.1) + Math.floor(starCollectorLevel * 0.2); prestigeStars += starGain; for (let i = 0; i < 8; i++) { let angle = (i / 8) * Math.PI * 2; let speed = 3 + i * 0.5; p.particles = p.particles || []; p.particles.push({ x: panelX + 170, y: panelY + 490, vx: Math.cos(angle) * speed, vy: Math.sin(angle) * speed, life: 30, maxLife: 30 }); } 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