// GAME_PROJECT_V1 // GameLogic is the entrypoint for your p5.js game code when using the Scene Editor. // The scene runtime generates a p5 sketch from SceneJson, builds an `objects` map // keyed by scene object id, and calls `new GameLogic({ p, objects })`. // // You should NOT create a new top-level p5 sketch here when using the scene editor. // Instead, write your gameplay logic inside GameLogic, using the provided `p` // instance and `objects` map. Treat the positions from SceneJson as world-space // coordinates: you can spawn objects off-screen (e.g. above the visible canvas) and // let your own gravity or movement logic bring them into view. Only clamp positions // to `[0, p.width]` / `[0, p.height]` if you explicitly want to keep them on-screen. // GAME_LOGIC_START class GameLogic { /** * @param {{ p: import("p5"); objects: Record }} params */ constructor({ p, objects }) { this.p = p; this.objects = objects; // Player state this.player = objects.player; this.playerPos = this.player ? { x: 100, y: 100 } : { x: 100, y: 100 }; this.playerVel = { x: 0, y: 0 }; this.playerSize = 32; this.onGround = false; this.health = 3; this.maxHealth = 3; this.lives = 3; this.invincibleTime = 0; this.spawnPos = { x: 100, y: 100 }; // Score and collectibles this.score = 0; this.stars = ['star1', 'star2', 'star3', 'star4', 'star5'].map(id => this.objects[id]).filter(Boolean); if (this.stars.length === 0) { // Spawn default stars if none in scene this.stars = [ { x: 200, y: 150, size: 20, collected: false }, { x: 500, y: 300, size: 20, collected: false }, { x: 800, y: 200, size: 20, collected: false }, { x: 300, y: 400, size: 20, collected: false }, { x: 600, y: 100, size: 20, collected: false } ]; } // Enemies this.enemies = []; for (let i = 1; i <= 5; i++) { const enemy = this.objects[`enemy${i}`]; if (enemy) { this.enemies.push({ ...enemy, size: 28, patrolRange: 100, patrolDir: 1, speed: 80 }); } } if (this.enemies.length === 0) { // Spawn default enemies this.enemies = [ { x: 250, y: 350, size: 28, patrolRange: 100, patrolDir: 1, speed: 80 }, { x: 650, y: 250, size: 28, patrolRange: 100, patrolDir: 1, speed: 80 }, { x: 450, y: 150, size: 28, patrolRange: 100, patrolDir: 1, speed: 80 } ]; } // Physics constants this.speed = 200; this.jumpPower = -400; this.gravity = 800; this.prevOnGround = false; } // Called every frame by the scene runtime if present. update() { const p = this.p; // Instructions text p.push(); p.fill(255, 255, 255, 200); p.textSize(16); p.textAlign(p.LEFT); p.text("Arrows: move, SPACE or UP: jump! Avoid enemies, collect stars!", 10, 25); p.pop(); // Health display p.push(); p.textSize(20); p.textAlign(p.LEFT); p.fill(255, 255, 255); p.text(`Lives: ${this.lives}`, 10, 60); // Heart icons for (let i = 0; i < this.maxHealth; i++) { const heartX = p.width - 150 + i * 30; if (i < this.health) { p.fill(255, 50, 50); } else { p.fill(100, 50, 50); } p.noStroke(); p.beginShape(); p.vertex(heartX, p.height - 30); p.vertex(heartX + 6, p.height - 36); p.vertex(heartX + 12, p.height - 30); p.vertex(heartX + 18, p.height - 36); p.vertex(heartX + 24, p.height - 30); p.vertex(heartX + 18, p.height - 22); p.vertex(heartX + 12, p.height - 20); p.vertex(heartX + 6, p.height - 22); p.endShape(p.CLOSE); } p.pop(); // Score display p.push(); p.fill(255, 255, 0); p.textSize(24); p.textAlign(p.RIGHT); p.text(`Score: ${this.score}`, p.width - 20, 35); p.pop(); // Invincibility flash if (this.invincibleTime > 0) { this.invincibleTime--; } // Input handling if (p.keyIsDown(p.LEFT_ARROW)) { this.playerVel.x = -this.speed; } else if (p.keyIsDown(p.RIGHT_ARROW)) { this.playerVel.x = this.speed; } else { this.playerVel.x *= 0.85; // Friction } const prevOnGround = this.onGround; if ((p.keyIsDown(p.UP_ARROW) || p.keyIsDown(32)) && this.onGround) { // Space = 32 this.playerVel.y = this.jumpPower; this.onGround = false; // Jump particles for (let i = 0; i < p.random(5, 8); i++) { p.fill(200, 150, 100, 150); p.noStroke(); p.ellipse( this.playerPos.x + this.playerSize / 2 + p.random(-15, 15), this.playerPos.y + this.playerSize + p.random(5, 15), p.random(4, 8) ); } // TODO: Play jump sound } // Apply gravity this.playerVel.y += this.gravity * (1 / 60); // Update position this.playerPos.x += this.playerVel.x * (1 / 60); this.playerPos.y += this.playerVel.y * (1 / 60); // Basic screen bounds (allow going off-screen vertically for platforming) this.playerPos.x = p.constrain(this.playerPos.x, -this.playerSize, p.width); this.playerPos.y = p.constrain(this.playerPos.y, -200, p.height); // Collect stars with sparkle effect for (let i = this.stars.length - 1; i >= 0; i--) { const star = this.stars[i]; if (!star.collected && this.playerPos.x < star.x + star.size && this.playerPos.x + this.playerSize > star.x && this.playerPos.y < star.y + star.size && this.playerPos.y + this.playerSize > star.y) { star.collected = true; this.score += 10; // TODO: Play collect sound // Sparkle effect for (let s = 0; s < 8; s++) { p.fill(255, 255, 0, 200); p.noStroke(); p.ellipse( star.x + star.size / 2 + p.random(-15, 15), star.y + star.size / 2 + p.random(-15, 15), p.random(4, 8) ); } } } // Game over check if (this.health <= 0) { p.push(); p.fill(255, 0, 0, 200); p.textSize(48); p.textAlign(p.CENTER); p.text("Game Over!", p.width / 2, p.height / 2); p.textSize(24); p.text(`Score: ${this.score}`, p.width / 2, p.height / 2 + 50); p.text("Press R to restart", p.width / 2, p.height / 2 + 90); p.pop(); if (p.keyIsDown(82)) { // R key this.health = this.maxHealth; this.lives--; this.playerPos = { ...this.spawnPos }; this.playerVel = { x: 0, y: 0 }; this.invincibleTime = 120; // Reset stars this.stars.forEach(star => star.collected = false); this.score = 0; } return; } // Win condition const remainingStars = this.stars.filter(s => !s.collected).length; if (remainingStars === 0) { // Confetti p.randomSeed(42); for (let i = 0; i < 50; i++) { p.fill(p.random(255), p.random(255), p.random(255)); p.noStroke(); p.rect(p.random(p.width), p.random(p.height), 8, 8); } // Win message p.push(); p.fill(255, 215, 0); p.textSize(48); p.textAlign(p.CENTER); p.text("You Win!", p.width / 2, p.height / 2); p.textSize(24); p.text(`Final Score: ${this.score} | Lives Left: ${this.lives}`, p.width / 2, p.height / 2 + 50); p.pop(); return; } // Improved platform collision (smoother landing) const platforms = ['ground', 'platform'].map(id => this.objects[id]).filter(Boolean); this.prevOnGround = this.onGround; this.onGround = false; for (const plat of platforms) { if (this.playerPos.x + this.playerSize > plat.x && this.playerPos.x < plat.x + plat.width && this.playerPos.y + this.playerSize >= plat.y && this.playerPos.y + this.playerSize <= plat.y + 10 && this.playerVel.y >= 0) { this.playerPos.y = plat.y - this.playerSize; this.playerVel.y = 0; this.onGround = true; break; } } // Enemy update and collision for (const enemy of this.enemies) { // Patrol movement enemy.x += enemy.patrolDir * enemy.speed * (1 / 60); if (enemy.x <= enemy.x - enemy.patrolRange || enemy.x >= enemy.x + enemy.patrolRange) { enemy.patrolDir *= -1; } // Player collision if (this.invincibleTime === 0 && this.playerPos.x < enemy.x + enemy.size && this.playerPos.x + this.playerSize > enemy.x && this.playerPos.y < enemy.y + enemy.size && this.playerPos.y + this.playerSize > enemy.y) { this.health--; this.playerPos = { ...this.spawnPos }; this.playerVel = { x: 0, y: 0 }; this.invincibleTime = 120; // TODO: Play hurt sound if (this.health <= 0 && this.lives > 0) { setTimeout(() => { this.health = this.maxHealth; }, 1000); } } } // Draw enemies p.push(); for (const enemy of this.enemies) { p.fill(200, 50, 50); p.stroke(150, 30, 30); p.strokeWeight(2); p.rect(enemy.x, enemy.y, enemy.size, enemy.size, 8); // Eyes p.fill(255, 0, 0); p.noStroke(); p.ellipse(enemy.x + 6, enemy.y + 8, 6); p.ellipse(enemy.x + 22, enemy.y + 8, 6); p.fill(0); p.ellipse(enemy.x + 8, enemy.y + 8, 3); p.ellipse(enemy.x + 24, enemy.y + 8, 3); } p.pop(); // Draw stars p.push(); for (const star of this.stars) { if (!star.collected) { // Twinkle animation const twinkle = p.sin(p.frameCount * 0.2 + star.x) * 0.3 + 0.7; p.fill(255, 255, 0); p.stroke(255, 215, 0); p.strokeWeight(2 * twinkle); p.noFill(); p.ellipse(star.x + star.size / 2, star.y + star.size / 2, star.size * twinkle); p.noStroke(); // Star points p.fill(255, 215, 0); for (let i = 0; i < 5; i++) { const angle = (i * 4 * Math.PI) / 5; p.triangle( star.x + star.size / 2 + Math.cos(angle) * star.size / 2, star.y + star.size / 2 + Math.sin(angle) * star.size / 2, star.x + star.size / 2 + Math.cos(angle + 0.3) * star.size / 3, star.y + star.size / 2 + Math.sin(angle + 0.3) * star.size / 3, star.x + star.size / 2 + Math.cos(angle + 0.6) * star.size / 3, star.y + star.size / 2 + Math.sin(angle + 0.6) * star.size / 3 ); } } } p.pop(); // Draw cute player with invincibility flash p.push(); const alpha = this.invincibleTime > 0 && p.frameCount % 10 < 5 ? 100 : 255; p.translate(this.playerPos.x + this.playerSize / 2, this.playerPos.y + this.playerSize / 2); p.rectMode(p.CENTER); // Body p.fill(59, 130, 246, alpha); p.stroke(100, 150, 255, alpha); p.strokeWeight(2); p.rect(0, 0, this.playerSize * 0.8, this.playerSize * 1.2); // Head p.fill(100, 180, 255, alpha); p.stroke(150, 200, 255, alpha); p.strokeWeight(2); p.ellipse(0, -this.playerSize * 0.6, this.playerSize * 0.7); // Eyes p.fill(255, alpha); p.ellipse(-8, -this.playerSize * 0.65, 8); p.ellipse(8, -this.playerSize * 0.65, 8); p.fill(0); p.ellipse(-6, -this.playerSize * 0.65, 4); p.ellipse(6, -this.playerSize * 0.65, 4); // Arms p.fill(59, 130, 246); p.rect(-this.playerSize * 0.45, -this.playerSize * 0.3, 12, 20); p.rect(this.playerSize * 0.35, -this.playerSize * 0.3, 12, 20); // Legs if (this.playerVel.y < 0) { // Jump pose: crouched/bent legs p.rect(-12, this.playerSize * 0.25, 8, 14); p.rect(4, this.playerSize * 0.25, 8, 14); } else { // Normal standing legs p.rect(-10, this.playerSize * 0.3, 10, 18); p.rect(5, this.playerSize * 0.3, 10, 18); } p.pop(); } } // Expose GameLogic globally so the scene runtime can construct it. window.GameLogic = GameLogic; // GAME_LOGIC_END

p5.js Sketch

How to play