const DESIGN_WIDTH = 800; const DESIGN_HEIGHT = 600; if (typeof window.__P5_CLEANUP__ === "function") { window.__P5_CLEANUP__(); } const sketch = (p) => { let scaleFactor = 1; let offsetX = 0; let offsetY = 0; let resizeObserver = null; let resizeHandler = null; let teardown = null; let x = DESIGN_WIDTH / 2; let y = DESIGN_HEIGHT / 2; let speed = 3; let vx = 0; let vy = 0; let shootCooldown = 0; // Game state let gameOver = false; let score = 0; let gameState = 'playing'; // 'playing', 'gameOver' // Power-ups let powerUps = []; let powerUpTypes = ['speed', 'rapidFire', 'shield', 'multiShot', 'bulletSpeed', 'invincibility']; let powerUpSpawnTimer = 0; // Power-up effects - now stackable let powerUpSpeedBoost = 1; let powerUpSpeedStacks = 0; let powerUpRapidFire = false; let powerUpShield = false; let powerUpMultiShot = 1; let powerUpBulletSpeed = 8; let powerUpInvincibility = false; let powerUpTimers = {speed: 0, rapidFire: 0, shield: 0, multiShot: 0, bulletSpeed: 0, invincibility: 0}; let enemies = [ {x: 100, y: 100, vx: 0, vy: 0, speed: 1} ]; let bullets = []; let enemyBullets = []; 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.textAlign(p.CENTER); 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(); }; p.draw = () => { p.background(15, 23, 42); p.push(); p.translate(offsetX, offsetY); p.scale(scaleFactor); // Update power-up timers for (let type in powerUpTimers) { powerUpTimers[type] = Math.max(0, powerUpTimers[type] - 1); } powerUpSpeedBoost = powerUpTimers.speed > 0 ? (1 + (powerUpSpeedStacks * 0.5)) : 1; powerUpRapidFire = powerUpTimers.rapidFire > 0; powerUpShield = powerUpTimers.shield > 0; powerUpMultiShot = powerUpTimers.multiShot > 0 ? 3 : 1; powerUpBulletSpeed = powerUpTimers.bulletSpeed > 0 ? 12 : 8; powerUpInvincibility = powerUpTimers.invincibility > 0; if (gameState === 'playing') { // Update player x += vx * powerUpSpeedBoost; y += vy * powerUpSpeedBoost; shootCooldown = Math.max(0, shootCooldown - 1); x = p.constrain(x, 15, DESIGN_WIDTH - 15); y = p.constrain(y, 25, DESIGN_HEIGHT - 15); } if (gameState === 'playing') { // Update enemies AI - simple chase for (let i = enemies.length - 1; i >= 0; i--) { let enemy = enemies[i]; let dx = x - enemy.x; let dy = y - enemy.y; let dist = Math.sqrt(dx * dx + dy * dy); if (dist > 0) { enemy.vx = (dx / dist) * enemy.speed; enemy.vy = (dy / dist) * enemy.speed; } enemy.x += enemy.vx; enemy.y += enemy.vy; enemy.x = p.constrain(enemy.x, 15, DESIGN_WIDTH - 15); enemy.y = p.constrain(enemy.y, 25, DESIGN_HEIGHT - 15); } } if (gameState === 'playing') { // Update bullets and check enemy collisions for (let i = bullets.length - 1; i >= 0; i--) { let b = bullets[i]; b.x += b.vx; b.y += b.vy; // Check collision with enemies for (let j = enemies.length - 1; j >= 0; j--) { let enemy = enemies[j]; let dx = b.x - enemy.x; let dy = b.y - enemy.y; let dist = Math.sqrt(dx * dx + dy * dy); if (dist < 20) { // Hit enemy! Score points and spawn new enemies score += 200; bullets.splice(i, 1); enemies.splice(j, 1); // Spawn 2 new enemies for (let k = 0; k < 2; k++) { enemies.push({ x: Math.random() * (DESIGN_WIDTH - 40) + 20, y: Math.random() * (DESIGN_HEIGHT - 40) + 20, vx: 0, vy: 0, speed: 1 + (enemies.length * 0.1) // Slightly faster as more enemies }); } break; } } if (b.x < 0 || b.x > DESIGN_WIDTH || b.y < 0 || b.y > DESIGN_HEIGHT) { bullets.splice(i, 1); } } } if (gameState === 'playing') { // Spawn power-ups powerUpSpawnTimer++; if (powerUpSpawnTimer > 300 && Math.random() < 0.02 && powerUps.length < 3) { let type = powerUpTypes[Math.floor(Math.random() * powerUpTypes.length)]; powerUps.push({ x: Math.random() * (DESIGN_WIDTH - 40) + 20, y: Math.random() * (DESIGN_HEIGHT - 40) + 20, type: type, timer: 600 // 10 seconds at 60fps }); powerUpSpawnTimer = 0; } } if (gameState === 'playing') { // Update power-ups for (let i = powerUps.length - 1; i >= 0; i--) { let pu = powerUps[i]; pu.timer--; if (pu.timer <= 0) { powerUps.splice(i, 1); continue; } // Check collision with player let puDx = pu.x - x; let puDy = pu.y - y; let puDist = Math.sqrt(puDx * puDx + puDy * puDy); if (puDist < 25 && !gameOver) { // Apply power-up (stacking) if (pu.type === 'speed') { powerUpSpeedStacks = Math.min(powerUpSpeedStacks + 1, 5); // Max 5 stacks powerUpTimers.speed = Math.max(powerUpTimers.speed, 600); // Refresh timer score += 150; } else if (pu.type === 'rapidFire') { powerUpTimers.rapidFire = Math.max(powerUpTimers.rapidFire, 600); score += 150; } else if (pu.type === 'shield') { powerUpTimers.shield = Math.max(powerUpTimers.shield, 600); score += 150; } else if (pu.type === 'multiShot') { powerUpTimers.multiShot = Math.max(powerUpTimers.multiShot, 600); score += 200; } else if (pu.type === 'bulletSpeed') { powerUpTimers.bulletSpeed = Math.max(powerUpTimers.bulletSpeed, 600); score += 150; } else if (pu.type === 'invincibility') { powerUpTimers.invincibility = Math.max(powerUpTimers.invincibility, 900); // 15 seconds score += 300; } powerUps.splice(i, 1); continue; } } } if (gameState === 'playing') { // Update enemy bullets for (let i = enemyBullets.length - 1; i >= 0; i--) { let b = enemyBullets[i]; b.x += b.vx; b.y += b.vy; if (b.x < 0 || b.x > DESIGN_WIDTH || b.y < 0 || b.y > DESIGN_HEIGHT) { enemyBullets.splice(i, 1); } // Check collision with player let dx = b.x - x; let dy = b.y - y; let dist = Math.sqrt(dx * dx + dy * dy); if (dist < 20 && !gameOver && !powerUpShield && !powerUpInvincibility) { gameState = 'gameOver'; gameOver = true; enemyBullets.splice(i, 1); } } } if (gameState === 'playing') { // Multiple enemies shooting for (let enemy of enemies) { if (Math.random() < 0.003 && enemyBullets.length < enemies.length * 2) { let angle = Math.atan2(y - enemy.y, x - enemy.x); enemyBullets.push({ x: enemy.x, y: enemy.y, vx: Math.cos(angle) * powerUpBulletSpeed * 0.8, vy: Math.sin(angle) * powerUpBulletSpeed * 0.8 }); } } } // Draw all enemies (red) for (let enemy of enemies) { p.fill(220, 50, 50); p.rect(enemy.x - 15, enemy.y - 15, 30, 30); // body p.fill(255, 200, 200); p.circle(enemy.x, enemy.y - 25, 20); // head } // Draw player if (powerUpShield) { p.stroke(0, 255, 0); p.strokeWeight(3); p.noFill(); p.circle(x, y - 15, 50); p.stroke(0); } p.fill(100, 150, 200); p.rect(x - 15, y - 15, 30, 30); // body p.fill(255, 220, 177); p.circle(x, y - 25, 20); // head // Draw power-ups for (let pu of powerUps) { if (pu.type === 'speed') { p.fill(0, 255, 0); p.triangle(pu.x, pu.y - 15, pu.x - 10, pu.y + 5, pu.x + 10, pu.y + 5); } else if (pu.type === 'rapidFire') { p.fill(255, 165, 0); p.rect(pu.x - 8, pu.y - 8, 16, 16); } else if (pu.type === 'shield') { p.fill(0, 0, 255); p.ellipse(pu.x, pu.y, 16, 16); } p.fill(255); p.textSize(10); p.text(pu.type, pu.x, pu.y + 20); } // Draw player bullets (yellow) p.fill(255, 255, 0); for (let b of bullets) { p.circle(b.x, b.y, 6); } // Draw enemy bullets (red) p.fill(255, 0, 0); for (let b of enemyBullets) { p.circle(b.x, b.y, 4); } // Draw UI p.fill(255); p.textSize(16); p.text(`Score: ${score}`, 70, 30); p.text(`Speed: ${powerUpSpeedBoost.toFixed(1)}x (${powerUpSpeedStacks} stacks)`, 70, 50); if (powerUpRapidFire) p.text('Rapid Fire!', 70, 70); if (powerUpShield) p.text('Shield Active!', 70, 90); if (powerUpMultiShot > 1) p.text('Multi Shot!', 70, 110); if (powerUpTimers.bulletSpeed > 0) p.text('Fast Bullets!', 70, 130); if (powerUpInvincibility) p.text('INVINCIBLE!', 70, 150); // Check if game over if (gameState === 'gameOver') { p.fill(255, 0, 0); p.textSize(32); p.textAlign(p.CENTER); p.text("GAME OVER! Final Score: " + score, DESIGN_WIDTH / 2, DESIGN_HEIGHT / 2); p.textSize(16); p.text("Press R to restart", DESIGN_WIDTH / 2, DESIGN_HEIGHT / 2 + 40); } // Draw restart button if (gameState === 'gameOver') { let buttonX = DESIGN_WIDTH / 2 - 60; let buttonY = DESIGN_HEIGHT / 2 + 80; let buttonW = 120; let buttonH = 40; // Button background p.fill(100, 100, 255); p.stroke(255); p.strokeWeight(2); p.rect(buttonX, buttonY, buttonW, buttonH, 10); // Button text p.fill(255); p.textSize(18); p.textAlign(p.CENTER, p.CENTER); p.text('RESTART', buttonX + buttonW/2, buttonY + buttonH/2); // Check mouse click for button if (p.mouseIsPressed && p.mouseX >= buttonX * scaleFactor + offsetX && p.mouseX <= (buttonX + buttonW) * scaleFactor + offsetX && p.mouseY >= buttonY * scaleFactor + offsetY && p.mouseY <= (buttonY + buttonH) * scaleFactor + offsetY) { // Restart game gameState = 'playing'; gameOver = false; score = 0; x = DESIGN_WIDTH / 2; y = DESIGN_HEIGHT / 2; vx = 0; vy = 0; enemies = [ {x: 100, y: 100, vx: 0, vy: 0, speed: 1} ]; bullets = []; enemyBullets = []; powerUps = []; powerUpSpawnTimer = 0; powerUpTimers = {speed: 0, rapidFire: 0, shield: 0, multiShot: 0, bulletSpeed: 0, invincibility: 0}; powerUpSpeedBoost = 1; powerUpSpeedStacks = 0; powerUpRapidFire = false; powerUpShield = false; powerUpMultiShot = 1; powerUpBulletSpeed = 8; powerUpInvincibility = false; shootCooldown = 0; } p.textAlign(p.CENTER); } p.pop(); }; // Handle continuous arrow key input for smooth movement p.keyPressed = () => { if (gameState === 'gameOver' && p.keyCode === 82) { // R key // Restart game gameState = 'playing'; gameOver = false; score = 0; x = DESIGN_WIDTH / 2; y = DESIGN_HEIGHT / 2; vx = 0; vy = 0; enemies = [ {x: 100, y: 100, vx: 0, vy: 0, speed: 1} ]; bullets = []; enemyBullets = []; powerUps = []; powerUpSpawnTimer = 0; powerUpTimers = {speed: 0, rapidFire: 0, shield: 0, multiShot: 0, bulletSpeed: 0, invincibility: 0}; powerUpSpeedBoost = 1; powerUpSpeedStacks = 0; powerUpRapidFire = false; powerUpShield = false; powerUpMultiShot = 1; powerUpBulletSpeed = 8; powerUpInvincibility = false; shootCooldown = 0; return; } if (gameState !== 'playing') return; if (p.keyCode === p.LEFT_ARROW) { vx = -speed; } else if (p.keyCode === p.RIGHT_ARROW) { vx = speed; } else if (p.keyCode === p.UP_ARROW) { vy = -speed; } else if (p.keyCode === p.DOWN_ARROW) { vy = speed; } else if (p.keyCode === 32) { // Spacebar if (shootCooldown <= 0 && !gameOver) { let baseCooldown = powerUpRapidFire ? 3 : 10; let shots = powerUpMultiShot; for (let s = 0; s < shots; s++) { let angleOffset = (s - (shots - 1) / 2) * 0.3; // Spread bullets let angle = angleOffset; bullets.push({ x: x, y: y - 25, vx: Math.sin(angle) * powerUpBulletSpeed * 0.3, vy: -Math.cos(angle) * powerUpBulletSpeed }); } shootCooldown = baseCooldown; } } }; p.keyReleased = () => { if (p.keyCode === p.LEFT_ARROW || p.keyCode === p.RIGHT_ARROW) { vx = 0; } if (p.keyCode === p.UP_ARROW || p.keyCode === p.DOWN_ARROW) { vy = 0; } }; 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); } };

temu fortnite

How to Play