class MenuScene extends Phaser.Scene { constructor() { super({ key: 'MenuScene' }); } preload() { this.load.image('menuBackground', 'https://play.rosebud.ai/assets/firebg.jpg?R4uq'); } create() { // Add background image const bg = this.add.image(400, 300, 'menuBackground'); bg.setDisplaySize(800, 600); // Add title text with a dark outline for better visibility const title = this.add.text(400, 200, 'RAGDOLLS IN THE FIRE', { fontSize: '48px', fill: '#ffff00', fontStyle: 'bold' }).setOrigin(0.5); // Add creator credit const creditText = this.add.text(400, 250, 'Created by Ryan from BrainJoose', { fontSize: '20px', fill: '#cccccc', fontStyle: 'italic' }).setOrigin(0.5); // Add play button const playButton = this.add.text(400, 300, 'PLAY', { fontSize: '32px', fill: '#ffffff' }) .setOrigin(0.5) .setInteractive({ useHandCursor: true }) .setPadding(10) .setStyle({ backgroundColor: '#111' }); // Add instructions with background for better readability const instructions = this.add.text(400, 400, 'Use LEFT and RIGHT arrows to move the basket\nCatch the ragdolls and avoid fireballs!\nCollect magnet power-ups to attract ragdolls!', { fontSize: '24px', fill: '#ffffff', align: 'center', backgroundColor: '#000000', padding: { x: 10, y: 5 } }).setOrigin(0.5); // Hover effect playButton.on('pointerover', () => { playButton.setStyle({ fill: '#ff0000' }); }); playButton.on('pointerout', () => { playButton.setStyle({ fill: '#ffffff' }); }); // Click handler playButton.on('pointerdown', () => { this.scene.start('GameScene'); }); } } class GameScene extends Phaser.Scene { constructor() { super({ key: 'GameScene' }); if (GameScene.music) { GameScene.music.destroy(); GameScene.music = null; } this.ragdolls = []; this.fireballs = []; this.maxRagdolls = 20; // Maximum number of ragdolls allowed this.basketSpeed = 8; // Speed of basket movement this.cursors = null; this.score = 0; this.missedRagdolls = 0; this.magnetActive = false; this.magnetTimer = null; this.magnetDuration = 15000; // 15 seconds this.magnetIcon = null; this.magnetText = null; this.maxMissedRagdolls = 10; this.remainingLives = 10; // Add explicit remaining lives counter this.healthText = null; this.spawnMinDelay = 3000; // Start with 3 seconds minimum delay this.spawnMaxDelay = 5000; // Start with 5 seconds maximum delay this.gravityMultiplier = 1; // Start with normal gravity this.scoreText = null; this.basketGraphics = null; this.leftWallGraphics = null; this.rightWallGraphics = null; } preload() { this.load.image('background', 'https://play.rosebud.ai/assets/65nrejif.png?RRju'); this.load.audio('bgMusic', 'https://play.rosebud.ai/assets/Ragdolls%20in%20the%20Fire.mp3?Yg7t'); this.load.image('fireball', 'https://play.rosebud.ai/assets/fireball.png?FSXX'); this.load.image('magnet', 'https://play.rosebud.ai/assets/magnet.png?orpl'); } create() { // Setup collision detection for fireballs and basket this.matter.world.on('collisionstart', (event) => { // Handle ragdoll-basket collisions this.ragdolls.forEach((ragdoll, index) => { if (this.isRagdollInBasket(ragdoll) && !ragdoll.isScored) { // Mark the ragdoll as scored to prevent multiple scoring ragdoll.isScored = true; // Flash the ragdoll golden to indicate scoring const parts = [ ragdoll.headGraphics, ragdoll.bodyGraphics, ragdoll.leftArmGraphics, ragdoll.rightArmGraphics, ragdoll.leftLegGraphics, ragdoll.rightLegGraphics, ...(ragdoll.leftEarGraphics ? [ragdoll.leftEarGraphics] : []), ...(ragdoll.rightEarGraphics ? [ragdoll.rightEarGraphics] : []), ...(ragdoll.tailGraphics ? [ragdoll.tailGraphics] : []) ]; // Flash effect this.tweens.addCounter({ from: 0, to: 1, duration: 200, yoyo: true, repeat: 2, onUpdate: (tween) => { const value = tween.getValue(); const color = Phaser.Display.Color.Interpolate.ColorWithColor( Phaser.Display.Color.ValueToColor(ragdoll.isCat ? 0x444444 : 0x964B00), Phaser.Display.Color.ValueToColor(0xFFD700), 1, value ); parts.forEach(part => { if (part) { part.setFillStyle(color.color); } }); } }); // Increment score immediately this.score += 10; this.scoreText.setText('Score: ' + this.score); // Remove the ragdoll after delay to allow for bouncing this.time.delayedCall(1500, () => { const idx = this.ragdolls.indexOf(ragdoll); if (idx > -1) { this.ragdolls.splice(idx, 1); // Remove constraints ragdoll.constraints.forEach(constraint => { this.matter.world.removeConstraint(constraint); }); // Remove body parts ['head', 'body', 'leftArm', 'rightArm', 'leftLeg', 'rightLeg', 'leftEar', 'rightEar', 'tail'].forEach(part => { if (ragdoll[part]) { this.matter.world.remove(ragdoll[part]); } }); // Remove graphics with null checks if (ragdoll.headGraphics && ragdoll.headGraphics.destroy) ragdoll.headGraphics.destroy(); if (ragdoll.bodyGraphics && ragdoll.bodyGraphics.destroy) ragdoll.bodyGraphics.destroy(); if (ragdoll.leftArmGraphics && ragdoll.leftArmGraphics.destroy) ragdoll.leftArmGraphics.destroy(); if (ragdoll.rightArmGraphics && ragdoll.rightArmGraphics.destroy) ragdoll.rightArmGraphics.destroy(); if (ragdoll.leftLegGraphics && ragdoll.leftLegGraphics.destroy) ragdoll.leftLegGraphics.destroy(); if (ragdoll.rightLegGraphics && ragdoll.rightLegGraphics.destroy) ragdoll.rightLegGraphics.destroy(); if (ragdoll.leftEarGraphics && ragdoll.leftEarGraphics.destroy) ragdoll.leftEarGraphics.destroy(); if (ragdoll.rightEarGraphics && ragdoll.rightEarGraphics.destroy) ragdoll.rightEarGraphics.destroy(); if (ragdoll.tailGraphics && ragdoll.tailGraphics.destroy) ragdoll.tailGraphics.destroy(); } }); // Increment score // Instead of immediately removing, start a fade-out timer const fadeDelay = 1500; // 1.5 seconds of bouncing this.time.delayedCall(fadeDelay, () => { // Remove the ragdoll this.ragdolls.splice(index, 1); // Remove constraints ragdoll.constraints.forEach(constraint => { this.matter.world.removeConstraint(constraint); }); // Remove body parts ['head', 'body', 'leftArm', 'rightArm', 'leftLeg', 'rightLeg', 'leftEar', 'rightEar', 'tail'].forEach(part => { if (ragdoll[part]) { this.matter.world.remove(ragdoll[part]); } }); // Remove graphics with null checks if (ragdoll.headGraphics && ragdoll.headGraphics.destroy) ragdoll.headGraphics.destroy(); if (ragdoll.bodyGraphics && ragdoll.bodyGraphics.destroy) ragdoll.bodyGraphics.destroy(); if (ragdoll.leftArmGraphics && ragdoll.leftArmGraphics.destroy) ragdoll.leftArmGraphics.destroy(); if (ragdoll.rightArmGraphics && ragdoll.rightArmGraphics.destroy) ragdoll.rightArmGraphics.destroy(); if (ragdoll.leftLegGraphics && ragdoll.leftLegGraphics.destroy) ragdoll.leftLegGraphics.destroy(); if (ragdoll.rightLegGraphics && ragdoll.rightLegGraphics.destroy) ragdoll.rightLegGraphics.destroy(); if (ragdoll.leftEarGraphics && ragdoll.leftEarGraphics.destroy) ragdoll.leftEarGraphics.destroy(); if (ragdoll.rightEarGraphics && ragdoll.rightEarGraphics.destroy) ragdoll.rightEarGraphics.destroy(); if (ragdoll.tailGraphics && ragdoll.tailGraphics.destroy) ragdoll.tailGraphics.destroy(); }); // Start fade out effect this.tweens.add({ targets: [ ragdoll.headGraphics, ragdoll.bodyGraphics, ragdoll.leftArmGraphics, ragdoll.rightArmGraphics, ragdoll.leftLegGraphics, ragdoll.rightLegGraphics, ...(ragdoll.leftEarGraphics ? [ragdoll.leftEarGraphics] : []), ...(ragdoll.rightEarGraphics ? [ragdoll.rightEarGraphics] : []), ...(ragdoll.tailGraphics ? [ragdoll.tailGraphics] : []) ], alpha: 0, duration: 1500, ease: 'Power2' }); this.score += 10; this.scoreText.setText('Score: ' + this.score); } }); event.pairs.forEach((pair) => { const bodyA = pair.bodyA; const bodyB = pair.bodyB; // Check if one body is a fireball and the other is part of the basket const isFireballA = bodyA.label === 'fireball'; const isBasketA = bodyA === this.basket || bodyA === this.basketLeftWall || bodyA === this.basketRightWall; const isFireballB = bodyB.label === 'fireball'; const isBasketB = bodyB === this.basket || bodyB === this.basketLeftWall || bodyB === this.basketRightWall; if ((isFireballA && isBasketB) || (isFireballB && isBasketA)) { const fireball = isFireballA ? bodyA.gameObject : bodyB.gameObject; this.handleFireballCollision(fireball); } }); }); // Add background image this.add.image(400, 300, 'background'); // Add and play background music if (!GameScene.music) { try { GameScene.music = this.sound.add('bgMusic', { volume: 0.5, loop: true }); GameScene.music.play(); } catch (error) { console.error('Error playing music:', error); } } // Create smokey overlay effect const smokeOverlay = this.add.graphics(); const width = 800; const height = 600; const colors = [0x000000, 0x222222, 0x444444]; // Create multiple semi-transparent layers for smoke effect for (let i = 0; i < 3; i++) { smokeOverlay.fillStyle(colors[i], 0.02); for (let j = 0; j < 10; j++) { const x = Phaser.Math.Between(0, width); const y = Phaser.Math.Between(0, height); const radius = Phaser.Math.Between(100, 300); smokeOverlay.fillCircle(x, y, radius); } } // Create basket const basketWidth = 120; const basketHeight = 40; const basketY = 550; // Create basket base const basketOptions = { isStatic: true, friction: 0.5, restitution: 0.2, collisionFilter: { group: 1, category: 0x0002, mask: 0x0001 }, chamfer: { radius: 2 } }; this.basket = this.matter.add.rectangle(400, basketY, basketWidth, 10, basketOptions); this.basketGraphics = this.add.rectangle(400, basketY, basketWidth, 10, 0x8B4513); // Create left wall of basket this.basketLeftWall = this.matter.add.rectangle(400 - basketWidth / 2, basketY - basketHeight / 2, 10, basketHeight, basketOptions); this.leftWallGraphics = this.add.rectangle(400 - basketWidth / 2, basketY - basketHeight / 2, 10, basketHeight, 0x8B4513); // Create right wall of basket this.basketRightWall = this.matter.add.rectangle(400 + basketWidth / 2, basketY - basketHeight / 2, 10, basketHeight, basketOptions); this.rightWallGraphics = this.add.rectangle(400 + basketWidth / 2, basketY - basketHeight / 2, 10, basketHeight, 0x8B4513); // Add score text this.scoreText = this.add.text(16, 16, 'Score: 0', { fontSize: '32px', fill: '#fff' }); // Add health text this.healthText = this.add.text(16, 56, 'Lives: ' + this.remainingLives, { fontSize: '32px', fill: '#ff0000' }); // Connect basket parts with constraints this.matter.add.constraint(this.basket, this.basketLeftWall, 0, 1); this.matter.add.constraint(this.basket, this.basketRightWall, 0, 1); // Setup keyboard controls this.cursors = this.input.keyboard.createCursorKeys(); // Setup touch controls let touchStartX = 0; let isDragging = false; this.input.on('pointerdown', (pointer) => { touchStartX = pointer.x; isDragging = true; }); this.input.on('pointermove', (pointer) => { if (isDragging) { const deltaX = pointer.x - touchStartX; const newX = Phaser.Math.Clamp( this.basket.position.x + deltaX, 100, // minimum x position 700 // maximum x position ); // Move basket and all its parts this.matter.body.setPosition(this.basket, { x: newX, y: this.basket.position.y }); this.basketGraphics.x = newX; this.leftWallGraphics.x = newX - 60; this.rightWallGraphics.x = newX + 60; this.matter.body.setPosition(this.basketLeftWall, { x: newX - 60, y: this.basketLeftWall.position.y }); this.matter.body.setPosition(this.basketRightWall, { x: newX + 60, y: this.basketRightWall.position.y }); touchStartX = pointer.x; } }); this.input.on('pointerup', () => { isDragging = false; }); this.input.on('pointerout', () => { isDragging = false; }); // Setup spawn timer // Initial gravity this.matter.world.engine.gravity.y = 0.8 * this.gravityMultiplier; // Setup initial spawn timer this.spawnTimer = this.time.addEvent({ delay: Phaser.Math.Between(this.spawnMinDelay, this.spawnMaxDelay), callback: this.spawnRagdollWithNewTimer, callbackScope: this, loop: false }); // Setup fireball spawn timer this.fireballTimer = this.time.addEvent({ delay: Phaser.Math.Between(4000, 8000), callback: this.spawnFireballWithNewTimer, callbackScope: this, loop: false }); // Setup magnet spawn timer this.magnetSpawnTimer = this.time.addEvent({ delay: Phaser.Math.Between(8000, 12000), // Spawn every 8-12 seconds callback: this.spawnMagnet, callbackScope: this, loop: false }); // Add magnet duration text (hidden initially) this.magnetText = this.add.text(400, 50, '', { fontSize: '24px', fill: '#ffff00' }).setOrigin(0.5).setVisible(false); } spawnMagnet() { console.log('Attempting to spawn magnet...'); console.log('Current conditions:', { magnetIconExists: !!this.magnetIcon, magnetActive: this.magnetActive, randomChance: Math.random() }); // 40% chance to spawn a magnet if (!this.magnetIcon && !this.magnetActive && Math.random() < 0.4) { console.log('Conditions met, spawning magnet...'); const x = Phaser.Math.Between(100, 700); this.magnetIcon = this.matter.add.image(x, -50, 'magnet', null, { friction: 0.005, restitution: 0.6, density: 0.001, label: 'magnet', isSensor: false }); this.magnetIcon.setScale(0.1); this.magnetIcon.setTint(0xffff00); this.magnetIcon.setBounce(0.4); this.magnetIcon.setVelocity(0, 2); this.magnetIcon.setAngularVelocity(0); console.log('New magnet spawned at:', x, -50); } // Always set up next magnet spawn attempt, regardless of whether spawn was successful const nextDelay = Phaser.Math.Between(8000, 12000); console.log('Setting up next magnet spawn attempt in', nextDelay, 'ms'); this.magnetSpawnTimer = this.time.addEvent({ delay: nextDelay, callback: this.spawnMagnet, callbackScope: this, loop: false }); } activateMagnet() { this.magnetActive = true; this.magnetText.setText('Magnet: 15s').setVisible(true); // Clear any existing timers if (this.magnetTimer) this.magnetTimer.destroy(); if (this.magnetCountdown) this.magnetCountdown.destroy(); // Start magnet timer this.magnetTimer = this.time.addEvent({ delay: this.magnetDuration, callback: () => { // Deactivate magnet effect this.magnetActive = false; this.magnetText.setVisible(false); // Clear any remaining magnetic effects this.ragdolls.forEach(ragdoll => { if (ragdoll.body) { this.matter.body.setVelocity(ragdoll.body, { x: ragdoll.body.velocity.x * 0.5, y: ragdoll.body.velocity.y }); } }); // Clean up countdown timer if (this.magnetCountdown) { this.magnetCountdown.destroy(); this.magnetCountdown = null; } }, callbackScope: this }); // Separate timer for countdown display this.magnetCountdown = this.time.addEvent({ delay: 1000, callback: () => { const remaining = Math.ceil((this.magnetDuration - this.magnetTimer.getElapsed()) / 1000); this.magnetText.setText(`Magnet: ${remaining}s`); }, callbackScope: this, repeat: this.magnetDuration / 1000 - 1 }); } increaseDifficulty() { // Decrease spawn delays (faster spawns) this.spawnMinDelay = Math.max(800, this.spawnMinDelay - 200); this.spawnMaxDelay = Math.max(2000, this.spawnMaxDelay - 300); // Increase gravity (faster falls) this.gravityMultiplier += 0.1; this.matter.world.engine.gravity.y = 0.8 * this.gravityMultiplier; // Increase fireball frequency if (this.fireballTimer) { this.fireballTimer.destroy(); const currentDelay = Math.max(2000, 8000 - (this.score / 10) * 200); this.fireballTimer = this.time.addEvent({ delay: Phaser.Math.Between(currentDelay * 0.5, currentDelay), callback: this.spawnFireballWithNewTimer, callbackScope: this, loop: false }); } // Make fireballs move faster based on score this.fireballs.forEach(fireball => { if (fireball && fireball.body) { const currentVelocity = fireball.body.velocity; this.matter.body.setVelocity(fireball.body, { x: currentVelocity.x * 1.1, y: currentVelocity.y * 1.1 }); } }); // Display difficulty increase notification const difficultyText = this.add.text(400, 100, 'Difficulty Increased!', { fontSize: '32px', fill: '#ff0000', backgroundColor: '#000000', padding: { x: 10, y: 5 } }).setOrigin(0.5); // Fade out and destroy the notification this.tweens.add({ targets: difficultyText, alpha: 0, duration: 1000, ease: 'Power2', onComplete: () => difficultyText.destroy() }); } spawnRagdollWithNewTimer() { // Spawn a ragdoll this.spawnRagdoll(); // Increase difficulty more frequently as score increases if (this.score > 0) { // Increase difficulty every 30 points initially, then every 20 points after score 100 const difficultyThreshold = this.score >= 100 ? 20 : 30; if (this.score % difficultyThreshold === 0) { this.increaseDifficulty(); } } // Set up next spawn with random delay this.spawnTimer = this.time.addEvent({ delay: Phaser.Math.Between(this.spawnMinDelay, this.spawnMaxDelay), callback: this.spawnRagdollWithNewTimer, callbackScope: this, loop: false }); } spawnFireballWithNewTimer() { this.spawnFireball(); // Set up next fireball spawn with random delay this.fireballTimer = this.time.addEvent({ delay: Phaser.Math.Between(4000, 8000), callback: this.spawnFireballWithNewTimer, callbackScope: this, loop: false }); } spawnFireball() { const x = Phaser.Math.Between(100, 700); const fireball = this.matter.add.image(x, -50, 'fireball', null, { friction: 0.005, restitution: 0.8, density: 0.001, label: 'fireball', isStatic: false }); // Calculate AI difficulty based on score and catch rate const baseAIDifficulty = Math.min(0.8, this.score / 500); // Max 80% AI accuracy const catchRate = this.score / (this.score + (this.missedRagdolls * 10)); const aiDifficulty = baseAIDifficulty * (1 + catchRate); // Set initial velocity with more controlled targeting const baseSpeed = 2; const speedMultiplier = 1 + (this.score / 100); // Add AI properties to the fireball fireball.aiProperties = { difficulty: aiDifficulty, updateDelay: 0, lastTargetX: this.basket.position.x, baseSpeed: baseSpeed * speedMultiplier }; // Initial velocity towards general player area const targetX = this.basket.position.x + (Math.random() > aiDifficulty ? Phaser.Math.Between(-200, 200) : 0); const angle = Math.atan2(600 - fireball.y, targetX - fireball.x); this.matter.body.setVelocity(fireball.body, { x: Math.cos(angle) * baseSpeed * speedMultiplier, y: Math.sin(angle) * baseSpeed * speedMultiplier }); fireball.setScale(0.1); // Much smaller scale fireball.setTint(0xff6666); // Add a slight red tint // Remove the green debug outline const debugGraphic = fireball.body.debugGraphic; if (debugGraphic) { debugGraphic.clear(); } this.fireballs.push(fireball); } update() { // Handle magnet collection if (this.magnetIcon && this.magnetIcon.body) { const magnetBounds = this.magnetIcon.getBounds(); const basketBounds = { x: this.basket.position.x - 60, y: this.basket.position.y - 20, width: 120, height: 40 }; // Check if magnet overlaps with basket if (magnetBounds.x < (basketBounds.x + basketBounds.width) && (magnetBounds.x + magnetBounds.width) > basketBounds.x && magnetBounds.y < (basketBounds.y + basketBounds.height) && (magnetBounds.y + magnetBounds.height) > basketBounds.y) { // Remove magnet and activate power-up immediately this.matter.world.remove(this.magnetIcon.body); this.magnetIcon.destroy(); this.magnetIcon = null; this.activateMagnet(); } } // Apply magnetic effect when active if (this.magnetActive) { this.ragdolls.forEach(ragdoll => { if (!ragdoll.isScored) { // Only apply magnetic force if not already scored const dx = this.basket.position.x - ragdoll.body.position.x; const dy = this.basket.position.y - ragdoll.body.position.y; const distance = Math.sqrt(dx * dx + dy * dy); if (distance < 200) { // Magnetic field radius // Calculate normalized direction const nx = dx / distance; const ny = dy / distance; // Decrease force as ragdoll gets closer to basket const forceMagnitude = Math.min(0.0008, 0.001 * (distance / 200)); // Apply gentler force to each ragdoll part ['head', 'body', 'leftArm', 'rightArm', 'leftLeg', 'rightLeg'].forEach(part => { if (ragdoll[part]) { this.matter.body.applyForce(ragdoll[part], ragdoll[part].position, { x: nx * forceMagnitude, y: ny * forceMagnitude } ); } }); // Add slight upward force to prevent straight-down acceleration if (distance < 100 && ragdoll.body.position.y > this.basket.position.y) { ['head', 'body'].forEach(part => { if (ragdoll[part]) { this.matter.body.applyForce(ragdoll[part], ragdoll[part].position, { x: 0, y: -0.0003 } ); } }); } } } }); } // Check for ragdolls falling below the screen this.ragdolls.forEach((ragdoll, index) => { if (ragdoll.body.position.y > 600) { // If ragdoll falls below screen if (!ragdoll.isScored) { // Only increment missed ragdolls if it wasn't scored this.missedRagdolls++; this.remainingLives = this.maxMissedRagdolls - this.missedRagdolls; this.healthText.setText('Lives: ' + this.remainingLives); } // Remove the ragdoll this.ragdolls.splice(index, 1); ragdoll.constraints.forEach(constraint => { this.matter.world.removeConstraint(constraint); }); ['head', 'body', 'leftArm', 'rightArm', 'leftLeg', 'rightLeg', 'leftEar', 'rightEar', 'tail'].forEach(part => { if (ragdoll[part]) { this.matter.world.remove(ragdoll[part]); } }); // Remove graphics for fallen ragdoll with null checks if (ragdoll.headGraphics) ragdoll.headGraphics.destroy(); if (ragdoll.bodyGraphics) ragdoll.bodyGraphics.destroy(); if (ragdoll.leftArmGraphics) ragdoll.leftArmGraphics.destroy(); if (ragdoll.rightArmGraphics) ragdoll.rightArmGraphics.destroy(); if (ragdoll.leftLegGraphics) ragdoll.leftLegGraphics.destroy(); if (ragdoll.rightLegGraphics) ragdoll.rightLegGraphics.destroy(); if (ragdoll.leftEarGraphics) ragdoll.leftEarGraphics.destroy(); if (ragdoll.rightEarGraphics) ragdoll.rightEarGraphics.destroy(); if (ragdoll.tailGraphics) ragdoll.tailGraphics.destroy(); // Check for game over - when 10 ragdolls are missed if (this.missedRagdolls >= this.maxMissedRagdolls) { // Stop all spawning timers if (this.spawnTimer) this.spawnTimer.destroy(); if (this.fireballTimer) this.fireballTimer.destroy(); if (this.magnetSpawnTimer) this.magnetSpawnTimer.destroy(); // Create semi-transparent black overlay const overlay = this.add.rectangle(400, 300, 800, 600, 0x000000, 0.7); // Add game over text this.add.text(400, 200, 'GAME OVER', { fontSize: '64px', fill: '#ff0000', fontStyle: 'bold' }).setOrigin(0.5); // Add final score this.add.text(400, 300, `Final Score: ${this.score}`, { fontSize: '48px', fill: '#ffffff' }).setOrigin(0.5); // Add menu button const menuButton = this.add.text(400, 400, 'Back to Menu', { fontSize: '32px', fill: '#ffffff' }) .setOrigin(0.5) .setInteractive({ useHandCursor: true }) .setPadding(10) .setStyle({ backgroundColor: '#111' }); // Hover effects menuButton.on('pointerover', () => { menuButton.setStyle({ fill: '#ff0000' }); }); menuButton.on('pointerout', () => { menuButton.setStyle({ fill: '#ffffff' }); }); // Click handler menuButton.on('pointerdown', () => { // Reset game variables this.missedRagdolls = 0; this.remainingLives = this.maxMissedRagdolls; this.score = 0; this.spawnMinDelay = 3000; this.spawnMaxDelay = 5000; this.gravityMultiplier = 1; // Return to menu scene this.scene.start('MenuScene'); }); } } }); // Check for ragdolls in basket this.ragdolls.forEach((ragdoll, index) => { // Remove ragdolls that fall below the screen if (ragdoll.body.position.y > 650) { // Remove the ragdoll using the same cleanup code this.ragdolls.splice(index, 1); ragdoll.constraints.forEach(constraint => { this.matter.world.removeConstraint(constraint); }); ['head', 'body', 'leftArm', 'rightArm', 'leftLeg', 'rightLeg', 'leftEar', 'rightEar', 'tail'].forEach(part => { if (ragdoll[part]) { this.matter.world.remove(ragdoll[part]); } }); if (ragdoll.headGraphics) ragdoll.headGraphics.destroy(); if (ragdoll.bodyGraphics) ragdoll.bodyGraphics.destroy(); if (ragdoll.leftArmGraphics) ragdoll.leftArmGraphics.destroy(); if (ragdoll.rightArmGraphics) ragdoll.rightArmGraphics.destroy(); if (ragdoll.leftLegGraphics) ragdoll.leftLegGraphics.destroy(); if (ragdoll.rightLegGraphics) ragdoll.rightLegGraphics.destroy(); if (ragdoll.leftEarGraphics) ragdoll.leftEarGraphics.destroy(); if (ragdoll.rightEarGraphics) ragdoll.rightEarGraphics.destroy(); if (ragdoll.tailGraphics) ragdoll.tailGraphics.destroy(); } // Score points when ragdoll enters basket else if (this.isRagdollInBasket(ragdoll) && !ragdoll.isScored) { ragdoll.isScored = true; this.score += 10; this.scoreText.setText('Score: ' + this.score); } }); // Handle basket movement if (this.cursors.left.isDown && this.basket.position.x > 100) { // Move all parts together this.matter.body.setPosition(this.basket, { x: this.basket.position.x - this.basketSpeed, y: this.basket.position.y }); this.basketGraphics.x = this.basket.position.x; this.leftWallGraphics.x = this.basket.position.x - 60; this.rightWallGraphics.x = this.basket.position.x + 60; this.matter.body.setPosition(this.basketLeftWall, { x: this.basket.position.x - 60, y: this.basketLeftWall.position.y }); this.matter.body.setPosition(this.basketRightWall, { x: this.basket.position.x + 60, y: this.basketRightWall.position.y }); } else if (this.cursors.right.isDown && this.basket.position.x < 700) { // Move all parts together this.matter.body.setPosition(this.basket, { x: this.basket.position.x + this.basketSpeed, y: this.basket.position.y }); this.basketGraphics.x = this.basket.position.x; this.leftWallGraphics.x = this.basket.position.x - 60; this.rightWallGraphics.x = this.basket.position.x + 60; this.matter.body.setPosition(this.basketLeftWall, { x: this.basket.position.x - 60, y: this.basketLeftWall.position.y }); this.matter.body.setPosition(this.basketRightWall, { x: this.basket.position.x + 60, y: this.basketRightWall.position.y }); } // Update fireballs and magnets if (this.magnetIcon && this.magnetIcon.body && this.magnetIcon.body.position.y > 600) { this.magnetIcon.destroy(); this.magnetIcon = null; } for (let i = this.fireballs.length - 1; i >= 0; i--) { const fireball = this.fireballs[i]; // Skip if fireball is destroyed or invalid if (!fireball || !fireball.body) { this.fireballs.splice(i, 1); continue; } // Remove fireballs that fall below screen if (fireball.y > 600) { fireball.destroy(); this.fireballs.splice(i, 1); continue; } // Update AI behavior if (fireball.aiProperties) { fireball.aiProperties.updateDelay++; // Update targeting every few frames based on difficulty if (fireball.aiProperties.updateDelay >= (10 - fireball.aiProperties.difficulty * 5)) { fireball.aiProperties.updateDelay = 0; // Predict player movement const playerVelocity = (this.basket.position.x - fireball.aiProperties.lastTargetX) / 2; const predictedX = this.basket.position.x + (playerVelocity * fireball.aiProperties.difficulty); // Calculate new trajectory const dx = predictedX - fireball.x; const dy = (this.basket.position.y - 50) - fireball.y; const angle = Math.atan2(dy, dx); // Apply course correction based on AI difficulty const currentVel = fireball.body.velocity; const targetVel = { x: Math.cos(angle) * fireball.aiProperties.baseSpeed, y: Math.sin(angle) * fireball.aiProperties.baseSpeed }; // Lerp between current and target velocity based on difficulty this.matter.body.setVelocity(fireball.body, { x: currentVel.x + (targetVel.x - currentVel.x) * fireball.aiProperties.difficulty * 0.3, y: currentVel.y + (targetVel.y - currentVel.y) * fireball.aiProperties.difficulty * 0.3 }); fireball.aiProperties.lastTargetX = this.basket.position.x; } } // Make fireball rotate for effect fireball.angle += 2; } } handleFireballCollision(fireball) { // Create flash effect const flash = this.add.rectangle(400, 300, 800, 600, 0xff0000, 0.8); flash.setDepth(1000); flash.setOrigin(0.5, 0.5); flash.setScrollFactor(0); // Flash effect animation this.tweens.add({ targets: flash, alpha: 0, duration: 200, ease: 'Power1', onComplete: () => flash.destroy() }); // Reduce lives by 3 on fireball hit this.missedRagdolls += 3; this.remainingLives = Math.max(0, this.maxMissedRagdolls - this.missedRagdolls); this.healthText.setText('Lives: ' + this.remainingLives); // Remove the fireball if (fireball && fireball.body) { const fireballIndex = this.fireballs.indexOf(fireball); if (fireballIndex > -1) { this.fireballs.splice(fireballIndex, 1); } if (fireball.destroy) { fireball.destroy(); } } // Check for game over if (this.missedRagdolls >= this.maxMissedRagdolls) { // Stop all spawning timers if (this.spawnTimer) this.spawnTimer.destroy(); if (this.fireballTimer) this.fireballTimer.destroy(); if (this.magnetSpawnTimer) this.magnetSpawnTimer.destroy(); // Create semi-transparent black overlay const overlay = this.add.rectangle(400, 300, 800, 600, 0x000000, 0.7); // Add game over text this.add.text(400, 200, 'GAME OVER', { fontSize: '64px', fill: '#ff0000', fontStyle: 'bold' }).setOrigin(0.5); // Add final score this.add.text(400, 300, `Final Score: ${this.score}`, { fontSize: '48px', fill: '#ffffff' }).setOrigin(0.5); // Add menu button const menuButton = this.add.text(400, 400, 'Back to Menu', { fontSize: '32px', fill: '#ffffff' }) .setOrigin(0.5) .setInteractive({ useHandCursor: true }) .setPadding(10) .setStyle({ backgroundColor: '#111' }); // Hover effects menuButton.on('pointerover', () => { menuButton.setStyle({ fill: '#ff0000' }); }); menuButton.on('pointerout', () => { menuButton.setStyle({ fill: '#ffffff' }); }); // Click handler menuButton.on('pointerdown', () => { // Clear all existing timers if (this.spawnTimer) this.spawnTimer.destroy(); if (this.fireballTimer) this.fireballTimer.destroy(); if (this.magnetSpawnTimer) this.magnetSpawnTimer.destroy(); if (this.magnetTimer) this.magnetTimer.destroy(); if (this.magnetCountdown) this.magnetCountdown.destroy(); // Clear all ragdolls this.ragdolls.forEach(ragdoll => { ragdoll.constraints.forEach(constraint => { this.matter.world.removeConstraint(constraint); }); ['head', 'body', 'leftArm', 'rightArm', 'leftLeg', 'rightLeg', 'leftEar', 'rightEar', 'tail'].forEach(part => { if (ragdoll[part]) { this.matter.world.remove(ragdoll[part]); } }); if (ragdoll.headGraphics) ragdoll.headGraphics.destroy(); if (ragdoll.bodyGraphics) ragdoll.bodyGraphics.destroy(); if (ragdoll.leftArmGraphics) ragdoll.leftArmGraphics.destroy(); if (ragdoll.rightArmGraphics) ragdoll.rightArmGraphics.destroy(); if (ragdoll.leftLegGraphics) ragdoll.leftLegGraphics.destroy(); if (ragdoll.rightLegGraphics) ragdoll.rightLegGraphics.destroy(); if (ragdoll.leftEarGraphics) ragdoll.leftEarGraphics.destroy(); if (ragdoll.rightEarGraphics) ragdoll.rightEarGraphics.destroy(); if (ragdoll.tailGraphics) ragdoll.tailGraphics.destroy(); }); // Clear all fireballs this.fireballs.forEach(fireball => { if (fireball && fireball.body) { fireball.destroy(); } }); // Clear magnet if exists if (this.magnetIcon) { this.magnetIcon.destroy(); this.magnetIcon = null; } // Reset all game variables this.ragdolls = []; this.fireballs = []; this.missedRagdolls = 0; this.remainingLives = this.maxMissedRagdolls; this.score = 0; this.spawnMinDelay = 3000; this.spawnMaxDelay = 5000; this.gravityMultiplier = 1; this.magnetActive = false; // Reset matter.js world gravity this.matter.world.engine.gravity.y = 0.8; // Return to menu scene this.scene.start('MenuScene'); }); } } spawnRagdoll() { const x = Phaser.Math.Between(200, 600); const y = 50; const isCat = Math.random() < 0.3; // 30% chance to be a cat const ragdollColor = isCat ? 0x444444 : 0x964B00; // Dark gray for cats, brown for regular ragdolls // Create graphics for ragdoll parts const headGraphics = this.add.circle(x, y, 10, ragdollColor); // Only add cat features if it's a cat const leftEarGraphics = isCat ? this.add.rectangle(x - 8, y - 12, 4, 8, ragdollColor).setRotation(-0.5) : null; const rightEarGraphics = isCat ? this.add.rectangle(x + 8, y - 12, 4, 8, ragdollColor).setRotation(0.5) : null; const tailGraphics = isCat ? this.add.rectangle(x, y + 55, 4, 20, ragdollColor) : null; const bodyGraphics = this.add.rectangle(x, y + 25, 8, 30, ragdollColor); const leftArmGraphics = this.add.rectangle(x - 18, y + 15, 20, 5, ragdollColor); const rightArmGraphics = this.add.rectangle(x + 18, y + 15, 20, 5, ragdollColor); const leftLegGraphics = this.add.rectangle(x - 8, y + 45, 5, 20, ragdollColor); const rightLegGraphics = this.add.rectangle(x + 8, y + 45, 5, 20, ragdollColor); // Check if we've reached the maximum if (this.ragdolls.length >= this.maxRagdolls) { // Remove the oldest ragdoll const oldestRagdoll = this.ragdolls.shift(); // Remove all constraints first oldestRagdoll.constraints.forEach(constraint => { this.matter.world.removeConstraint(constraint); }); // Then remove all body parts ['head', 'body', 'leftArm', 'rightArm', 'leftLeg', 'rightLeg', 'leftEar', 'rightEar', 'tail'].forEach(part => { if (oldestRagdoll[part]) { this.matter.world.remove(oldestRagdoll[part]); } }); // Remove graphics for oldest ragdoll with null checks if (oldestRagdoll.headGraphics) oldestRagdoll.headGraphics.destroy(); if (oldestRagdoll.leftEarGraphics) oldestRagdoll.leftEarGraphics.destroy(); if (oldestRagdoll.rightEarGraphics) oldestRagdoll.rightEarGraphics.destroy(); if (oldestRagdoll.tailGraphics) oldestRagdoll.tailGraphics.destroy(); if (oldestRagdoll.bodyGraphics) oldestRagdoll.bodyGraphics.destroy(); if (oldestRagdoll.leftArmGraphics) oldestRagdoll.leftArmGraphics.destroy(); if (oldestRagdoll.rightArmGraphics) oldestRagdoll.rightArmGraphics.destroy(); if (oldestRagdoll.leftLegGraphics) oldestRagdoll.leftLegGraphics.destroy(); if (oldestRagdoll.rightLegGraphics) oldestRagdoll.rightLegGraphics.destroy(); } // Create the head // Create physics bodies for cat features const head = this.matter.add.circle(x, y, 10, { friction: 0.7, restitution: 0.3, collisionFilter: { category: 0x0001, mask: 0x0002 }, density: 0.001 }); // Only create cat physics bodies if it's a cat const leftEar = isCat ? this.matter.add.rectangle(x - 8, y - 12, 4, 8, { friction: 0.7, restitution: 0.3, angle: -0.5, collisionFilter: { category: 0x0001, mask: 0x0002 }, density: 0.001 }) : null; const rightEar = isCat ? this.matter.add.rectangle(x + 8, y - 12, 4, 8, { friction: 0.7, restitution: 0.3, angle: 0.5, collisionFilter: { category: 0x0001, mask: 0x0002 }, density: 0.001 }) : null; const tail = isCat ? this.matter.add.rectangle(x, y + 55, 4, 20, { friction: 0.7, restitution: 0.3, collisionFilter: { category: 0x0001, mask: 0x0002 }, density: 0.001 }) : null; // Create the body const body = this.matter.add.rectangle(x, y + 25, 8, 30, { friction: 0.7, restitution: 0.3, collisionFilter: { category: 0x0001, mask: 0x0002 }, density: 0.001 }); // Create the arms const leftArm = this.matter.add.rectangle(x - 18, y + 15, 20, 5, { friction: 0.7, restitution: 0.3, collisionFilter: { category: 0x0001, mask: 0x0002 }, density: 0.001 }); const rightArm = this.matter.add.rectangle(x + 18, y + 15, 20, 5, { friction: 0.7, restitution: 0.3, collisionFilter: { category: 0x0001, mask: 0x0002 }, density: 0.001 }); // Create the legs const leftLeg = this.matter.add.rectangle(x - 8, y + 45, 5, 20, { friction: 0.7, restitution: 0.3, collisionFilter: { category: 0x0001, mask: 0x0002 }, density: 0.001 }); const rightLeg = this.matter.add.rectangle(x + 8, y + 45, 5, 20, { friction: 0.7, restitution: 0.3, collisionFilter: { category: 0x0001, mask: 0x0002 }, density: 0.001 }); // Connect head to body const neckConstraint = this.matter.add.constraint(head, body, 0, 0.4, { pointA: { x: 0, y: 10 }, pointB: { x: 0, y: -15 } }); // Connect arms to body const leftArmConstraint = this.matter.add.constraint(body, leftArm, 0, 0.4, { pointA: { x: -5, y: -10 }, pointB: { x: 8, y: 0 } }); const rightArmConstraint = this.matter.add.constraint(body, rightArm, 0, 0.4, { pointA: { x: 5, y: -10 }, pointB: { x: -8, y: 0 } }); // Connect legs to body const leftLegConstraint = this.matter.add.constraint(body, leftLeg, 0, 0.4, { pointA: { x: -3, y: 15 }, pointB: { x: 0, y: -10 } }); const rightLegConstraint = this.matter.add.constraint(body, rightLeg, 0, 0.4, { pointA: { x: 3, y: 15 }, pointB: { x: 0, y: -10 } }); // Store ragdoll parts this.ragdolls.push({ head, body, leftArm, rightArm, leftLeg, rightLeg, leftEar: isCat ? leftEar : null, rightEar: isCat ? rightEar : null, tail: isCat ? tail : null, headGraphics, bodyGraphics, leftArmGraphics, rightArmGraphics, leftLegGraphics, rightLegGraphics, leftEarGraphics: isCat ? leftEarGraphics : null, rightEarGraphics: isCat ? rightEarGraphics : null, tailGraphics: isCat ? tailGraphics : null, isCat, constraints: [ neckConstraint, leftArmConstraint, rightArmConstraint, leftLegConstraint, rightLegConstraint ] }); // Update graphics positions in game loop this.matter.world.on('afterupdate', () => { headGraphics.setPosition(head.position.x, head.position.y); if (isCat) { leftEarGraphics.setPosition(head.position.x - 8, head.position.y - 12); rightEarGraphics.setPosition(head.position.x + 8, head.position.y - 12); leftEarGraphics.rotation = leftEar.angle; rightEarGraphics.rotation = rightEar.angle; tailGraphics.setPosition(body.position.x, body.position.y + 30); } bodyGraphics.setPosition(body.position.x, body.position.y); bodyGraphics.rotation = body.angle; leftArmGraphics.setPosition(leftArm.position.x, leftArm.position.y); leftArmGraphics.rotation = leftArm.angle; rightArmGraphics.setPosition(rightArm.position.x, rightArm.position.y); rightArmGraphics.rotation = rightArm.angle; leftLegGraphics.setPosition(leftLeg.position.x, leftLeg.position.y); leftLegGraphics.rotation = leftLeg.angle; rightLegGraphics.setPosition(rightLeg.position.x, rightLeg.position.y); rightLegGraphics.rotation = rightLeg.angle; }); } isObjectInBasket(object) { if (!object || !object.body || !object.body.position) { return false; } // Generic basket collision check for any object const basketLeft = this.basket.position.x - 65; const basketRight = this.basket.position.x + 65; const basketTop = this.basket.position.y - 25; const basketBottom = this.basket.position.y + 25; return ( object.body.position.x > basketLeft && object.body.position.x < basketRight && object.body.position.y > basketTop && object.body.position.y < basketBottom ); } isRagdollInBasket(ragdoll) { // Calculate basket bounds with a slightly larger detection area const basketLeft = this.basket.position.x - 65; const basketRight = this.basket.position.x + 65; const basketTop = this.basket.position.y - 25; const basketBottom = this.basket.position.y + 25; // Check if any major part of the ragdoll is within the basket bounds const parts = ['head', 'body', 'leftArm', 'rightArm', 'leftLeg', 'rightLeg']; return parts.some(partName => { const part = ragdoll[partName]; if (!part || !part.position) return false; return ( part.position.x > basketLeft && part.position.x < basketRight && part.position.y > basketTop && part.position.y < basketBottom ); }); } } const config = { type: Phaser.AUTO, parent: 'renderDiv', scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, width: 800, height: 600, scene: [MenuScene, GameScene], physics: { default: 'matter', matter: { gravity: { y: 0.8 }, debug: false } } }; window.phaserGame = new Phaser.Game(config);