// GAME_PROJECT_V1 // Template: Blank Sketch (p5.js) // Fixed-size canvas (800x600). Draw everything in code—no Scene Editor for p5. // GAME_LOGIC_START class GameLogic { constructor({ p }) { this.p = p; this.tileSize = 24; this.credits = 0; this.ownedItems = ["DEFAULT_THEME"]; this.activeTheme = "DEFAULT_THEME"; this.loadShopData(); this.initShopItems(); this.maze = [ "###########################", "#O...........#...........O#", "#.####.#####.#.#####.####.#", "#.# #.# #.#.# #.# #.#", "#.####.#####.#.#####.####.#", "#.........................#", "#.####.#.#########.#.####.#", "#.####.#.#########.#.####.#", "#......#.....#.....#......#", "######.##### # #####.######", " #.# #.# ", "######.# ###---### #.######", " . #GGGGGGG# . ", "######.# ######### #.######", " #.# #.# ", "######.# ######### #.######", "#............#............#", "#.####.#####.#.#####.####.#", "#O..#........P........#..O#", "###.#.#.#########.#.#.###.#", "#.....#.....#.....#.....#.#", "#.#########.#.#########.#.#", "#.........................#", "###########################", ]; this.lives = this.ownedItems.includes('PAC_BUFF') ? 4 : 3; this.score = 0; this.isLoading = true; this.loadingTimer = 120; // Show loading for 2 seconds at 60fps this.mode = 'MENU'; this.showInstructions = null; this.particles = []; this.shake = 0; this.menuScroll = 0; this.highScores = {}; this.searchQuery = ""; this.initGameList(); this.loadHighScores(); this.gameCount = this.allGames.length; this.lastScore = 0; this.isNewRecord = false; this.reset(); } initGameList() { const core = [ { id: 'PACMAN', name: 'PAC-MAN', color: [255, 255, 0] }, { id: 'SNAKE', name: 'SNAKE', color: [0, 255, 0] }, { id: 'PONG', name: 'PONG', color: [255, 255, 255] }, { id: 'BREAKOUT', name: 'BREAKOUT', color: [255, 100, 0] }, { id: 'FLAPPY', name: 'FLAPPY', color: [0, 200, 255] }, { id: 'INVADERS', name: 'INVADERS', color: [150, 255, 150] }, { id: 'CROSSY', name: 'CROSSY', color: [200, 255, 100] }, { id: 'ASTEROIDS', name: 'ASTEROIDS', color: [200, 200, 200] }, { id: 'MARIO', name: 'MARIO', color: [255, 50, 50] }, { id: 'EXCITEBIKE', name: 'EXCITEBIKE', color: [255, 100, 0] }, { id: 'GALAGA', name: 'GALAGA', color: [200, 0, 255] }, { id: 'DONKEY', name: 'DONKEY', color: [200, 50, 0] }, { id: 'TETRIS', name: 'TETRIS', color: [0, 255, 255] }, { id: 'BOMBER', name: 'BOMBER', color: [255, 255, 255] }, { id: 'CENTI', name: 'CENTI', color: [0, 255, 0] }, { id: 'TRON', name: 'TRON', color: [0, 100, 255] }, { id: 'MISSILE', name: 'MISSILE', color: [255, 0, 0] }, { id: 'JOUST', name: 'JOUST', color: [255, 200, 0] }, { id: 'FIGHTER', name: 'FIGHTER', color: [150, 150, 255] }, { id: 'PITFALL', name: 'PITFALL', color: [0, 150, 0] }, { id: 'QBERT', name: 'QBERT', color: [255, 150, 0] }, { id: 'PAPERBOY', name: 'PAPERBOY', color: [255, 255, 255] }, { id: 'CONTRA', name: 'CONTRA', color: [255, 50, 50] }, { id: 'OUTRUN', name: 'OUTRUN', color: [255, 0, 150] }, { id: 'MEGAMAN', name: 'MEGAMAN', color: [0, 100, 255] }, { id: 'DIGDUG', name: 'DIGDUG', color: [255, 255, 0] }, { id: 'LANDER', name: 'LUNAR LANDER', color: [200, 200, 200] }, { id: 'RACING', name: 'SPEED RACER', color: [255, 50, 50] }, { id: 'SQUASH', name: 'SQUASH', color: [100, 255, 100] }, { id: 'MAZE', name: 'MAZE RUNNER', color: [0, 150, 255] }, { id: 'GALAXIAN', name: 'GALAXIAN', color: [255, 0, 0] }, { id: 'FROGGER', name: 'FROGGER', color: [50, 255, 50] }, { id: 'DEFENDER', name: 'DEFENDER', color: [255, 100, 255] }, { id: 'MSPACMAN', name: 'MS. PAC-MAN', color: [255, 150, 200] }, { id: 'ZAXXON', name: 'ZAXXON', color: [0, 200, 255] }, { id: 'POLEPOS', name: 'POLE POSITION', color: [255, 50, 50] }, { id: 'TEMPEST', name: 'TEMPEST', color: [0, 255, 255] }, { id: 'BURGER', name: 'BURGERTIME', color: [200, 150, 100] }, { id: 'MOON', name: 'MOON PATROL', color: [200, 200, 0] }, { id: 'JUNGLE', name: 'JUNGLE HUNT', color: [0, 150, 0] }, { id: 'BZONE', name: 'BATTLEZONE', color: [0, 255, 0] }, { id: 'SPY', name: 'SPY HUNTER', color: [200, 200, 200] }, { id: 'GYRUSS', name: 'GYRUSS', color: [100, 100, 255] }, { id: 'ELEVATOR', name: 'ELEVATOR ACTION', color: [255, 255, 255] }, { id: 'TAPPER', name: 'TAPPER', color: [150, 75, 0] }, { id: 'TRACK', name: 'TRACK & FIELD', color: [255, 255, 255] }, { id: 'KARATE', name: 'KARATE CHAMP', color: [255, 255, 255] }, { id: 'KUNGFU', name: 'KUNG-FU MASTER', color: [255, 50, 50] }, { id: 'ICE', name: 'ICE CLIMBER', color: [100, 200, 255] }, { id: 'DUCK', name: 'DUCK HUNT', color: [150, 100, 50] }, { id: 'BUBBLE', name: 'BUBBLE BOBBLE', color: [50, 255, 255] }, { id: 'ARKANOID', name: 'ARKANOID', color: [200, 200, 200] }, { id: 'CHOP', name: 'CHOPLIFTER', color: [255, 100, 0] }, { id: 'CRYSTAL', name: 'CRYSTAL CASTLES', color: [255, 50, 150] }, { id: 'DRAGON', name: "DRAGON'S LAIR", color: [255, 215, 0] }, { id: 'GHOSTS', name: "GHOSTS 'N GOBLINS", color: [150, 150, 255] }, { id: 'GAUNTLET', name: 'GAUNTLET', color: [255, 200, 0] }, { id: 'GRADIUS', name: 'GRADIUS', color: [0, 100, 255] }, { id: 'IKARI', name: 'IKARI WARRIORS', color: [50, 150, 50] }, { id: 'KID', name: 'KID IKARUS', color: [255, 255, 255] }, { id: 'LODE', name: 'LODE RUNNER', color: [255, 255, 0] }, { id: 'MAPPY', name: 'MAPPY', color: [255, 100, 100] }, { id: 'MARBLE', name: 'MARBLE MADNESS', color: [150, 150, 200] }, { id: 'METROID', name: 'METROID', color: [255, 100, 0] }, { id: 'NINJA', name: 'NINJA GAIDEN', color: [50, 50, 255] }, { id: 'OPWOLF', name: 'OPERATION WOLF', color: [100, 100, 100] }, { id: 'PUNCH', name: 'PUNCH-OUT!!', color: [0, 255, 0] }, { id: 'RTYPE', name: 'R-TYPE', color: [100, 200, 255] }, { id: 'RAMPAGE', name: 'RAMPAGE', color: [150, 75, 0] }, { id: 'RASTAN', name: 'RASTAN', color: [200, 50, 0] }, { id: 'ROBO', name: 'ROBOTRON: 2084', color: [255, 0, 0] }, { id: 'ROLLING', name: 'ROLLING THUNDER', color: [255, 255, 255] }, { id: 'RYGAR', name: 'RYGAR', color: [255, 150, 0] }, { id: 'SHINOBI', name: 'SHINOBI', color: [255, 255, 255] }, { id: 'SKYKID', name: 'SKY KID', color: [0, 200, 255] }, { id: 'SOLOMON', name: "SOLOMON'S KEY", color: [200, 200, 200] }, { id: 'SFORCE', name: 'STAR FORCE', color: [255, 255, 0] }, { id: 'SWARS', name: 'STAR WARS', color: [255, 255, 255] }, { id: 'SGATE', name: 'STARGATE', color: [255, 50, 255] }, { id: 'STRIDER', name: 'STRIDER', color: [200, 0, 255] }, { id: 'SCONTRA', name: 'SUPER CONTRA', color: [255, 0, 0] }, { id: 'TC', name: 'T&C SURF DESIGNS', color: [0, 255, 150] }, { id: 'TECMO', name: 'TECMO BOWL', color: [0, 0, 200] }, { id: 'GOONIES', name: 'THE GOONIES', color: [255, 255, 0] }, { id: 'ZELDA', name: 'THE LEGEND OF ZELDA', color: [50, 200, 50] }, { id: 'TIGER', name: 'TIGER-HELI', color: [200, 200, 0] }, { id: 'TIME', name: 'TIME PILOT', color: [100, 150, 255] }, { id: 'TWINBEE', name: 'TWINBEE', color: [255, 200, 255] }, { id: 'VANGUARD', name: 'VANGUARD', color: [255, 50, 50] }, { id: 'WIZARD', name: 'WIZARD OF WOR', color: [100, 100, 255] }, { id: 'XEVIOUS', name: 'XEVIOUS', color: [150, 150, 150] }, { id: 'YIEAR', name: 'YIE AR KUNG-FU', color: [255, 255, 255] }, { id: 'ZANAC', name: 'ZANAC', color: [255, 255, 0] }, { id: 'BALLOON', name: 'BALLOON FIGHT', color: [255, 100, 100] }, { id: 'CLUCLU', name: 'CLU CLU LAND', color: [255, 255, 0] }, { id: 'DEVIL', name: 'DEVIL WORLD', color: [255, 0, 0] }, { id: 'DKJR', name: 'DONKEY KONG JR.', color: [150, 75, 0] }, { id: 'DK3', name: 'DONKEY KONG 3', color: [0, 150, 255] }, { id: 'EXERION', name: 'EXERION', color: [100, 255, 255] }, { id: 'ROAD', name: 'ROAD FIGHTER', color: [255, 50, 50] } ]; this.allGames = [...core]; this.allGames.forEach(g => this.highScores[g.name] = 0); } initShopItems() { this.shopItems = [ { id: 'THEME_CYBER', name: 'CYBERPUNK UI', price: 500, desc: 'Hot Pink & Cyan OS theme', type: 'theme' }, { id: 'THEME_GOLD', name: 'GOLDEN ARCADE', price: 1200, desc: 'Luxury Gold scanlines & UI', type: 'theme' }, { id: 'SCAN_HD', name: 'HD SCANLINES', price: 300, desc: 'Sharper retro feel', type: 'visual' }, { id: 'PAC_BUFF', name: 'EXTRA LIVES', price: 800, desc: 'Start games with +1 life', type: 'perk' } ]; } loadShopData() { try { const credits = localStorage.getItem('arcade_credits'); const owned = localStorage.getItem('arcade_owned'); const theme = localStorage.getItem('arcade_theme'); if (credits) this.credits = parseInt(credits); if (owned) this.ownedItems = JSON.parse(owned); if (theme) this.activeTheme = theme; } catch (e) { console.warn("Shop load failed"); } } saveShopData() { try { localStorage.setItem('arcade_credits', this.credits); localStorage.setItem('arcade_owned', JSON.stringify(this.ownedItems)); localStorage.setItem('arcade_theme', this.activeTheme); } catch (e) { console.warn("Shop save failed"); } } loadHighScores() { try { const saved = localStorage.getItem('arcade_highscores'); if (saved) { const parsed = JSON.parse(saved); Object.keys(parsed).forEach(key => { this.highScores[key] = parsed[key]; }); } } catch (e) { console.warn("Failed to load scores"); } } saveHighScores() { try { localStorage.setItem('arcade_highscores', JSON.stringify(this.highScores)); } catch (e) { console.warn("Failed to save scores"); } } updateHighScore(game, score) { if (score > (this.highScores[game] || 0)) { this.highScores[game] = score; this.isNewRecord = true; this.saveHighScores(); } else { this.isNewRecord = false; } // Award credits: 1 credit per 10 points let earned = Math.floor(score / 10); if (earned > 0 && this.lastScore === 0) { // Simple check to only award once per run this.credits += earned; this.saveShopData(); } this.lastScore = score; } spawnParticles(x, y, col, count = 5, speed = 2) { for (let i = 0; i < count; i++) { this.particles.push({ x, y, vx: this.p.random(-speed, speed), vy: this.p.random(-speed, speed), gravity: 0.1, drag: 0.98, life: 1.0, decay: this.p.random(0.015, 0.03), col: col || [255, 255, 255] }); } } updateParticles() { for (let i = this.particles.length - 1; i >= 0; i--) { let part = this.particles[i]; part.vx *= part.drag; part.vy *= part.drag; part.vy += part.gravity; part.x += part.vx; part.y += part.vy; part.life -= part.decay; if (part.life <= 0) { this.particles.splice(i, 1); continue; } this.p.noStroke(); let c = this.p.color(part.col); c.setAlpha(part.life * 255); this.p.fill(c); let size = (this.p.abs(part.vx) + this.p.abs(part.vy)) * 1.5 * part.life; this.p.ellipse(part.x, part.y, size + 2); } } reset(fullReset = false) { if (this.mode === 'MENU') return; if (fullReset) { this.score = 0; this.lives = 3; } this.gameOver = false; this.won = false; this.powerTimer = 0; this.fruit = null; this.fruitTimer = 0; this.pelletsEaten = 0; this.pellets = []; this.ghosts = []; this.galaga = null; this.pacman = { x: 0, y: 0, dir: { x: 0, y: 0 }, nextDir: { x: 0, y: 0 }, anim: 0, startX: 0, startY: 0 }; let ghostColors = [this.p.color(255, 0, 0), this.p.color(255, 184, 255), this.p.color(0, 255, 255), this.p.color(255, 184, 82), this.p.color(255, 100, 100)]; for (let y = 0; y < this.maze.length; y++) { for (let x = 0; x < this.maze[y].length; x++) { let char = this.maze[y][x]; if (char === '.' || char === 'O') { this.pellets.push({ x, y, type: char === 'O' ? 'power' : 'normal' }); } if (char === 'P') { this.pacman.x = x; this.pacman.y = y; this.pacman.startX = x; this.pacman.startY = y; } if (char === 'G') { let col = ghostColors[this.ghosts.length % ghostColors.length]; this.ghosts.push({ x, y, startX: x, startY: y, dir: { x: 0, y: 0 }, color: col, frightened: false }); } } } } respawn() { this.pacman.x = this.pacman.startX; this.pacman.y = this.pacman.startY; this.pacman.dir = { x: 0, y: 0 }; this.pacman.nextDir = { x: 0, y: 0 }; this.ghosts.forEach(g => { g.x = g.startX; g.y = g.startY; g.dir = { x: 0, y: 0 }; g.frightened = false; }); this.powerTimer = 0; } getTile(x, y) { let row = this.maze[Math.floor(y)]; if (!row) return '#'; return row[Math.floor(x)] || '#'; } isWall(x, y, isGhost = false) { let t = this.getTile(x, y); if (isGhost && t === '-') return false; return t === '#' || t === '-'; } update() { if (this.isLoading) { this.p.background(0); this.p.fill(255, 255, 0); this.p.textSize(40); this.p.textAlign(this.p.CENTER, this.p.CENTER); this.p.text("BOOTING SYSTEM...", this.p.width / 2, this.p.height / 2 - 20); this.p.fill(255); this.p.textSize(15); this.p.text(`${this.gameCount} ROMS DETECTED... OK\nJOYSTICK INITIALIZED... OK\nMEMORY CHECK... OK\nREADY TO PLAY`, this.p.width / 2, this.p.height / 2 + 40); this.p.stroke(255); this.p.noFill(); this.p.rect(this.p.width/2 - 100, this.p.height/2 + 80, 200, 15); this.p.fill(0, 255, 0); this.p.rect(this.p.width/2 - 100, this.p.height/2 + 80, this.p.map(this.loadingTimer, 120, 0, 0, 200), 15); this.p.noStroke(); this.loadingTimer--; if (this.loadingTimer <= 0) this.isLoading = false; return; } if (this.mode === 'MENU') { this.drawMenu(); return; } if (this.mode === 'SHOP') { this.drawShop(); return; } if (this.showInstructions) { this.drawInstructions(); return; } if (this.mode === 'PACMAN') { this.updatePacman(); } else if (this.mode === 'SNAKE') { this.updateSnake(); } else if (this.mode === 'PONG') { this.updatePong(); } else if (this.mode === 'BREAKOUT') { this.updateBreakout(); } else if (this.mode === 'FLAPPY') { this.updateFlappy(); } else if (this.mode === 'INVADERS') { this.updateInvaders(); } else if (this.mode === 'CROSSY') { this.updateCrossy(); } else if (this.mode === 'ASTEROIDS') { this.updateAsteroids(); } else if (this.mode === 'MARIO') { this.updateMario(); } else if (this.mode === 'EXCITEBIKE') { this.updateExcitebike(); } else if (this.mode === 'GALAGA') { this.updateGalaga(); } else if (this.mode === 'DONKEY') { this.updateDonkey(); } else if (this.mode === 'TETRIS') { this.updateTetris(); } else if (this.mode === 'BOMBER') { this.updateBomber(); } else if (this.mode === 'CENTI') { this.updateCenti(); } else if (this.mode === 'TRON') { this.updateTron(); } else if (this.mode === 'MISSILE') { this.updateMissile(); } else if (this.mode === 'JOUST') { this.updateJoust(); } else if (this.mode === 'FIGHTER') { this.updateFighter(); } else if (this.mode === 'PITFALL') { this.updatePitfall(); } else if (this.mode === 'QBERT') { this.updateQbert(); } else if (this.mode === 'PAPERBOY') { this.updatePaperboy(); } else if (this.mode === 'CONTRA') { this.updateContra(); } else if (this.mode === 'OUTRUN') { this.updateOutrun(); } else if (this.mode === 'MEGAMAN') { this.updateMegaman(); } else if (this.mode === 'DIGDUG') { this.updateDigdug(); } else if (this.mode === 'LANDER') { this.updateLander(); } else if (this.mode === 'RACING') { this.updateRacing(); } else if (this.mode === 'SQUASH') { this.updateSquash(); } else if (this.mode === 'MAZE') { this.updateMaze(); } else if (this.mode === 'FROGGER') { this.updateFrogger(); } else if (this.mode === 'ZELDA') { this.updateZelda(); } else if (this.mode === 'ARKANOID') { this.updateArkanoid(); } else if (this.mode === 'BUBBLE') { this.updateBubble(); } else if (this.allGames.find(g => g.id === this.mode)) { this.updateSimulation(); } if (this.shake > 0) { this.p.translate(this.p.random(-this.shake, this.shake), this.p.random(-this.shake, this.shake)); this.shake *= 0.9; } this.updateParticles(); this.drawCRTOverlay(); } drawCRTOverlay() { this.p.push(); this.p.noStroke(); // Bloom Layer (Subtle) if (this.p.frameCount % 4 === 0) { this.p.blendMode(this.p.ADD); this.p.fill(255, 2); this.p.rect(0, 0, this.p.width, this.p.height); this.p.blendMode(this.p.BLEND); } // Scanlines (Moving with subtle jitter) let jitter = this.p.random(1) < 0.1 ? this.p.random(-1, 1) : 0; let offset = (this.p.frameCount * 0.5) % 8; let scanAlpha = this.ownedItems.includes('SCAN_HD') ? 100 : 60; this.p.fill(0, scanAlpha); for (let i = offset; i < this.p.height; i += 4) { this.p.rect(0, i + jitter, this.p.width, 1); } // Interlaced Flicker if (this.p.frameCount % 4 < 2) { this.p.fill(0, 5); this.p.rect(0, 0, this.p.width, this.p.height); } // Subtle Flickering Grain if (this.p.frameCount % 2 === 0) { this.p.fill(255, 8); for(let i=0; i<60; i++) { this.p.rect(this.p.random(this.p.width), this.p.random(this.p.height), 1.5, 1.5); } } // Vignette let gradient = this.p.drawingContext.createRadialGradient( this.p.width / 2, this.p.height / 2, this.p.width * 0.4, this.p.width / 2, this.p.height / 2, this.p.width * 0.9 ); gradient.addColorStop(0, 'rgba(0,0,0,0)'); gradient.addColorStop(0.8, 'rgba(0,0,0,0.3)'); gradient.addColorStop(1, 'rgba(0,0,0,0.7)'); this.p.drawingContext.fillStyle = gradient; this.p.rect(0, 0, this.p.width, this.p.height); // Golden Filter if (this.activeTheme === 'THEME_GOLD') { this.p.fill(255, 215, 0, 15); this.p.rect(0,0,this.p.width, this.p.height); } // Signature this.p.resetMatrix(); this.p.fill(255, 80); this.p.textSize(12); this.p.textAlign(this.p.RIGHT, this.p.BOTTOM); this.p.text("ARCADE-OS v2.6", this.p.width - 15, this.p.height - 15); this.p.pop(); } drawInstructions() { this.p.background(10, 20, 40); this.p.textAlign(this.p.CENTER, this.p.CENTER); this.p.fill(255, 255, 0); this.p.textSize(40); this.p.text("HOW TO PLAY", this.p.width / 2, 150); this.p.fill(255); this.p.textSize(24); let instr = ""; switch(this.showInstructions) { case 'PACMAN': instr = "ARROWS: Move\nEat pellets, avoid ghosts!\nPower pellets let you eat ghosts."; break; case 'SNAKE': instr = "ARROWS: Move\nEat red fruit to grow.\nDon't hit walls or yourself!"; break; case 'PONG': instr = "UP/DOWN ARROWS: Move Paddle\nDeflect the ball past the AI."; break; case 'BREAKOUT': instr = "MOUSE: Move Paddle\nDestroy all bricks with the ball."; break; case 'FLAPPY': instr = "SPACE: Flap Wings\nFly through the gaps in the pipes."; break; case 'INVADERS': instr = "ARROWS: Move SPACE: Shoot\nDestroy the alien fleet!"; break; case 'CROSSY': instr = "ARROWS: Move\nCross the lanes without getting hit!"; break; case 'ASTEROIDS': instr = "L/R: Rotate UP: Thrust SPACE: Shoot\nBlast the space rocks!"; break; case 'MARIO': instr = "ARROWS: Move SPACE: Jump\nReach the flag at the end of the level."; break; case 'EXCITEBIKE': instr = "ARROWS: Lanes/Lean SPACE: Turbo\nRace to the finish without crashing!"; break; case 'GALAGA': instr = "ARROWS: Move SPACE: Shoot\nDefend against waves of aliens."; break; case 'DONKEY': instr = "ARROWS: Move\nAvoid barrels and reach the top!"; break; case 'TETRIS': instr = "ARROWS: Move/Rotate SPACE: Drop\nComplete lines to score points."; break; case 'BOMBER': instr = "SPACE: Drop Bombs\nHit the targets on the ground."; break; case 'CENTI': instr = "ARROWS: Move SPACE: Shoot\nBlast the centipede segments!"; break; case 'TRON': instr = "ARROWS: Turn\nForce your opponent to hit a trail."; break; case 'MISSILE': instr = "MOUSE: Aim & Click\nLaunch interceptors to stop missiles."; break; case 'JOUST': instr = "ARROWS: Move UP: Flap\nHit enemies from above to win."; break; case 'FIGHTER': instr = "ARROWS: Move P: Punch\nKnock out your opponent!"; break; case 'PITFALL': instr = "SPACE: Jump\nLeap over logs in the jungle."; break; case 'QBERT': instr = "ARROWS: Hop\nChange all tile colors to win."; break; case 'PAPERBOY': instr = "ARROWS: Move\nAvoid obstacles on your route."; break; case 'CONTRA': instr = "ARROWS: Move SPACE: Shoot\nBattle through the enemy lines."; break; case 'OUTRUN': instr = "MOUSE: Steer\nDrive fast and reach the goal."; break; case 'MEGAMAN': instr = "ARROWS: Move/Jump SPACE: Shoot\nDefeat the robot enemies!"; break; case 'DIGDUG': instr = "ARROWS: Dig SPACE: Pump\nInflate enemies until they pop!"; break; case 'LANDER': instr = "L/R: Rotate UP: Thrust\nLand gently on the flat platform!"; break; case 'RACING': instr = "ARROWS: Steer\nDodge the other cars on the road!"; break; case 'SQUASH': instr = "MOUSE: Move Paddle\nDon't let the ball hit the floor!"; break; case 'MAZE': instr = "ARROWS: Move\nFind the exit of the labyrinth!"; break; case 'GALAXIAN': instr = "ARROWS: Move SPACE: Fire\nDefend against alien formations!"; break; case 'FROGGER': instr = "ARROWS: Leap\nNavigate traffic and rivers safely."; break; case 'DEFENDER': instr = "ARROWS: Fly SPACE: Fire\nProtect the humans from abduction!"; break; case 'MSPACMAN': instr = "ARROWS: Move\nEat pellets and escape the ghosts!"; break; case 'ZAXXON': instr = "ARROWS: Fly SPACE: Shoot\nAttack the fortress and avoid fuel loss."; break; case 'POLEPOS': instr = "ARROWS: Steer SPACE: Gas\nRace against the clock to qualify!"; break; case 'TEMPEST': instr = "ARROWS: Spin SPACE: Fire\nBlast enemies from the edge of the web."; break; case 'BURGER': instr = "ARROWS: Move\nAssemble giant burgers while dodging food!"; break; case 'MOON': instr = "ARROWS: Drive SPACE: Jump\nNavigate the craters of the moon."; break; case 'JUNGLE': instr = "ARROWS: Swing\nSurvive the hazards of the deep jungle!"; break; case 'BZONE': instr = "ARROWS: Tank Controls\nSeek and destroy enemy tanks."; break; case 'SPY': instr = "ARROWS: Drive SPACE: Weapons\nElite agent racing and combat!"; break; case 'GYRUSS': instr = "ARROWS: Orbit SPACE: Fire\n3D space shooter action!"; break; case 'ELEVATOR': instr = "ARROWS: Move\nInfiltrate the building and collect files."; break; case 'TAPPER': instr = "ARROWS: Move SPACE: Serve\nKeep the customers happy with root beer!"; break; case 'TRACK': instr = "ARROWS: Run SPACE: Action\nCompete in Olympic sporting events!"; break; case 'KARATE': instr = "ARROWS: Strike\nMaster the art of competitive Karate."; break; case 'KUNGFU': instr = "ARROWS: Move SPACE: Strike\nBattle through the Devil's Temple!"; break; case 'ICE': instr = "ARROWS: Move SPACE: Jump\nScale the mountain with Popo and Nana."; break; case 'DUCK': instr = "MOUSE: Aim & Shoot\nClassic light-gun duck hunting!"; break; case 'BUBBLE': instr = "ARROWS: Move SPACE: Bubbles\nTrap enemies in bubbles and pop them!"; break; case 'ARKANOID': instr = "MOUSE: Move Paddle\nEnhanced block breaking action!"; break; case 'CHOP': instr = "ARROWS: Fly\nRescue hostages from the enemy zone."; break; case 'CRYSTAL': instr = "ARROWS: Move\nBentley Bear must collect all the gems!"; break; case 'DRAGON': instr = "ARROWS: Quick Time Events\nGuide Dirk the Daring through the castle."; break; case 'GHOSTS': instr = "ARROWS: Move SPACE: Throw\nArthur's quest through the graveyard."; break; case 'GAUNTLET': instr = "ARROWS: Move SPACE: Shoot\nDon't shoot the food! Dungeon crawling."; break; case 'GRADIUS': instr = "ARROWS: Fly SPACE: Powerup\nCustomize your ship and destroy Vic Viper."; break; case 'IKARI': instr = "ARROWS: Move SPACE: Shoot\nCommando action in the jungle!"; break; case 'KID': instr = "ARROWS: Move SPACE: Shoot\nHelp Pit reach the Palace in the Sky."; break; case 'LODE': instr = "ARROWS: Move SPACE: Dig\nCollect the gold and escape the guards."; break; case 'MAPPY': instr = "ARROWS: Move\nThe police mouse chasing micro-burglars!"; break; case 'MARBLE': instr = "ARROWS: Roll\nRace the marble through bizarre paths."; break; case 'METROID': instr = "ARROWS: Move SPACE: Jump/Fire\nSamus' mission on Planet Zebes."; break; case 'NINJA': instr = "ARROWS: Move SPACE: Slash\nRyu's cinematic ninja quest!"; break; case 'OPWOLF': instr = "MOUSE: Aim SPACE: Fire\nIntense military rail-shooter!"; break; case 'PUNCH': instr = "ARROWS: Dodge SPACE: Punch\nRise through the ranks of boxing!"; break; case 'RTYPE': instr = "ARROWS: Move SPACE: Charge\nBlast the Bydo Empire!"; break; case 'RAMPAGE': instr = "ARROWS: Move SPACE: Smash\nMonsters destroying the city!"; break; case 'RASTAN': instr = "ARROWS: Move SPACE: Swing\nBarbarian fantasy action!"; break; case 'ROBO': instr = "ARROWS: Move SPACE: Fire\nSave the last human family!"; break; case 'ROLLING': instr = "ARROWS: Move SPACE: Shoot\nSecret agent infiltration!"; break; case 'RYGAR': instr = "ARROWS: Move SPACE: Disk\nThe legendary warrior returns!"; break; case 'SHINOBI': instr = "ARROWS: Move SPACE: Kunai\nMaster ninja rescue mission!"; break; case 'SKYKID': instr = "ARROWS: Fly SPACE: Bomb\nAerial combat over enemy territory."; break; case 'SOLOMON': instr = "ARROWS: Move SPACE: Blocks\nStrategic puzzle-platforming magic."; break; case 'SFORCE': instr = "ARROWS: Fly SPACE: Shoot\nHigh-speed galactic shoot-em-up!"; break; case 'SWARS': instr = "ARROWS: Aim SPACE: Fire\nUse the Force! Destroy the Death Star."; break; case 'SGATE': instr = "ARROWS: Fly SPACE: Warp\nDefend humanity in deep space!"; break; case 'STRIDER': instr = "ARROWS: Move SPACE: Cypher\nHigh-tech ninja acrobatics!"; break; case 'SCONTRA': instr = "ARROWS: Move SPACE: Fire\nThe alien wars continue!"; break; case 'TC': instr = "ARROWS: Skate/Surf\nRadical 80s board sports!"; break; case 'TECMO': instr = "ARROWS: Move SPACE: Pass\nClassic gridiron football action!"; break; case 'GOONIES': instr = "ARROWS: Move\nSloth and friends' treasure hunt!"; break; case 'ZELDA': instr = "ARROWS: Move SPACE: Sword\nThe beginning of the legend."; break; case 'TIGER': instr = "ARROWS: Fly SPACE: Bomb\nAttack helicopter mission!"; break; case 'TIME': instr = "ARROWS: Fly SPACE: Shoot\nDogfight through the ages!"; break; case 'TWINBEE': instr = "ARROWS: Fly SPACE: Bell\nColorful vertical-scrolling shooter!"; break; case 'VANGUARD': instr = "ARROWS: Fly SPACE: Shoot\nClassic omni-directional scrolling."; break; case 'WIZARD': instr = "ARROWS: Move SPACE: Shoot\nDungeon combat against invisible foes!"; break; case 'XEVIOUS': instr = "ARROWS: Fly SPACE: Bomb\nVertical shooter against alien bio-ships."; break; case 'YIEAR': instr = "ARROWS: Move SPACE: Strike\nThe origin of the fighting genre!"; break; case 'ZANAC': instr = "ARROWS: Fly SPACE: Weapon\nArtificial intelligence space shooter."; break; case 'BALLOON': instr = "ARROWS: Flap\nPop the enemy balloons to stay aloft!"; break; case 'CLUCLU': instr = "ARROWS: Swing\nSpin around the pegs to find gold."; break; case 'DEVIL': instr = "ARROWS: Move\nEscape the Devil's scrolling maze."; break; case 'DKJR': instr = "ARROWS: Climb\nRescue Donkey Kong from Mario!"; break; case 'DK3': instr = "ARROWS: Move SPACE: Spray\nStanley the Bugman protects the garden."; break; case 'EXERION': instr = "ARROWS: Fly SPACE: Shoot\nUnique inertial space shooter!"; break; case 'ROAD': instr = "ARROWS: Drive\nRace and dodge cars to reach the goal."; break; } this.p.text(instr, this.p.width / 2, 300); this.p.fill(0, 255, 0); this.p.textSize(20); this.p.text("Press SPACE to Start Game", this.p.width / 2, 450); if (this.p.keyIsDown(32)) { this.showInstructions = null; } this.drawHomeButton(); } drawHomeButton() { let bx = this.p.width - 90; let by = 20; let bw = 70; let bh = 30; let over = this.p.mouseX > bx && this.p.mouseX < bx + bw && this.p.mouseY > by && this.p.mouseY < by + bh; this.p.push(); if (over) { this.p.drawingContext.shadowBlur = 10; this.p.drawingContext.shadowColor = 'white'; } this.p.stroke(over ? 255 : 150); this.p.fill(over ? 80 : 30, 200); this.p.rect(bx, by, bw, bh, 5); this.p.noStroke(); this.p.fill(255); this.p.textSize(14); this.p.textAlign(this.p.CENTER, this.p.CENTER); this.p.text("HOME", bx + bw / 2, by + bh / 2); this.p.pop(); if (over && this.p.mouseIsPressed) { this.mode = 'MENU'; } } drawMenu() { let mainColor = [0, 255, 255]; let bgColor = [10, 5, 25]; if (this.activeTheme === 'THEME_CYBER') { mainColor = [255, 0, 255]; bgColor = [25, 5, 25]; } if (this.activeTheme === 'THEME_GOLD') { mainColor = [255, 215, 0]; bgColor = [20, 15, 5]; } this.p.background(bgColor); // Neon Grid Background this.p.stroke(mainColor[0], mainColor[1], mainColor[2], 50); this.p.strokeWeight(1); let gridScroll = (this.p.frameCount * 2) % 40; for (let x = -40; x <= this.p.width + 40; x += 40) { this.p.line(x + (this.p.width/2 - x) * 0.2, 0, x, this.p.height); } for (let y = gridScroll; y < this.p.height; y += 40) { let alpha = this.p.map(y, 0, this.p.height, 0, 150); this.p.stroke(0, 100, 255, alpha); this.p.line(0, y, this.p.width, y); } this.p.textAlign(this.p.CENTER, this.p.CENTER); this.p.fill(255, 255, 0); this.p.textSize(50); this.p.text(`RETRO ARCADE ${this.gameCount}`, this.p.width / 2, 100); this.p.textSize(22); this.p.fill(0, 255, 255); this.p.text("Lucas Games", this.p.width / 2, 132); this.p.textSize(18); this.p.fill(200); this.p.text(`${this.gameCount} Unique Games - No Remixes`, this.p.width / 2, 160); // Menu Scrolling Logic if (this.p.keyIsDown(this.p.UP_ARROW)) this.menuScroll = this.p.max(0, this.menuScroll - 5); if (this.p.keyIsDown(this.p.DOWN_ARROW)) this.menuScroll = this.p.min(9000, this.menuScroll + 5); if (this.p.frameCount % 60 < 30) { this.p.fill(mainColor); this.p.textSize(16); this.p.text("CREDITS: " + this.credits, 80, 40); this.p.fill(255, 255, 0); this.p.text("PRESS START", this.p.width - 70, 40); } // Shop Button let shX = 70, shY = 550, shW = 100, shH = 35; let overShop = this.p.mouseX > shX && this.p.mouseX < shX+shW && this.p.mouseY > shY && this.p.mouseY < shY+shH; this.p.fill(overShop ? mainColor : 20); this.p.stroke(mainColor); this.p.rect(shX, shY, shW, shH, 5); this.p.noStroke(); this.p.fill(overShop ? 0 : 255); this.p.textAlign(this.p.CENTER, this.p.CENTER); this.p.text("SHOP", shX + shW/2, shY + shH/2); if (overShop && this.p.mouseIsPressed) this.mode = 'SHOP'; // Search Bar UI let sbW = 300; let sbX = this.p.width / 2 - sbW / 2; let sbY = 550; this.p.fill(20, 20, 40); this.p.stroke(0, 255, 255, 100); this.p.rect(sbX, sbY, sbW, 35, 5); this.p.noStroke(); this.p.fill(255); this.p.textAlign(this.p.LEFT, this.p.CENTER); this.p.textSize(16); let displayText = this.searchQuery === "" ? "Type to search..." : this.searchQuery; this.p.fill(this.searchQuery === "" ? 100 : 255); this.p.text(displayText, sbX + 10, sbY + 17); // Cursor if (this.p.frameCount % 60 < 30) { let tw = this.p.textWidth(displayText); this.p.fill(0, 255, 255); this.p.rect(sbX + 12 + tw, sbY + 10, 2, 15); } // Filtered Games List let filteredGames = this.allGames.filter(g => g.name.toLowerCase().includes(this.searchQuery.toLowerCase()) ); filteredGames.forEach((g, i) => { let cols = 4; let col = i % cols; let row = Math.floor(i / cols); let bx = 40 + col * 185; let by = 180 + row * 60 - this.menuScroll; if (by < 170 || by > 530) return; // Culling off-screen games let over = this.p.mouseX > bx && this.p.mouseX < bx + 175 && this.p.mouseY > by && this.p.mouseY < by + 50; if (over) { this.p.drawingContext.shadowBlur = 15; this.p.drawingContext.shadowColor = this.p.color(g.color); } this.p.stroke(over ? 255 : 60); this.p.strokeWeight(over ? 2 : 1); this.p.fill(over ? 40 : 15); this.p.rect(bx, by, 175, 50, 8); this.p.drawingContext.shadowBlur = 0; this.p.noStroke(); this.p.fill(g.color); this.p.textSize(13); this.p.textStyle(over ? this.p.BOLD : this.p.NORMAL); this.p.text(g.name, bx + 87, by + 22); this.p.textStyle(this.p.NORMAL); this.p.fill(120); this.p.textSize(10); this.p.text("HI: " + (this.highScores[g.name] || 0), bx + 87, by + 40); if (over && this.p.mouseIsPressed) { this.mode = g.id; this.showInstructions = g.id; this.reset(true); } }); this.p.fill(150); this.p.textSize(16); this.p.text("Press M during any game to return to Menu", this.p.width / 2, 170); if (this.searchQuery !== "") { this.p.fill(255, 255, 0); this.p.text(`Found ${filteredGames.length} matches`, this.p.width / 2, 535); } } drawShop() { let mainColor = [0, 255, 255]; if (this.activeTheme === 'THEME_CYBER') mainColor = [255, 0, 255]; if (this.activeTheme === 'THEME_GOLD') mainColor = [255, 215, 0]; this.p.background(10, 10, 30); this.p.fill(mainColor); this.p.textSize(40); this.p.textAlign(this.p.CENTER); this.p.text("ARCADE SHOP", 400, 80); this.p.textSize(20); this.p.text("CREDITS: " + this.credits, 400, 115); this.shopItems.forEach((item, i) => { let ix = 100 + (i % 2) * 320; let iy = 160 + Math.floor(i / 2) * 160; let over = this.p.mouseX > ix && this.p.mouseX < ix + 300 && this.p.mouseY > iy && this.p.mouseY < iy + 140; let owned = this.ownedItems.includes(item.id); let active = this.activeTheme === item.id; this.p.fill(over ? 30 : 20); this.p.stroke(active ? 255 : (owned ? 100 : mainColor)); this.p.strokeWeight(active ? 3 : 1); this.p.rect(ix, iy, 300, 140, 10); this.p.noStroke(); this.p.fill(mainColor); this.p.textSize(18); this.p.text(item.name, ix + 150, iy + 35); this.p.fill(200); this.p.textSize(14); this.p.text(item.desc, ix + 150, iy + 65); let btnX = ix + 75, btnY = iy + 90, btnW = 150, btnH = 35; let overBtn = this.p.mouseX > btnX && this.p.mouseX < btnX + btnW && this.p.mouseY > btnY && this.p.mouseY < btnY + btnH; if (active) { this.p.fill(100); this.p.rect(btnX, btnY, btnW, btnH, 5); this.p.fill(255); this.p.text("ACTIVE", btnX + btnW/2, btnY + btnH/2); } else if (owned) { this.p.fill(overBtn ? 100 : 50); this.p.rect(btnX, btnY, btnW, btnH, 5); this.p.fill(255); this.p.text("EQUIP", btnX + btnW/2, btnY + btnH/2); if (overBtn && this.p.mouseIsPressed && this.p.frameCount % 10 === 0) { if (item.type === 'theme') this.activeTheme = item.id; this.saveShopData(); } } else { this.p.fill(this.credits >= item.price ? (overBtn ? mainColor : [0, 100, 100]) : [50, 0, 0]); this.p.rect(btnX, btnY, btnW, btnH, 5); this.p.fill(255); this.p.text("BUY: " + item.price, btnX + btnW/2, btnY + btnH/2); if (overBtn && this.p.mouseIsPressed && this.credits >= item.price && this.p.frameCount % 10 === 0) { this.credits -= item.price; this.ownedItems.push(item.id); this.saveShopData(); } } }); this.p.fill(255); this.p.text("Press M to Return to Menu", 400, 550); if (this.p.keyIsDown(77)) this.mode = 'MENU'; this.drawCRTOverlay(); } handleKeyPress(key, keyCode) { if (this.mode !== 'MENU') return; if (keyCode === 8) { // Backspace this.searchQuery = this.searchQuery.slice(0, -1); this.menuScroll = 0; } else if (key.length === 1) { // Regular characters this.searchQuery += key; this.menuScroll = 0; } } updatePacman() { if (this.p.keyIsDown(77)) { this.mode = 'MENU'; return; } if (this.gameOver || this.won) { this.updateHighScore('PACMAN', this.score); this.draw(); this.p.fill(255); this.p.textSize(40); this.p.text(this.won ? "YOU WIN!" : "GAME OVER", this.p.width / 2, this.p.height / 2); this.p.textSize(20); this.p.text("Press SPACE to Restart or M for Menu", this.p.width / 2, this.p.height / 2 + 50); if (this.p.keyIsDown(32)) this.reset(true); return; } if (this.powerTimer > 0) { this.powerTimer--; if (this.powerTimer === 0) this.ghosts.forEach(g => g.frightened = false); } if (this.fruitTimer > 0) { this.fruitTimer--; if (this.fruitTimer === 0) this.fruit = null; } this.handleInput(); this.movePacman(); this.moveGhosts(); this.checkCollisions(); this.draw(); this.drawHomeButton(); } // --- SNAKE LOGIC --- updateSnake() { if (this.p.keyIsDown(77)) { this.mode = 'MENU'; return; } if (!this.snake) { this.snake = { body: [{x:10, y:10}], dir: {x:1, y:0}, food: {x:15, y:15}, timer: 0, over: false }; this.score = 0; } if (this.snake.over) { this.updateHighScore('SNAKE', this.score); this.p.background(0); this.p.fill(255); this.p.textSize(40); this.p.text("SNAKE OVER", this.p.width/2, this.p.height/2); this.p.textSize(20); this.p.text("Score: " + this.score + " HI: " + this.highScores.SNAKE, this.p.width/2, this.p.height/2 + 50); this.p.text("Press SPACE to Restart", this.p.width/2, this.p.height/2 + 80); if (this.p.keyIsDown(32)) this.snake = null; return; } if (this.p.keyIsDown(this.p.LEFT_ARROW) && this.snake.dir.x === 0) this.snake.dir = {x:-1, y:0}; if (this.p.keyIsDown(this.p.RIGHT_ARROW) && this.snake.dir.x === 0) this.snake.dir = {x:1, y:0}; if (this.p.keyIsDown(this.p.UP_ARROW) && this.snake.dir.y === 0) this.snake.dir = {x:0, y:-1}; if (this.p.keyIsDown(this.p.DOWN_ARROW) && this.snake.dir.y === 0) this.snake.dir = {x:0, y:1}; this.snake.timer++; let speed = this.p.max(1, 6 - Math.floor(this.score / 40)); if (this.snake.timer > speed) { this.snake.timer = 0; let head = this.snake.body[0]; let next = { x: head.x + this.snake.dir.x, y: head.y + this.snake.dir.y }; if (next.x < 0 || next.x >= 32 || next.y < 0 || next.y >= 24 || this.snake.body.some(b => b.x === next.x && b.y === next.y)) { this.snake.over = true; } else { this.snake.body.unshift(next); if (next.x === this.snake.food.x && next.y === this.snake.food.y) { this.score += 10; this.spawnParticles(next.x * 25 + 12, next.y * 25 + 12, [255, 50, 50], 10); this.snake.food = { x: Math.floor(this.p.random(32)), y: Math.floor(this.p.random(24)) }; } else { this.snake.body.pop(); } } } this.p.background(5, 20, 5); let s = 25; // Glowing Food let pulse = this.p.sin(this.p.frameCount * 0.2) * 5; this.p.fill(255, 50, 50); this.p.drawingContext.shadowBlur = 15; this.p.drawingContext.shadowColor = 'red'; this.p.ellipse(this.snake.food.x * s + s/2, this.snake.food.y * s + s/2, s - 5 + pulse); this.p.drawingContext.shadowBlur = 0; // Snake Body this.snake.body.forEach((b, i) => { let pulse = this.p.sin(this.p.frameCount * 0.15 + i * 0.5) * 2; this.p.fill(0, 200 - (i * 2), 0); this.p.rect(b.x * s - pulse/2, b.y * s - pulse/2, s - 1 + pulse, s - 1 + pulse, 6); if (i === 0) { // Eyes for the head this.p.fill(255); let ex = b.x * s + s/2; let ey = b.y * s + s/2; this.p.ellipse(ex - 5, ey - 5, 5, 5); this.p.ellipse(ex + 5, ey - 5, 5, 5); this.p.fill(0); this.p.ellipse(ex - 5 + this.snake.dir.x * 2, ey - 5 + this.snake.dir.y * 2, 2, 2); this.p.ellipse(ex + 5 + this.snake.dir.x * 2, ey - 5 + this.snake.dir.y * 2, 2, 2); } }); this.p.fill(255); this.p.text("Score: " + this.score, 50, 20); this.drawHomeButton(); } // --- BREAKOUT LOGIC --- updateBreakout() { if (this.p.keyIsDown(77)) { this.mode = 'MENU'; return; } if (!this.breakout) { let bricks = []; for(let r=0; r<5; r++) { for(let c=0; c<10; c++) { bricks.push({ x: 50 + c*70, y: 80 + r*30, w: 60, h: 20, active: true, color: [this.p.random(150,255), this.p.random(100,200), this.p.random(200,255)] }); } } this.breakout = { b: {x:400, y:400, vx:4, vy:-4}, p: 350, pw: 100, bricks: bricks, over: false, score: 0, trail: [] }; } if (this.breakout.over) { this.updateHighScore('BREAKOUT', this.breakout.score); this.p.background(0); this.p.fill(255); this.p.textSize(40); this.p.text(this.breakout.bricks.every(b => !b.active) ? "YOU WIN!" : "GAME OVER", 400, 300); this.p.textSize(20); this.p.text("Score: " + this.breakout.score + " HI: " + this.highScores.BREAKOUT, 400, 340); this.p.text("Press SPACE to Restart", 400, 370); if (this.p.keyIsDown(32)) this.breakout = null; return; } this.breakout.p = this.p.constrain(this.p.mouseX - 50, 0, 700); let b = this.breakout.b; b.x += b.vx; b.y += b.vy; this.breakout.trail.push({x: b.x, y: b.y}); if (this.breakout.trail.length > 10) this.breakout.trail.shift(); if (b.x < 0 || b.x > 800) b.vx *= -1; if (b.y < 0) b.vy *= -1; if (b.y > 600) this.breakout.over = true; // Paddle collision (Realistic bounce & spin) if (b.y > 550 && b.y < 565 && b.x > this.breakout.p - 10 && b.x < this.breakout.p + 110) { let hitPos = (b.x - (this.breakout.p + 50)) / 50; // -1 to 1 b.vy = -Math.abs(b.vy); b.vx = hitPos * 8; // Change direction based on where it hit b.vx += (this.p.mouseX - this.p.pmouseX) * 0.5; // Realistic friction from moving paddle this.shake = 8; this.spawnParticles(b.x, b.y, [255, 255, 255], 8, 3); } // Brick collision this.breakout.bricks.forEach(brick => { if (brick.active && b.x > brick.x && b.x < brick.x + brick.w && b.y > brick.y && b.y < brick.y + brick.h) { brick.active = false; b.vy *= -1; this.breakout.score += 20; this.spawnParticles(brick.x + brick.w/2, brick.y + brick.h/2, brick.color, 12); this.shake = 3; } }); this.p.background(10, 0, 15); // Trail this.breakout.trail.forEach((t, i) => { this.p.fill(255, i * 20); this.p.noStroke(); this.p.ellipse(t.x, t.y, 4 + i); }); this.p.fill(255); this.p.rect(this.breakout.p, 550, 100, 15, 8); this.p.drawingContext.shadowBlur = 10; this.p.drawingContext.shadowColor = 'white'; this.p.ellipse(b.x, b.y, 12, 12); this.p.drawingContext.shadowBlur = 0; this.breakout.bricks.forEach(brick => { if (brick.active) { this.p.fill(brick.color); this.p.rect(brick.x, brick.y, brick.w, brick.h, 3); } }); this.p.fill(255); this.p.text("Score: " + this.breakout.score, 60, 30); this.drawHomeButton(); } // --- FLAPPY LOGIC --- updateFlappy() { if (this.p.keyIsDown(77)) { this.mode = 'MENU'; return; } if (!this.flappy) { this.flappy = { bird: {y:300, vy:0}, pipes: [], score: 0, over: false, frame: 0 }; } if (this.flappy.over) { this.updateHighScore('FLAPPY', this.flappy.score); this.p.background(0, 100, 200); this.p.fill(255); this.p.textSize(40); this.p.text("CRASHED!", 400, 300); this.p.textSize(20); this.p.text("Score: " + this.flappy.score + " HI: " + this.highScores.FLAPPY, 400, 350); this.p.text("Press SPACE to Restart", 400, 380); if (this.p.keyIsDown(32)) this.flappy = null; return; } let f = this.flappy; f.bird.vy += 0.5; f.bird.y += f.bird.vy; if (this.p.keyIsDown(32)) { f.bird.vy = -8; } if (f.frame % 100 === 0) { let gap = 150; let topH = this.p.random(50, 400); f.pipes.push({ x: 800, top: topH, bottom: topH + gap, passed: false }); } f.frame++; f.pipes.forEach((p, i) => { p.x -= 3; if (p.x < -60) f.pipes.splice(i, 1); if (!p.passed && p.x < 100) { p.passed = true; f.score++; } // Collision if (p.x < 120 && p.x > 80 && (f.bird.y < p.top || f.bird.y > p.bottom)) { f.over = true; } }); if (f.bird.y < 0 || f.bird.y > 600) f.over = true; this.p.background(20, 100, 200); // Sky gradient let sky = this.p.drawingContext.createLinearGradient(0, 0, 0, 600); sky.addColorStop(0, '#1a75ff'); sky.addColorStop(1, '#80b3ff'); this.p.drawingContext.fillStyle = sky; this.p.rect(0, 0, 800, 600); this.p.push(); this.p.translate(100, f.bird.y); this.p.rotate(this.p.constrain(f.bird.vy * 0.05, -0.5, 0.8)); this.p.fill(255, 255, 0); this.p.stroke(0); this.p.ellipse(0, 0, 34, 28); this.p.fill(255); this.p.ellipse(10, -5, 12, 12); // Eye this.p.fill(0); this.p.ellipse(13, -5, 4, 4); this.p.fill(255, 100, 0); this.p.triangle(15, 0, 15, 8, 25, 4); // Beak this.p.pop(); this.p.fill(0, 180, 0); f.pipes.forEach(p => { this.p.rect(p.x, 0, 50, p.top); this.p.rect(p.x, p.bottom, 50, 600 - p.bottom); }); this.p.fill(255); this.p.textSize(30); this.p.text(f.score, 400, 50); this.drawHomeButton(); } // --- PONG LOGIC --- updatePong() { if (this.p.keyIsDown(77)) { this.mode = 'MENU'; return; } if (!this.pong) { this.pong = { b: {x:400, y:300, vx:5, vy:3}, p1: 250, p2: 250, s1: 0, s2: 0, trail: [] }; } let p1Move = 0; if (this.p.keyIsDown(this.p.UP_ARROW)) p1Move = -8; if (this.p.keyIsDown(this.p.DOWN_ARROW)) p1Move = 8; this.pong.p1 = this.p.constrain(this.pong.p1 + p1Move, 0, 500); this.pong.p2 = this.p.lerp(this.pong.p2, this.pong.b.y - 50, 0.08); this.pong.b.x += this.pong.b.vx; this.pong.b.y += this.pong.b.vy; this.pong.trail.push({x: this.pong.b.x, y: this.pong.b.y}); if (this.pong.trail.length > 8) this.pong.trail.shift(); if (this.pong.b.y < 0 || this.pong.b.y > 600) { this.pong.b.vy *= -1; this.shake = 2; } if (this.pong.b.x < 20 && this.pong.b.y > this.pong.p1 && this.pong.b.y < this.pong.p1 + 100) { let relativeHit = (this.pong.b.y - (this.pong.p1 + 50)) / 50; this.pong.b.vx = Math.abs(this.pong.b.vx) * 1.08; // Faster speed increase this.pong.b.vy = relativeHit * 6 + (p1Move * 0.4); // More aggressive angle this.pong.b.x = 21; this.shake = 10; this.spawnParticles(this.pong.b.x, this.pong.b.y, [255, 255, 255], 10, 4); } if (this.pong.b.x > 780 && this.pong.b.y > this.pong.p2 && this.pong.b.y < this.pong.p2 + 100) { this.pong.b.vx *= -1.05; this.pong.b.x = 779; this.shake = 5; this.spawnParticles(this.pong.b.x, this.pong.b.y, [255, 255, 255], 5); } if (this.pong.b.x < 0) { this.pong.s2++; this.pong.b = {x:400, y:300, vx:5, vy:3}; } if (this.pong.b.x > 800) { this.pong.s1++; this.pong.b = {x:400, y:300, vx:-5, vy:3}; this.updateHighScore('PONG', this.pong.s1); } this.p.background(5, 5, 15); this.p.noStroke(); this.pong.trail.forEach((t, i) => { this.p.fill(255, i * 25); this.p.ellipse(t.x, t.y, 5 + i); }); this.p.fill(255); this.p.rect(10, this.pong.p1, 12, 100, 4); this.p.rect(778, this.pong.p2, 12, 100, 4); this.p.drawingContext.shadowBlur = 15; this.p.drawingContext.shadowColor = 'white'; this.p.ellipse(this.pong.b.x, this.pong.b.y, 15, 15); this.p.drawingContext.shadowBlur = 0; this.p.textSize(40); this.p.text(this.pong.s1 + " - " + this.pong.s2, 400, 50); this.drawHomeButton(); } // --- INVADERS LOGIC --- updateInvaders() { if (this.p.keyIsDown(77)) { this.mode = 'MENU'; return; } if (!this.invaders) { let enemies = []; for(let r=0; r<4; r++) { for(let c=0; c<10; c++) { enemies.push({ x: 100 + c*50, y: 100 + r*40, active: true }); } } this.invaders = { x: 400, bullets: [], enemies, dir: 1, step: 0, over: false, score: 0 }; } if (this.invaders.over) { this.updateHighScore('INVADERS', this.invaders.score); this.p.background(0); this.p.fill(255); this.p.textSize(40); this.p.text(this.invaders.enemies.some(e => e.active) ? "GAME OVER" : "YOU WIN!", 400, 300); this.p.textSize(20); this.p.text("Score: " + this.invaders.score + " HI: " + this.highScores.INVADERS, 400, 350); this.p.text("Press SPACE to Restart", 400, 380); if (this.p.keyIsDown(32)) this.invaders = null; return; } if (this.p.keyIsDown(this.p.LEFT_ARROW)) this.invaders.x = this.p.max(20, this.invaders.x - 5); if (this.p.keyIsDown(this.p.RIGHT_ARROW)) this.invaders.x = this.p.min(780, this.invaders.x + 5); if (this.p.keyIsDown(32) && this.p.frameCount % 15 === 0) { this.invaders.bullets.push({ x: this.invaders.x, y: 550 }); } this.invaders.step++; if (this.invaders.step > 40) { this.invaders.step = 0; let hitEdge = false; this.invaders.enemies.forEach(e => { if (e.active) { e.x += 15 * this.invaders.dir; if (e.x > 750 || e.x < 50) hitEdge = true; if (e.y > 520) this.invaders.over = true; } }); if (hitEdge) { this.invaders.dir *= -1; this.invaders.enemies.forEach(e => e.y += 20); } } this.invaders.bullets.forEach((b, bi) => { b.y -= 7; if (b.y < 0) this.invaders.bullets.splice(bi, 1); this.invaders.enemies.forEach(e => { if (e.active && this.p.dist(b.x, b.y, e.x, e.y) < 20) { e.active = false; this.invaders.bullets.splice(bi, 1); this.invaders.score += 50; this.spawnParticles(e.x, e.y, [0, 255, 0], 10, 2); this.shake = 5; } }); }); this.p.background(0, 5, 20); this.p.fill(0, 255, 0); this.p.rect(this.invaders.x - 20, 560, 40, 15, 3); this.p.rect(this.invaders.x - 3, 550, 6, 10); this.invaders.bullets.forEach(b => { this.p.fill(255, 255, 0); this.p.rect(b.x - 2, b.y, 4, 10); }); this.invaders.enemies.forEach(e => { if (e.active) { this.p.fill(255); this.p.rect(e.x - 15, e.y - 10, 30, 20, 5); this.p.fill(0); this.p.ellipse(e.x - 7, e.y, 4, 4); this.p.ellipse(e.x + 7, e.y, 4, 4); } }); this.p.fill(255); this.p.text("Score: " + this.invaders.score, 60, 30); this.drawHomeButton(); } // --- CROSSY LOGIC --- updateCrossy() { if (this.p.keyIsDown(77)) { this.mode = 'MENU'; return; } if (!this.crossy) { let lanes = []; for(let i=0; i<8; i++) lanes.push({ y: 100 + i*50, speed: this.p.random(2, 5) * (i % 2 === 0 ? 1 : -1), cars: [{x:this.p.random(800)}, {x:this.p.random(800)}] }); this.crossy = { y: 550, x: 400, lanes, score: 0, over: false }; } if (this.crossy.over) { this.updateHighScore('CROSSY', this.crossy.score); this.p.background(50, 0, 0); this.p.fill(255); this.p.textSize(40); this.p.text("SQUASHED!", 400, 300); this.p.textSize(20); this.p.text("Score: " + this.crossy.score + " HI: " + this.highScores.CROSSY, 400, 350); this.p.text("Press SPACE to Restart", 400, 380); if (this.p.keyIsDown(32)) this.crossy = null; return; } if (this.p.keyIsPressed) { if (this.p.keyCode === this.p.UP_ARROW) { this.crossy.y -= 5; if (this.p.frameCount % 10 === 0) this.crossy.score++; } if (this.p.keyCode === this.p.DOWN_ARROW) this.crossy.y += 5; if (this.p.keyCode === this.p.LEFT_ARROW) this.crossy.x -= 5; if (this.p.keyCode === this.p.RIGHT_ARROW) this.crossy.x += 5; } this.p.background(30); this.crossy.lanes.forEach(l => { this.p.fill(50); this.p.rect(0, l.y, 800, 48); l.cars.forEach(c => { c.x += l.speed; if (c.x > 850) c.x = -50; if (c.x < -50) c.x = 850; this.p.fill(l.speed > 0 ? [255, 100, 100] : [100, 100, 255]); this.p.rect(c.x, l.y + 5, 60, 38, 5); if (this.p.dist(this.crossy.x, this.crossy.y, c.x + 30, l.y + 24) < 30) this.crossy.over = true; }); }); if (this.crossy.y < 80) { this.crossy.y = 550; this.crossy.score += 100; } this.p.fill(100, 255, 100); this.p.ellipse(this.crossy.x, this.crossy.y, 25, 25); this.p.fill(255); this.p.text("Score: " + this.crossy.score, 60, 30); this.drawHomeButton(); } // --- ASTEROIDS LOGIC --- updateAsteroids() { if (this.p.keyIsDown(77)) { this.mode = 'MENU'; return; } if (!this.asteroids) { let roids = []; for(let i=0; i<6; i++) roids.push({ x: this.p.random(800), y: this.p.random(600), vx: this.p.random(-2, 2), vy: this.p.random(-2, 2), sz: 40 }); this.asteroids = { ship: {x:400, y:300, a:0, vx:0, vy:0}, bullets: [], roids, score: 0, over: false }; } if (this.asteroids.over) { this.updateHighScore('ASTEROIDS', this.asteroids.score); this.p.background(0); this.p.fill(255); this.p.textSize(40); this.p.text("SYSTEM FAILURE", 400, 300); this.p.textSize(20); this.p.text("Score: " + this.asteroids.score + " HI: " + this.highScores.ASTEROIDS, 400, 350); this.p.text("Press SPACE to Restart", 400, 380); if (this.p.keyIsDown(32)) this.asteroids = null; return; } let a = this.asteroids; let s = a.ship; if (this.p.keyIsDown(this.p.LEFT_ARROW)) s.a -= 0.1; if (this.p.keyIsDown(this.p.RIGHT_ARROW)) s.a += 0.1; if (this.p.keyIsDown(this.p.UP_ARROW)) { s.vx += Math.cos(s.a) * 0.15; s.vy += Math.sin(s.a) * 0.15; } if (this.p.keyIsDown(32) && this.p.frameCount % 10 === 0) { a.bullets.push({ x: s.x, y: s.y, vx: Math.cos(s.a) * 8, vy: Math.sin(s.a) * 8, life: 60 }); } s.x = (s.x + s.vx + 800) % 800; s.y = (s.y + s.vy + 600) % 600; s.vx *= 0.99; s.vy *= 0.99; this.p.background(5, 5, 10); // Bullets for (let i = a.bullets.length - 1; i >= 0; i--) { let b = a.bullets[i]; b.x = (b.x + b.vx + 800) % 800; b.y = (b.y + b.vy + 600) % 600; b.life--; this.p.fill(255, 255, 0); this.p.ellipse(b.x, b.y, 4, 4); if (b.life <= 0) a.bullets.splice(i, 1); } // Asteroids a.roids.forEach((r, ri) => { r.x = (r.x + r.vx + 800) % 800; r.y = (r.y + r.vy + 600) % 600; this.p.noFill(); this.p.stroke(200); this.p.strokeWeight(2); this.p.ellipse(r.x, r.y, r.sz * 2); if (this.p.dist(s.x, s.y, r.x, r.y) < r.sz) a.over = true; a.bullets.forEach((b, bi) => { if (this.p.dist(b.x, b.y, r.x, r.y) < r.sz) { a.score += 100; this.spawnParticles(r.x, r.y, [200, 200, 200], 12, 3); this.shake = 6; if (r.sz > 15) { a.roids.push({ x: r.x, y: r.y, vx: r.vx + this.p.random(-1,1), vy: r.vy + this.p.random(-1,1), sz: r.sz/2 }); a.roids.push({ x: r.x, y: r.y, vx: r.vx + this.p.random(-1,1), vy: r.vy + this.p.random(-1,1), sz: r.sz/2 }); } a.roids.splice(ri, 1); a.bullets.splice(bi, 1); } }); }); // Draw Ship this.p.push(); this.p.translate(s.x, s.y); this.p.rotate(s.a); this.p.noFill(); this.p.stroke(0, 255, 255); this.p.triangle(15, 0, -10, -10, -10, 10); if (this.p.keyIsDown(this.p.UP_ARROW)) { this.p.stroke(255, 100, 0); this.p.line(-10, 0, -20 - this.p.random(10), 0); } this.p.pop(); this.p.noStroke(); this.p.fill(255); this.p.text("Score: " + a.score, 60, 30); this.drawHomeButton(); } // --- MARIO LOGIC --- initMarioLevel(level, score = 0) { let layout = { 1: { platforms: [{x:0, y:550, w:3000, h:60}, {x:400, y:420, w:120, h:40}, {x:700, y:320, w:120, h:40}, {x:1000, y:220, w:200, h:40}, {x:1300, y:420, w:150, h:40}, {x:1600, y:350, w:100, h:200}, {x:1900, y:550, w:500, h:60}], blocks: [{x:450, y:280, type:'?', hit:false}, {x:480, y:280, type:'B', hit:false}, {x:510, y:280, type:'?', hit:false}, {x:1100, y:120, type:'?', hit:false}], enemies: [{x:600, y:530, vx:-2, alive:true}, {x:1400, y:530, vx:-2, alive:true}, {x:1800, y:530, vx:-3, alive:true}], coins: [{x:420, y:390}, {x:720, y:290}, {x:1050, y:190}], goalX: 2800, bgColor: [107, 140, 255] }, 2: { platforms: [{x:0, y:550, w:600, h:60}, {x:700, y:450, w:200, h:40}, {x:1000, y:350, w:200, h:40}, {x:1300, y:250, w:200, h:40}, {x:1600, y:350, w:100, h:200}, {x:1800, y:450, w:300, h:40}, {x:2200, y:550, w:1000, h:60}], blocks: [{x:800, y:300, type:'B', hit:false}, {x:830, y:300, type:'?', hit:false}, {x:1100, y:200, type:'?', hit:false}, {x:1400, y:100, type:'?', hit:false}], enemies: [{x:750, y:430, vx:-3, alive:true}, {x:1050, y:330, vx:-2, alive:true}, {x:2300, y:530, vx:-4, alive:true}, {x:2500, y:530, vx:-4, alive:true}], coins: [{x:750, y:420}, {x:1050, y:320}, {x:1350, y:220}], goalX: 3000, bgColor: [50, 50, 150] } }; let l = layout[level] || layout[1]; this.mario = { x: 100, y: 500, vx: 0, vy: 0, grounded: false, level: level, platforms: l.platforms, blocks: l.blocks, enemies: l.enemies, coins: l.coins, goalX: l.goalX, bgColor: l.bgColor, deco: [], score: score, camX: 0, lives: 3, won: false }; for(let i=0; i<20; i++) { this.mario.deco.push({x: i * 200 + this.p.random(100), y: this.p.random(50, 200), type: 'cloud', sz: this.p.random(30, 60)}); this.mario.deco.push({x: i * 250 + this.p.random(50), y: 535, type: 'bush', sz: this.p.random(20, 40)}); } } updateMario() { if (this.p.keyIsDown(77)) { this.mode = 'MENU'; return; } if (!this.mario) { this.initMarioLevel(1); } let m = this.mario; if (m.won) { this.updateHighScore('MARIO', m.score); this.p.background(m.bgColor[0], m.bgColor[1], m.bgColor[2]); this.p.fill(255); this.p.textSize(50); this.p.textAlign(this.p.CENTER); this.p.text(m.level < 2 ? "LEVEL CLEAR!" : "GAME COMPLETE!", 400, 300); this.p.textSize(20); this.p.text("Score: " + m.score + " HI: " + this.highScores.MARIO, 400, 350); this.p.text(m.level < 2 ? "Press SPACE for Next Level" : "Press SPACE to Restart", 400, 380); if (this.p.keyIsDown(32)) { if (m.level < 2) this.initMarioLevel(m.level + 1, m.score); else this.mario = null; } return; } let speed = 5; let gravity = 0.6; let jump = -12; if (this.p.keyIsDown(this.p.LEFT_ARROW)) m.vx = -speed; else if (this.p.keyIsDown(this.p.RIGHT_ARROW)) m.vx = speed; else m.vx *= 0.8; m.vy += gravity; m.x += m.vx; m.y += m.vy; m.grounded = false; m.platforms.forEach(p => { if (m.x + 12 > p.x && m.x - 12 < p.x + p.w && m.y + 20 > p.y && m.y + 20 < p.y + p.h && m.vy >= 0) { m.y = p.y - 20; m.vy = 0; m.grounded = true; } }); // Block collision m.blocks.forEach(b => { // Top collision (stand on) if (m.x + 12 > b.x && m.x - 12 < b.x + 30 && m.y + 20 > b.y && m.y + 20 < b.y + 30 && m.vy >= 0) { m.y = b.y - 20; m.vy = 0; m.grounded = true; } // Bottom collision (hit block) if (m.x + 12 > b.x && m.x - 12 < b.x + 30 && m.y - 20 < b.y + 30 && m.y - 20 > b.y + 10 && m.vy < 0) { m.vy = 2; if (!b.hit) { b.hit = true; m.score += 200; m.coins.push({x: b.x + 15, y: b.y - 40, temp: true, timer: 30}); } } }); if (m.grounded && (this.p.keyIsDown(this.p.UP_ARROW) || this.p.keyIsDown(32))) { m.vy = jump; m.grounded = false; this.spawnParticles(m.x, m.y + 20, [255, 255, 255], 6, 1); } // Enemies logic m.enemies.forEach(e => { if (!e.alive) return; e.x += e.vx; // Simple floor bounds for enemies if (e.x < 0 || e.x > 3000) e.vx *= -1; let d = this.p.dist(m.x, m.y, e.x, e.y); if (d < 30) { if (m.vy > 0 && m.y < e.y) { // Stomp e.alive = false; m.vy = -8; m.score += 500; } else { // Hit player m.x = 100; m.y = 500; m.vy = 0; } } }); // Collect coins for(let i = m.coins.length-1; i >= 0; i--) { let c = m.coins[i]; if (c.temp) { c.y -= 2; c.timer--; if (c.timer <= 0) m.coins.splice(i, 1); } else if (this.p.dist(m.x, m.y, c.x, c.y) < 30) { m.coins.splice(i, 1); m.score += 100; } } if (m.x > m.goalX) m.won = true; // Camera follow m.camX = this.p.lerp(m.camX, this.p.constrain(m.x - 400, 0, 2200), 0.1); this.p.background(m.bgColor[0], m.bgColor[1], m.bgColor[2]); this.p.push(); this.p.translate(-m.camX, 0); // Draw Deco m.deco.forEach(d => { this.p.noStroke(); if (d.type === 'cloud') { this.p.fill(255, 200); this.p.ellipse(d.x, d.y, d.sz, d.sz * 0.6); this.p.ellipse(d.x + d.sz*0.4, d.y + d.sz*0.1, d.sz*0.8, d.sz * 0.5); } else { this.p.fill(34, 139, 34); this.p.ellipse(d.x, d.y, d.sz, d.sz); this.p.ellipse(d.x - d.sz*0.3, d.y + d.sz*0.2, d.sz*0.8, d.sz*0.8); } }); // Draw Goal Flag this.p.stroke(255); this.p.strokeWeight(4); this.p.line(m.goalX, 150, m.goalX, 550); this.p.noStroke(); this.p.fill(255, 0, 0); this.p.triangle(m.goalX, 150, m.goalX + 40, 175, m.goalX, 200); // Draw Platforms m.platforms.forEach(p => { this.p.fill(139, 69, 19); this.p.stroke(80, 40, 0); this.p.strokeWeight(2); this.p.rect(p.x, p.y, p.w, p.h); // Grass top this.p.fill(34, 177, 76); this.p.noStroke(); this.p.rect(p.x, p.y, p.w, 8); }); // Draw Blocks m.blocks.forEach(b => { this.p.stroke(0); this.p.strokeWeight(1); if (b.type === '?') { this.p.fill(b.hit ? 150 : [255, 165, 0]); this.p.rect(b.x, b.y, 30, 30, 4); this.p.fill(255); this.p.textAlign(this.p.CENTER); this.p.text(b.hit ? "." : "?", b.x + 15, b.y + 18); } else { this.p.fill(160, 82, 45); this.p.rect(b.x, b.y, 30, 30); this.p.line(b.x, b.y + 15, b.x + 30, b.y + 15); } }); // Draw Enemies m.enemies.forEach(e => { if (!e.alive) return; this.p.fill(150, 75, 0); this.p.rect(e.x - 15, e.y - 10, 30, 25, 8); this.p.fill(255); this.p.ellipse(e.x - 7, e.y - 5, 8, 10); this.p.ellipse(e.x + 7, e.y - 5, 8, 10); this.p.fill(0); this.p.ellipse(e.x - 7, e.y - 5, 3, 3); this.p.ellipse(e.x + 7, e.y - 5, 3, 3); }); // Draw Coins this.p.noStroke(); this.p.fill(255, 215, 0); m.coins.forEach(c => { let bounce = c.temp ? 0 : this.p.sin(this.p.frameCount * 0.2) * 5; this.p.ellipse(c.x, c.y + bounce, 12, 18); this.p.fill(255, 255, 100); this.p.rect(c.x - 2, c.y + bounce - 5, 4, 10); this.p.fill(255, 215, 0); }); // Draw Mario this.p.push(); this.p.translate(m.x, m.y); if (m.vx < -0.1) this.p.scale(-1, 1); // Body/Overalls this.p.fill(255, 0, 0); // Shirt this.p.rect(-10, -5, 20, 15); this.p.fill(0, 0, 255); // Overalls this.p.rect(-10, 5, 20, 10); this.p.rect(-10, -5, 5, 10); this.p.rect(5, -5, 5, 10); // Head this.p.fill(255, 200, 150); this.p.rect(-8, -18, 16, 14, 3); this.p.fill(255, 0, 0); // Hat this.p.rect(-10, -20, 20, 6, 2); this.p.rect(0, -20, 12, 4); // Mustache/Eyes this.p.fill(50, 20, 0); this.p.rect(2, -10, 6, 2); // Mustache this.p.fill(0); this.p.rect(4, -15, 2, 3); // Eye this.p.pop(); this.p.pop(); this.p.fill(255); this.p.textSize(24); this.p.textAlign(this.p.LEFT); this.p.text("MARIO x" + m.score, 30, 40); this.p.text("WORLD 1-" + m.level, 600, 40); if (m.y > 700) { m.x = 100; m.y = 500; m.vy = 0; } // Respawn this.drawHomeButton(); } // --- EXCITEBIKE LOGIC --- updateExcitebike() { if (this.p.keyIsDown(77)) { this.mode = 'MENU'; return; } if (!this.excite) { this.excite = { bike: { x: 100, lane: 2, y: 0, vy: 0, speed: 0, heat: 0, lean: 0, pitch: 0, state: 'RIDING', crashTimer: 0 }, track: [], camX: 0, distance: 0, over: false, won: false, lap: 1 }; // Generate track for (let i = 0; i < 150; i++) { if (i > 5 && this.p.random() < 0.4) { let type = this.p.random(['RAMP', 'MUD', 'BUMP', 'COOL']); let lane = Math.floor(this.p.random(4)); this.excite.track.push({ x: i * 250, type, lane }); if (type === 'RAMP' && this.p.random() > 0.5) { // Triple bumps this.excite.track.push({ x: i * 250 + 60, type: 'BUMP', lane }); this.excite.track.push({ x: i * 250 + 120, type: 'BUMP', lane }); } } } } let e = this.excite; let b = e.bike; let bx = 100; let by = 200 + b.lane * 75 + 37 + b.y; if (e.won) { let finalScore = Math.floor(e.distance / 100); this.updateHighScore('EXCITEBIKE', finalScore); this.p.background(0, 50, 0); this.p.fill(255); this.p.textSize(50); this.p.text("FINISH! NICE RIDE!", 400, 300); this.p.textSize(20); this.p.text("Dist: " + finalScore + "m HI: " + this.highScores.EXCITEBIKE + "m", 400, 360); this.p.text("Press SPACE to Play Again", 400, 390); if (this.p.keyIsDown(32)) this.excite = null; return; } // Input & Physics if (b.state === 'RIDING') { let turbo = this.p.keyIsDown(32); // Space for Turbo let accel = this.p.keyIsDown(this.p.RIGHT_ARROW); if (turbo) { b.speed = this.p.lerp(b.speed, 12, 0.08); b.heat += 0.4; b.pitch = this.p.lerp(b.pitch, -0.1, 0.1); } else if (accel) { b.speed = this.p.lerp(b.speed, 8, 0.05); b.heat += 0.1; b.pitch = this.p.lerp(b.pitch, -0.05, 0.1); } else { b.speed = this.p.lerp(b.speed, 0, 0.02); b.pitch = this.p.lerp(b.pitch, 0.05, 0.05); b.heat -= 0.2; } if (this.p.frameCount % 10 === 0) { if (this.p.keyIsDown(this.p.UP_ARROW)) b.lane = this.p.max(0, b.lane - 1); if (this.p.keyIsDown(this.p.DOWN_ARROW)) b.lane = this.p.min(3, b.lane + 1); } b.heat = this.p.constrain(b.heat, 0, 100); if (b.heat >= 100) { b.state = 'OVERHEAT'; b.speed = 4; } } else if (b.state === 'JUMPING') { b.y += b.vy; b.vy += 0.4; // Gravity // Lean in air if (this.p.keyIsDown(this.p.LEFT_ARROW)) b.lean = this.p.lerp(b.lean, -0.6, 0.1); else if (this.p.keyIsDown(this.p.RIGHT_ARROW)) b.lean = this.p.lerp(b.lean, 0.6, 0.1); else b.lean = this.p.lerp(b.lean, 0, 0.05); if (b.y >= 0) { b.y = 0; b.vy = 0; this.spawnParticles(bx, by, [139, 100, 50], 8, 2); // Dust on landing // Crash logic on landing if (Math.abs(b.lean) > 0.3) { b.state = 'CRASHED'; b.crashTimer = 60; b.speed = 0; this.shake = 10; } else { b.state = 'RIDING'; } b.lean = 0; } } else if (b.state === 'OVERHEAT') { b.heat -= 0.3; if (b.heat <= 0) b.state = 'RIDING'; } else if (b.state === 'CRASHED') { b.crashTimer--; b.speed = 0; if (b.crashTimer <= 0) b.state = 'RIDING'; } e.distance += b.speed; e.camX = e.distance; // Dust and Exhaust while riding if (b.state === 'RIDING' && b.speed > 0.5) { if (this.p.frameCount % 5 === 0) { this.spawnParticles(100 - 15, by + 10, [139, 100, 50], 1, 0.5); // Dust } if (this.p.frameCount % 8 === 0) { this.spawnParticles(85, by - 5, [150, 150, 150], 1, 0.3); // Exhaust smoke } } // Collisions e.track.forEach(obj => { let relX = obj.x - e.distance; if (relX > 70 && relX < 130 && obj.lane === b.lane && b.y === 0 && b.state === 'RIDING') { if (obj.type === 'RAMP') { b.state = 'JUMPING'; b.vy = -12 - (b.speed * 0.5); } else if (obj.type === 'MUD') { b.speed *= 0.8; b.heat += 0.1; } else if (obj.type === 'BUMP') { b.state = 'JUMPING'; b.vy = -5; } else if (obj.type === 'COOL') { b.heat = Math.max(0, b.heat - 20); } } }); if (e.distance > 35000) e.won = true; // Draw Background this.p.background(50, 150, 50); // Grass // Mountains this.p.fill(30, 80, 30); for(let i=0; i<6; i++) { let mx = (i * 300 - (e.camX * 0.2) % 1800); this.p.triangle(mx, 200, mx + 150, 50, mx + 300, 200); } // Draw Dirt Track this.p.push(); this.p.translate(-e.camX % 400, 0); this.p.fill(139, 100, 50); this.p.noStroke(); for(let i=-1; i<4; i++) { this.p.rect(i * 400, 200, 400, 300); this.p.stroke(255, 100); this.p.line(i * 400, 200, i * 400 + 400, 200); // Top rail this.p.line(i * 400, 500, i * 400 + 400, 500); // Bottom rail // Lane lines this.p.stroke(100, 70, 30); this.p.strokeWeight(1); for(let j=1; j<4; j++) this.p.line(i*400, 200 + j*75, i*400+400, 200 + j*75); } this.p.pop(); // Draw Obstacles this.p.push(); this.p.translate(-e.camX, 0); e.track.forEach(obj => { if (obj.x > e.camX - 200 && obj.x < e.camX + 1000) { let ty = 200 + obj.lane * 75 + 37; if (obj.type === 'RAMP') { this.p.fill(180, 130, 40); this.p.stroke(0); this.p.triangle(obj.x, ty + 30, obj.x + 80, ty + 30, obj.x + 80, ty - 40); this.p.fill(200); this.p.noStroke(); this.p.rect(obj.x + 75, ty - 40, 5, 70); } else if (obj.type === 'MUD') { this.p.fill(60, 40, 10); this.p.noStroke(); this.p.ellipse(obj.x + 40, ty + 10, 80, 40); } else if (obj.type === 'BUMP') { this.p.fill(160, 120, 60); this.p.stroke(0); this.p.arc(obj.x + 40, ty + 30, 80, 60, this.p.PI, 0); } else if (obj.type === 'COOL') { this.p.fill(0, 200, 255, 150); this.p.noStroke(); for(let k=0; k<3; k++) { this.p.triangle(obj.x + k*25, ty - 10, obj.x + 20 + k*25, ty + 10, obj.x + k*25, ty + 30); } } } }); this.p.pop(); // Draw Bike this.p.push(); let jiggle = (b.state === 'RIDING' && b.speed > 1) ? (this.p.noise(this.p.frameCount * 0.5) * 3 - 1.5) : 0; this.p.translate(bx, by + jiggle); if (b.state === 'CRASHED') { this.p.rotate(this.p.HALF_PI); this.p.translate(0, -20); } else { this.p.rotate(b.lean + b.pitch); } // Shadow (stays on ground) this.p.push(); this.p.rotate(-(b.lean + b.pitch)); this.p.fill(0, 70); this.p.noStroke(); this.p.ellipse(0, -b.y - jiggle + 30, 55, 12); this.p.pop(); // Wheels (with spinning detail) this.p.stroke(0); this.p.strokeWeight(2); this.p.fill(30); this.p.ellipse(-16, 8, 24, 24); // Rear this.p.ellipse(16, 8, 24, 24); // Front this.p.stroke(80); this.p.strokeWeight(1); let rot = (e.distance * 0.1) % this.p.TWO_PI; for(let i=0; i<4; i++) { let ang = rot + i * this.p.HALF_PI; this.p.line(-16, 8, -16 + Math.cos(ang)*10, 8 + Math.sin(ang)*10); this.p.line(16, 8, 16 + Math.cos(ang)*10, 8 + Math.sin(ang)*10); } this.p.fill(180); this.p.ellipse(-16, 8, 6, 6); // Hubs this.p.ellipse(16, 8, 6, 6); // Bike Frame & Engine this.p.stroke(0); this.p.strokeWeight(2); let bikeCol = b.state === 'OVERHEAT' ? [255, 50, 50] : [240, 30, 30]; this.p.fill(bikeCol); this.p.beginShape(); // Fancy tank/seat shape this.p.vertex(-22, -2); this.p.vertex(-20, -12); this.p.vertex(5, -15); this.p.vertex(18, -8); this.p.vertex(15, 0); this.p.endShape(this.p.CLOSE); this.p.fill(80); // Engine Block this.p.rect(-8, -5, 12, 10, 2); this.p.strokeWeight(1); for(let i=0; i<3; i++) this.p.line(-6, -3 + i*3, 2, -3 + i*3); // Fins this.p.strokeWeight(3); this.p.stroke(100); this.p.line(-20, -5, -5, 5); // Exhaust Pipe this.p.stroke(0); this.p.line(10, -12, 20, -32); // Forks this.p.line(18, -32, 28, -30); // Handlebars // Rider if (b.state !== 'CRASHED' || b.crashTimer % 10 < 5) { this.p.strokeWeight(1); this.p.fill(255); // Jersey this.p.rect(-12, -32, 20, 18, 5); this.p.fill(0, 0, 150); // Pants this.p.rect(-10, -18, 14, 10, 2); // Arms reaching for bars this.p.stroke(255, 200, 150); this.p.strokeWeight(4); this.p.line(5, -28, 20, -30); // Head/Helmet this.p.noStroke(); this.p.fill(255, 200, 150); this.p.ellipse(12, -40, 16, 16); this.p.fill(255, 255, 0); // Helmet this.p.arc(12, -42, 20, 20, this.p.PI, 0); this.p.rect(2, -42, 20, 6, 2); this.p.fill(0); this.p.rect(14, -40, 8, 4); // Visor } this.p.pop(); // HUD this.p.push(); this.p.fill(0, 150); this.p.rect(20, 20, 350, 80, 10); this.p.fill(255); this.p.textSize(18); this.p.textAlign(this.p.LEFT); this.p.text("TEMP", 40, 55); this.p.noFill(); this.p.stroke(255); this.p.rect(100, 40, 200, 20); let hFill = b.heat > 80 ? [255, 0, 0] : (b.heat > 50 ? [255, 150, 0] : [0, 255, 100]); this.p.fill(hFill); this.p.noStroke(); this.p.rect(100, 40, b.heat * 2, 20); if (b.state === 'OVERHEAT') { this.p.fill(255, 0, 0); this.p.textSize(12); this.p.text("OVERHEAT!", 100, 75); } this.p.fill(255); this.p.textSize(24); this.p.text("POS: " + Math.floor(e.distance/100) + "m", 600, 50); this.p.textSize(14); this.p.text("ARROWS: Move/Lean SPACE: Turbo", 400, 550); this.p.pop(); this.drawHomeButton(); } // --- ADDITIONAL GAMES --- initGalagaLevel(level, score = 0) { let rows = 3 + Math.floor(level / 2); let enemies = []; for(let i = 0; i < 8 * rows; i++) { enemies.push({ x: (i % 8) * 70 + 150, y: 50 + (Math.floor(i / 8) * 40), a: true, type: Math.floor(i / 8) % 3 }); } this.galaga = { level: level, ship: 400, enemies: enemies, bullets: [], score: score, stars: Array(50).fill().map(() => ({x: this.p.random(800), y: this.p.random(600), s: this.p.random(1, 3)})), cleared: false, clearTimer: 0 }; } updateGalaga() { if (this.p.keyIsDown(77)) { this.mode = 'MENU'; return; } if (!this.galaga) { this.initGalagaLevel(1); } let g = this.galaga; if (g.cleared) { this.p.background(0, 0, 15); this.p.fill(255); this.p.textSize(40); this.p.text("STAGE " + g.level + " CLEAR", 400, 300); this.p.textSize(20); this.p.text("Score: " + g.score, 400, 350); g.clearTimer++; if (g.clearTimer > 120) this.initGalagaLevel(g.level + 1, g.score); this.drawHomeButton(); return; } if (this.p.keyIsDown(this.p.LEFT_ARROW)) g.ship = this.p.max(50, g.ship - 6); if (this.p.keyIsDown(this.p.RIGHT_ARROW)) g.ship = this.p.min(750, g.ship + 6); if (this.p.keyIsDown(32) && this.p.frameCount % 10 === 0) g.bullets.push({ x: g.ship, y: 540 }); this.p.background(0, 0, 15); // Parallax Stars this.p.noStroke(); g.stars.forEach(s => { this.p.fill(255, this.p.random(150, 255)); this.p.ellipse(s.x, s.y, s.s); s.y = (s.y + s.s * 0.5) % 600; }); // Bullets & Collision for (let i = g.bullets.length - 1; i >= 0; i--) { let b = g.bullets[i]; b.y -= 12; this.p.fill(255, 255, 0); this.p.rect(b.x - 2, b.y, 4, 12); if (b.y < 0) { g.bullets.splice(i, 1); continue; } let hit = false; for (let j = 0; j < g.enemies.length; j++) { let e = g.enemies[j]; let speedMult = 1 + (g.level * 0.1); let shift = this.p.sin(this.p.frameCount * 0.05 * speedMult + e.y) * 20; if (e.a && this.p.dist(b.x, b.y, e.x + shift, e.y) < 25) { e.a = false; g.score += 150; this.updateHighScore('GALAGA', g.score); this.spawnParticles(e.x + shift, e.y, [255, 100, 0], 12); this.shake = 5; hit = true; break; } } if (hit) g.bullets.splice(i, 1); } let allDead = true; g.enemies.forEach(e=>{ if(e.a){ allDead = false; let speedMult = 1 + (g.level * 0.1); let shift = this.p.sin(this.p.frameCount * 0.05 * speedMult + e.y) * 20; let colors = [[255, 50, 50], [50, 200, 255], [255, 255, 0]]; this.p.fill(colors[e.type] || [255, 255, 255]); this.p.rect(e.x + shift - 12, e.y - 12, 24, 24, 4); this.p.fill(255); this.p.rect(e.x + shift - 4, e.y - 4, 8, 8); if(this.p.random() < 0.002 * speedMult) e.y += 1; } }); if (allDead) g.cleared = true; // Ship this.p.fill(255, 255, 255); this.p.triangle(g.ship, 540, g.ship-18, 575, g.ship+18, 575); this.p.fill(255, 0, 0); this.p.rect(g.ship-2, 540, 4, 10); this.p.fill(255); this.p.textAlign(this.p.LEFT, this.p.TOP); this.p.text("Score: " + g.score + " HI: " + this.highScores.GALAGA, 20, 20); this.drawHomeButton(); } updateDonkey() { if (this.p.keyIsDown(77)) { this.mode = 'MENU'; return; } if (!this.donkey) { this.donkey = { x: 100, y: 530, vy: 0, barrels: [], score: 0, over: false, platforms: [ {x: 0, y: 550, w: 800, h: 20}, {x: 50, y: 440, w: 700, h: 15}, {x: 50, y: 330, w: 700, h: 15}, {x: 50, y: 220, w: 700, h: 15}, {x: 50, y: 110, w: 200, h: 15} ], ladders: [ {x: 680, y: 440, h: 110}, {x: 100, y: 330, h: 110}, {x: 680, y: 220, h: 110}, {x: 220, y: 110, h: 110} ] }; } let d = this.donkey; if (d.over) { this.updateHighScore('DONKEY', d.score); this.p.background(0); this.p.fill(255); this.p.textSize(40); this.p.textAlign(this.p.CENTER); this.p.text("GAME OVER", 400, 300); this.p.textSize(20); this.p.text("Score: " + d.score + " HI: " + this.highScores.DONKEY, 400, 350); if (this.p.keyIsDown(32)) this.donkey = null; return; } let onLadder = d.ladders.some(l => d.x > l.x - 15 && d.x < l.x + 15 && d.y > l.y - 10 && d.y < l.y + l.h + 10); if (onLadder) { if (this.p.keyIsDown(this.p.UP_ARROW)) d.y -= 3; if (this.p.keyIsDown(this.p.DOWN_ARROW)) d.y += 3; d.vy = 0; } else { d.vy += 0.5; d.y += d.vy; if (this.p.keyIsDown(this.p.LEFT_ARROW)) d.x -= 4; if (this.p.keyIsDown(this.p.RIGHT_ARROW)) d.x += 4; if (this.p.keyIsDown(32) && d.vy === 0) d.vy = -10; } d.platforms.forEach(p => { if (d.x > p.x && d.x < p.x + p.w && d.y > p.y - 20 && d.y < p.y && d.vy >= 0) { d.y = p.y - 20; d.vy = 0; } }); if (this.p.frameCount % 120 === 0) d.barrels.push({x: 250, y: 90, vx: 3, floor: 4}); d.barrels.forEach((b, bi) => { b.x += b.vx; if (b.x > 750 || b.x < 50) { b.vx *= -1; b.y += 110; b.floor--; } if (b.y > 600) d.barrels.splice(bi, 1); if (this.p.dist(d.x, d.y, b.x, b.y) < 20) d.over = true; this.p.fill(180, 100, 40); this.p.ellipse(b.x, b.y, 24, 24); }); this.p.background(20, 0, 0); this.p.fill(220, 0, 0); d.platforms.forEach(p => this.p.rect(p.x, p.y, p.w, p.h)); this.p.stroke(0, 200, 255); this.p.strokeWeight(3); d.ladders.forEach(l => { for(let i=0; i Array(10).fill(0)), score: 0, over: false, timer: 0, dropInterval: 30, shapes: SHAPES, colors: COLORS, curr: null, currX: 0, currY: 0, currType: '', keys: {} }; this.spawnTetromino(); } if (this.tetris.over) { this.updateHighScore('TETRIS', this.tetris.score); this.p.background(0); this.p.fill(255); this.p.textSize(40); this.p.text("GAME OVER", 400, 300); this.p.textSize(20); this.p.text("SCORE: " + this.tetris.score, 400, 350); this.p.text("PRESS SPACE TO RESTART", 400, 400); if (this.p.keyIsDown(32)) this.tetris = null; return; } let t = this.tetris; // Simple Input Handler for rotation/movement const keyPressed = (code) => { let down = this.p.keyIsDown(code); let wasDown = t.keys[code]; t.keys[code] = down; return down && !wasDown; }; if (keyPressed(this.p.LEFT_ARROW)) this.moveTetromino(-1, 0); if (keyPressed(this.p.RIGHT_ARROW)) this.moveTetromino(1, 0); if (keyPressed(this.p.UP_ARROW)) this.rotateTetromino(); if (keyPressed(this.p.DOWN_ARROW)) this.moveTetromino(0, 1); if (keyPressed(32)) { // Hard drop while (this.moveTetromino(0, 1)); } // Auto Drop t.timer++; if (t.timer > t.dropInterval) { if (!this.moveTetromino(0, 1)) { this.lockTetromino(); this.clearLines(); this.spawnTetromino(); } t.timer = 0; } // Drawing this.p.background(10, 10, 30); let bw = 24; let ox = 400 - (10 * bw) / 2; let oy = 50; // Draw Grid this.p.stroke(40); this.p.fill(0, 0, 20); this.p.rect(ox, oy, 10 * bw, 20 * bw); for (let r = 0; r < 20; r++) { for (let c = 0; c < 10; c++) { if (t.grid[r][c]) { this.drawTetrisBlock(ox + c * bw, oy + r * bw, bw, t.colors[t.grid[r][c]]); } } } // Draw Current Piece if (t.curr) { for (let r = 0; r < t.curr.length; r++) { for (let c = 0; c < t.curr[r].length; c++) { if (t.curr[r][c]) { this.drawTetrisBlock(ox + (t.currX + c) * bw, oy + (t.currY + r) * bw, bw, t.colors[t.currType]); } } } } this.p.noStroke(); this.p.fill(255); this.p.textSize(24); this.p.textAlign(this.p.LEFT); this.p.text("SCORE: " + t.score, 50, 50); this.p.textSize(14); this.p.text("ARROWS: Move/Rotate\nSPACE: Hard Drop", 50, 100); this.drawHomeButton(); } drawTetrisBlock(x, y, s, col) { this.p.fill(col); this.p.stroke(255, 100); this.p.rect(x, y, s, s, 3); this.p.noStroke(); this.p.fill(255, 80); this.p.rect(x + 2, y + 2, s - 8, 4); // Highlight } spawnTetromino() { let t = this.tetris; let types = Object.keys(t.shapes); t.currType = this.p.random(types); t.curr = t.shapes[t.currType]; t.currX = 3; t.currY = 0; if (this.checkCollision(t.currX, t.currY, t.curr)) { t.over = true; } } moveTetromino(dx, dy) { let t = this.tetris; if (!this.checkCollision(t.currX + dx, t.currY + dy, t.curr)) { t.currX += dx; t.currY += dy; return true; } return false; } rotateTetromino() { let t = this.tetris; let rotated = t.curr[0].map((_, i) => t.curr.map(row => row[i]).reverse()); if (!this.checkCollision(t.currX, t.currY, rotated)) { t.curr = rotated; } else if (!this.checkCollision(t.currX - 1, t.currY, rotated)) { t.currX -= 1; t.curr = rotated; } else if (!this.checkCollision(t.currX + 1, t.currY, rotated)) { t.currX += 1; t.curr = rotated; } } checkCollision(tx, ty, piece) { let t = this.tetris; for (let r = 0; r < piece.length; r++) { for (let c = 0; c < piece[r].length; c++) { if (piece[r][c]) { let gx = tx + c; let gy = ty + r; if (gx < 0 || gx >= 10 || gy >= 20 || (gy >= 0 && t.grid[gy][gx])) return true; } } } return false; } lockTetromino() { let t = this.tetris; for (let r = 0; r < t.curr.length; r++) { for (let c = 0; c < t.curr[r].length; c++) { if (t.curr[r][c]) { let gy = t.currY + r; let gx = t.currX + c; if (gy >= 0) t.grid[gy][gx] = t.currType; } } } this.spawnParticles(400, 500, t.colors[t.currType], 15); } clearLines() { let t = this.tetris; let cleared = 0; for (let r = 19; r >= 0; r--) { if (t.grid[r].every(v => v !== 0)) { t.grid.splice(r, 1); t.grid.unshift(Array(10).fill(0)); r++; cleared++; } } if (cleared > 0) { const scores = [0, 100, 300, 500, 1200]; t.score += scores[cleared] || 0; this.shake = cleared * 5; t.dropInterval = Math.max(5, 30 - Math.floor(t.score / 1000) * 2); } } updateBomber() { if (this.p.keyIsDown(77)) { this.mode = 'MENU'; return; } if (!this.bomber) this.bomber = { x: 0, bombs: [], targets: Array(5).fill().map(() => ({x: this.p.random(800), y: 550})), score: 0 }; this.p.background(20, 20, 60); this.bomber.x = (this.bomber.x + 4) % 850; if (this.p.keyIsDown(32) && this.p.frameCount % 15 === 0) this.bomber.bombs.push({x: this.bomber.x, y: 100}); this.bomber.bombs.forEach((b, bi) => { b.y += 6; this.p.fill(255, 0, 0); this.p.ellipse(b.x, b.y, 10, 15); this.bomber.targets.forEach(t => { if (this.p.dist(b.x, b.y, t.x, t.y) < 30) { t.x = this.p.random(800); this.bomber.score += 50; this.spawnParticles(b.x, b.y, [255, 200, 0], 20); } }); if (b.y > 600) this.bomber.bombs.splice(bi, 1); }); this.p.fill(150); this.p.rect(this.bomber.x - 20, 80, 40, 20, 5); this.bomber.targets.forEach(t => { this.p.fill(0, 255, 0); this.p.rect(t.x - 15, t.y - 15, 30, 30); }); this.p.fill(255); this.updateHighScore('BOMBER', this.bomber.score); this.p.text("Score: " + this.bomber.score + " HI: " + this.highScores.BOMBER, 60, 30); this.drawHomeButton(); } updateCenti() { if (this.p.keyIsDown(77)) { this.mode = 'MENU'; return; } if (!this.centi) this.centi = { x: 400, bullets: [], segs: Array(12).fill().map((_, i) => ({x: i * 20, y: 40, d: 1})), score: 0 }; let c = this.centi; if (this.p.keyIsDown(this.p.LEFT_ARROW)) c.x = this.p.max(20, c.x - 6); if (this.p.keyIsDown(this.p.RIGHT_ARROW)) c.x = this.p.min(780, c.x + 6); if (this.p.keyIsDown(32) && this.p.frameCount % 10 === 0) c.bullets.push({x: c.x, y: 550}); this.p.background(0, 15, 0); c.bullets.forEach((b, bi) => { b.y -= 10; this.p.fill(255, 255, 0); this.p.rect(b.x - 2, b.y, 4, 10); c.segs.forEach((s, si) => { if (this.p.dist(b.x, b.y, s.x, s.y) < 15) { c.segs.splice(si, 1); c.bullets.splice(bi, 1); c.score += 100; this.spawnParticles(s.x, s.y, [0, 255, 0], 8); } }); }); this.p.fill(0, 255, 0); c.segs.forEach(s => { s.x += s.d * 5; if (s.x < 20 || s.x > 780) { s.d *= -1; s.y += 25; } this.p.ellipse(s.x, s.y, 20, 20); if (s.y > 550) this.centi = null; }); this.p.fill(255, 100, 255); this.p.rect(c.x - 15, 560, 30, 20, 5); this.p.fill(255); this.updateHighScore('CENTI', c.score || 0); this.p.text("Score: " + (c.score || 0) + " HI: " + this.highScores.CENTI, 60, 30); if (c.segs.length === 0) { this.p.text("WINNER!", 400, 300); if (this.p.frameCount % 60 === 0) this.centi = null; } this.drawHomeButton(); } updateTron() { if (this.p.keyIsDown(77)) { this.mode = 'MENU'; return; } if (!this.tron || this.tron.over) { if (this.tron?.over && this.p.keyIsDown(32)) this.tron = null; if (!this.tron) this.tron = { p1:[{x:100,y:300}], d1:{x:2,y:0}, p2:[{x:700,y:300}], d2:{x:-2,y:0}, over: false, score: 0 }; if (this.tron.over) { this.updateHighScore('TRON', this.tron.score); this.p.background(0); this.p.fill(255); this.p.textAlign(this.p.CENTER); this.p.text("GAME OVER\nSCORE: " + this.tron.score + "\nHI: " + this.highScores.TRON, 400, 300); return; } } this.tron.score++; if (this.p.keyIsDown(this.p.UP_ARROW) && this.tron.d1.y === 0) this.tron.d1 = {x:0, y:-2}; if (this.p.keyIsDown(this.p.DOWN_ARROW) && this.tron.d1.y === 0) this.tron.d1 = {x:0, y:2}; if (this.p.keyIsDown(this.p.LEFT_ARROW) && this.tron.d1.x === 0) this.tron.d1 = {x:-2, y:0}; if (this.p.keyIsDown(this.p.RIGHT_ARROW) && this.tron.d1.x === 0) this.tron.d1 = {x:2, y:0}; // Simple AI for P2 if (this.p.frameCount % 30 === 0) { let r = this.p.random(); if (r < 0.2) this.tron.d2 = {x:0, y: this.tron.p2[this.tron.p2.length-1].y > 300 ? -2 : 2}; else if (r < 0.4) this.tron.d2 = {x: this.tron.p2[this.tron.p2.length-1].x > 400 ? -2 : 2, y:0}; } let h1 = this.tron.p1[this.tron.p1.length-1]; let h2 = this.tron.p2[this.tron.p2.length-1]; let n1 = {x: h1.x + this.tron.d1.x, y: h1.y + this.tron.d1.y}; let n2 = {x: h2.x + this.tron.d2.x, y: h2.y + this.tron.d2.y}; if (n1.x < 0 || n1.x > 800 || n1.y < 0 || n1.y > 600 || this.tron.p1.some(p => p.x === n1.x && p.y === n1.y) || this.tron.p2.some(p => p.x === n1.x && p.y === n1.y)) this.tron.over = true; if (n2.x < 0 || n2.x > 800 || n2.y < 0 || n2.y > 600 || this.tron.p1.some(p => p.x === n2.x && p.y === n2.y) || this.tron.p2.some(p => p.x === n2.x && p.y === n2.y)) this.tron.over = true; this.tron.p1.push(n1); this.tron.p2.push(n2); this.p.background(0, 5, 20); // Tron Grid this.p.stroke(0, 60, 120, 100); this.p.strokeWeight(1); let gOff = (this.p.frameCount % 40); for(let i=gOff; i this.p.vertex(p.x, p.y)); this.p.endShape(); this.p.drawingContext.shadowColor = '#ff00ff'; this.p.stroke(255, 0, 255); this.p.beginShape(); this.tron.p2.forEach(p => this.p.vertex(p.x, p.y)); this.p.endShape(); this.p.drawingContext.shadowBlur = 0; // Draw Heads this.p.fill(255); this.p.noStroke(); this.p.ellipse(n1.x, n1.y, 8, 8); this.p.ellipse(n2.x, n2.y, 8, 8); this.drawHomeButton(); } updateMissile() { if (this.p.keyIsDown(77)) { this.mode = 'MENU'; return; } if (!this.missile) this.missile = { ms: [], ex: [], score: 0, cities: Array(6).fill().map((_, i) => ({x: 100 + i * 120, active: true})) }; let m = this.missile; this.p.background(10, 10, 30); if (this.p.frameCount % 50 === 0) m.ms.push({x: this.p.random(800), y: 0, tx: this.p.random(800), ty: 580, sx: 0, sy: 0}); if (this.p.mouseIsPressed && this.p.frameCount % 15 === 0) m.ex.push({x: this.p.mouseX, y: this.p.mouseY, r: 0}); m.ms.forEach((missile, mi) => { if (missile.sx === 0) { missile.sx = missile.x; missile.sy = missile.y; } missile.y += 1.5; missile.x = this.p.map(missile.y, 0, 580, missile.sx, missile.tx); this.p.stroke(255, 50, 50, 150); this.p.line(missile.sx, missile.sy, missile.x, missile.y); this.p.fill(255); this.p.noStroke(); this.p.ellipse(missile.x, missile.y, 4, 4); m.ex.forEach(e => { if (this.p.dist(missile.x, missile.y, e.x, e.y) < e.r) { m.ms.splice(mi, 1); m.score += 100; this.spawnParticles(missile.x, missile.y, [255, 200, 0], 10); } }); if (missile.y >= 580) { m.cities.forEach(c => { if (this.p.abs(missile.x - c.x) < 40) c.active = false; }); m.ms.splice(mi, 1); this.shake = 10; } }); m.ex.forEach((e, ei) => { e.r += 2; this.p.fill(255, 100, 0, 150); this.p.ellipse(e.x, e.y, e.r * 2); if (e.r > 50) m.ex.splice(ei, 1); }); this.p.fill(100); this.p.rect(0, 580, 800, 20); m.cities.forEach(c => { if (c.active) { this.p.fill(0, 200, 255); this.p.rect(c.x - 20, 560, 40, 20, 5); } }); this.p.fill(255); this.updateHighScore('MISSILE', m.score); this.p.text("Score: " + m.score + " HI: " + this.highScores.MISSILE, 60, 30); this.drawHomeButton(); } updateJoust() { if (this.p.keyIsDown(77)) { this.mode = 'MENU'; return; } if (!this.joust) this.joust = { x: 100, y: 300, vx: 0, vy: 0, score: 0, enemies: [{x: 600, y: 150, vx: -2}], platforms: [{x: 50, y: 400, w: 200}, {x: 500, y: 350, w: 250}, {x: 300, y: 200, w: 200}], over: false }; let j = this.joust; if (j.over) { this.p.background(0); this.p.fill(255); this.p.text("GAME OVER - SPACE", 400, 300); if (this.p.keyIsDown(32)) this.joust = null; return; } j.vy += 0.2; j.x += j.vx; j.y += j.vy; j.vx *= 0.98; if (this.p.keyIsDown(this.p.LEFT_ARROW)) j.vx -= 0.2; if (this.p.keyIsDown(this.p.RIGHT_ARROW)) j.vx += 0.2; if (this.p.keyIsPressed && this.p.keyCode === this.p.UP_ARROW && this.p.frameCount % 5 === 0) j.vy = -5; this.p.background(40, 20, 0); this.p.fill(150, 50, 0); j.platforms.forEach(p => { this.p.rect(p.x, p.y, p.w, 15); if (j.x > p.x && j.x < p.x + p.w && j.y > p.y - 20 && j.y < p.y && j.vy > 0) { j.y = p.y - 20; j.vy = 0; } }); j.enemies.forEach((e, ei) => { e.x += e.vx; if (e.x < 0 || e.x > 800) e.vx *= -1; this.p.fill(255, 0, 0); this.p.ellipse(e.x, e.y, 30, 20); if (this.p.dist(j.x, j.y, e.x, e.y) < 30) { if (j.y < e.y) { j.score += 500; e.x = this.p.random(800); e.y = this.p.random(300); } else { j.over = true; this.updateHighScore('JOUST', j.score); } } }); this.p.fill(255, 255, 0); this.p.ellipse(j.x, j.y, 30, 25); this.p.fill(255); this.p.text("Score: " + j.score + " HI: " + this.highScores.JOUST, 60, 30); this.drawHomeButton(); } updateFighter() { if (this.p.keyIsDown(77)) { this.mode = 'MENU'; return; } if (!this.fighter) this.fighter = { p1: {x: 200, y: 500, vy: 0, hp: 100, punching: 0}, p2: {x: 600, y: 500, vy: 0, hp: 100, punching: 0}, over: false }; let f = this.fighter; this.p.background(60, 60, 100); // UI Health Bars this.p.fill(0, 100); this.p.rect(40, 30, 310, 35, 5); this.p.rect(450, 30, 310, 35, 5); this.p.fill(255, 255, 0); this.p.rect(45, 35, f.p1.hp * 3, 25); this.p.fill(255, 255, 0); this.p.rect(765 - f.p2.hp * 3, 35, f.p2.hp * 3, 25); if (f.over) { let score = f.p1.hp > 0 ? f.p1.hp * 10 : 0; this.updateHighScore('FIGHTER', score); this.p.fill(255); this.p.textSize(60); this.p.textAlign(this.p.CENTER); this.p.text("K.O.", 400, 300); this.p.textSize(20); this.p.text("HI: " + this.highScores.FIGHTER, 400, 350); if (this.p.frameCount % 120 === 0) this.fighter = null; return; } // P1 Controls if (this.p.keyIsDown(this.p.LEFT_ARROW)) f.p1.x -= 5; if (this.p.keyIsDown(this.p.RIGHT_ARROW)) f.p1.x += 5; if (this.p.keyIsDown(this.p.UP_ARROW) && f.p1.y >= 500) f.p1.vy = -15; if (this.p.keyIsDown(80) && f.p1.punching <= 0) { f.p1.punching = 15; this.shake = 5; } // P2 AI if (this.p.dist(f.p1.x, 0, f.p2.x, 0) > 60) f.p2.x += (f.p1.x > f.p2.x ? 3 : -3); else if (this.p.frameCount % 30 === 0) f.p2.punching = 15; [f.p1, f.p2].forEach(p => { p.vy += 0.8; p.y += p.vy; if (p.y > 500) { p.y = 500; p.vy = 0; } if (p.punching > 0) p.punching--; }); // Hit Detection if (f.p1.punching === 10 && this.p.dist(f.p1.x, f.p1.y, f.p2.x, f.p2.y) < 80) { f.p2.hp -= 10; this.spawnParticles(f.p2.x, f.p2.y-40, [255, 255, 0], 10); } if (f.p2.punching === 10 && this.p.dist(f.p1.x, f.p1.y, f.p2.x, f.p2.y) < 80) { f.p1.hp -= 10; this.spawnParticles(f.p1.x, f.p1.y-40, [255, 255, 0], 10); } if (f.p1.hp <= 0 || f.p2.hp <= 0) f.over = true; // Draw Characters [f.p1, f.p2].forEach((p, i) => { this.p.push(); this.p.translate(p.x, p.y); if (i === 1) this.p.scale(-1, 1); this.p.fill(i === 0 ? [255, 50, 50] : [50, 50, 255]); this.p.rect(-20, -100, 40, 100, 5); this.p.fill(255, 200, 150); this.p.ellipse(0, -110, 35, 35); if (p.punching > 0) { this.p.fill(255, 200, 150); this.p.rect(10, -70, 40, 15, 5); } this.p.pop(); }); this.drawHomeButton(); } updatePitfall() { if (this.p.keyIsDown(77)) { this.mode = 'MENU'; return; } if (!this.pitfall) { this.pitfall = { x: 150, y: 450, vy: 0, score: 0, worldX: 0, over: false, obstacles: Array(10).fill().map((_, i) => ({x: 600 + i * 400, type: i % 3 === 0 ? 'PIT' : 'LOG'})) }; } let p = this.pitfall; if (p.over) { this.p.background(0); this.p.fill(255); this.p.text("GAME OVER", 400, 300); if (this.p.keyIsDown(32)) this.pitfall = null; return; } p.worldX += 4; p.score = Math.floor(p.worldX / 10); p.vy += 0.6; p.y += p.vy; if (p.y > 450) { p.y = 450; p.vy = 0; } if (this.p.keyIsDown(32) && p.y === 450) p.vy = -13; this.p.background(20, 80, 20); this.p.fill(139, 69, 19); this.p.rect(0, 480, 800, 120); p.obstacles.forEach(o => { let screenX = o.x - p.worldX; if (screenX < -100) o.x += 4000; if (o.type === 'PIT') { this.p.fill(20, 20, 20); this.p.rect(screenX, 480, 80, 120); if (this.p.abs(p.x - (screenX + 40)) < 30 && p.y >= 450) p.over = true; } else { this.p.fill(100, 50, 0); this.p.rect(screenX, 455, 40, 25, 5); if (this.p.dist(p.x, p.y, screenX + 20, 460) < 30) p.over = true; } }); this.p.fill(255, 200, 150); this.p.rect(p.x - 10, p.y - 40, 20, 40, 4); this.p.fill(255); this.updateHighScore('PITFALL', p.score); this.p.text("Score: " + p.score + " HI: " + this.highScores.PITFALL, 60, 30); this.drawHomeButton(); } updateQbert() { if (this.p.keyIsDown(77)) { this.mode = 'MENU'; return; } if (!this.qbert) { this.qbert = { row: 0, col: 0, grid: Array(7).fill().map((_, i) => Array(i + 1).fill(0)), score: 0, jump: 0 }; } let q = this.qbert; this.p.background(10, 10, 30); const drawCube = (x, y, colorIdx) => { let colors = [[0, 0, 200], [255, 255, 0]]; let c = colors[colorIdx]; this.p.fill(c[0], c[1], c[2]); this.p.beginShape(); this.p.vertex(x, y); this.p.vertex(x+30, y+15); this.p.vertex(x, y+30); this.p.vertex(x-30, y+15); this.p.endShape(this.p.CLOSE); this.p.fill(c[0]*0.7, c[1]*0.7, c[2]*0.7); this.p.beginShape(); this.p.vertex(x-30, y+15); this.p.vertex(x, y+30); this.p.vertex(x, y+60); this.p.vertex(x-30, y+45); this.p.endShape(this.p.CLOSE); this.p.fill(c[0]*0.5, c[1]*0.5, c[2]*0.5); this.p.beginShape(); this.p.vertex(x+30, y+15); this.p.vertex(x, y+30); this.p.vertex(x, y+60); this.p.vertex(x+30, y+45); this.p.endShape(this.p.CLOSE); }; for (let r = 0; r < 7; r++) { for (let c = 0; c <= r; c++) { drawCube(400 + (c - r / 2) * 62, 100 + r * 48, q.grid[r][c]); } } if (q.jump > 0) q.jump--; else { let dr = 0, dc = 0; if (this.p.keyIsDown(this.p.UP_ARROW)) { dr = -1; dc = -0.5; } if (this.p.keyIsDown(this.p.DOWN_ARROW)) { dr = 1; dc = 0.5; } if (dr !== 0) { let nr = q.row + dr, nc = q.col + (dr > 0 ? (this.p.keyIsDown(this.p.RIGHT_ARROW) ? 1 : 0) : (this.p.keyIsDown(this.p.LEFT_ARROW) ? -1 : 0)); if (nr >= 0 && nr < 7 && nc >= 0 && nc <= nr) { q.row = nr; q.col = nc; q.jump = 15; if (!q.grid[nr][nc]) { q.grid[nr][nc] = 1; q.score += 25; } } } } let qx = 400 + (q.col - q.row / 2) * 62; let qy = 100 + q.row * 48 - (q.jump > 0 ? this.p.sin((q.jump/15)*this.p.PI)*20 : 0); this.p.fill(255, 100, 0); this.p.ellipse(qx, qy, 25, 35); this.p.fill(255); this.updateHighScore('QBERT', q.score); this.p.text("Score: " + q.score + " HI: " + this.highScores.QBERT, 60, 30); this.drawHomeButton(); } updatePaperboy() { if (this.p.keyIsDown(77)) { this.mode = 'MENU'; return; } if (!this.paper || this.paper.over) { if (this.paper?.over && this.p.keyIsDown(32)) this.paper = null; if (!this.paper) this.paper = { x: 400, obs: [{x: 400, y: 0}, {x: 200, y: -300}], score: 0, over: false }; if (this.paper.over) { this.updateHighScore('PAPERBOY', this.paper.score); this.p.background(50); this.p.fill(255); this.p.textAlign(this.p.CENTER); this.p.text("CRASHED!\nSCORE: " + this.paper.score + "\nHI: " + this.highScores.PAPERBOY, 400, 300); return; } } this.p.background(80, 120, 80); this.p.fill(120); this.p.rect(150, 0, 500, 600); // Road this.p.fill(200); this.p.rect(0, 0, 150, 600); this.p.rect(650, 0, 150, 600); // Sidewalks if (this.p.keyIsDown(this.p.LEFT_ARROW)) this.paper.x = this.p.max(50, this.paper.x - 6); if (this.p.keyIsDown(this.p.RIGHT_ARROW)) this.paper.x = this.p.min(750, this.paper.x + 6); this.paper.obs.forEach((o) => { o.y += 5; if (o.y > 600) { o.y = -100; o.x = this.p.random(150, 600); this.paper.score += 50; } this.p.fill(255, 50, 50); this.p.rect(o.x, o.y, 50, 50, 5); this.p.fill(255); this.p.rect(o.x + 10, o.y + 10, 30, 30); if (this.p.dist(this.paper.x, 500, o.x + 25, o.y + 25) < 40) { this.paper.over = true; this.shake = 10; this.spawnParticles(this.paper.x, 500, [255, 255, 255], 15); } }); this.p.fill(255, 255, 0); this.p.ellipse(this.paper.x, 500, 30, 30); this.p.fill(0); this.p.rect(this.paper.x - 2, 485, 4, 30); this.p.text("Score: " + this.paper.score, 60, 30); this.drawHomeButton(); } updateContra() { if (this.p.keyIsDown(77)) { this.mode = 'MENU'; return; } if (!this.contra) this.contra = { x: 100, y: 500, vy: 0, bullets: [], enemies: [{x: 800, y: 500}], score: 0 }; let c = this.contra; this.p.background(20, 40, 20); this.p.fill(100, 80, 50); this.p.rect(0, 530, 800, 70); this.p.fill(80, 150, 80); this.p.rect(0, 530, 800, 10); if (this.p.keyIsDown(this.p.LEFT_ARROW)) c.x -= 5; if (this.p.keyIsDown(this.p.RIGHT_ARROW)) c.x += 5; if (this.p.keyIsDown(this.p.UP_ARROW) && c.y >= 500) c.vy = -12; c.y += c.vy; c.vy += 0.6; if (c.y > 500) { c.y = 500; c.vy = 0; } if (this.p.keyIsDown(32) && this.p.frameCount % 8 === 0) c.bullets.push({x: c.x + 20, y: c.y - 20}); for(let i=c.bullets.length-1; i>=0; i--) { let b = c.bullets[i]; b.x += 12; this.p.fill(255, 255, 0); this.p.ellipse(b.x, b.y, 8, 8); if (b.x > 800) c.bullets.splice(i, 1); } c.enemies.forEach(e => { e.x -= 4; if (e.x < -50) e.x = 850; this.p.fill(200, 0, 0); this.p.rect(e.x - 15, e.y - 50, 30, 50, 5); c.bullets.forEach((b, bi) => { if (this.p.dist(b.x, b.y, e.x, e.y - 25) < 30) { e.x = 900; c.score += 100; c.bullets.splice(bi, 1); this.spawnParticles(e.x, e.y-25, [255,0,0], 10); } }); if (this.p.dist(c.x, c.y, e.x, e.y) < 40) { c.x = 100; this.shake = 10; } }); this.p.fill(0, 100, 255); this.p.rect(c.x - 15, c.y - 50, 30, 50, 5); this.p.fill(255); this.updateHighScore('CONTRA', c.score); this.p.text("SCORE: " + c.score + " HI: " + this.highScores.CONTRA, 60, 30); this.drawHomeButton(); } updateOutrun() { if (this.p.keyIsDown(77)) { this.mode = 'MENU'; return; } if (!this.outrun) { this.outrun = { pos: 0, speed: 0, playerX: 0, timer: 60 * 60, score: 0, segments: [], trackLength: 2000, sprites: [] }; // Generate Track for(let i=0; i<2000; i++) { let curve = 0; if (i > 100 && i < 300) curve = 2; if (i > 500 && i < 800) curve = -3; if (i > 1000 && i < 1400) curve = 4; this.outrun.segments.push({ index: i, z: i * 200, curve: curve, color: Math.floor(i / 3) % 2 === 0 ? { road: 60, grass: [0, 120, 0], rumble: [255, 255, 255] } : { road: 50, grass: [0, 100, 0], rumble: [255, 0, 0] } }); // Add sprites (trees) if (i % 5 === 0 && this.p.random() > 0.3) { this.outrun.sprites.push({ index: i, x: this.p.random() > 0.5 ? 1.5 : -1.5, type: 'TREE' }); } } } let o = this.outrun; if (o.timer <= 0) { this.p.background(0); this.p.fill(255); this.p.textSize(40); this.p.text("TIME UP!", 400, 300); this.p.textSize(20); this.p.text("Press SPACE to Restart", 400, 350); if(this.p.keyIsDown(32)) this.outrun = null; return; } // Input & Physics let targetSpeed = this.p.mouseIsPressed ? 180 : 100; o.speed = this.p.lerp(o.speed, targetSpeed, 0.05); o.pos += o.speed; o.timer--; // Steering let steer = (this.p.mouseX - 400) / 400; // -1 to 1 o.playerX += steer * (o.speed / 150) * 0.1; o.playerX = this.p.constrain(o.playerX, -2, 2); // Drawing this.p.background(0, 150, 255); // Sky // Distant Mountains this.p.fill(0, 80, 200); for(let i=0; i<5; i++) { let mx = (i * 300 - (o.pos * 0.01) % 1500); this.p.triangle(mx, 300, mx + 150, 150, mx + 300, 300); } let startPos = Math.floor(o.pos / 200); let x = 0, dx = 0; let camH = 1500; let drawDistance = 80; for (let i = 0; i < drawDistance; i++) { let seg = o.segments[(startPos + i) % o.segments.length]; let z1 = seg.z - o.pos; if (z1 < 0) continue; let nextSeg = o.segments[(startPos + i + 1) % o.segments.length]; let z2 = nextSeg.z - o.pos; let scale1 = 500 / z1; let scale2 = 500 / z2; let x1 = 400 + (x - o.playerX * 1000) * scale1; let y1 = 300 + camH * scale1; let w1 = 1500 * scale1; let x2 = 400 + (x + dx - o.playerX * 1000) * scale2; let y2 = 300 + camH * scale2; let w2 = 1500 * scale2; x += dx; dx += seg.curve; if (y1 <= y2) continue; // Grass this.p.fill(seg.color.grass); this.p.rect(0, y2, 800, y1 - y2); // Rumble Strip this.p.fill(seg.color.rumble); this.p.quad(x1 - w1 * 1.1, y1, x1 + w1 * 1.1, y1, x2 + w2 * 1.1, y2, x2 - w2 * 1.1, y2); // Road this.p.fill(seg.color.road); this.p.quad(x1 - w1, y1, x1 + w1, y1, x2 + w2, y2, x2 - w2, y2); // Center Line if (seg.index % 2 === 0) { this.p.fill(255); this.p.quad(x1 - w1 * 0.02, y1, x1 + w1 * 0.02, y1, x2 + w2 * 0.02, y2, x2 - w2 * 0.02, y2); } } // Draw Sprites for (let i = drawDistance; i > 0; i--) { let spriteIdx = (startPos + i) % o.segments.length; let s = o.sprites.find(sp => sp.index === spriteIdx); if (s) { let seg = o.segments[spriteIdx]; let z = seg.z - o.pos; if (z < 100) continue; let scale = 500 / z; // Re-calculate X based on cumulative curves let spriteXOffset = 0; for(let j=0; j 0) { m.vx = m.dir * 8; m.sliding--; if (this.p.frameCount % 5 === 0) this.spawnParticles(m.x, m.y, [200, 200, 255], 2, 1); } else { if (this.p.keyIsDown(this.p.LEFT_ARROW)) { m.vx = -speed; m.dir = -1; } else if (this.p.keyIsDown(this.p.RIGHT_ARROW)) { m.vx = speed; m.dir = 1; } else m.vx *= 0.7; if (m.grounded && this.p.keyIsDown(this.p.DOWN_ARROW) && (this.p.keyIsDown(this.p.LEFT_ARROW) || this.p.keyIsDown(this.p.RIGHT_ARROW))) { m.sliding = 25; } } m.vy += gravity; m.x += m.vx; m.y += m.vy; // Collision with Platforms m.grounded = false; m.platforms.forEach(p => { if (m.x + 15 > p.x && m.x - 15 < p.x + p.w && m.y + 10 > p.y && m.y < p.y + p.h && m.vy >= 0) { m.y = p.y - 10; m.vy = 0; m.grounded = true; } }); if (m.grounded && (this.p.keyIsDown(this.p.UP_ARROW) || this.p.keyIsDown(88))) { // X or UP to jump m.vy = jumpForce; m.grounded = false; m.sliding = 0; } // Charging & Shooting if (this.p.keyIsDown(32)) { m.charge++; if (m.charge > 20 && this.p.frameCount % 4 === 0) { this.spawnParticles(m.x + m.dir * 20, m.y - 15, [0, 200, 255], 1, 1); } } else { if (m.charge > 0) { let bSize = m.charge > 60 ? 30 : (m.charge > 20 ? 18 : 10); let bDmg = m.charge > 60 ? 3 : (m.charge > 20 ? 2 : 1); m.bullets.push({ x: m.x + (m.dir * 25), y: m.y - 15, vx: m.dir * 12, size: bSize, dmg: bDmg, charge: m.charge }); m.charge = 0; } } // Boss Trigger if (m.x > 1800 && !m.boss) { m.boss = { x: m.x + 400, y: 400, hp: m.bossHP, state: 'JUMPING', vy: 0, timer: 0 }; } // Camera follow m.camX = this.p.lerp(m.camX, this.p.constrain(m.x - 400, 0, 1200), 0.1); this.p.push(); this.p.translate(-m.camX, 0); // Draw World m.platforms.forEach(p => { this.p.fill(m.platCol); this.p.stroke(255, 100); this.p.rect(p.x, p.y, p.w, p.h, 2); this.p.fill(0, 50); this.p.noStroke(); for(let i=10; i= 0; i--) { let b = m.bullets[i]; b.x += b.vx; let col = b.charge > 60 ? [0, 255, 255] : (b.charge > 20 ? [150, 255, 150] : [255, 255, 255]); this.p.fill(col); this.p.drawingContext.shadowBlur = b.size; this.p.drawingContext.shadowColor = this.p.color(col); this.p.ellipse(b.x, b.y, b.size, b.size * 0.8); this.p.drawingContext.shadowBlur = 0; if (b.x < m.camX || b.x > m.camX + 850) m.bullets.splice(i, 1); } // Enemies if (this.p.frameCount % 100 === 0 && !m.boss) { m.enemies.push({ x: m.camX + 850, y: 510, vx: -2.5, type: 'MET' }); } for (let i = m.enemies.length - 1; i >= 0; i--) { let e = m.enemies[i]; e.x += e.vx; this.p.fill(255, 200, 0); this.p.arc(e.x, e.y + 10, 36, 36, this.p.PI, this.p.TWO_PI); this.p.fill(0); this.p.rect(e.x - 10, e.y + 2, 20, 4); m.bullets.forEach((b, bi) => { if (this.p.dist(b.x, b.y, e.x, e.y) < 25) { m.score += 100; this.spawnParticles(e.x, e.y, [255, 255, 0], 8); m.enemies.splice(i, 1); m.bullets.splice(bi, 1); this.shake = 4; } }); if (this.p.dist(m.x, m.y, e.x, e.y) < 25) { m.health--; m.x -= m.dir * 50; this.shake = 10; } if (e.x < m.camX - 100) m.enemies.splice(i, 1); } // Boss Logic if (m.boss) { let b = m.boss; b.timer++; if (b.state === 'JUMPING') { b.vy += 0.5; b.y += b.vy; let targetX = m.x + (this.p.sin(this.p.frameCount * 0.05) * 100); b.x += (targetX > b.x ? 3 : -3); if (b.y > 480) { b.y = 480; b.vy = -10 - this.p.random(5); } } this.p.fill(m.bossCol); this.p.stroke(255); this.p.rect(b.x - 25, b.y - 45, 50, 70, 5); this.p.fill(255); this.p.noStroke(); this.p.rect(b.x - 15, b.y - 35, 30, 15); m.bullets.forEach((bul, bi) => { if (this.p.dist(bul.x, bul.y, b.x, b.y - 10) < 45) { b.hp -= bul.dmg; m.bullets.splice(bi, 1); this.shake = 6; this.spawnParticles(bul.x, bul.y, [255, 255, 255], 5, 2); if (b.hp <= 0) { m.score += 5000; m.boss = null; this.spawnParticles(b.x, b.y, [255, 255, 0], 50, 8); m.won = true; } } }); if (this.p.dist(m.x, m.y, b.x, b.y) < 50 && this.p.frameCount % 30 === 0) { m.health--; this.shake = 15; } } // Draw Mega Man this.p.push(); this.p.translate(m.x, m.y); if (m.dir === -1) this.p.scale(-1, 1); let flash = m.charge > 60 && this.p.frameCount % 4 < 2; let baseCol = flash ? [255, 255, 255] : [0, 80, 200]; let lightCol = flash ? [0, 255, 255] : [0, 180, 255]; if (m.sliding > 0) { this.p.rotate(this.p.PI/6); this.p.translate(0, 10); } this.p.fill(baseCol); this.p.rect(-15, -10, 12, 12, 2); this.p.rect(3, -10, 12, 12, 2); // Feet this.p.fill(lightCol); this.p.rect(-12, -35, 24, 28, 5); // Torso this.p.fill(baseCol); this.p.ellipse(0, -50, 34, 34); // Helmet this.p.fill(255, 220, 180); this.p.ellipse(4, -48, 22, 20); // Face this.p.fill(0); this.p.rect(10, -52, 3, 6); // Eye this.p.fill(baseCol); this.p.rect(12, -28, 18, 14, 4); // Buster if (m.charge > 20) { this.p.fill(0, 255, 255, 150); this.p.ellipse(30, -21, 15, 15); } this.p.pop(); this.p.pop(); // HUD this.updateHighScore('MEGAMAN', m.score); this.p.fill(0, 150); this.p.rect(15, 15, 220, 85, 10); this.p.fill(255); this.p.textSize(16); this.p.text("READY PLAYER 1", 30, 35); this.p.fill(0, 255, 255); for(let i=0; i 700) m.over = true; this.drawHomeButton(); } updateLander() { if (this.p.keyIsDown(77)) { this.mode = 'MENU'; return; } if (!this.lander) { this.lander = { x: 100, y: 100, vx: 2, vy: 0, angle: 0, fuel: 500, over: false, won: false, plat: {x: 600, y: 550, w: 100} }; } let l = this.lander; if (l.over || l.won) { this.p.background(0); this.p.fill(255); this.p.text(l.won ? "TOUCHDOWN!" : "CRASH!", 400, 300); if (this.p.keyIsDown(32)) this.lander = null; return; } if (this.p.keyIsDown(this.p.LEFT_ARROW)) l.angle -= 0.05; if (this.p.keyIsDown(this.p.RIGHT_ARROW)) l.angle += 0.05; if (this.p.keyIsDown(this.p.UP_ARROW) && l.fuel > 0) { l.vx += Math.sin(l.angle) * 0.15; l.vy -= Math.cos(l.angle) * 0.15; l.fuel--; this.spawnParticles(l.x, l.y, [255, 100, 0], 2); } l.vy += 0.05; l.x += l.vx; l.y += l.vy; this.p.background(10, 10, 20); this.p.fill(100); this.p.rect(l.plat.x, l.plat.y, l.plat.w, 10); this.p.push(); this.p.translate(l.x, l.y); this.p.rotate(l.angle); this.p.fill(200); this.p.rect(-15, -15, 30, 20, 5); this.p.fill(50); this.p.rect(-10, 5, 5, 10); this.p.rect(5, 5, 5, 10); this.p.pop(); if (l.y > 535) { if (l.x > l.plat.x && l.x < l.plat.x + l.plat.w && Math.abs(l.vy) < 1.5 && Math.abs(l.angle) < 0.2) l.won = true; else l.over = true; } this.p.fill(255); this.p.text("FUEL: " + l.fuel, 60, 30); this.drawHomeButton(); } updateRacing() { if (this.p.keyIsDown(77)) { this.mode = 'MENU'; return; } if (!this.racing) this.racing = { x: 400, enemies: [{x: 400, y: -200}], score: 0, over: false }; let r = this.racing; if (r.over) { this.p.background(0); this.p.fill(255); this.p.text("GAME OVER", 400, 300); if (this.p.keyIsDown(32)) this.racing = null; return; } this.p.background(50); r.score++; if (this.p.keyIsDown(this.p.LEFT_ARROW)) r.x -= 7; if (this.p.keyIsDown(this.p.RIGHT_ARROW)) r.x += 7; r.enemies.forEach(e => { e.y += 8; if (e.y > 600) { e.y = -100; e.x = this.p.random(200, 600); } this.p.fill(255, 0, 0); this.p.rect(e.x - 20, e.y, 40, 70, 5); if (this.p.abs(r.x - e.x) < 40 && this.p.abs(500 - e.y) < 70) r.over = true; }); this.p.fill(0, 0, 255); this.p.rect(r.x - 20, 500, 40, 70, 5); this.p.fill(255); this.p.text("Score: " + r.score, 60, 30); this.drawHomeButton(); } updateSquash() { if (this.p.keyIsDown(77)) { this.mode = 'MENU'; return; } if (!this.squash) this.squash = { b: {x: 400, y: 300, vx: 5, vy: 5}, p: 400, score: 0, over: false }; let s = this.squash; if (s.over) { this.p.background(0); this.p.fill(255); this.p.text("GAME OVER", 400, 300); if (this.p.keyIsDown(32)) this.squash = null; return; } s.p = this.p.constrain(this.p.mouseX, 50, 750); s.b.x += s.b.vx; s.b.y += s.b.vy; if (s.b.x < 10 || s.b.x > 790) s.b.vx *= -1; if (s.b.y < 10) s.b.vy *= -1; if (s.b.y > 550 && s.b.x > s.p - 60 && s.b.x < s.p + 60) { s.b.vy = -Math.abs(s.b.vy) * 1.05; s.score++; } if (s.b.y > 600) s.over = true; this.p.background(0, 40, 0); this.p.fill(255); this.p.rect(s.p - 60, 560, 120, 15, 5); this.p.ellipse(s.b.x, s.b.y, 20, 20); this.p.text("Score: " + s.score, 60, 30); this.drawHomeButton(); } updateMaze() { if (this.p.keyIsDown(77)) { this.mode = 'MENU'; return; } if (!this.mazeGame) { let grid = Array(15).fill().map(() => Array(20).fill(1)); for(let i=0; i<100; i++) grid[this.p.floor(this.p.random(15))][this.p.floor(this.p.random(20))] = 0; grid[0][0] = 0; grid[14][19] = 0; this.mazeGame = { x: 0, y: 0, grid: grid }; } let m = this.mazeGame; if (this.p.frameCount % 8 === 0) { if (this.p.keyIsDown(this.p.LEFT_ARROW) && m.x > 0 && m.grid[m.y][m.x-1] === 0) m.x--; if (this.p.keyIsDown(this.p.RIGHT_ARROW) && m.x < 19 && m.grid[m.y][m.x+1] === 0) m.x++; if (this.p.keyIsDown(this.p.UP_ARROW) && m.y > 0 && m.grid[m.y-1][m.x] === 0) m.y--; if (this.p.keyIsDown(this.p.DOWN_ARROW) && m.y < 14 && m.grid[m.y+1][m.x] === 0) m.y++; } this.p.background(0); for(let r=0; r<15; r++) for(let c=0; c<20; c++) { this.p.fill(m.grid[r][c] === 1 ? [100, 100, 255] : 20); this.p.rect(c*40, r*40, 40, 40); } this.p.fill(0, 255, 0); this.p.rect(m.x*40 + 10, m.y*40 + 10, 20, 20); this.p.fill(255, 0, 0); this.p.rect(19*40+10, 14*40+10, 20, 20); if (m.x === 19 && m.y === 14) { this.p.fill(255); this.p.text("WIN!", 400, 300); if(this.p.keyIsDown(32)) this.mazeGame = null; } this.drawHomeButton(); } updateSimulation() { if (this.p.keyIsDown(77)) { this.mode = 'MENU'; return; } if (!this.generic) { let gColor = this.allGames.find(g => g.id === this.mode)?.color || [255, 255, 255]; this.generic = { score: 0, x: 400, y: 300, dots: [], enemies: [], color: gColor, over: false }; for(let i=0; i<10; i++) this.generic.dots.push({x: this.p.random(50, 750), y: this.p.random(50, 550)}); for(let i=0; i<3; i++) this.generic.enemies.push({x: this.p.random(800), y: this.p.random(600), vx: this.p.random(-3, 3), vy: this.p.random(-3, 3)}); } let g = this.generic; if (g.over) { this.p.background(0); this.p.fill(255); this.p.text("GAME OVER\nSCORE: " + g.score, 400, 300); if (this.p.keyIsDown(32)) this.generic = null; return; } this.p.background(10, 10, 20); if (this.p.keyIsDown(this.p.LEFT_ARROW)) g.x -= 5; if (this.p.keyIsDown(this.p.RIGHT_ARROW)) g.x += 5; if (this.p.keyIsDown(this.p.UP_ARROW)) g.y -= 5; if (this.p.keyIsDown(this.p.DOWN_ARROW)) g.y += 5; g.dots.forEach((d, i) => { this.p.fill(255, 255, 0); this.p.ellipse(d.x, d.y, 10, 10); if (this.p.dist(g.x, g.y, d.x, d.y) < 20) { g.dots.splice(i, 1); g.score += 100; g.dots.push({x: this.p.random(50, 750), y: this.p.random(50, 550)}); } }); g.enemies.forEach(e => { e.x += e.vx; e.y += e.vy; if (e.x < 0 || e.x > 800) e.vx *= -1; if (e.y < 0 || e.y > 600) e.vy *= -1; this.p.fill(255, 0, 0); this.p.rect(e.x - 15, e.y - 15, 30, 30); if (this.p.dist(g.x, g.y, e.x, e.y) < 25) g.over = true; }); this.p.fill(g.color); this.p.ellipse(g.x, g.y, 30, 30); this.p.fill(255); this.p.text("SCORE: " + g.score + " [LEGACY MODE]", 400, 30); this.drawHomeButton(); } updateFrogger() { if (this.p.keyIsDown(77)) { this.mode = 'MENU'; return; } if (!this.frogger) { let rows = []; for(let i=0; i<8; i++) rows.push({ y: 100 + i*50, speed: (i+2) * (i%2==0?1:-1), items: [{x:0}, {x:300}, {x:600}], type: i < 4 ? 'LOG' : 'CAR' }); this.frogger = { x: 400, y: 550, rows, score: 0, over: false }; } let f = this.frogger; if (f.over) { this.p.background(0); this.p.fill(255); this.p.text("SQUASHED! HI: " + this.highScores.FROGGER, 400, 300); if(this.p.keyIsDown(32)) this.frogger = null; return; } if (this.p.frameCount % 10 === 0) { if (this.p.keyIsDown(this.p.UP_ARROW)) { f.y -= 50; f.score += 10; } if (this.p.keyIsDown(this.p.DOWN_ARROW)) f.y += 50; if (this.p.keyIsDown(this.p.LEFT_ARROW)) f.x -= 50; if (this.p.keyIsDown(this.p.RIGHT_ARROW)) f.x += 50; } this.p.background(0, 0, 40); this.p.fill(0, 100, 0); this.p.rect(0, 500, 800, 100); this.p.rect(0, 50, 800, 50); let onLog = false; f.rows.forEach(r => { this.p.fill(r.type === 'LOG' ? [0, 0, 150] : [30, 30, 30]); this.p.rect(0, r.y, 800, 48); r.items.forEach(it => { it.x = (it.x + r.speed + 900) % 900 - 50; this.p.fill(r.type === 'LOG' ? [139, 69, 19] : [255, 0, 0]); this.p.rect(it.x, r.y + 5, 100, 38, 5); if (f.y >= r.y && f.y < r.y + 50) { if (r.type === 'CAR' && this.p.abs(f.x - (it.x + 50)) < 60) f.over = true; if (r.type === 'LOG' && this.p.abs(f.x - (it.x + 50)) < 60) { onLog = true; f.x += r.speed; } } }); if (r.type === 'LOG' && f.y >= r.y && f.y < r.y + 50 && !onLog) f.over = true; }); this.p.fill(0, 255, 0); this.p.ellipse(f.x, f.y + 25, 30, 30); this.updateHighScore('FROGGER', f.score); this.p.fill(255); this.p.text("SCORE: " + f.score, 60, 30); this.drawHomeButton(); } updateZelda() { if (this.p.keyIsDown(77)) { this.mode = 'MENU'; return; } if (!this.zelda) this.zelda = { x: 400, y: 300, hp: 3, enemies: [{x: 200, y: 200}], score: 0, sword: 0 }; let z = this.zelda; this.p.background(30, 100, 30); if (this.p.keyIsDown(this.p.LEFT_ARROW)) z.x -= 4; if (this.p.keyIsDown(this.p.RIGHT_ARROW)) z.x += 4; if (this.p.keyIsDown(this.p.UP_ARROW)) z.y -= 4; if (this.p.keyIsDown(this.p.DOWN_ARROW)) z.y += 4; if (this.p.keyIsDown(32) && z.sword <= 0) z.sword = 15; if (z.sword > 0) { z.sword--; this.p.fill(255); this.p.rect(z.x + 20, z.y - 5, 30, 10); } z.enemies.forEach((e, i) => { e.x += (z.x > e.x ? 1 : -1); e.y += (z.y > e.y ? 1 : -1); this.p.fill(200, 0, 0); this.p.rect(e.x - 15, e.y - 15, 30, 30); if (z.sword > 0 && this.p.dist(z.x + 35, z.y, e.x, e.y) < 30) { z.enemies.splice(i, 1); z.score += 100; z.enemies.push({x: this.p.random(800), y: this.p.random(600)}); } if (this.p.dist(z.x, z.y, e.x, e.y) < 30 && this.p.frameCount % 60 === 0) z.hp--; }); this.p.fill(0, 180, 0); this.p.rect(z.x - 15, z.y - 15, 30, 30, 5); this.p.fill(255, 255, 0); for(let i=0; i 800) a.b.vx *= -1; if (a.b.y < 0) a.b.vy *= -1; if (a.b.y > 550 && a.b.x > a.p - 50 && a.b.x < a.p + 50) a.b.vy = -Math.abs(a.b.vy); if (a.b.y > 600) a.over = true; a.blocks.forEach(b => { if (b.a && a.b.x > b.x && a.b.x < b.x+50 && a.b.y > b.y && a.b.y < b.y+20) { b.a = false; a.b.vy *= -1; a.score += 50; this.shake = 3; } }); this.p.background(10, 10, 30); this.p.fill(200); this.p.rect(a.p - 50, 560, 100, 15, 5); a.blocks.forEach(b => { if (b.a) { this.p.fill(b.c); this.p.rect(b.x, b.y, 50, 20, 3); } }); this.p.fill(255); this.p.ellipse(a.b.x, a.b.y, 12, 12); this.updateHighScore('ARKANOID', a.score); this.drawHomeButton(); } updateBubble() { if (this.p.keyIsDown(77)) { this.mode = 'MENU'; return; } if (!this.bubble) this.bubble = { x: 400, y: 500, vy: 0, bubbles: [], enemies: [{x: 200, y: 100, vx: 3}], score: 0 }; let b = this.bubble; this.p.background(0, 0, 40); this.p.fill(100); this.p.rect(0, 550, 800, 50); if (this.p.keyIsDown(this.p.LEFT_ARROW)) b.x -= 5; if (this.p.keyIsDown(this.p.RIGHT_ARROW)) b.x += 5; if (this.p.keyIsDown(this.p.UP_ARROW) && b.y >= 500) b.vy = -12; b.y += b.vy; b.vy += 0.6; if (b.y > 500) { b.y = 500; b.vy = 0; } if (this.p.keyIsDown(32) && this.p.frameCount % 10 === 0) b.bubbles.push({x: b.x, y: b.y, vx: 8}); b.bubbles.forEach((bub, bi) => { bub.x += bub.vx; this.p.fill(0, 255, 255, 100); this.p.ellipse(bub.x, bub.y, 30, 30); b.enemies.forEach((e, ei) => { if (this.p.dist(bub.x, bub.y, e.x, e.y) < 30) { e.x = this.p.random(800); b.score += 500; b.bubbles.splice(bi, 1); } }); if (bub.x > 800) b.bubbles.splice(bi, 1); }); b.enemies.forEach(e => { e.x += e.vx; if (e.x < 0 || e.x > 800) e.vx *= -1; this.p.fill(255, 0, 255); this.p.ellipse(e.x, e.y, 40, 40); }); this.p.fill(50, 255, 50); this.p.rect(b.x - 20, b.y - 20, 40, 40, 5); this.updateHighScore('BUBBLE', b.score); this.p.fill(255); this.p.text("Score: " + b.score, 60, 30); this.drawHomeButton(); } updateDigdug() { if (this.p.keyIsDown(77)) { this.mode = 'MENU'; return; } if (!this.dig) { let grid = []; for (let y = 0; y < 20; y++) { grid[y] = []; for (let x = 0; x < 20; x++) { grid[y][x] = (y < 3) ? 0 : 1; // 0: Air, 1: Dirt } } this.dig = { x: 10, y: 2, dir: {x:0, y:0}, grid: grid, enemies: [ {x: 5, y: 7, type: 'POOKA', size: 0, ghosting: false, dir: {x:1, y:0}}, {x: 15, y: 12, type: 'FYGAR', size: 0, ghosting: false, dir: {x:-1, y:0}}, {x: 3, y: 16, type: 'POOKA', size: 0, ghosting: false, dir: {x:1, y:0}} ], rocks: [{x: 8, y: 5, state: 'STABLE', timer: 0}, {x: 12, y: 10, state: 'STABLE', timer: 0}], pump: { active: false, x: 0, y: 0, dir: {x:0, y:0}, len: 0, target: null }, score: 0, lives: 3, over: false }; // Pre-dig some tunnels for enemies for(let e of this.dig.enemies) { for(let ox=-1; ox<=1; ox++) this.dig.grid[e.y][e.x+ox] = 0; } } if (this.dig.over) { this.updateHighScore('DIGDUG', this.dig.score); this.p.background(0); this.p.fill(255); this.p.textAlign(this.p.CENTER); this.p.text("GAME OVER\nSCORE: " + this.dig.score + "\nHI: " + this.highScores.DIGDUG, 400, 300); if (this.p.keyIsDown(32)) this.dig = null; return; } let d = this.dig; let ts = 30; // Tile Size let offX = 100, offY = 0; // Movement & Digging if (!d.pump.active) { let mv = {x: 0, y: 0}; if (this.p.keyIsDown(this.p.LEFT_ARROW)) mv.x = -1; else if (this.p.keyIsDown(this.p.RIGHT_ARROW)) mv.x = 1; else if (this.p.keyIsDown(this.p.UP_ARROW)) mv.y = -1; else if (this.p.keyIsDown(this.p.DOWN_ARROW)) mv.y = 1; if (mv.x !== 0 || mv.y !== 0) { d.dir = mv; let nx = this.p.constrain(d.x + mv.x * 0.15, 0, 19); let ny = this.p.constrain(d.y + mv.y * 0.15, 0, 19); // Dig logic let gx = Math.floor(nx + 0.5), gy = Math.floor(ny + 0.5); if (d.grid[gy][gx] === 1) { d.grid[gy][gx] = 0; d.score += 10; } d.x = nx; d.y = ny; } // Pump Shoot if (this.p.keyIsPressed && this.p.keyCode === 32) { d.pump.active = true; d.pump.x = d.x; d.pump.y = d.y; d.pump.dir = {x: d.dir.x, y: d.dir.y}; d.pump.len = 0; d.pump.target = null; } } else { // Pump Active Logic if (d.pump.target) { if (this.p.frameCount % 10 === 0) { d.pump.target.size += 0.25; if (d.pump.target.size >= 1) { d.pump.target.dead = true; d.score += 500; d.pump.active = false; } } if (!this.p.keyIsDown(32)) { // Release pump d.pump.target.size = Math.max(0, d.pump.target.size - 0.05); if (d.pump.target.size <= 0) d.pump.active = false; } } else { d.pump.len += 0.4; let px = d.pump.x + d.pump.dir.x * d.pump.len; let py = d.pump.y + d.pump.dir.y * d.pump.len; // Collision with dirt stops harpoon if (px < 0 || px > 19 || py < 0 || py > 19 || d.grid[Math.floor(py+0.5)][Math.floor(px+0.5)] === 1) { d.pump.active = false; } // Collision with enemy d.enemies.forEach(e => { if (this.p.dist(px, py, e.x, e.y) < 0.6) { d.pump.target = e; } }); if (d.pump.len > 4) d.pump.active = false; } } // Enemy AI d.enemies.forEach((e, i) => { if (e.dead) { d.enemies.splice(i, 1); return; } if (e.size > 0) return; // Frozen while inflating if (!e.ghosting) { let nx = e.x + e.dir.x * 0.05; let ny = e.y + e.dir.y * 0.05; let gx = Math.floor(nx + 0.5), gy = Math.floor(ny + 0.5); if (gx < 0 || gx > 19 || gy < 3 || gy > 19 || d.grid[gy][gx] === 1) { e.dir = this.p.random([{x:1,y:0},{x:-1,y:0},{x:0,y:1},{x:0,y:-1}]); } else { e.x = nx; e.y = ny; } if (this.p.random() < 0.002) e.ghosting = true; } else { // Move towards player let dx = d.x - e.x, dy = d.y - e.y; e.x += Math.sign(dx) * 0.02; e.y += Math.sign(dy) * 0.02; if (d.grid[Math.floor(e.y+0.5)][Math.floor(e.x+0.5)] === 0) e.ghosting = false; } if (this.p.dist(e.x, e.y, d.x, d.y) < 0.7) d.over = true; }); // Rocks d.rocks.forEach(r => { let gy = Math.floor(r.y + 1); if (r.state === 'STABLE') { if (gy < 20 && d.grid[gy][r.x] === 0) { r.state = 'WOBBLING'; r.timer = 30; } } else if (r.state === 'WOBBLING') { r.timer--; if (r.timer <= 0) r.state = 'FALLING'; } else if (r.state === 'FALLING') { r.y += 0.2; if (r.y >= 19 || d.grid[Math.floor(r.y + 1)][r.x] === 1) { r.state = 'BROKEN'; } if (this.p.dist(r.x, r.y, d.x, d.y) < 0.8) d.over = true; d.enemies.forEach(e => { if(this.p.dist(r.x, r.y, e.x, e.y) < 0.8) e.dead = true; }); } }); // DRAWING this.p.background(0); // Draw Dirt for(let y=0; y<20; y++) { for(let x=0; x<20; x++) { if (y < 3) { this.p.fill(50, 150, 255); // Sky } else if (d.grid[y][x] === 1) { let layer = Math.floor((y-3)/4); let colors = [[200, 100, 50], [180, 80, 40], [150, 60, 30], [120, 40, 20]]; this.p.fill(colors[layer] || [100, 30, 10]); } else { this.p.fill(30, 15, 5); // Tunnel } this.p.noStroke(); this.p.rect(offX + x*ts, offY + y*ts, ts, ts); } } // Rocks d.rocks.forEach(r => { if (r.state === 'BROKEN') return; this.p.fill(150); this.p.stroke(50); let wobble = r.state === 'WOBBLING' ? this.p.sin(this.p.frameCount)*3 : 0; this.p.ellipse(offX + r.x*ts + ts/2 + wobble, offY + r.y*ts + ts/2, ts*1.2, ts); }); // Enemies d.enemies.forEach(e => { this.p.push(); this.p.translate(offX + e.x*ts + ts/2, offY + e.y*ts + ts/2); this.p.scale(1 + e.size); if (e.ghosting) this.p.fill(255, 100); else e.type === 'POOKA' ? this.p.fill(255, 50, 50) : this.p.fill(50, 200, 50); this.p.ellipse(0, 0, ts*0.8, ts*0.8); this.p.fill(255); this.p.ellipse(-5, -2, 8, 8); this.p.ellipse(5, -2, 8, 8); // Eyes this.p.fill(0); this.p.ellipse(-5, -2, 3, 3); this.p.ellipse(5, -2, 3, 3); if (e.type === 'FYGAR') { this.p.fill(50, 150, 50); this.p.triangle(5, 0, 15, -5, 15, 5); } // Tail this.p.pop(); }); // Harpoon if (d.pump.active) { this.p.stroke(255, 255, 0); this.p.strokeWeight(3); let px = d.pump.x + d.pump.dir.x * d.pump.len; let py = d.pump.y + d.pump.dir.y * d.pump.len; this.p.line(offX + d.pump.x*ts + ts/2, offY + d.pump.y*ts + ts/2, offX + px*ts + ts/2, offY + py*ts + ts/2); this.p.noStroke(); } // Player this.p.fill(255, 255, 255); this.p.ellipse(offX + d.x*ts + ts/2, offY + d.y*ts + ts/2, ts*0.8, ts*0.8); this.p.fill(0, 0, 200); this.p.rect(offX + d.x*ts + ts/2 - 5, offY + d.y*ts + ts/2 - 12, 10, 8, 2); // Hat this.p.fill(255); this.p.text("Score: " + d.score, 60, 30); this.drawHomeButton(); } handleInput() { if (this.mode === 'PACMAN') { if (this.p.keyIsDown(this.p.LEFT_ARROW)) this.pacman.nextDir = { x: -1, y: 0 }; if (this.p.keyIsDown(this.p.RIGHT_ARROW)) this.pacman.nextDir = { x: 1, y: 0 }; if (this.p.keyIsDown(this.p.UP_ARROW)) this.pacman.nextDir = { x: 0, y: -1 }; if (this.p.keyIsDown(this.p.DOWN_ARROW)) this.pacman.nextDir = { x: 0, y: 1 }; } } movePacman() { let p = this.pacman; // Try to change direction only at tile centers (simplified grid movement) if (Number.isInteger(p.x) && Number.isInteger(p.y)) { if (!this.isWall(p.x + p.nextDir.x, p.y + p.nextDir.y, false)) { p.dir = p.nextDir; } if (this.isWall(p.x + p.dir.x, p.y + p.dir.y, false)) { p.dir = { x: 0, y: 0 }; } } let speed = 0.1; p.x += p.dir.x * speed; p.y += p.dir.y * speed; // Snap to grid if close enough to center if (Math.abs(p.x - Math.round(p.x)) < speed * 0.6) p.x = Math.round(p.x); if (Math.abs(p.y - Math.round(p.y)) < speed * 0.6) p.y = Math.round(p.y); // Screen wrap (simplified) if (p.x < 0) p.x = this.maze[0].length - 1; if (p.x >= this.maze[0].length) p.x = 0; p.anim += 0.2; } moveGhosts() { this.ghosts.forEach(g => { let speed = g.frightened ? 0.03 : 0.05; if (Number.isInteger(g.x) && Number.isInteger(g.y)) { let possible = [ { x: 1, y: 0 }, { x: -1, y: 0 }, { x: 0, y: 1 }, { x: 0, y: -1 } ].filter(d => !this.isWall(g.x + d.x, g.y + d.y, true)); let filtered = possible.filter(d => !(possible.length > 1 && d.x === -g.dir.x && d.y === -g.dir.y)); if (filtered.length > 0) { if (g.frightened) { g.dir = this.p.random(filtered); } else { // Sort by distance to Pacman (Chase) filtered.sort((a, b) => { let distA = this.p.dist(g.x + a.x, g.y + a.y, this.pacman.x, this.pacman.y); let distB = this.p.dist(g.x + b.x, g.y + b.y, this.pacman.x, this.pacman.y); return distA - distB; }); if (this.p.random(1) < 0.1) { g.dir = this.p.random(filtered); } else { g.dir = filtered[0]; } } } } g.x += g.dir.x * speed; g.y += g.dir.y * speed; if (Math.abs(g.x - Math.round(g.x)) < speed * 0.6) g.x = Math.round(g.x); if (Math.abs(g.y - Math.round(g.y)) < speed * 0.6) g.y = Math.round(g.y); if (g.x < 0) g.x = this.maze[0].length - 1; if (g.x >= this.maze[0].length) g.x = 0; }); } checkCollisions() { // Pellets let px = Math.round(this.pacman.x); let py = Math.round(this.pacman.y); let pelletIdx = this.pellets.findIndex(pel => pel.x === px && pel.y === py); if (pelletIdx !== -1) { let p = this.pellets[pelletIdx]; this.pellets.splice(pelletIdx, 1); this.pelletsEaten++; if (this.pelletsEaten % 40 === 0) { this.fruit = { x: 13, y: 14 }; // Spawn near center this.fruitTimer = 600; // 10 seconds } if (p.type === 'power') { this.score += 50; this.powerTimer = 600; // ~10 seconds at 60fps this.ghosts.forEach(g => g.frightened = true); } else { this.score += 10; } if (this.pellets.length === 0) this.won = true; } // Fruit if (this.fruit && px === this.fruit.x && py === this.fruit.y) { this.score += 100; this.fruit = null; this.fruitTimer = 0; } // Ghosts this.ghosts.forEach(g => { let d = this.p.dist(this.pacman.x, this.pacman.y, g.x, g.y); if (d < 0.6) { if (g.frightened && !g.eyesOnly) { this.score += 200; g.eyesOnly = true; this.spawnParticles(g.x * this.tileSize, g.y * this.tileSize, [255, 255, 255], 20, 5); this.shake = 10; } else if (!g.eyesOnly) { this.lives--; if (this.lives <= 0) { this.gameOver = true; } else { this.respawn(); } } } }); } draw() { this.p.push(); let offsetX = (this.p.width - this.maze[0].length * this.tileSize) / 2; let offsetY = (this.p.height - this.maze.length * this.tileSize) / 2; this.p.translate(offsetX, offsetY); // Maze this.p.drawingContext.shadowBlur = 5; this.p.drawingContext.shadowColor = 'blue'; for (let y = 0; y < this.maze.length; y++) { for (let x = 0; x < this.maze[y].length; x++) { if (this.maze[y][x] === '#') { this.p.fill(20, 20, 150); this.p.stroke(40, 40, 255); this.p.rect(x * this.tileSize + 2, y * this.tileSize + 2, this.tileSize - 4, this.tileSize - 4, 4); } } } this.p.drawingContext.shadowBlur = 0; this.p.noStroke(); // Pellets this.p.fill(255, 184, 151); this.pellets.forEach(pel => { let tx = pel.x * this.tileSize + this.tileSize/2; let ty = pel.y * this.tileSize + this.tileSize/2; if (pel.type === 'power') { if (this.p.frameCount % 30 < 15) { this.p.ellipse(tx, ty, 10, 10); } } else { this.p.ellipse(tx, ty, 4, 4); } }); // Fruit if (this.fruit) { let fx = this.fruit.x * this.tileSize + this.tileSize/2; let fy = this.fruit.y * this.tileSize + this.tileSize/2; this.p.fill(255, 0, 0); this.p.noStroke(); this.p.ellipse(fx - 4, fy + 4, 10, 10); this.p.ellipse(fx + 4, fy + 4, 10, 10); this.p.stroke(0, 255, 0); this.p.strokeWeight(2); this.p.line(fx - 2, fy + 2, fx, fy - 4); this.p.line(fx + 2, fy + 2, fx, fy - 4); this.p.noStroke(); } // Pacman this.p.fill(255, 255, 0); let open = Math.abs(Math.sin(this.pacman.anim)) * 0.6; let angle = 0; if (this.pacman.dir.x === 1) angle = 0; if (this.pacman.dir.x === -1) angle = this.p.PI; if (this.pacman.dir.y === 1) angle = this.p.HALF_PI; if (this.pacman.dir.y === -1) angle = -this.p.HALF_PI; this.p.arc(this.pacman.x * this.tileSize + this.tileSize/2, this.pacman.y * this.tileSize + this.tileSize/2, this.tileSize * 0.8, this.tileSize * 0.8, angle + open, angle + this.p.TWO_PI - open, this.p.PIE); // Ghosts this.ghosts.forEach(g => { let gx = g.x * this.tileSize + this.tileSize/2; let gy = g.y * this.tileSize + this.tileSize/2; let wobble = this.p.sin(this.p.frameCount * 0.2 + gx) * 2; if (g.eyesOnly) { // Just eyes returning home if (this.p.dist(g.x, g.y, g.startX, g.startY) < 0.2) { g.eyesOnly = false; g.frightened = false; } } else { if (g.frightened) { this.p.fill(this.powerTimer < 120 && this.p.frameCount % 20 < 10 ? 255 : 33, 33, 255); } else { this.p.fill(g.color); } this.p.arc(gx, gy + wobble, this.tileSize * 0.8, this.tileSize * 0.8, this.p.PI, this.p.TWO_PI); this.p.rect(gx - this.tileSize * 0.4, gy + wobble, this.tileSize * 0.8, this.tileSize * 0.4); } if (!g.frightened || (this.powerTimer < 120 && this.p.frameCount % 20 < 10)) { this.p.fill(255); this.p.ellipse(gx - 4, gy - 2, 6, 6); this.p.ellipse(gx + 4, gy - 2, 6, 6); this.p.fill(0, 0, 255); this.p.ellipse(gx - 4 + (g.dir.x * 2), gy - 2 + (g.dir.y * 2), 3, 3); this.p.ellipse(gx + 4 + (g.dir.x * 2), gy - 2 + (g.dir.y * 2), 3, 3); } else { this.p.fill(255, 184, 151); this.p.rect(gx - 6, gy - 2, 2, 2); this.p.rect(gx + 4, gy - 2, 2, 2); this.p.rect(gx - 4, gy + 2, 8, 2); } }); this.p.pop(); // HUD this.p.fill(255); this.p.textSize(20); this.p.textAlign(this.p.LEFT, this.p.TOP); this.p.text(`SCORE: ${this.score} HI: ${this.highScores.PACMAN}`, 20, 20); this.p.text(`LIVES:`, 20, 50); for (let i = 0; i < this.lives; i++) { this.p.fill(255, 255, 0); this.p.arc(90 + i * 25, 62, 18, 18, 0.5, this.p.TWO_PI - 0.5, this.p.PIE); } } } window.GameLogic = GameLogic; // GAME_LOGIC_END (() => { const container = document.getElementById("renderDiv"); if (!container) { throw new Error("Missing renderDiv"); } if (typeof window.__P5_CLEANUP__ === "function") { try { window.__P5_CLEANUP__(); } catch (error) { console.warn("Failed to run p5 cleanup", error); } } const instance = new p5((p) => { let gameLogic = null; p.setup = () => { p.createCanvas(800, 600); p.pixelDensity(Math.min(2, window.devicePixelRatio || 1)); p.textAlign(p.CENTER, p.CENTER); if (typeof window.GameLogic === "function") { gameLogic = new window.GameLogic({ p }); } }; p.draw = () => { p.background(10, 10, 20); if (gameLogic?.update) { gameLogic.update(); } }; p.keyTyped = () => { gameLogic?.handleKeyPress(p.key, p.keyCode); }; p.keyPressed = () => { if (p.keyCode === 8) { // Backspace is not caught by keyTyped in some browsers gameLogic?.handleKeyPress(p.key, p.keyCode); return false; // Prevent browser back } }; }, container); window.__P5_CLEANUP__ = () => { try { instance.remove(); } catch (error) { console.warn("Failed to remove p5 instance", error); } }; })();

Retro Arcade 26' (100 games) -early access-

How to Play