// GAME_PROJECT_V1 // Template: Platformer (p5.js) // Fixed-size canvas (800x600) with a simple side-scrolling world. // Controls: A/D or Left/Right to move, Space/Up/W to jump, R to restart. // GAME_LOGIC_START class GameLogic { /** * @param {{ p: import("p5") }} params */ constructor({ p }) { this.p = p; this.totalCoins = 0; this.attempts = 1; this.seed = 0; this.unlockedSprites = [0]; this.selectedSpriteIndex = 0; this.showShop = false; this.gameState = "MENU"; this.sprites = [ { name: "Default", primary: [0, 255, 255], secondary: [150, 255, 0], cost: 0 }, { name: "Flame", primary: [255, 60, 0], secondary: [255, 200, 0], cost: 3 }, { name: "Void", primary: [130, 0, 255], secondary: [30, 30, 30], cost: 8 }, { name: "Jade", primary: [0, 255, 100], secondary: [200, 255, 255], cost: 15 }, { name: "Royal", primary: [255, 215, 0], secondary: [255, 50, 150], cost: 25 } ]; this.reset(); } reset(levelIndex = 0) { this.levels = [ { name: "Stereo Madness", speed: 460, gravity: 2600, jump: -780, color: [10, 80, 255] }, { name: "Back on Track", speed: 520, gravity: 2700, jump: -800, color: [0, 150, 200] }, { name: "Polargeist", speed: 580, gravity: 2800, jump: -820, color: [150, 0, 200] }, { name: "Dry Out", speed: 640, gravity: 2900, jump: -840, color: [200, 100, 0] }, { name: "Base After Base", speed: 700, gravity: 3000, jump: -860, color: [100, 100, 100] } ]; this.currentLevelIndex = levelIndex % this.levels.length; this.currentLevel = this.levels[this.currentLevelIndex]; this.world = { width: 4000 + this.currentLevelIndex * 2000, height: 600 }; this.cameraX = 0; this.shake = 0; this.player = { x: 140, y: 340, w: 34, h: 34, vx: 0, vy: 0, rotation: 0, mode: "CUBE", // "CUBE" or "SHIP" gravityDir: 1, // 1 for normal, -1 for inverted isGrounded: false, visualScaleX: 1, visualScaleY: 1, trail: [] }; this.gravity = this.currentLevel.gravity; this.moveSpeed = this.currentLevel.speed; this.jumpVelocity = this.currentLevel.jump; this.coyoteTime = 0.08; this.jumpBufferTime = 0.15; this.coyoteTimer = 0; this.jumpBufferTimer = 0; this.jumpWasDown = false; this.restartWasDown = false; this.mouseWasDown = false; this.platforms = []; this.spikes = []; this.coins = []; this.orbs = []; this.pads = []; this.saws = []; this.lastGenX = 600; this.groundY = 520; this.score = 0; this.gameOver = false; this.dead = false; this.levelComplete = false; this.paused = false; this.particles = []; this.seed = this.currentLevelIndex * 12345; this.generateContent(this.world.width - 600); this.bgPulse = 0; } seededRandom() { this.seed = (this.seed * 9301 + 49297) % 233280; return this.seed / 233280; } generateContent(targetX) { while (this.lastGenX < targetX) { const step = 300 + this.seededRandom() * 400; this.lastGenX += step; const roll = this.seededRandom(); if (roll > 0.85) { // Staircase pattern const startY = this.groundY; for (let i = 0; i < 4; i++) { this.platforms.push({ x: this.lastGenX + i * 40, y: startY - (i + 1) * 40, w: 40, h: 40 }); } this.lastGenX += 160; } else if (roll > 0.7) { // Orb jump sequence this.spikes.push({ x: this.lastGenX, y: this.groundY, w: 32, h: 32 }); this.orbs.push({ x: this.lastGenX + 120, y: this.groundY - 100, r: 15 }); this.spikes.push({ x: this.lastGenX + 240, y: this.groundY, w: 32, h: 32 }); this.lastGenX += 300; } else if (roll > 0.55) { // Tunnel / Overhead blocks const py = this.groundY - 130; for (let i = 0; i < 6; i++) { this.platforms.push({ x: this.lastGenX + i * 40, y: py, w: 40, h: 40 }); if (i % 2 === 0) this.spikes.push({ x: this.lastGenX + i * 40 + 20, y: this.groundY, w: 32, h: 32 }); } this.lastGenX += 240; } else if (roll > 0.35) { // Large block jump with spikes this.platforms.push({ x: this.lastGenX, y: this.groundY - 40, w: 40, h: 40 }); this.platforms.push({ x: this.lastGenX + 40, y: this.groundY - 40, w: 40, h: 40 }); this.spikes.push({ x: this.lastGenX + 40, y: this.groundY - 40, w: 32, h: 32 }); this.lastGenX += 80; } else { // Saws or Spikes if (this.seededRandom() > 0.5) { this.saws.push({ x: this.lastGenX, y: this.groundY - 100, r: 35 }); } else { const count = this.seededRandom() > 0.6 ? 3 : 2; for (let i = 0; i < count; i++) { this.spikes.push({ x: this.lastGenX + i * 32, y: this.groundY, w: 32, h: 32 }); } } } if (roll < 0.15) { // Pad jump this.pads.push({ x: this.lastGenX, y: this.groundY, w: 32, h: 10 }); this.spikes.push({ x: this.lastGenX + 180, y: this.groundY, w: 32, h: 32 }); this.lastGenX += 200; } if (this.seededRandom() > 0.85) { this.coins.push({ x: this.lastGenX + 50, y: this.groundY - 160, r: 12, taken: false }); } } } aabbOverlap(a, b) { return ( a.x < b.x + b.w && a.x + a.w > b.x && a.y < b.y + b.h && a.y + a.h > b.y ); } resolveAxis(dx, dy) { const player = this.player; if (dx !== 0) { player.x += dx; // Solid block collision (side) - Shrink vertical check to allow landing on corners const sideHitBox = { x: player.x, y: player.y + 6, w: player.w, h: player.h - 12 }; for (const plat of this.platforms) { if (this.aabbOverlap(sideHitBox, plat)) { this.gameOver = true; } } } if (dy !== 0) { player.y += dy; let grounded = false; if (player.y + player.h > this.groundY) { if (!player.isGrounded && player.vy > 0) { player.visualScaleX = 1.3; player.visualScaleY = 0.7; } player.y = this.groundY - player.h; player.vy = 0; grounded = true; } for (const plat of this.platforms) { if (this.aabbOverlap(player, plat)) { if (dy > 0) { // Falling onto top if (!player.isGrounded && player.vy > 0) { player.visualScaleX = 1.3; player.visualScaleY = 0.7; } player.y = plat.y - player.h; player.vy = 0; grounded = true; } else if (dy < 0) { // Hitting bottom this.gameOver = true; // GD: Hitting the bottom of a block is usually death } } } player.isGrounded = grounded; if (grounded) { this.coyoteTimer = this.coyoteTime; // Snap rotation to 90 degrees when landing player.rotation = Math.round(player.rotation / (Math.PI / 2)) * (Math.PI / 2); } } player.x = Math.max(0, player.x); } update() { const p = this.p; const dt = Math.min(0.05, p.deltaTime / 1000); const jumpDown = p.keyIsDown(32) || p.keyIsDown(p.UP_ARROW) || p.keyIsDown(87) || p.mouseIsPressed; const jumpJustPressed = jumpDown && !this.jumpWasDown; this.jumpWasDown = jumpDown; const restartDown = p.keyIsDown(82); const restartJustPressed = restartDown && !this.restartWasDown; this.restartWasDown = restartDown; const mouseDown = p.mouseIsPressed; this.mouseJustPressed = mouseDown && !this.mouseWasDown; this.mouseWasDown = mouseDown; // Toggle pause if (this.gameState === "MENU") { this.cameraX += 100 * dt; // Slow scroll in menu return; } if (this.mouseJustPressed && p.mouseX > 740 && p.mouseX < 780 && p.mouseY > 10 && p.mouseY < 50) { this.paused = !this.paused; if (this.showShop) this.showShop = false; // Close shop if toggling pause } if (this.paused || this.showShop) return; if (jumpJustPressed) { this.jumpBufferTimer = this.jumpBufferTime; } else { this.jumpBufferTimer = Math.max(0, this.jumpBufferTimer - dt); } this.coyoteTimer = Math.max(0, this.coyoteTimer - dt); if (this.gameOver || this.levelComplete) { if (this.gameOver && !this.dead) { this.dead = true; this.shake = 15; // Death explosion for (let i = 0; i < 20; i++) { this.particles.push({ x: this.player.x + this.player.w / 2, y: this.player.y + this.player.h / 2, vx: (Math.random() - 0.5) * 400, vy: (Math.random() - 0.5) * 400, life: 1.5, size: 5 + Math.random() * 8, color: [255, 255, 255] }); } } this.shake = Math.max(0, this.shake - dt * 40); const isOverButton = p.mouseX > 320 && p.mouseX < 480 && p.mouseY > 320 && p.mouseY < 370; if (restartJustPressed || (this.mouseJustPressed && isOverButton)) { const nextLevel = this.levelComplete ? this.currentLevelIndex + 1 : this.currentLevelIndex; const oldAttempts = this.attempts; this.reset(nextLevel); this.attempts = this.levelComplete ? 1 : oldAttempts + 1; } return; } // Level completion check if (this.player.x > this.world.width - 200) { this.levelComplete = true; } // Auto-move forward this.player.vx = this.moveSpeed; let canJump = (this.player.isGrounded || this.coyoteTimer > 0) && this.player.mode === "CUBE"; const tryingToJump = jumpDown || this.jumpBufferTimer > 0; // Check Orbs for (const orb of this.orbs) { const dx = (this.player.x + this.player.w / 2) - orb.x; const dy = (this.player.y + this.player.h / 2) - orb.y; if (dx * dx + dy * dy < 65 * 65) { if ((jumpJustPressed || jumpDown) && !orb.used) { this.player.vy = this.jumpVelocity * 1.1; this.player.isGrounded = false; orb.used = true; this.jumpBufferTimer = 0; this.bgPulse = 40; } } else { orb.used = false; } } if (this.player.mode === "CUBE") { if (tryingToJump && canJump) { this.player.vy = this.jumpVelocity * this.player.gravityDir; this.coyoteTimer = 0; this.jumpBufferTimer = 0; this.player.isGrounded = false; this.player.visualScaleX = 0.7; this.player.visualScaleY = 1.3; this.bgPulse = 50; } } else if (this.player.mode === "SHIP") { const shipPower = 1500; if (jumpDown) { this.player.vy -= shipPower * dt * this.player.gravityDir; } // Ship rotation based on velocity this.player.rotation = p.lerp(this.player.rotation, p.constrain(this.player.vy * 0.002, -0.6, 0.6), 10 * dt); } // Check Pads for (const pad of this.pads) { if (this.aabbOverlap(this.player, pad)) { this.player.vy = this.jumpVelocity * 1.3 * this.player.gravityDir; this.player.isGrounded = false; this.player.visualScaleX = 0.6; this.player.visualScaleY = 1.4; this.bgPulse = 60; } } this.player.vy += this.gravity * this.player.gravityDir * dt; // Friction for ship mode if (this.player.mode === "SHIP") this.player.vy *= 0.98; this.bgPulse = Math.max(0, (this.bgPulse || 0) - dt * 120); if (!this.player.isGrounded && this.player.mode === "CUBE") { // Rotate while in the air this.player.rotation += 7.0 * dt * this.player.gravityDir; } // Smooth back to normal scale this.player.visualScaleX += (1 - this.player.visualScaleX) * 10 * dt; this.player.visualScaleY += (1 - this.player.visualScaleY) * 10 * dt; this.resolveAxis(this.player.vx * dt, 0); this.resolveAxis(0, this.player.vy * dt); for (const spike of this.spikes) { const padding = 10; const hitBox = { x: spike.x - spike.w / 2 + padding, y: spike.y - spike.h + padding, w: spike.w - padding * 2, h: spike.h - padding * 2 }; if (this.aabbOverlap(this.player, hitBox)) { this.gameOver = true; } } for (const saw of this.saws) { const px = this.player.x + this.player.w / 2; const py = this.player.y + this.player.h / 2; const dx = px - saw.x; const dy = py - saw.y; if (dx * dx + dy * dy < (saw.r + 12) * (saw.r + 12)) { this.gameOver = true; } } for (const coin of this.coins) { if (coin.taken) continue; const px = this.player.x + this.player.w / 2; const py = this.player.y + this.player.h / 2; const dx = px - coin.x; const dy = py - coin.y; if (dx * dx + dy * dy < (coin.r + 18) * (coin.r + 18)) { coin.taken = true; this.score += 1; this.totalCoins += 1; } } if (this.player.y > this.world.height + 200) { this.gameOver = true; } // No infinite generation, world width is fixed per level // Update Trail this.player.trail.push({ x: this.player.x + this.player.w / 2, y: this.player.y + this.player.h / 2, life: 1.0 }); if (this.player.trail.length > 20) this.player.trail.shift(); for (const t of this.player.trail) t.life -= dt * 4; // Update Particles (Dust trail) if (!this.gameOver && this.player.isGrounded) { const sprite = this.sprites[this.selectedSpriteIndex]; if (Math.random() > 0.4) { this.particles.push({ x: this.player.x, y: this.player.y + this.player.h, vx: -150 - Math.random() * 100, vy: -20 - Math.random() * 40, life: 0.5, size: 3 + Math.random() * 5, color: Math.random() > 0.7 ? sprite.primary : [255, 255, 255, 150] }); } } for (let i = this.particles.length - 1; i >= 0; i--) { const part = this.particles[i]; part.x += part.vx * dt; part.y += part.vy * dt; part.life -= dt * 2.5; if (part.life <= 0) { this.particles.splice(i, 1); } } const targetCameraX = this.player.x - 240; this.cameraX = Math.max(0, targetCameraX); // Smooth vertical camera const targetCameraY = this.p.constrain(this.player.y - 300, -200, 0); this.cameraY = (this.cameraY || 0) + (targetCameraY - (this.cameraY || 0)) * 5 * dt; } } 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 {} } const instance = new p5((p) => { let gameLogic = null; const drawSky = () => { if (gameLogic) { const extraPulse = gameLogic.bgPulse || 0; const baseCol = gameLogic.currentLevel.color; // Darkened background for better contrast p.background( p.constrain(baseCol[0] * 0.4 + extraPulse, 0, 100), p.constrain(baseCol[1] * 0.4 + extraPulse, 0, 100), p.constrain(baseCol[2] * 0.4 + extraPulse, 0, 100) ); // Background square grid pattern (GD style) p.noStroke(); const bgSize = 100; const bgOffX = (gameLogic.cameraX * 0.1) % bgSize; for (let x = -bgOffX; x < 800; x += bgSize) { for (let y = 0; y < 600; y += bgSize) { p.fill(255, 255, 255, 5 + extraPulse * 0.1); p.rect(x + 2, y + 2, bgSize - 4, bgSize - 4); } } // Parallax Background Buildings/Mountains p.fill(0, 0, 0, 60); for (let i = -1; i < 6; i++) { const x = ((i * 300 - gameLogic.cameraX * 0.15) % 1800) - 300; p.rect(x, 300, 150, 300); p.rect(x + 150, 400, 100, 200); } } else { p.background(10, 80, 255); } }; p.setup = () => { p.createCanvas(800, 600); p.pixelDensity(Math.min(2, window.devicePixelRatio || 1)); p.rectMode(p.CORNER); p.textFont("system-ui, -apple-system, Segoe UI, sans-serif"); if (typeof window.GameLogic === "function") { gameLogic = new window.GameLogic({ p }); } }; p.draw = () => { if (gameLogic?.update) { gameLogic.update(); } drawSky(); if (!gameLogic) return; if (gameLogic.gameState === "MENU" && !gameLogic.showShop) { p.textAlign(p.CENTER, p.CENTER); p.fill(255); p.textSize(64); p.text("GEOMETRY RUN", 400, 200); const overPlay = p.dist(p.mouseX, p.mouseY, 400, 350) < 60; p.fill(overPlay ? [100, 255, 100] : [50, 200, 50]); p.circle(400, 350, 120); p.fill(255); p.triangle(385, 325, 385, 375, 425, 350); const overShopBtn = p.mouseX > 320 && p.mouseX < 480 && p.mouseY > 440 && p.mouseY < 490; p.fill(overShopBtn ? 255 : 220, overShopBtn ? 220 : 180, 0); p.rect(320, 440, 160, 50, 10); p.fill(0); p.textSize(20); p.text("Skins", 400, 465); if (gameLogic.mouseJustPressed) { if (overPlay) { gameLogic.gameState = "PLAYING"; gameLogic.reset(0); } else if (overShopBtn) { gameLogic.showShop = true; } } return; } p.push(); if (gameLogic.shake > 0) { p.translate(p.random(-gameLogic.shake, gameLogic.shake), p.random(-gameLogic.shake, gameLogic.shake)); } p.translate(-gameLogic.cameraX, -(gameLogic.cameraY || 0)); // Draw ground (GD Lite style) const groundCol = gameLogic.currentLevel.color; p.fill(groundCol[0] * 0.3, groundCol[1] * 0.3, groundCol[2] * 0.3); p.rect(gameLogic.cameraX, gameLogic.groundY, 800, 600 - gameLogic.groundY); // Ground Detail Line p.stroke(255); p.strokeWeight(3); p.line(gameLogic.cameraX, gameLogic.groundY, gameLogic.cameraX + 800, gameLogic.groundY); // Grid on ground with scrolling effect p.stroke(255, 50); p.strokeWeight(1); const groundScroll = gameLogic.cameraX % 60; for (let x = gameLogic.cameraX - groundScroll; x < gameLogic.cameraX + 800; x += 60) { p.line(x, gameLogic.groundY, x, 600); } // Horizontal grid lines for (let y = gameLogic.groundY; y < 600; y += 40) { p.line(gameLogic.cameraX, y, gameLogic.cameraX + 800, y); } p.noStroke(); // Draw platforms for (const plat of gameLogic.platforms) { p.fill(0); p.stroke(255); p.strokeWeight(2); p.rect(plat.x, plat.y, plat.w, plat.h); // Inner detail p.noStroke(); p.fill(255, 50); p.rect(plat.x + 5, plat.y + 5, plat.w - 10, plat.h - 10); } p.noStroke(); // Draw Jump Pads for (const pad of gameLogic.pads) { p.fill(255, 255, 0); p.stroke(0); p.strokeWeight(1); p.arc(pad.x, pad.y, pad.w, pad.h * 2, p.PI, p.TWO_PI); p.fill(255, 200, 0, 150); p.circle(pad.x, pad.y - 5, 20); } // Draw Orbs for (const orb of gameLogic.orbs) { p.fill(255, 255, 0, 150); p.circle(orb.x, orb.y, orb.r * 2.5); p.fill(255, 255, 100); p.circle(orb.x, orb.y, orb.r * 1.8); } // Draw Saws p.push(); p.fill(40); p.stroke(200); p.strokeWeight(2); for (const saw of gameLogic.saws) { p.push(); p.translate(saw.x, saw.y); p.rotate(p.frameCount * 0.2); for (let i = 0; i < 8; i++) { p.rotate(p.TWO_PI / 8); p.triangle(0, -saw.r - 10, -10, 0, 10, 0); } p.circle(0, 0, saw.r * 2); p.pop(); } p.pop(); // Draw spikes (GD Sharp Look) for (const spike of gameLogic.spikes) { p.fill(0); p.stroke(255); p.strokeWeight(2); p.triangle( spike.x - spike.w / 2, spike.y, spike.x + spike.w / 2, spike.y, spike.x, spike.y - spike.h ); // Inner detail spike p.noStroke(); p.fill(255, 100); p.triangle( spike.x - spike.w / 4, spike.y - 2, spike.x + spike.w / 4, spike.y - 2, spike.x, spike.y - spike.h + 8 ); } p.fill(250, 204, 21); for (const coin of gameLogic.coins) { if (coin.taken) continue; p.circle(coin.x, coin.y, coin.r * 2); p.fill(253, 230, 138); p.circle(coin.x - 3, coin.y - 3, coin.r * 0.8); p.fill(250, 204, 21); } // Draw particles for (const part of gameLogic.particles) { const col = part.color || [150, 255, 0]; p.fill(col[0], col[1], col[2], part.life * 255); p.noStroke(); p.circle(part.x, part.y, part.size); } const pl = gameLogic.player; const sprite = gameLogic.sprites[gameLogic.selectedSpriteIndex]; // Draw Player Trail p.noFill(); p.strokeWeight(pl.w * 0.7); for (let i = 0; i < pl.trail.length - 1; i++) { const t1 = pl.trail[i]; const t2 = pl.trail[i+1]; if (t1.life <= 0) continue; p.stroke(sprite.primary[0], sprite.primary[1], sprite.primary[2], t1.life * 150); p.line(t1.x, t1.y, t2.x, t2.y); } // Player Glow p.noStroke(); p.fill(sprite.primary[0], sprite.primary[1], sprite.primary[2], 50); p.circle(pl.x + pl.w/2, pl.y + pl.h/2, pl.w * 1.8); p.push(); p.translate(pl.x + pl.w / 2, pl.y + pl.h / 2); p.rotate(pl.rotation); p.scale(pl.visualScaleX, pl.visualScaleY * pl.gravityDir); // Geometry Dash Cube Icon p.rectMode(p.CENTER); p.strokeWeight(3); p.stroke(0); // Body (Primary color) p.fill(sprite.primary); if (pl.mode === "SHIP") { p.triangle(-pl.w/2, pl.h/2, pl.w/2, 0, -pl.w/2, -pl.h/2); p.fill(sprite.secondary); p.rect(-5, 0, 15, 15); } else { p.rect(0, 0, pl.w, pl.h); // Inner face (Secondary color) p.fill(sprite.secondary); p.rect(0, 0, pl.w * 0.7, pl.h * 0.7); // Eyes/Details (Black) p.fill(0); p.noStroke(); p.rect(-pl.w * 0.15, -pl.h * 0.15, pl.w * 0.2, pl.h * 0.2); p.rect(pl.w * 0.15, -pl.h * 0.15, pl.w * 0.2, pl.h * 0.2); p.rect(0, pl.h * 0.15, pl.w * 0.5, pl.h * 0.1); } p.pop(); p.pop(); p.fill(226, 232, 240); p.textAlign(p.CENTER, p.TOP); p.textSize(24); p.text(gameLogic.currentLevel.name, 400, 20); p.textAlign(p.LEFT, p.TOP); p.textSize(16); p.text("Coins: " + gameLogic.score + " (Total: " + gameLogic.totalCoins + ")", 12, 10); p.text("Attempt: " + gameLogic.attempts, 12, 30); // GD Style Progress bar const progress = p.constrain(gameLogic.player.x / (gameLogic.world.width - 600), 0, 1); const barW = 300; const barX = 400 - barW / 2; const barY = 50; p.noFill(); p.stroke(255, 150); p.strokeWeight(2); p.rect(barX, barY, barW, 12, 6); p.fill(255, 200); p.noStroke(); p.rect(barX + 2, barY + 2, (barW - 4) * progress, 8, 4); p.fill(255); p.fill(255); p.textAlign(p.CENTER, p.CENTER); p.textSize(18); p.textStyle(p.BOLD); p.text(Math.floor(progress * 100) + "%", 400, barY + 28); p.textStyle(p.NORMAL); // Pause button p.push(); p.rectMode(p.CORNER); p.fill(255, 180); p.rect(740, 15, 40, 40, 8); p.fill(0, 150); if (gameLogic.paused) { p.triangle(752, 25, 752, 45, 772, 35); } else { p.rect(751, 25, 6, 20); p.rect(763, 25, 6, 20); } p.pop(); if (gameLogic.paused) { p.fill(0, 0, 0, 100); p.rect(0, 0, 800, 600); p.fill(255); p.textAlign(p.CENTER, p.CENTER); p.textSize(48); p.text("PAUSED", 400, 280); p.textSize(20); p.text("Click the button to resume", 400, 330); const overShopPause = p.mouseX > 320 && p.mouseX < 480 && p.mouseY > 370 && p.mouseY < 420; p.fill(overShopPause ? 255 : 240, overShopPause ? 220 : 180, 0); p.rect(320, 370, 160, 50, 10); p.fill(0); p.text("Skin Shop", 400, 395); if (gameLogic.mouseJustPressed && overShopPause) { gameLogic.showShop = true; } } if ((gameLogic.gameOver || gameLogic.levelComplete) && !gameLogic.showShop) { p.fill(0, 0, 0, 150); p.rect(0, 0, 800, 600); p.fill(226, 232, 240); p.textAlign(p.CENTER, p.CENTER); p.textSize(40); p.text(gameLogic.levelComplete ? "Level Complete!" : "Game Over", 400, 200); p.textSize(20); p.text(gameLogic.levelComplete ? "Next level unlocked!" : "Collected: " + gameLogic.score, 400, 250); // Buttons const overPlay = p.mouseX > 320 && p.mouseX < 480 && p.mouseY > 300 && p.mouseY < 350; p.fill(overPlay ? 100 : 70, overPlay ? 255 : 220, overPlay ? 100 : 70); p.rect(320, 300, 160, 50, 10); p.fill(0); p.textSize(18); p.text(gameLogic.levelComplete ? "Continue" : "Restart", 400, 325); const overShop = p.mouseX > 320 && p.mouseX < 480 && p.mouseY > 370 && p.mouseY < 420; p.fill(overShop ? 255 : 240, overShop ? 220 : 180, 0); p.rect(320, 370, 160, 50, 10); p.fill(0); p.text("Skin Shop", 400, 395); if (gameLogic.mouseJustPressed) { if (overPlay) { gameLogic.reset(gameLogic.levelComplete ? gameLogic.currentLevelIndex + 1 : gameLogic.currentLevelIndex); } else if (overShop) { gameLogic.showShop = true; } } p.fill(148, 163, 184); p.textAlign(p.CENTER, p.CENTER); p.textSize(12); p.text("or press R to restart", 400, 440); } // Shop Overlay if (gameLogic.showShop) { p.fill(0, 0, 0, 220); p.rect(0, 0, 800, 600); p.fill(255); p.textAlign(p.CENTER, p.TOP); p.textSize(32); p.text("CUBE SHOP", 400, 100); p.textSize(18); p.text("Total Coins: " + gameLogic.totalCoins, 400, 140); const btnW = 120, btnH = 140, spacing = 30; const startX = 400 - (gameLogic.sprites.length * (btnW + spacing) - spacing) / 2; for (let i = 0; i < gameLogic.sprites.length; i++) { const s = gameLogic.sprites[i]; const x = startX + i * (btnW + spacing); const y = 220; const isUnlocked = gameLogic.unlockedSprites.includes(i); const isSelected = gameLogic.selectedSpriteIndex === i; const isOver = p.mouseX > x && p.mouseX < x + btnW && p.mouseY > y && p.mouseY < y + btnH; p.stroke(isSelected ? [0, 255, 0] : 150); p.strokeWeight(isSelected ? 4 : 1); p.fill(isOver ? 60 : 40); p.rect(x, y, btnW, btnH, 10); p.noStroke(); // Preview p.push(); p.translate(x + btnW / 2, y + 50); p.fill(s.primary); p.rectMode(p.CENTER); p.rect(0, 0, 40, 40); p.fill(s.secondary); p.rect(0, 0, 28, 28); p.pop(); p.fill(255); p.textAlign(p.CENTER, p.TOP); p.textSize(14); p.text(s.name, x + btnW / 2, y + 85); if (isUnlocked) { p.fill(isSelected ? [0, 255, 0] : 180); p.text(isSelected ? "SELECTED" : "SELECT", x + btnW / 2, y + 110); } else { p.fill(gameLogic.totalCoins >= s.cost ? [255, 215, 0] : [200, 50, 50]); p.text("BUY: " + s.cost, x + btnW / 2, y + 110); } if (isOver && gameLogic.mouseJustPressed) { if (isUnlocked) { gameLogic.selectedSpriteIndex = i; } else if (gameLogic.totalCoins >= s.cost) { gameLogic.totalCoins -= s.cost; gameLogic.unlockedSprites.push(i); gameLogic.selectedSpriteIndex = i; } } } const closeOver = p.mouseX > 350 && p.mouseX < 450 && p.mouseY > 480 && p.mouseY < 520; p.fill(closeOver ? 255 : 200, 50, 50); p.rect(350, 480, 100, 40, 8); p.fill(255); p.textAlign(p.CENTER, p.CENTER); p.text("CLOSE", 400, 500); if (closeOver && gameLogic.mouseJustPressed) { gameLogic.showShop = false; } } // Branding p.textAlign(p.RIGHT, p.BOTTOM); p.textSize(14); p.fill(255, 180); p.noStroke(); p.text("Lucas Games", 790, 590); }; }, container); window.__P5_CLEANUP__ = () => { try { instance.remove(); } catch (error) { console.warn("Failed to remove p5 instance", error); } }; })();

Geometry run (geometry dash copy but better)

How to Play