class MainMenu extends Phaser.Scene { constructor() { super({ key: 'MainMenu' }); this.buttons = []; this.currentAngle = 0; this.selectedButtonIndex = 0; } preload() { this.load.image('logo', 'https://play.rosebud.ai/assets/A logo about the game AnGary Circle 2, neon theme, include words Angary Circle 2.png?9UDE'); this.load.audio('menuMusic', 'https://play.rosebud.ai/assets/Peachbreaker.mp3?StVd'); } create() { // Play background music this.music = this.sound.add('menuMusic', { loop: true, volume: 0.5 }); this.music.play(); // Create gradient background this.gradientHeight = this.cameras.main.height * 0.6; // 60% of screen height this.baseGradientHeight = this.gradientHeight; // Create gradient graphics this.gradient = this.add.graphics(); this.updateGradient(); // Create particles for squares this.squares = []; // Timer for creating squares this.time.addEvent({ delay: 500, callback: this.createSquare, callbackScope: this, loop: true }); // Add logo with depth const logo = this.add.image(400, 250, 'logo'); logo.setScale(0.4); logo.setDepth(0); // Set logo depth to 0 as reference point // Add bouncing animation to the logo this.tweens.add({ targets: logo, y: 260, // Move 10 pixels down from initial position duration: 1500, ease: 'Sine.easeInOut', yoyo: true, repeat: -1 // Repeat indefinitely }); // Create orbital buttons const buttonData = [{ text: 'START', scene: 'GameScene' }, { text: 'OPTIONS', scene: 'OptionsMenu' }, { text: 'CREDITS', scene: null }]; // Create buttons in a circle const radius = 250; // Increased radius for wider orbit const buttonCount = buttonData.length; for (let i = 0; i < buttonCount; i++) { const angle = (i * 2 * Math.PI / buttonCount) + this.currentAngle; const horizontalStretch = Math.cos(angle) < 0 ? 1.5 : 1; // 1.5x wider on left side const x = 400 + (radius * Math.cos(angle) * horizontalStretch); const y = 300 + radius * Math.sin(angle); const button = this.add.text(x, y, buttonData[i].text, { fontSize: '32px', fill: '#ffffff', stroke: '#00ff00', strokeThickness: 2 }).setOrigin(0.5); button.targetScene = buttonData[i].scene; button.setInteractive(); button.on('pointerdown', () => { if (button === this.buttons[this.selectedButtonIndex]) { if (button.targetScene) { this.music.stop(); this.scene.start(button.targetScene); } } }); this.buttons.push(button); } // Add keyboard controls this.cursors = this.input.keyboard.addKeys({ left: Phaser.Input.Keyboard.KeyCodes.A, right: Phaser.Input.Keyboard.KeyCodes.D }); } update() { const rotationSpeed = 0.02; // Update gradient height with bopping effect this.gradientHeight = this.baseGradientHeight + Math.sin(this.time.now / 500) * 50; this.updateGradient(); // Update squares for (let i = this.squares.length - 1; i >= 0; i--) { const square = this.squares[i]; square.y -= 2; square.rotation += 0.02; // Remove squares that reach the gradient line if (square.y <= this.gradientHeight) { square.destroy(); this.squares.splice(i, 1); } } // Rotate buttons based on input if (this.cursors.left.isDown) { this.currentAngle -= rotationSpeed; } else if (this.cursors.right.isDown) { this.currentAngle += rotationSpeed; } // Update button positions const radius = 250; const verticalRadius = 80; // Increased vertical radius for more pronounced 3D effect this.buttons.forEach((button, index) => { const angle = (index * 2 * Math.PI / this.buttons.length) + this.currentAngle; // Calculate 3D-like position with wider left side const horizontalStretch = Math.cos(angle) < 0 ? 1.5 : 1; // 1.5x wider on left side const x = 400 + (radius * Math.cos(angle) * horizontalStretch); const baseY = 300; const yOffset = verticalRadius * Math.sin(angle); const y = baseY + yOffset; // Set depth based on y position const depth = Math.sin(angle); button.setPosition(x, y); button.setDepth(depth); // Calculate which button is in front const normalizedAngle = angle % (2 * Math.PI); if (normalizedAngle > Math.PI * 1.5 || normalizedAngle < Math.PI * 0.5) { this.selectedButtonIndex = index; button.setScale(1.2); button.setAlpha(1); } else { // Scale and alpha based on depth const scale = 0.8 - (0.2 * Math.abs(depth)); const alpha = 0.7 - (0.3 * Math.abs(depth)); button.setScale(scale); button.setAlpha(alpha); } }); } } // Add these methods to the MainMenu class MainMenu.prototype.updateGradient = function() { this.gradient.clear(); // Create gradient from neon red to black const gradientRect = new Phaser.Geom.Rectangle(0, 0, this.cameras.main.width, this.cameras.main.height); const color1 = 0xff0000; const color2 = 0x000000; this.gradient.fillGradientStyle(color1, color1, color2, color2, 1.0, 1.0, 0.0, 0.0); this.gradient.fillRect(0, 0, this.cameras.main.width, this.gradientHeight); // Fill the rest with black this.gradient.fillStyle(color2); this.gradient.fillRect(0, this.gradientHeight, this.cameras.main.width, this.cameras.main.height - this.gradientHeight); }; MainMenu.prototype.createSquare = function() { const square = this.add.rectangle( Phaser.Math.Between(0, this.cameras.main.width), this.cameras.main.height + 20, 10, 10, 0xff0000, 0.3 ); this.squares.push(square); }; class GameScene extends Phaser.Scene { constructor() { super({ key: 'GameScene' }); this.player = null; this.enemy = null; this.cursors = null; this.gameOver = false; this.survivalTime = 0; this.bestSurvivalTime = localStorage.getItem('bestSurvivalTime') || 0; // Special attack tracking this.bigShotLevel = 1; this.madDashLevel = 1; this.rainOfPainLevel = 1; this.currentSpecialAttack = null; } preload() { this.load.image('enemy', 'https://play.rosebud.ai/assets/A RED, ANGRY CIRCLE WITH A REALISTIC FACE.png?M17b'); this.load.image('player', 'https://play.rosebud.ai/assets/a square with a face.png?gn5B'); this.load.image('projectile', 'https://play.rosebud.ai/assets/Red Energy ball.png?Sw1X'); this.load.image('fist', 'https://play.rosebud.ai/assets/red realistic fist.png?4xil'); this.load.audio('gameplayMusic', 'https://play.rosebud.ai/assets/Random Access Canape.mp3?2qcx'); } create() { this.gameOver = false; this.survivalTime = 0; // Get selected track from localStorage const selectedTrack = localStorage.getItem('selectedTrack') || 'track1'; // Play selected gameplay music this.gameMusic = this.sound.add(selectedTrack, { loop: true, volume: 0.5 }); this.gameMusic.play(); // Add survival time text with improved styling this.timeText = this.add.text(16, 16, 'Time: 0s', { fontSize: '32px', fill: '#00ff00', stroke: '#000000', strokeThickness: 4 }); this.timeText.setDepth(1); // Add menu button const menuButton = this.add.text(700, 16, 'Menu', { fontSize: '24px', fill: '#ffffff', backgroundColor: '#ff0000', padding: { x: 10, y: 5 } }); menuButton.setInteractive({ useHandCursor: true }); menuButton.on('pointerover', () => menuButton.setAlpha(0.8)); menuButton.on('pointerout', () => menuButton.setAlpha(1)); this.menuButtonListener = () => { if (this.gameMusic) { this.gameMusic.stop(); this.gameMusic.destroy(); } // Store the button reference for cleanup const button = menuButton; // Remove the scene-level reference to prevent future access this.menuButtonListener = null; // Start the main menu scene this.scene.start('MainMenu'); // Clean up the button listener after scene transition is initiated if (button) { button.removeListener('pointerdown'); } }; menuButton.on('pointerdown', this.menuButtonListener); menuButton.setDepth(1); // Update survival time every second this.time.addEvent({ delay: 1000, callback: this.updateSurvivalTime, callbackScope: this, loop: true }); // Create trail graphics object this.trail = this.add.graphics(); this.trailPoints = []; this.maxTrailPoints = 10; // Length of the trail // Set the background color to black this.cameras.main.setBackgroundColor('#000000'); // Add player sprite with physics this.player = this.physics.add.sprite(400, 300, 'player'); this.player.setTint(0x00ff00); this.player.setDisplaySize(30, 30); this.player.setCollideWorldBounds(true); // Add enemy sprite this.enemy = this.physics.add.sprite(200, 200, 'enemy'); this.enemy.setScale(0.2); this.enemy.setCollideWorldBounds(true); // Create projectiles group this.projectiles = this.physics.add.group(); // Setup projectile timers this.time.addEvent({ delay: 2000, // Fire 3 projectiles every 2 seconds (was 3000) callback: this.shootMultipleProjectiles, callbackScope: this, loop: true }); // Additional timer for single shots this.time.addEvent({ delay: 667, // Fire 1 projectile every 0.667 seconds (was 1000) callback: this.shootSingleProjectile, callbackScope: this, loop: true }); // Special attack timer this.time.addEvent({ delay: 10000, callback: this.triggerSpecialAttack, callbackScope: this, loop: true }); // Add collision detection between player and enemy this.physics.add.overlap(this.player, this.enemy, this.handlePlayerDeath, null, this); this.physics.add.overlap(this.player, this.projectiles, this.handlePlayerDeath, null, this); // Add game over text (hidden by default) this.gameOverText = this.add.text(400, 300, 'GAME OVER\nClick to restart', { fontSize: '32px', fill: '#ff0000', align: 'center' }).setOrigin(0.5); this.gameOverText.setVisible(false); // Add click handler for restart this.restartListener = () => { if (this.gameOver) { if (this.gameMusic) { this.gameMusic.stop(); this.gameMusic.destroy(); } this.input.removeListener('pointerdown', this.restartListener); this.scene.restart(); } }; this.input.on('pointerdown', this.restartListener); // Setup WASD controls this.cursors = this.input.keyboard.addKeys({ up: Phaser.Input.Keyboard.KeyCodes.W, down: Phaser.Input.Keyboard.KeyCodes.S, left: Phaser.Input.Keyboard.KeyCodes.A, right: Phaser.Input.Keyboard.KeyCodes.D }); } shootMultipleProjectiles() { if (this.gameOver) return; // Calculate base angle towards player // Calculate player's future position based on velocity const predictionFactor = Math.random() < 0.7 ? 0.5 : 0; // 70% chance to predict const futureX = this.player.x + (this.player.body.velocity.x * predictionFactor); const futureY = this.player.y + (this.player.body.velocity.y * predictionFactor); const dx = futureX - this.enemy.x; const dy = futureY - this.enemy.y; const baseAngle = Math.atan2(dy, dx); // Create 3 projectiles with different angles for (let i = -1; i <= 1; i++) { const projectile = this.projectiles.create(this.enemy.x, this.enemy.y, 'projectile'); projectile.setDisplaySize(15, 15); // Spread the projectiles by adding a small angle offset const spreadAngle = baseAngle + (i * Math.PI / 8); // Set projectile velocity const projectileSpeed = 300; projectile.setVelocity( Math.cos(spreadAngle) * projectileSpeed, Math.sin(spreadAngle) * projectileSpeed ); // Rotate projectile to face direction of travel projectile.rotation = spreadAngle; // Destroy projectile after 2 seconds this.time.delayedCall(2000, () => { projectile.destroy(); }); } } shootSingleProjectile() { if (this.gameOver) return; const projectile = this.projectiles.create(this.enemy.x, this.enemy.y, 'projectile'); projectile.setDisplaySize(15, 15); // Calculate direction towards player // Calculate player's future position based on velocity const predictionFactor = Math.random() < 0.7 ? 0.5 : 0; // 70% chance to predict const futureX = this.player.x + (this.player.body.velocity.x * predictionFactor); const futureY = this.player.y + (this.player.body.velocity.y * predictionFactor); const dx = futureX - this.enemy.x; const dy = futureY - this.enemy.y; const angle = Math.atan2(dy, dx); // Set projectile velocity const projectileSpeed = 300; projectile.setVelocity( Math.cos(angle) * projectileSpeed, Math.sin(angle) * projectileSpeed ); // Rotate projectile to face direction of travel projectile.rotation = angle; // Destroy projectile after 2 seconds this.time.delayedCall(2000, () => { projectile.destroy(); }); } triggerSpecialAttack() { if (this.gameOver || this.currentSpecialAttack) return; const attacks = ['BIG_SHOT', 'MAD_DASH', 'RAIN_OF_PAIN', 'FIST_OF_FIRE']; const selectedAttack = attacks[Math.floor(Math.random() * attacks.length)]; switch (selectedAttack) { case 'BIG_SHOT': this.executeBigShot(); this.bigShotLevel++; break; case 'MAD_DASH': this.executeMadDash(); this.madDashLevel++; break; case 'RAIN_OF_PAIN': this.executeRainOfPain(); this.rainOfPainLevel++; break; case 'FIST_OF_FIRE': this.executeFistOfFire(); break; } } executeBigShot() { const spreadAngle = Math.PI / 6; // 30-degree spread between shots const baseAngle = Math.atan2(this.player.y - this.enemy.y, this.player.x - this.enemy.x); // Create big shots based on level for (let i = 0; i < this.bigShotLevel; i++) { const bigProjectile = this.projectiles.create(this.enemy.x, this.enemy.y, 'projectile'); bigProjectile.setDisplaySize(30, 30); // Calculate angle for this projectile let angle; if (this.bigShotLevel === 1) { angle = baseAngle; } else { // Spread the shots evenly angle = baseAngle - (spreadAngle / 2) + (spreadAngle * i / (this.bigShotLevel - 1)); } // Set high velocity for big shot const projectileSpeed = 400; bigProjectile.setVelocity( Math.cos(angle) * projectileSpeed, Math.sin(angle) * projectileSpeed ); // Check for world bounds collision bigProjectile.body.onWorldBounds = true; bigProjectile.body.world.on('worldbounds', (body) => { if (body.gameObject === bigProjectile) { this.createExplosion(bigProjectile.x, bigProjectile.y); bigProjectile.destroy(); } }); bigProjectile.setCollideWorldBounds(true); } } createExplosion(x, y) { const projectilesCount = this.bigShotLevel; const angleStep = (Math.PI * 2) / (projectilesCount * 8); for (let i = 0; i < projectilesCount * 8; i++) { const projectile = this.projectiles.create(x, y, 'projectile'); projectile.setDisplaySize(15, 15); const angle = angleStep * i; const speed = 200; projectile.setVelocity( Math.cos(angle) * speed, Math.sin(angle) * speed ); this.time.delayedCall(2000, () => { projectile.destroy(); }); } } executeMadDash() { this.currentSpecialAttack = 'MAD_DASH'; let bounceCount = 0; const maxBounces = 10 * this.madDashLevel; const dashSpeed = 600; // Store original tint and make Gary more red const originalTint = this.enemy.tintTopLeft; this.enemy.setTint(0xff0000); const performDash = () => { if (bounceCount >= maxBounces || this.gameOver) { this.currentSpecialAttack = null; return; } // Random direction const angle = Math.random() * Math.PI * 2; this.enemy.setVelocity( Math.cos(angle) * dashSpeed, Math.sin(angle) * dashSpeed ); bounceCount++; // Random delay before next direction change this.time.delayedCall(500 + Math.random() * 1000, performDash); }; performDash(); // Reset Gary's appearance and behavior after MAD DASH ends this.time.delayedCall(maxBounces * 1500, () => { this.enemy.setTint(originalTint); }); } executeRainOfPain() { this.currentSpecialAttack = 'RAIN_OF_PAIN'; const originalY = this.enemy.y; // Calculate landing position first const targetX = Phaser.Math.Between(100, 700); // Create landing indicator const indicator = this.add.graphics(); indicator.lineStyle(2, 0xff0000); indicator.strokeCircle(targetX, originalY, 40); // Add pulsing effect to the indicator this.tweens.add({ targets: indicator, alpha: { from: 0.2, to: 1 }, duration: 500, yoyo: true, repeat: 1, onComplete: () => { indicator.destroy(); } }); // Jump up this.enemy.y -= 200; // After a delay, slam down and create projectile waves this.time.delayedCall(1000, () => { this.enemy.x = targetX; this.enemy.y = originalY; // Create multiple waves based on level for (let wave = 0; wave < this.rainOfPainLevel; wave++) { this.time.delayedCall(wave * 200, () => { const projectilesPerWave = 16; const angleStep = (Math.PI * 2) / projectilesPerWave; for (let i = 0; i < projectilesPerWave; i++) { const projectile = this.projectiles.create(this.enemy.x, this.enemy.y, 'projectile'); projectile.setDisplaySize(15, 15); const angle = angleStep * i; const speed = 300 - (wave * 30); // Each wave is slightly slower projectile.setVelocity( Math.cos(angle) * speed, Math.sin(angle) * speed ); this.time.delayedCall(2000, () => { projectile.destroy(); }); } }); } }); // Reset special attack state after complete this.time.delayedCall(2000, () => { this.currentSpecialAttack = null; }); } executeFistOfFire() { this.currentSpecialAttack = 'FIST_OF_FIRE'; const numFists = 3; // Base number of fists const fists = []; // Create fists in a circle around Gary for (let i = 0; i < numFists; i++) { const angle = (i * 2 * Math.PI / numFists); const radius = 100; const x = this.enemy.x + Math.cos(angle) * radius; const y = this.enemy.y + Math.sin(angle) * radius; const fist = this.add.image(x, y, 'fist'); fist.setScale(0.15); fist.setOrigin(0.5); fist.rotation = angle + Math.PI / 2; fists.push(fist); } // Function to make a single fist punch const punchWithFist = (fist, index) => { if (this.gameOver) { fist.destroy(); return; } // Calculate direction to player const dx = this.player.x - fist.x; const dy = this.player.y - fist.y; const angle = Math.atan2(dy, dx); // Rotate fist to face player fist.rotation = angle + Math.PI / 2; // Create punch tween this.tweens.add({ targets: fist, x: this.player.x, y: this.player.y, duration: 500, ease: 'Cubic.easeIn', onComplete: () => { // Screen shake this.cameras.main.shake(100, 0.005); // Create hit area for collision detection const hitArea = new Phaser.Geom.Circle(fist.x, fist.y, 30); if (Phaser.Geom.Circle.Contains(hitArea, this.player.x, this.player.y)) { this.handlePlayerDeath(); } // Destroy the fist fist.destroy(); // Check if all fists are done if (index === fists.length - 1) { this.currentSpecialAttack = null; } } }); }; // Launch fists one by one with delays fists.forEach((fist, index) => { this.time.delayedCall(index * 300, () => { punchWithFist(fist, index); }); }); } handlePlayerDeath() { if (this.gameOver) return; // Prevent multiple calls this.gameOver = true; this.player.setTint(0xff0000); this.player.setVelocity(0, 0); if (this.gameMusic) { this.gameMusic.stop(); this.gameMusic.destroy(); } // Update best survival time if current time is better if (this.survivalTime > this.bestSurvivalTime) { this.bestSurvivalTime = this.survivalTime; localStorage.setItem('bestSurvivalTime', this.bestSurvivalTime); } this.enemy.setVelocity(0, 0); this.gameOverText.setVisible(true); } update() { if (this.gameOver) { return; } // Update trail this.trailPoints.unshift({ x: this.player.x, y: this.player.y }); if (this.trailPoints.length > this.maxTrailPoints) { this.trailPoints.pop(); } // Draw trail this.trail.clear(); for (let i = 0; i < this.trailPoints.length - 1; i++) { const alpha = 1 - (i / this.maxTrailPoints); const lineWidth = 6 - (i * 0.5); this.trail.lineStyle(lineWidth, 0x00ff00, alpha * 0.5); this.trail.beginPath(); this.trail.moveTo(this.trailPoints[i].x, this.trailPoints[i].y); this.trail.lineTo(this.trailPoints[i + 1].x, this.trailPoints[i + 1].y); this.trail.strokePath(); } const speed = 400; // Handle player movement if (this.cursors.left.isDown) { this.player.setVelocityX(-speed); } else if (this.cursors.right.isDown) { this.player.setVelocityX(speed); } else { this.player.setVelocityX(0); } if (this.cursors.up.isDown) { this.player.setVelocityY(-speed); } else if (this.cursors.down.isDown) { this.player.setVelocityY(speed); } else { this.player.setVelocityY(0); } // Gary's AI - follow the player only when not in MAD DASH if (this.currentSpecialAttack !== 'MAD_DASH') { const enemySpeed = 150; const dx = this.player.x - this.enemy.x; const dy = this.player.y - this.enemy.y; const angle = Math.atan2(dy, dx); // Move Gary toward the player this.enemy.setVelocityX(Math.cos(angle) * enemySpeed); this.enemy.setVelocityY(Math.sin(angle) * enemySpeed); // Rotate Gary to face the player this.enemy.rotation = angle; } } } class OptionsMenu extends Phaser.Scene { constructor() { super({ key: 'OptionsMenu' }); } preload() { this.load.audio('track1', 'https://play.rosebud.ai/assets/Random Access Canape.mp3?2qcx'); this.load.audio('track2', 'https://play.rosebud.ai/assets/Hit the Dawg.mp3?v76k'); this.load.audio('track3', 'https://play.rosebud.ai/assets/Santa The Barbarian.mp3?g4NH'); this.load.audio('track4', 'https://play.rosebud.ai/assets/Shrinkin\' Heads.mp3?bSFv'); } create() { const bestTime = localStorage.getItem('bestSurvivalTime') || 0; // Add title this.add.text(400, 100, 'Music Options', { fontSize: '32px', fill: '#fff' }).setOrigin(0.5); // Track listings // Add selected track info to localStorage if not set if (!localStorage.getItem('selectedTrack')) { localStorage.setItem('selectedTrack', 'track1'); } const tracks = [{ name: 'Random Access Canape', unlockTime: 0, key: 'track1' }, { name: 'Hit the Dawg', unlockTime: 25, key: 'track2' }, { name: 'Santa The Barbarian', unlockTime: 35, key: 'track3' }, { name: 'Shrinkin\' Heads', unlockTime: 45, key: 'track4' }]; tracks.forEach((track, index) => { const y = 200 + (index * 80); const unlocked = bestTime >= track.unlockTime; const text = `${track.name} ${unlocked ? '[UNLOCKED]' : `[Survive ${track.unlockTime}s]`}`; const color = unlocked ? '#00ff00' : '#ff0000'; const trackText = this.add.text(400, y, text, { fontSize: '24px', fill: color, stroke: '#ffffff', strokeThickness: 0 }).setOrigin(0.5); if (unlocked) { // Make track text interactive trackText.setInteractive({ useHandCursor: true }); // Add hover effects trackText.on('pointerover', () => { trackText.setStyle({ strokeThickness: 2, stroke: '#ffffff' }); this.tweens.add({ targets: trackText, scaleX: 1.1, scaleY: 1.1, duration: 200 }); }); trackText.on('pointerout', () => { trackText.setStyle({ strokeThickness: 0, stroke: '#ffffff' }); this.tweens.add({ targets: trackText, scaleX: 1, scaleY: 1, duration: 200 }); }); // Add click handler trackText.on('pointerdown', () => { localStorage.setItem('selectedTrack', track.key); // Visual feedback for selection tracks.forEach(t => { const otherTrackText = this.children.list.find( child => child.text && child.text.includes(t.name) ); if (otherTrackText) { otherTrackText.setStyle({ fill: t.key === track.key ? '#ffff00' : (bestTime >= t.unlockTime ? '#00ff00' : '#ff0000') }); } }); }); // Highlight currently selected track if (track.key === localStorage.getItem('selectedTrack')) { trackText.setStyle({ fill: '#ffff00' }); } } }); // Back button const backButton = this.add.text(400, 500, 'Back to Menu', { fontSize: '24px', fill: '#fff' }).setOrigin(0.5); backButton.setInteractive(); backButton.on('pointerdown', () => { this.scene.start('MainMenu'); }); } } // Add method to GameScene class GameScene.prototype.updateSurvivalTime = function() { if (!this.gameOver) { this.survivalTime++; // Format time to show minutes and seconds const minutes = Math.floor(this.survivalTime / 60); const seconds = this.survivalTime % 60; const timeString = `${minutes}:${seconds.toString().padStart(2, '0')}`; this.timeText.setText(`Time: ${timeString}`); } }; const config = { type: Phaser.AUTO, parent: 'renderDiv', scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, width: 800, height: 600, scene: [MainMenu, OptionsMenu, GameScene], physics: { default: 'arcade', arcade: { gravity: { y: 0 }, debug: false } } }; window.phaserGame = new Phaser.Game(config);