const SUPABASE_URL = 'https://xapjmlayvpukqnkghihs.supabase.co'; const SUPABASE_ANON_KEY = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InhhcGptbGF5dnB1a3Fua2doaWhzIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NDMwNDE5MTEsImV4cCI6MjA1ODYxNzkxMX0.Pyr8WcgHp1hhHV-AwljNW9JXEHZiZJkY6iaiauMhSPQ'; const APP_NAME = window.APP_NAME || 'MyAppTemplate'; async function loadSupabase() { if (!window.supabase) { await new Promise((resolve) => { const script = document.createElement("script"); script.src = "https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2"; script.onload = resolve; document.head.appendChild(script); }); } // Define a custom fetch wrapper that adds a custom header using APP_NAME. const customFetch = async (input, init = {}) => { init.headers = { ...init.headers, 'x-custom-user-agent': APP_NAME }; return fetch(input, init); }; return window.supabase.createClient(SUPABASE_URL, SUPABASE_ANON_KEY, { fetch: customFetch }); } class RaceInvaders extends Phaser.Scene { constructor() { super(); this.gameState = 'start'; // 'start', 'playing', 'gameover' this.currentDavid = null; // Track current David character this.supabase = null; // Will store the Supabase client this.initSupabase(); // Initialize Supabase this.isCountdownActive = false; this.isCreatingWave = false; this.isInvulnerable = false; this.player = null; this.enemies = null; this.bullets = null; this.lifeEnergySpawnedThisWave = false; this.currentWave = 0; this.maxWaves = Infinity; // Set to Infinity for endless waves this.bombs = null; this.bombCount = 3; // Track number of bombs available this.lives = 4; this.lifeSprites = []; this.lastFired = 0; this.bombAvailable = true; this.bombIcon = null; this.shieldSprite = null; this.shieldActive = false; this.shieldCooldown = false; this.shieldAura = null; this.cooldownBar = null; this.cooldownTimer = null; this.score = 0; this.scoreText = null; this.track = null; } async initSupabase() { try { this.supabase = await loadSupabase(); console.log('Supabase initialized successfully'); } catch (error) { console.error('Failed to initialize Supabase:', error); } } preload() { // Load david character this.load.image('davidlach', 'https://play.rosebud.ai/assets/davidlach.png?WV3i'); // Load start screen music this.load.audio('startMusic', 'https://play.rosebud.ai/assets/startmusic.mp3?Pzwu'); // Load counting sounds this.load.audio('count', 'https://play.rosebud.ai/assets/count.wav?Dumk'); this.load.audio('finalcount', 'https://play.rosebud.ai/assets/finalcount.mp3?I7Sj'); // Load video background for start screen with crossOrigin this.load.video('startscreen', 'https://play.rosebud.ai/assets/startscreen.mp4?kzCn', 'loadeddata', true, true); // Load button sound this.load.audio('buttonSound', 'https://play.rosebud.ai/assets/button.wav?zTeN'); // Load all generated assets this.load.audio('bosshit', 'https://play.rosebud.ai/assets/bosshit.mp3?5sZi'); this.load.audio('bossmusic', 'https://play.rosebud.ai/assets/bossmusic.mp3?UzGI'); this.load.audio('gameoversound', 'https://play.rosebud.ai/assets/gameoversound.mp3?ixj3'); this.load.audio('explosion', 'https://play.rosebud.ai/assets/explosion.mp3?nRJx'); this.load.audio('bgMusic', 'https://play.rosebud.ai/assets/asphalt.mp3?kPuF'); this.load.audio('destroyed', 'https://play.rosebud.ai/assets/destroyed.mp3?zGOP'); this.load.audio('collected', 'https://play.rosebud.ai/assets/collected.mp3?6DrS'); this.load.audio('bombSound', 'https://play.rosebud.ai/assets/bombsound.mp3?Sugt'); this.load.audio('bombcollectsound', 'https://play.rosebud.ai/assets/zzz.mp3?H6A9'); this.load.audio('reloaded', 'https://play.rosebud.ai/assets/reloaded.mp3?UfOz'); this.load.audio('shieldSound', 'https://play.rosebud.ai/assets/shieldsound.mp3?0T4k'); this.load.audio('fallsound', 'https://play.rosebud.ai/assets/fallsound.mp3?6MoL'); this.load.image('bombicon', 'https://play.rosebud.ai/assets/bombicon.png?tW9A'); this.load.image('superlogo', 'https://play.rosebud.ai/assets/superlogo.png?IHGx'); this.load.image('memefrosch', 'https://play.rosebud.ai/assets/newfrosch.png?ZtOq'); this.load.image('seedschutz', 'https://play.rosebud.ai/assets/seedschutz.png?drMv'); this.load.image('superseed', 'https://play.rosebud.ai/assets/superseed.gif?OmVR'); this.load.image('track', 'https://play.rosebud.ai/assets/track.jpg?xmN3'); this.load.image('projectile', 'https://play.rosebud.ai/assets/ether.png?Zqq9'); this.load.image('playerCar', 'https://play.rosebud.ai/assets/carmain.png?ojPK'); this.load.image('invader', 'https://play.rosebud.ai/assets/invader.png?fRkC'); this.load.image('etherenemy', 'https://play.rosebud.ai/assets/etherenemy.png?yfUP'); this.load.audio('rocketSound', 'https://play.rosebud.ai/assets/rocketsound.mp3?lKgg'); this.load.image('blackcoin', 'https://play.rosebud.ai/assets/blackcoin.png?uqca'); this.load.image('bitcoin', 'https://play.rosebud.ai/assets/bitcoin.png?Hgfg'); this.load.image('air1', 'https://play.rosebud.ai/assets/air1.png?kRg4'); this.load.image('air2', 'https://play.rosebud.ai/assets/air2.png?Yk0B'); this.load.image('bitgoblin', 'https://play.rosebud.ai/assets/bitgoblinnew.png?m74n'); this.load.image('endship', 'https://play.rosebud.ai/assets/endship.png?Gq79'); this.load.image('endshipleft', 'https://play.rosebud.ai/assets/endshipleft.png?IAd3'); this.load.image('endshipright', 'https://play.rosebud.ai/assets/endshipright.png?F27F'); this.load.image('plasmashots', 'https://play.rosebud.ai/assets/plasmashots.png?9ziG'); this.load.image('over', 'https://play.rosebud.ai/assets/over.png?BkbX'); this.load.image('fireballs', 'https://play.rosebud.ai/assets/fireballs.png?u25I'); this.load.image('funkennew', 'https://play.rosebud.ai/assets/funkennew.png?KHhj'); this.load.audio('carcrash', 'https://play.rosebud.ai/assets/carcrash.mp3?qtjx'); this.load.audio('frogsound', 'https://play.rosebud.ai/assets/frogsound.mp3?x44V'); this.load.audio('airdropsound', 'https://play.rosebud.ai/assets/airdropsound.mp3?woE9'); // Load countdown sound this.load.audio('countdown', 'https://play.rosebud.ai/assets/countdown.mp3?Kk82'); this.load.audio('robotcoundown', 'https://play.rosebud.ai/assets/robotcoundown.mp3?KPJ8'); } create() { this.createStartScreen(); // Only animate David if we're in start state if (this.gameState === 'start') { this.animateDavidCharacter(); } } createStartScreen() { // Create david character animation timer this.davidTimer = this.time.addEvent({ delay: 20000, // 20 seconds callback: () => { if (this.gameState === 'start') { this.animateDavidCharacter(); } }, callbackScope: this, loop: true }); // Play start screen music this.sound.play('startMusic', { loop: true, volume: 0.5 }); // Create video background for start screen this.startVideo = this.add.video(400, 300, 'startscreen'); this.startVideo.setDisplaySize(800, 600); this.startVideo.setLoop(true); this.startVideo.play(); // Add start button // Create shadow button background const shadowBg = this.add.graphics(); shadowBg.fillStyle(0xFFD700, 0.5); shadowBg.fillRoundedRect(100, 140, 160, 45, 15); // Create shadow text this.startButtonShadow = this.add.text(180, 162, 'START GAME', { fontSize: '22.4px', fill: '#FFD700', fontFamily: 'cursive' }).setOrigin(0.5); // Create main button background const buttonBg = this.add.graphics(); buttonBg.fillStyle(0x48D1CC, 1); buttonBg.fillRoundedRect(100, 140, 160, 45, 15); // Create the main button text this.startButton = this.add.text(180, 162, 'START GAME', { fontSize: '22.4px', fill: '#fff', fontFamily: 'cursive' }).setOrigin(0.5); // Add pulsating animation to the shadow this.tweens.add({ targets: this.startButtonShadow, alpha: { from: 0.2, to: 0.8 }, scale: { from: 1, to: 1.1 }, duration: 1500, yoyo: true, repeat: -1, ease: 'Sine.easeInOut' }); // Add leaderboard button this.leaderboardButton = this.add.text(600, 30, 'LEADERBOARD', { fontSize: '22.4px', fill: '#fff', padding: { x: 14, y: 7 } }); this.leaderboardButton.setInteractive(); // Add hover effect for leaderboard button this.leaderboardButton.on('pointerover', () => { this.leaderboardButton.setStyle({ fill: '#ff0' }); }); this.leaderboardButton.on('pointerout', () => { this.leaderboardButton.setStyle({ fill: '#fff' }); }); // Add click handler for leaderboard button this.leaderboardButton.on('pointerdown', async () => { const buttonSound = this.sound.add('buttonSound', { volume: 0.5 }); buttonSound.play(); // Create overlay for leaderboard const overlay = this.add.rectangle(400, 300, 800, 600, 0x000000, 0.9); overlay.setInteractive(); // Add title const title = this.add.text(400, 50, 'LEADERBOARD', { fontSize: '32px', fill: '#fff', align: 'center' }).setOrigin(0.5); try { // Fetch top 10 scores const { data: scores, error } = await this.supabase .from('high_scores') .select('*') .order('score', { ascending: false }) .limit(10); if (error) throw error; // Display scores const scoreTexts = []; scores.forEach((score, index) => { const scoreText = this.add.text(400, 120 + (index * 45), `${index + 1}. ${score.player_name.padEnd(15)} ${score.score.toString().padStart(8)} Wave: ${score.wave_reached}`, { fontSize: '24px', fill: index < 3 ? '#ff0' : '#fff', align: 'center' }).setOrigin(0.5); scoreTexts.push(scoreText); }); // Add close button const closeButton = this.add.text(400, 550, 'CLOSE', { fontSize: '24px', fill: '#fff', backgroundColor: '#000', padding: { x: 20, y: 10 } }).setOrigin(0.5); closeButton.setInteractive(); // Add hover effect for close button closeButton.on('pointerover', () => closeButton.setStyle({ fill: '#ff0' })); closeButton.on('pointerout', () => closeButton.setStyle({ fill: '#fff' })); const closeLeaderboard = () => { overlay.destroy(); title.destroy(); closeButton.destroy(); scoreTexts.forEach(text => text.destroy()); }; // Add click handlers closeButton.on('pointerdown', closeLeaderboard); overlay.on('pointerdown', closeLeaderboard); } catch (error) { console.error('Error fetching leaderboard:', error); } }); // Add controls button // Create controls button background with rounded corners const controlsBg = this.add.graphics(); controlsBg.fillStyle(0x48D1CC, 1); controlsBg.fillRoundedRect(100, 302, 160, 45, 15); // Create the controls button text this.controlsButton = this.add.text(180, 324, 'CONTROLS', { fontSize: '22.4px', fill: '#fff', fontFamily: 'cursive' }).setOrigin(0.5); this.controlsButton.setInteractive(); // Add hover effect for controls button this.controlsButton.on('pointerover', () => { controlsBg.clear(); controlsBg.fillStyle(0x48D1CC, 1); controlsBg.fillRoundedRect(100, 302, 160, 45, 15); this.controlsButton.setStyle({ fill: '#ff0' }); }); this.controlsButton.on('pointerout', () => { controlsBg.clear(); controlsBg.fillStyle(0x48D1CC, 1); controlsBg.fillRoundedRect(100, 302, 160, 45, 15); this.controlsButton.setStyle({ fill: '#fff' }); }); // Add click handler for controls button this.controlsButton.on('pointerdown', () => { const buttonSound = this.sound.add('buttonSound', { volume: 0.5 }); buttonSound.play(); // Create controls explanation overlay const overlay = this.add.rectangle(400, 300, 800, 600, 0x000000, 0.8); overlay.setInteractive(); const closeControls = () => { overlay.destroy(); controlsText.destroy(); }; overlay.on('pointerdown', closeControls); const controlsText = this.add.text(400, 300, "GAME CONTROLS:\n\n" + "← → : Move Left/Right\n" + "SPACE : Shoot\n" + "B : Use Bomb\n" + "V : Activate Shield\n\n" + "Click anywhere to close", { fontSize: '24px', fill: '#fff', align: 'center' }).setOrigin(0.5); // Make text clickable to close controlsText.setInteractive(); controlsText.on('pointerdown', closeControls); }); // Create story button background with rounded corners const storyBg = this.add.graphics(); storyBg.fillStyle(0x48D1CC, 1); storyBg.fillRoundedRect(100, 462, 160, 45, 15); // Create the story button text this.storyButton = this.add.text(180, 484, 'STORY', { fontSize: '22.4px', fill: '#fff', fontFamily: 'cursive' }).setOrigin(0.5); this.storyButton.setInteractive(); // Add hover effect for story button this.storyButton.on('pointerover', () => { storyBg.clear(); storyBg.fillStyle(0x48D1CC, 1); storyBg.fillRoundedRect(100, 462, 160, 45, 15); this.storyButton.setStyle({ fill: '#ff0' }); }); this.storyButton.on('pointerout', () => { storyBg.clear(); storyBg.fillStyle(0x48D1CC, 1); storyBg.fillRoundedRect(100, 462, 160, 45, 15); this.storyButton.setStyle({ fill: '#fff' }); }); // Add click handler for story button this.storyButton.on('pointerdown', () => { // Destroy current David character and clear timer if exists if (this.currentDavid) { this.currentDavid.destroy(); if (this.davidTimer) { this.davidTimer.remove(); } } const buttonSound = this.sound.add('buttonSound', { volume: 0.5 }); buttonSound.play(); // Create story overlay with darker background const overlay = this.add.rectangle(400, 300, 800, 600, 0x000000, 0.9); let currentPage = 1; const page1Text = this.add.text(400, 300, "The Launch of the SuperSeed Blockchain is Imminent\n\n" + "In the year 2025, the blockchain ecosystem stands at a crossroads. The race\n" + "to solve the limitations of scalability and liquidity has pushed innovation\n" + "to its limits. Among these innovations, one name rises above the rest:\n" + "Superseed—a revolutionary Layer-2 blockchain designed to seamlessly transform\n" + "debt into liquidity, offering unprecedented speed and financial flexibility.\n\n" + ">>", { fontSize: '20px', fill: '#fff', align: 'center', lineSpacing: 5, wordWrap: { width: 700 } }).setOrigin(0.5); const page2Text = this.add.text(400, 300, "A Test of Unbreakable Security\n\n" + "For a brief moment, it seemed like the future was secure. Superseed promised\n" + "to redefine how we interact with digital assets, creating a world where no\n" + "one would ever be trapped by illiquidity again. But perfection rarely goes\n" + "unchallenged.\n\n" + ">>", { fontSize: '20px', fill: '#fff', align: 'center', lineSpacing: 5, wordWrap: { width: 700 } }).setOrigin(0.5); const page3Text = this.add.text(400, 300, "The Invasion Begins\n\n" + "Without warning, they arrived. An invasion unlike any before—disguised,\n" + "cunning, and relentless. These Invaders, masquerading as Staked ETH, seek\n" + "to destabilize Superseed's promise by trapping users in illiquid positions.\n" + "Behind them lurk the Bitgoblins, ruthless opportunists scheming to trade\n" + "fraudulent, low-value Bitcoin for control over the new financial ecosystem.\n\n" + ">>", { fontSize: '20px', fill: '#fff', align: 'center', lineSpacing: 5, wordWrap: { width: 700 } }).setOrigin(0.5); const page4Text = this.add.text(400, 300, "The Mothership's Arrival\n\n" + "The Layer-1 mothership brought them all to us. The mission is clear: destroy\n" + "as many motherships as possible—because if we fail, this will be our end.\n\n" + "But there is hope.\n\n" + ">>", { fontSize: '20px', fill: '#fff', align: 'center', lineSpacing: 5, wordWrap: { width: 700 } }).setOrigin(0.5); const page5Text = this.add.text(400, 300, "The Perfect Trap\n\n" + "Loan Driver Dave has a brilliant plan. Known for his unorthodox strategies,\n" + "Dave aims to lure the Invaders to a single location before they spread across\n" + "the globe. His chosen battleground? A Nascar racetrack. With its tight turns\n" + "and high speeds, it's the perfect trap to corral the enemy.\n\n" + ">>", { fontSize: '20px', fill: '#fff', align: 'center', lineSpacing: 5, wordWrap: { width: 700 } }).setOrigin(0.5); const page6Text = this.add.text(400, 300, "The Final Stand\n\n" + "Time is running out. The Invaders grow bolder, their deceptions more elaborate.\n" + "But Dave knows the truth: if they can be stopped here, the promise of\n" + "Superseed will shine brighter than ever .. unlocking the dream of financial\n" + "freedom for millions.\n\n" + "The hunt begins.\n\n" + "Click anywhere to close", { fontSize: '20px', fill: '#fff', align: 'center', lineSpacing: 5, wordWrap: { width: 700 } }).setOrigin(0.5); // Initialize story UI elements const closeHitArea = new Phaser.Geom.Rectangle(740, 140, 40, 40); // Initialize pages first (page1Text through page6Text) // Remove redundant hover effect code since it's already handled above // Remove redundant pointerout code since it's already handled above // Remove redundant click handler since it's for story close // Initially hide all pages except the first page2Text.setVisible(false); page3Text.setVisible(false); page4Text.setVisible(false); page5Text.setVisible(false); page6Text.setVisible(false); // Make all texts interactive with specific hit area page1Text.setInteractive({ useHandCursor: true }); page2Text.setInteractive({ useHandCursor: true }); page3Text.setInteractive({ useHandCursor: true }); page4Text.setInteractive({ useHandCursor: true }); page5Text.setInteractive({ useHandCursor: true }); page6Text.setInteractive({ useHandCursor: true }); const closeStory = () => { overlay.destroy(); page1Text.destroy(); page2Text.destroy(); page3Text.destroy(); page4Text.destroy(); page5Text.destroy(); page6Text.destroy(); // Resume David animation and timer after story closes this.davidTimer = this.time.addEvent({ delay: 20000, callback: () => { if (this.gameState === 'start') { this.animateDavidCharacter(); } }, callbackScope: this, loop: true }); this.animateDavidCharacter(); }; // Navigation handlers page1Text.on('pointerdown', () => { page1Text.setVisible(false); page2Text.setVisible(true); currentPage = 2; // Play button sound const buttonSound = this.sound.add('buttonSound', { volume: 0.5 }); buttonSound.play(); }); page2Text.on('pointerdown', () => { page2Text.setVisible(false); page3Text.setVisible(true); currentPage = 3; // Play button sound const buttonSound = this.sound.add('buttonSound', { volume: 0.5 }); buttonSound.play(); }); page3Text.on('pointerdown', () => { page3Text.setVisible(false); page4Text.setVisible(true); currentPage = 4; // Play button sound const buttonSound = this.sound.add('buttonSound', { volume: 0.5 }); buttonSound.play(); }); page4Text.on('pointerdown', () => { page4Text.setVisible(false); page5Text.setVisible(true); currentPage = 5; // Play button sound const buttonSound = this.sound.add('buttonSound', { volume: 0.5 }); buttonSound.play(); }); page5Text.on('pointerdown', () => { page5Text.setVisible(false); page6Text.setVisible(true); currentPage = 6; // Play button sound const buttonSound = this.sound.add('buttonSound', { volume: 0.5 }); buttonSound.play(); }); // Story can now only be closed by clicking the page navigation or overlay // Add page navigation handler page6Text.on('pointerdown', (event) => { closeStory(); // Close story when clicking anywhere on the last page }); // Make overlay clickable to close // Make overlay clickable to close overlay.setInteractive(); overlay.on('pointerdown', (event) => { // Only close if clicking on the overlay itself (not on text or buttons) if (event.target === overlay) { closeStory(); } }); }); this.startButton.setInteractive(); // Add hover effect this.startButton.on('pointerover', () => { buttonBg.clear(); buttonBg.fillStyle(0x48D1CC, 1); buttonBg.fillRoundedRect(100, 140, 160, 45, 15); this.startButton.setStyle({ fill: '#ff0' }); }); this.startButton.on('pointerout', () => { buttonBg.clear(); buttonBg.fillStyle(0x48D1CC, 1); buttonBg.fillRoundedRect(100, 140, 160, 45, 15); this.startButton.setStyle({ fill: '#fff' }); }); // Add click handler this.startButton.on('pointerdown', () => { // Destroy current David character if it exists if (this.currentDavid) { this.currentDavid.destroy(); // Clear the David animation timer if it exists if (this.davidTimer) { this.davidTimer.remove(); } } // Play button sound and attach completion handler const buttonSound = this.sound.add('buttonSound', { volume: 0.5 }); buttonSound.on('complete', () => { this.startButton.destroy(); this.startVideo.destroy(); this.sound.stopAll(); // Stop all current sounds including start music this.gameState = 'playing'; this.initializeGame(); }); buttonSound.play(); }); } animateDavidCharacter() { // If there's an existing David character, destroy it if (this.currentDavid) { this.currentDavid.destroy(); } // Create new david character at bottom right const david = this.add.sprite(750, 650, 'davidlach'); david.setScale(0.4); david.setDepth(1); // Ensure it appears above other elements david.setAlpha(1); // Ensure full visibility // Store reference to current David this.currentDavid = david; // First tween: Move up this.tweens.add({ targets: david, y: 300, // Move to middle of screen (600/2) duration: 4000, ease: 'Linear', onComplete: () => { // Add delay before destroying this.time.delayedCall(20000, () => { // Changed to 20000 for 20 seconds david.destroy(); }); } }); } initializeGame() { // Create tire spark emitters for left and right wheels this.leftTireEmitter = this.add.particles('ether').createEmitter({ scale: { start: 0.05, end: 0 }, alpha: { start: 1, end: 0 }, speed: { min: 50, max: 150 }, angle: { min: -160, max: -200 }, lifespan: 300, tint: [0xffffff, 0xffff00, 0xff8800], quantity: 2, frequency: 30, on: false }); this.rightTireEmitter = this.add.particles('ether').createEmitter({ scale: { start: 0.05, end: 0 }, alpha: { start: 1, end: 0 }, speed: { min: 50, max: 150 }, angle: { min: -160, max: -200 }, lifespan: 300, tint: [0xffffff, 0xffff00, 0xff8800], quantity: 2, frequency: 30, on: false }); // Create particle managers for left and right movement this.leftSparkEmitter = this.add.particles('funkennew').createEmitter({ scale: { start: 6.0, end: 3.0 }, alpha: { start: 1, end: 0 }, speed: { min: 100, max: 200 }, angle: { min: -15, max: 15 }, lifespan: 300, quantity: 2, frequency: 30, on: false, tint: 0xffff00 }); this.rightSparkEmitter = this.add.particles('funkennew').createEmitter({ scale: { start: 6.0, end: 3.0 }, alpha: { start: 1, end: 0 }, speed: { min: 100, max: 200 }, angle: { min: 165, max: 195 }, lifespan: 300, quantity: 2, frequency: 30, on: false, tint: 0xffff00 }); // Start background music this.sound.play('bgMusic', { loop: true, volume: 0.5 }); // Create track background this.track = this.add.tileSprite(400, 300, 800, 600, 'track'); // Player car const playerWidth = 50; const playerHeight = 60; this.player = this.add.sprite(400, 500, 'playerCar'); const playerScale = Math.min(playerWidth / this.player.width, playerHeight / this.player.height); this.player.setScale(playerScale); // Enable physics on player this.physics.add.existing(this.player, false); this.player.body.setCollideWorldBounds(true); this.player.body.setImmovable(true); this.player.body.setAllowGravity(false); // Create enemy group this.enemies = this.physics.add.group(); this.createEnemies(); // Create bombs group this.bombs = this.physics.add.group(); // Timer for bomb spawning this.time.addEvent({ delay: 30000, // Spawn bombs every 30 seconds instead of 45 callback: this.spawnBomb, callbackScope: this, loop: true }); // Create bullet group this.bullets = this.physics.add.group(); // Collision detection this.physics.add.collider(this.bullets, this.enemies, this.hitEnemy, null, this); // Modified collision handler for enemies this.physics.add.collider(this.player, this.enemies, (player, enemy) => { if (!enemy.isBoss) { this.gameOver(); } }, null, this); // Score this.scoreText = this.add.text(16, 16, '$SUPR', { fontSize: '24px', fill: '#fff', fontFamily: 'cursive', fontStyle: 'italic' }); this.scoreValue = this.add.text(16, 45, '0', { fontSize: '32px', fill: '#00ffff', fontFamily: 'Arial' }); // Lives display const lifeScale = 0.4; // Scale for blackcoin const spacing = 40; // Slightly reduced spacing between indicators for (let i = 0; i < 4; i++) { const life = this.add.image(30 + (i * spacing), 570, 'blackcoin'); life.setScale(lifeScale); this.lifeSprites.push(life); } // Add superlogo to top right const logo = this.add.image(760, 20, 'superlogo'); logo.setScale(0.8); // Add superseed below superlogo const seedLogo = this.add.image(760, 60, 'superseed'); seedLogo.setScale(0.15); // Bomb setup // Add three bomb icons this.bombIcon1 = this.add.image(50, 520, 'bombicon'); this.bombIcon1.setScale(0.15); this.bombIcon2 = this.add.image(90, 520, 'bombicon'); this.bombIcon2.setScale(0.15); this.bombIcon3 = this.add.image(130, 520, 'bombicon'); this.bombIcon3.setScale(0.15); // Add B key for bomb this.bombKey = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.B); // Shield setup this.shieldSprite = this.add.image(770, 550, 'seedschutz'); this.shieldSprite.setScale(0.2); this.shieldSprite.setAlpha(1); // Cooldown indicator background (grey) this.add.rectangle(770, 595, 60, 8, 0x666666); // Cooldown indicator bar (green) this.cooldownBar = this.add.rectangle(770, 595, 60, 8, 0x00ff00); this.cooldownBar.setOrigin(0.5); this.cooldownBar.setVisible(false); // Shield aura (initially invisible) this.shieldAura = this.add.circle(0, 0, 40, 0x00ff00, 0.4); this.shieldAura.setVisible(false); // Input this.cursors = this.input.keyboard.createCursorKeys(); // Add V key for shield activation this.shieldKey = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.V); // Set up random enemy movement this.enemies.getChildren().forEach(enemy => { this.physics.add.existing(enemy); enemy.body.setCollideWorldBounds(true); this.setRandomEnemyVelocity(enemy); }); // Enemy movement update timer this.time.addEvent({ delay: 2000, callback: () => { this.enemies.getChildren().forEach(enemy => { this.setRandomEnemyVelocity(enemy); }); }, callbackScope: this, loop: true }); // Enemy shooting timer will be set up after countdown (if first wave) // Life energy item spawning timer this.time.addEvent({ delay: 18000, // Spawn life energy every 18 seconds instead of 25 callback: this.spawnLifeEnergy, callbackScope: this, loop: true }); // Add regular wave completion check timer this.time.addEvent({ delay: 1000, callback: this.checkAllEnemiesDefeated, callbackScope: this, loop: true }); // Add countdown sound for first wave if (this.currentWave === 1) { // Set countdown active flag this.isCountdownActive = true; // Play countdown sound and robot countdown const countdownSound = this.sound.add('countdown'); const robotCountdown = this.sound.add('robotcoundown'); countdownSound.play({ volume: 0.5 }); robotCountdown.play({ volume: 0.5 }); // Delay the start of enemy shooting until countdown completes (3 seconds) this.time.delayedCall(3000, () => { this.isCountdownActive = false; // Start enemy shooting timer after countdown this.time.addEvent({ delay: 1400, callback: this.enemyShoot, callbackScope: this, loop: true }); }); } else { // For subsequent waves, start shooting immediately this.time.addEvent({ delay: 1400, callback: this.enemyShoot, callbackScope: this, loop: true }); } } createEnemies() { // Ensure all existing enemies are destroyed before creating new ones this.enemies.clear(true, true); const enemyWidth = 50; const enemyHeight = 50; this.currentWave++; this.lifeEnergySpawnedThisWave = false; // Reset the flag for new wave // Check if it's a boss wave (every 10th wave) if (this.currentWave % 10 === 0) { // Switch to boss music this.sound.stopAll(); this.sound.play('bossmusic', { loop: true, volume: 0.5 }); // Create boss enemy const boss = this.add.sprite(400, 80, 'endship'); // Moved 20 pixels higher boss.setScale(0.3); boss.isBoss = true; this.physics.add.existing(boss); boss.body.setCollideWorldBounds(true); boss.body.setBoundsRectangle(new Phaser.Geom.Rectangle(0, 50, 800, 250)); // Reduced vertical range boss.health = 50; // Boss has 50 health boss.maxHealth = 50; boss.lastDirection = 'none'; boss.setData('moveTimer', 0); // Create health bar background boss.healthBarBg = this.add.rectangle(boss.x, boss.y - 50, 100, 10, 0x666666); // Create health bar boss.healthBar = this.add.rectangle(boss.x, boss.y - 50, 100, 10, 0xff0000); this.enemies.add(boss); // Boss movement pattern this.time.addEvent({ delay: 2000, callback: () => { if (boss && boss.active) { const direction = Phaser.Math.Between(0, 2); let velocity; switch (direction) { case 0: // Left velocity = -150; // Reduced speed boss.setTexture('endshipleft'); boss.lastDirection = 'left'; // Return to center more quickly when far from center if (boss.x < 300) { velocity = 100; boss.setTexture('endshipright'); } break; case 1: // Right velocity = 150; // Reduced speed boss.setTexture('endshipright'); boss.lastDirection = 'right'; // Return to center more quickly when far from center if (boss.x > 500) { velocity = -100; boss.setTexture('endshipleft'); } break; case 2: // Stop (40% chance instead of 33%) velocity = 0; boss.setTexture('endship'); boss.lastDirection = 'none'; // If not in center, slowly move towards center if (Math.abs(boss.x - 400) > 50) { velocity = boss.x < 400 ? 50 : -50; } break; } if (boss.body) { boss.body.setVelocityX(velocity); // Keep boss within vertical bounds if (boss.y < 80) { boss.y = 80; boss.body.setVelocityY(0); } // Random chance to fire plasma shots // First check for spread shot (15% chance) if (Phaser.Math.Between(1, 100) <= 15) { // Fire 8 shots in a circular pattern const shotsCount = 8; const angleStep = 360 / shotsCount; for (let i = 0; i < shotsCount; i++) { const angle = i * angleStep; const rad = Phaser.Math.DegToRad(angle); const shot = this.physics.add.sprite(boss.x, boss.y, 'plasmashots'); shot.setScale(0.06); // Reduced by 60% from 0.15 shot.setTint(0x00ffff); this.physics.add.existing(shot); const speed = 200; shot.body.setVelocity( Math.cos(rad) * speed, Math.sin(rad) * speed ); // Cleanup after 3 seconds this.time.delayedCall(3000, () => { if (shot && shot.active) { shot.destroy(); } }); } } else if (Phaser.Math.Between(1, 100) <= 60) { // Regular shot pattern // Fire 3-5 plasma shots in a spread pattern const shotsCount = Phaser.Math.Between(4, 6); // Increased shots for wider spread const spreadAngle = 100; // Increased spread angle for wider shot pattern const angleStep = spreadAngle / (shotsCount - 1); const startAngle = -spreadAngle / 2; for (let i = 0; i < shotsCount; i++) { // Fire from the bottom middle tip of the boss const shot = this.physics.add.sprite(boss.x, boss.y + 40, 'plasmashots'); shot.setScale(0.06); // Reduced by 60% from 0.15 shot.setTint(0xff0000); this.physics.add.existing(shot); // Calculate angle for this shot const angle = startAngle + (angleStep * i); const rad = Phaser.Math.DegToRad(angle); // Set velocity based on angle const speed = 300; shot.body.setVelocity( Math.sin(rad) * speed, Math.cos(rad) * speed ); // Schedule shot cleanup this.time.delayedCall(2000, () => { if (shot && shot.active) { shot.destroy(); } }); // Create fireball effect this.tweens.add({ targets: shot, alpha: 0.8, duration: 200, yoyo: true, repeat: -1 }); // Add pulsing size effect this.tweens.add({ targets: shot, scaleX: 0.08, // Reduced swirling effect scale scaleY: 0.08, // Reduced swirling effect scale duration: 500, yoyo: true, repeat: -1 }); // Add collision with player this.physics.add.collider(this.player, shot, () => { if (!this.shieldActive) { this.gameOver(); } shot.destroy(); }, null, this); // Clean up shots that go off screen this.time.delayedCall(4000, () => { if (shot && shot.active) { shot.destroy(); } }); } } // Update health bar position boss.healthBar.x = boss.x - (100 * (1 - boss.health / boss.maxHealth)) / 2; boss.healthBar.y = boss.y - 50; boss.healthBarBg.x = boss.x; boss.healthBarBg.y = boss.y - 50; } } }, loop: true }); return; // Skip regular enemy creation for boss waves } // Base number of enemies - slightly reduced const baseColumns = 4; const baseRows = 3; // Calculate additional enemies based on wave - more aggressive scaling // More gradual enemy count increase const additionalColumns = Math.min(5, Math.floor(this.currentWave / 4)); // Max 5 additional columns, slower increase const additionalRows = Math.min(3, Math.floor(this.currentWave / 6)); // Max 3 additional rows, slower increase const columns = baseColumns + additionalColumns; const rows = baseRows + additionalRows; // More gradual speed increase const speedMultiplier = 1 + (this.currentWave * 0.08); // 8% faster each wave for (let y = 0; y < rows; y++) { for (let x = 0; x < columns; x++) { const enemy = this.add.sprite( 100 + x * (600 / columns), // Distribute enemies across screen width 80 + y * 60, 'invader' ); const enemyScale = Math.min(enemyWidth / enemy.width, enemyHeight / enemy.height); enemy.setScale(enemyScale); enemy.speedMultiplier = speedMultiplier; this.enemies.add(enemy); } } // Calculate number of goblins based on wave number let goblinCount = 0; // No goblins in first two waves, any tenth wave, or waves 11-13 if (this.currentWave <= 2 || this.currentWave % 10 === 0 || (this.currentWave >= 11 && this.currentWave <= 13)) { goblinCount = 0; } else { // Normal goblin count rules for other waves if (this.currentWave <= 10) { goblinCount = 1; // Max 1 goblin until wave 10 } else if (this.currentWave <= 25) { goblinCount = 2; // Max 2 goblins from wave 13-25 } else { goblinCount = 3; // Max 3 goblins from wave 26 onwards } } for (let i = 0; i < goblinCount; i++) { const goblin = this.add.sprite( Phaser.Math.Between(100, 700), -50, // Start above visible screen 'bitgoblin' ); goblin.setScale(0.105); goblin.isGoblin = true; goblin.isClimbing = false; // Track if goblin is climbing goblin.health = 3; // Initialize goblin health this.enemies.add(goblin); } // Display wave number const waveText = this.add.text(400, 300, `Wave ${this.currentWave}`, { fontSize: '64px', fill: '#fff', fontFamily: 'Arial' }).setOrigin(0.5); // Fade out wave text this.tweens.add({ targets: waveText, alpha: 0, duration: 2000, onComplete: () => waveText.destroy() }); } setRandomEnemyVelocity(enemy) { const speedMultiplier = enemy.speedMultiplier || 1; // Check if all remaining enemies are goblins const remainingEnemies = this.enemies.getChildren(); const allGoblins = remainingEnemies.length > 0 && remainingEnemies.every(e => e.isGoblin); if (enemy.isGoblin) { if (allGoblins) { // Keep in upper half of screen with reduced horizontal range (70% reduction) const maxY = 250; // Maximum Y position (upper half) const minY = 50; // Minimum Y position const centerX = 400; // Center of the screen const radius = 120; // 70% reduction from 400 (half screen width) // Ensure Y position is within bounds if (enemy.y > maxY) enemy.y = maxY; if (enemy.y < minY) enemy.y = minY; // Stop vertical movement enemy.body.setVelocityY(0); // Restricted horizontal movement with increased speed const horizontalSpeed = 300; // Keep within reduced radius if (enemy.x <= centerX - radius) { enemy.x = centerX - radius; enemy.body.setVelocityX(horizontalSpeed); } else if (enemy.x >= centerX + radius) { enemy.x = centerX + radius; enemy.body.setVelocityX(-horizontalSpeed); } else if (enemy.body.velocity.x === 0) { enemy.body.setVelocityX(Phaser.Math.Between(0, 1) ? horizontalSpeed : -horizontalSpeed); } // Mark enemy as in rage mode for increased fire rate enemy.inRageMode = true; } else if (!enemy.isClimbing) { // Normal attack movement (going down) enemy.body.setVelocityY(150 * speedMultiplier); // Ensure goblin stays within screen bounds if (enemy.x <= 50) { enemy.x = 50; if (enemy.zigzagTween) { enemy.zigzagTween.stop(); enemy.zigzagTween = null; } } if (enemy.x >= 750) { enemy.x = 750; if (enemy.zigzagTween) { enemy.zigzagTween.stop(); enemy.zigzagTween = null; } } // Check if goblin reached bottom or is going out of bounds if (enemy.y >= 550 || enemy.y <= 50) { enemy.y = Phaser.Math.Clamp(enemy.y, 50, 550); enemy.isClimbing = true; enemy.body.setVelocityY(-100); // Start climbing up } // Create zigzag movement for attack if (!enemy.zigzagTween) { // Calculate new x position while keeping within bounds let newX = enemy.x + Phaser.Math.Between(-200, 200); newX = Phaser.Math.Clamp(newX, 50, 750); // Keep within screen bounds enemy.zigzagTween = this.tweens.add({ targets: enemy, x: newX, duration: 2000, yoyo: true, repeat: -1, ease: 'Sine.easeInOut' }); } } else { // Climbing movement (going up) enemy.body.setVelocityY(-100); // Stop zigzag during climbing if (enemy.zigzagTween) { enemy.zigzagTween.stop(); enemy.zigzagTween = null; } // Find the lowest invader's Y position let lowestInvaderY = 50; // default minimum height this.enemies.getChildren().forEach(e => { if (!e.isGoblin && e.y > lowestInvaderY) { lowestInvaderY = e.y; } }); // Check if reached invader level or above screen if (enemy.y <= lowestInvaderY + 20) { enemy.y = lowestInvaderY + 20; // Keep slightly below invaders enemy.isClimbing = false; } } return; } let randomVx = Phaser.Math.Between(-150, 150) * speedMultiplier; let randomVy = Phaser.Math.Between(-75, 75) * speedMultiplier; // Keep enemies within screen bounds if (enemy.x < 50) { randomVx = Phaser.Math.Between(50, 100); } else if (enemy.x > 750) { randomVx = Phaser.Math.Between(-100, -50); } // Keep enemies in the top portion of the screen if (enemy.y > 250) { enemy.body.setVelocityY(-100); } else if (enemy.y < 50) { enemy.body.setVelocityY(100); } else { enemy.body.setVelocityY(randomVy); } enemy.body.setVelocityX(randomVx); } enemyShoot() { this.enemies.getChildren().forEach(enemy => { // Significantly increased fire rate for goblins in rage mode const baseShootChance = Math.min(40, 25 + this.currentWave); const shootChance = enemy.isGoblin && enemy.inRageMode ? Math.min(90, baseShootChance * 3) : // Triple chance but cap at 90% baseShootChance; if (Phaser.Math.Between(0, 100) < shootChance) { // Different projectiles for different enemy types let projectileType, projectileScale, projectileTint; if (enemy.isGoblin) { projectileType = 'bitcoin'; projectileScale = 0.08; projectileTint = 0xf7931a; } else if (enemy.isBoss) { projectileType = 'plasmashots'; projectileScale = 0.45; // Reduced by 70% from 1.5 projectileTint = 0xffff00; } else { projectileType = 'etherenemy'; projectileScale = 0.14; projectileTint = 0xff0000; } const bolt = this.add.sprite(enemy.x, enemy.y + 20, projectileType); bolt.setScale(projectileScale); bolt.setTint(projectileTint); // Add a glowing effect this.tweens.add({ targets: bolt, alpha: 0.7, duration: 200, yoyo: true, repeat: -1 }); this.physics.add.existing(bolt); bolt.body.setVelocityY(200 + (this.currentWave * 5)); // Projectile speed increases gradually with waves // Add vibration effect for bitcoin projectiles if (enemy.isGoblin) { this.tweens.add({ targets: bolt, x: bolt.x + 5, duration: 50, yoyo: true, repeat: -1 }); } else if (enemy.isBoss) { // Special rotation and scale animation for boss plasma shots this.tweens.add({ targets: bolt, angle: 360, duration: 800, repeat: -1 }); this.tweens.add({ targets: bolt, scaleX: projectileScale * 0.8, // Reduced growth factor scaleY: projectileScale * 0.8, // Reduced growth factor duration: 400, yoyo: true, repeat: -1 }); } else { // Keep rotation for etherenemy projectiles this.tweens.add({ targets: bolt, angle: 360, duration: 1000, repeat: -1 }); } // Collision with player this.physics.add.collider(this.player, bolt, () => { if (!this.shieldActive) { this.gameOver(); } bolt.destroy(); }, null, this); // Add collision for goblins with player this.physics.add.collider(this.player, enemy, () => { // Deal damage if goblin is attacking or falling, and shield is not active if (enemy.isGoblin && !this.shieldActive && (!enemy.isClimbing || enemy.isFalling)) { this.gameOver(); } else if (enemy.isGoblin && enemy.isClimbing && !enemy.isFalling) { // No damage during climbing phase (unless falling), just overlap return; } }, null, this); // Clean up bolts that go off screen this.time.delayedCall(3000, () => { if (bolt && bolt.active) { bolt.destroy(); } }); } }); } update() { if (this.gameState !== 'playing') return; // Check for shield-goblin collision when shield is active if (this.shieldActive && this.enemies && this.enemies.getChildren && this.enemies.getChildren()) { this.enemies.getChildren().forEach(enemy => { if (enemy.isGoblin && Phaser.Geom.Intersects.CircleToRectangle( new Phaser.Geom.Circle(this.player.x, this.player.y, 40), enemy.getBounds() )) { // Instant destruction with shield, regardless of remaining health // Destroy health bars if it's a boss if (enemy.isBoss) { if (enemy.healthBar) enemy.healthBar.destroy(); if (enemy.healthBarBg) enemy.healthBarBg.destroy(); } enemy.destroy(); this.sound.play('destroyed', { volume: 0.5 }); // Decrease score for destroying goblin with shield this.score -= 60; // Penalty for shield kill (regular goblin kill is 45) this.scoreValue.setText(this.score.toString()); } }); } // Check for shield activation with V key if (Phaser.Input.Keyboard.JustDown(this.shieldKey)) { this.activateShield(); } // Check for bomb activation with B key if (Phaser.Input.Keyboard.JustDown(this.bombKey) && this.bombAvailable && !this.isCountdownActive && this.lives > 0) { this.activateBomb(); } // Update shield aura position if active if (this.shieldActive && this.shieldAura) { this.shieldAura.setPosition(this.player.x, this.player.y); } // Track scrolling effect - moving forward this.track.tilePositionY -= 8; // Player movement if (this.cursors.left.isDown) { if (this.player && this.player.body) { // Smoothly accelerate to max speed const targetVelocity = -400; const currentVelocity = this.player.body.velocity.x; const newVelocity = Phaser.Math.Linear(currentVelocity, targetVelocity, 0.2); this.player.body.setVelocityX(newVelocity); // Emit sparks directly behind the car when moving left this.leftSparkEmitter.setPosition(this.player.x, this.player.y + 25); this.leftSparkEmitter.start(); this.rightSparkEmitter.stop(); } // Emit tire sparks this.leftTireEmitter.setPosition(this.player.x - 15, this.player.y + 20); this.rightTireEmitter.setPosition(this.player.x + 15, this.player.y + 20); this.leftTireEmitter.start(); this.rightTireEmitter.start(); } else if (this.cursors.right.isDown) { if (this.player && this.player.body) { // Smoothly accelerate to max speed const targetVelocity = 400; const currentVelocity = this.player.body.velocity.x; const newVelocity = Phaser.Math.Linear(currentVelocity, targetVelocity, 0.2); this.player.body.setVelocityX(newVelocity); // Emit sparks directly behind the car when moving right this.rightSparkEmitter.setPosition(this.player.x, this.player.y + 25); this.rightSparkEmitter.start(); this.leftSparkEmitter.stop(); } // Emit tire sparks this.leftTireEmitter.setPosition(this.player.x - 15, this.player.y + 20); this.rightTireEmitter.setPosition(this.player.x + 15, this.player.y + 20); this.leftTireEmitter.start(); this.rightTireEmitter.start(); } else { if (this.player && this.player.body) { // Smoothly decelerate to stop const currentVelocity = this.player.body.velocity.x; const newVelocity = Phaser.Math.Linear(currentVelocity, 0, 0.15); this.player.body.setVelocityX(newVelocity); // Stop all emitters when not moving if (this.leftSparkEmitter) this.leftSparkEmitter.stop(); if (this.rightSparkEmitter) this.rightSparkEmitter.stop(); if (this.leftTireEmitter) this.leftTireEmitter.stop(); if (this.rightTireEmitter) this.rightTireEmitter.stop(); } } // Fix player's Y position if (this.player.y !== 500) { this.player.y = 500; this.player.body.setVelocityY(0); } // Shooting (disabled during countdown and game over) if (this.cursors.space.isDown && this.time.now > this.lastFired && !this.isCountdownActive && this.lives > 0) { const bullet = this.add.sprite(this.player.x, this.player.y - 20, 'projectile'); const bulletScale = 0.15; // Adjust scale for the new ether projectile bullet.setScale(bulletScale); this.bullets.add(bullet); bullet.body.setVelocityY(-400); this.sound.play('rocketSound', { volume: 0.5 }); this.lastFired = this.time.now + 1000; } // Clean up bullets if (this.bullets && this.bullets.getChildren && this.bullets.getChildren()) { this.bullets.getChildren().forEach(bullet => { if (bullet.y < 0) { bullet.destroy(); } }); } } hitEnemy(bullet, enemy) { // Handle boss hit if (enemy.isBoss) { const damage = bullet.fromBomb ? 5 : 1; // 5 damage from bombs, 1 from bullets enemy.health = Math.max(0, enemy.health - damage); bullet.destroy(); // Play boss hit sound this.sound.play('bosshit', { volume: 0.5 }); // Update health bar width and position const healthPercentage = enemy.health / enemy.maxHealth; enemy.healthBar.width = 100 * healthPercentage; enemy.healthBar.x = enemy.x - (100 * (1 - healthPercentage)) / 2; enemy.healthBarBg.x = enemy.x; // Flash effect on hit this.tweens.add({ targets: enemy, alpha: 0.5, duration: 100, yoyo: true }); if (enemy.health <= 0) { // Destroy health bars first if (enemy.healthBar) enemy.healthBar.destroy(); if (enemy.healthBarBg) enemy.healthBarBg.destroy(); // Create fireball particles const particles = this.add.particles('fireballs'); const emitter = particles.createEmitter({ x: enemy.x, y: enemy.y, scale: { start: 0.4, end: 0.1 }, speed: { min: 100, max: 200 }, angle: { min: 0, max: 360 }, rotate: { min: 0, max: 360 }, lifespan: { min: 300, max: 500 }, quantity: 2, frequency: 50, tint: [0xff0000, 0xff6600, 0xffff00], alpha: { start: 0.8, end: 0 }, blendMode: 'ADD' }); // Create pulsating effect before destruction this.tweens.add({ targets: enemy, scaleX: { from: 0.3, to: 0.4 }, scaleY: { from: 0.3, to: 0.4 }, alpha: { from: 1, to: 0.2 }, duration: 500, yoyo: true, repeat: 4, ease: 'Sine.easeInOut', onUpdate: () => { // Update particle emitter position to follow the boss emitter.setPosition(enemy.x, enemy.y); }, onComplete: () => { // Stop and destroy particles before destroying enemy particles.destroy(); enemy.destroy(); } }); // Reset lives to maximum after boss defeat this.lives = 4; // Clear existing life sprites this.lifeSprites.forEach(sprite => sprite.destroy()); this.lifeSprites = []; // Create new life sprites const lifeScale = 0.4; const spacing = 40; for (let i = 0; i < 4; i++) { const life = this.add.image(30 + (i * spacing), 570, 'blackcoin'); life.setScale(lifeScale); this.lifeSprites.push(life); } // Play life restoration sound this.sound.play('collected', { volume: 0.98 }); this.score += 800; // Big score bonus for defeating boss this.scoreValue.setText(this.score.toString()); // Refill bombs after boss defeat this.bombCount = 3; this.bombIcon1.setAlpha(1); this.bombIcon2.setAlpha(1); this.bombIcon3.setAlpha(1); this.sound.play('bombcollectsound', { volume: 0.5 }); // Refill bombs after boss defeat this.bombCount = 3; this.bombIcon1.setAlpha(1); this.bombIcon2.setAlpha(1); this.bombIcon3.setAlpha(1); this.sound.play('bombcollectsound', { volume: 0.5 }); // Switch back to normal music after boss is defeated this.sound.stopAll(); this.sound.play('bgMusic', { loop: true, volume: 0.5 }); // Play explosion sound twice this.sound.play('explosion', { volume: 0.7 }); this.time.delayedCall(500, () => { this.sound.play('explosion', { volume: 0.7 }); }); // Check for wave clear this.checkAllEnemiesDefeated(); } return; } // Handle goblin hit differently if (enemy.isGoblin) { enemy.health--; // Just destroy the bullet without hit effect bullet.destroy(); // Only destroy goblin if health is depleted if (enemy.health <= 0 && !enemy.isFalling) { enemy.isFalling = true; this.score += 45; // Triple points for defeating goblin this.scoreValue.setText(this.score.toString()); this.sound.play('destroyed', { volume: 0.5 }); // Make goblin fall upside down enemy.setScale(0.105, -0.105); // Flip vertically enemy.body.setVelocity(0, 300); // Fall straight down // Play falling sound this.sound.play('fallsound', { volume: 0.5 }); // Destroy after falling off screen this.time.delayedCall(2000, () => { enemy.destroy(); // Check for wave clear this.checkAllEnemiesDefeated(); }); return; } else { this.sound.play('destroyed', { volume: 0.3 }); } return; } // Regular enemy hit handling // Create spark particles at enemy position const sparks = this.add.particles('invader', { x: enemy.x, y: enemy.y, speed: { min: 50, max: 150 }, scale: { start: 0.1, end: 0 }, quantity: 15, lifespan: 800, gravityY: 200, emitting: false, tint: [0xffff00, 0xff8800, 0xff4400], // Yellow to orange to red sparks alpha: { start: 1, end: 0 }, }); // Emit particles in all directions const emitter = sparks.createEmitter({ angle: { min: 0, max: 360 }, scale: { start: 0.2, end: 0 }, speed: { min: 100, max: 200 }, quantity: 1, frequency: 50, emitZone: { type: 'random', source: new Phaser.Geom.Circle(enemy.x, enemy.y, 10) } }); // Emit a burst of particles emitter.explode(20, enemy.x, enemy.y); // Cleanup after animation this.time.delayedCall(800, () => { sparks.destroy(); }); bullet.destroy(); enemy.destroy(); this.sound.play('destroyed', { volume: 0.5 }); // Randomly spawn meme frog (12% chance) if (Phaser.Math.Between(1, 100) <= 12) { // Doubled from 6% const memeFrog = this.physics.add.sprite(enemy.x, enemy.y, 'memefrosch'); memeFrog.setScale(0.15); this.sound.play('frogsound', { volume: 0.5 }); // Add physics and movement this.physics.add.existing(memeFrog); memeFrog.body.setVelocity( Phaser.Math.Between(-100, 100), Phaser.Math.Between(50, 150) ); // Add floating animation this.tweens.add({ targets: memeFrog, angle: 360, duration: 2000, repeat: -1 }); // Add collision with player this.physics.add.overlap(this.player, memeFrog, () => { if (this.bombCount < 3) { this.bombCount++; // Update bomb icons based on available bombs if (this.bombCount === 1) { this.bombIcon1.setAlpha(1); } else if (this.bombCount === 2) { this.bombIcon1.setAlpha(1); this.bombIcon2.setAlpha(1); } else if (this.bombCount === 3) { this.bombIcon1.setAlpha(1); this.bombIcon2.setAlpha(1); this.bombIcon3.setAlpha(1); } this.sound.play('bombcollectsound', { volume: 0.5 }); } memeFrog.destroy(); }, null, this); // Destroy if goes off screen after 5 seconds this.time.delayedCall(5000, () => { if (memeFrog && memeFrog.active) { memeFrog.destroy(); } }); } this.score += 5; this.scoreValue.setText(this.score.toString()); bullet.destroy(); enemy.destroy(); // Check for wave clear this.checkAllEnemiesDefeated(); } activateShield() { if (!this.shieldCooldown && !this.shieldActive) { // Activate shield this.shieldActive = true; this.sound.play('shieldSound', { volume: 0.5 }); this.shieldSprite.setAlpha(0.5); this.shieldAura.setVisible(true); // Show and animate cooldown bar this.cooldownBar.setVisible(true); this.cooldownBar.width = 60; // Reset width // Animate the cooldown bar this.tweens.add({ targets: this.cooldownBar, width: 0, duration: 30000, // 30 seconds cooldown duration ease: 'Linear', onComplete: () => { this.cooldownBar.setVisible(false); } }); // Fade out shield aura over 4 seconds this.tweens.add({ targets: this.shieldAura, alpha: 0.2, duration: 4000, yoyo: true, repeat: 0 }); this.time.delayedCall(4000, () => { this.shieldActive = false; this.shieldAura.setVisible(false); }); // Start cooldown (30 seconds) this.shieldCooldown = true; this.time.delayedCall(30000, () => { this.shieldCooldown = false; this.shieldSprite.setAlpha(1); this.sound.play('reloaded', { volume: 1.0 }); }); } } activateBomb() { if (this.bombCount <= 0) return; this.bombCount--; // Update bomb icons based on remaining bombs if (this.bombCount === 2) { this.bombIcon3.setAlpha(0.5); } else if (this.bombCount === 1) { this.bombIcon2.setAlpha(0.5); this.bombIcon3.setAlpha(0.5); } else { this.bombIcon1.setAlpha(0.5); this.bombIcon2.setAlpha(0.5); this.bombIcon3.setAlpha(0.5); } // Create explosion effect this.sound.play('bombSound', { volume: 0.5 }); const explosionRadius = 300; // Increased radius by 50% (from 200 to 300) // Determine explosion position based on player's direction let explosionX = this.player.x; let explosionY = this.player.y - 300; // Further increased height for even higher explosion // Create circular explosion const explosion = this.add.circle(explosionX, explosionY, explosionRadius, 0xffff00, 0.6); // Create particles in cone shape for (let i = 0; i < 20; i++) { const particle = this.add.circle(explosionX, explosionY, 5, 0x00ffff); // Particles spread in cone shape const angle = Phaser.Math.Between(-45, 45); // -45 to 45 degrees for cone spread const distance = Phaser.Math.Between(50, explosionRadius); this.tweens.add({ targets: particle, x: explosionX + Math.cos(Phaser.Math.DegToRad(angle)) * distance, y: explosionY - Math.abs(Math.sin(Phaser.Math.DegToRad(angle)) * distance), // Always upward alpha: 0, duration: 800, ease: 'Power2', onComplete: () => particle.destroy() }); } // Explosion animation this.tweens.add({ targets: explosion, alpha: 0, scale: 2, duration: 500, ease: 'Power2', onComplete: () => explosion.destroy() }); // Create a special bullet for bomb damage this.enemies.getChildren().forEach(enemy => { const distance = Phaser.Math.Distance.Between( explosionX, explosionY, enemy.x, enemy.y ); // Destroy enemies within radius, with special handling for goblins and boss if (distance <= explosionRadius) { if (enemy.isBoss) { // Create a special bomb bullet for boss damage const bombBullet = { fromBomb: true, destroy: () => {} }; this.hitEnemy(bombBullet, enemy); this.score += 5; } else if (enemy.isGoblin) { // Instant kill goblins regardless of their health enemy.destroy(); this.score += 15; // More points for goblins } else { enemy.destroy(); this.score += 10; } this.scoreValue.setText(this.score.toString()); } }); // Update score display this.scoreValue.setText(this.score.toString()); // Remove automatic wave generation after bomb } gameOver() { // If we're not playing anymore, ignore shield and invulnerability if (this.gameState !== 'playing') { return; } // Check for shield and invulnerability only if game is still active if (this.shieldActive || this.isInvulnerable) { return; } this.lives--; if (this.lives <= 0) { // Set game state to 'gameover' first this.gameState = 'gameover'; // Disable shield completely this.shieldActive = false; this.shieldAura.setVisible(false); this.shieldCooldown = true; this.shieldSprite.setAlpha(0.5); // Game is completely over this.sound.stopAll(); this.sound.play('gameoversound', { volume: 0.75 }); // Create input field for player name const nameInput = document.createElement('input'); nameInput.type = 'text'; nameInput.placeholder = 'Enter your name'; nameInput.style.position = 'absolute'; nameInput.style.left = '50%'; nameInput.style.top = '50%'; nameInput.style.transform = 'translate(-50%, -50%)'; nameInput.style.padding = '10px'; nameInput.style.fontSize = '16px'; nameInput.maxLength = 20; document.getElementById('renderDiv').appendChild(nameInput); this.physics.pause(); // Remove any existing V key bindings if (this.shieldKey) { this.shieldKey.removeAllListeners(); } // Create a new key object for V // Create a new key object for V and v const vKeyForInput = this.input.keyboard.addKey('V'); const lowercaseVKey = this.input.keyboard.addKey('v'); // Function to handle input field focus const focusInput = () => { if (this.gameState === 'gameover' && document.activeElement !== nameInput) { nameInput.focus(); } }; // Add focus handler to disable key capture when input is focused nameInput.addEventListener('focus', () => { this.input.keyboard.enabled = false; vKeyForInput.enabled = false; lowercaseVKey.enabled = false; }); // Add blur handler to re-enable key capture when input loses focus nameInput.addEventListener('blur', () => { this.input.keyboard.enabled = true; vKeyForInput.enabled = true; lowercaseVKey.enabled = true; }); // Add key listeners for both V and v vKeyForInput.on('down', focusInput); lowercaseVKey.on('down', focusInput); // Create desaturation effect for everything except score displays const desaturateOverlay = this.add.rectangle(400, 300, 800, 600, 0x000000); desaturateOverlay.setAlpha(0); desaturateOverlay.setDepth(-1); // Set depth to be behind other elements // Ensure score text and value stay above the overlay this.scoreText.setDepth(1); this.scoreValue.setDepth(1); // Gradually make the scene black and white this.tweens.add({ targets: desaturateOverlay, alpha: 0.5, duration: 3000, ease: 'Linear' }); const gameOverImage = this.add.image(400, 150, 'over'); gameOverImage.setScale(0.8); gameOverImage.setOrigin(0.5); // Store final score const finalScore = this.score; // Reset score display to 0 this.scoreValue.setText('0'); // Move score elements to center this.tweens.add({ targets: this.scoreValue, x: 400, y: 400, duration: 1500, ease: 'Power2', onComplete: () => { this.scoreValue.setOrigin(0.5); this.scoreValue.setFontSize('64px'); // Start counting animation after centering let currentCount = 0; const countDuration = 13000; // 13 seconds for count const updateInterval = 100; // Update interval adjusted for smoother counting const increment = Math.ceil(finalScore / (countDuration / updateInterval)); // Start playing count sound in loop const countSound = this.sound.add('count', { loop: true, volume: 0.5 }); countSound.play(); const countInterval = setInterval(() => { currentCount = Math.min(currentCount + increment, finalScore); this.scoreValue.setText(currentCount.toString()); if (currentCount >= finalScore) { clearInterval(countInterval); // Stop the counting sound countSound.stop(); // Play final count sound after counting is complete this.sound.play('finalcount', { volume: 0.75 }); // Add header text above score const headerText = this.add.text(400, 330, 'BURNED DEBT:', { fontSize: '32px', fill: '#fff', fontFamily: 'Arial' }); headerText.setOrigin(0.5); // Create LEAVE button const leaveButton = this.add.text(340, 520, 'LEAVE', { fontSize: '22.4px', fill: '#fff', backgroundColor: '#48D1CC', padding: { x: 14, y: 7 }, fontFamily: 'cursive' }); leaveButton.setInteractive(); // Add hover effects leaveButton.on('pointerover', () => { leaveButton.setStyle({ fill: '#ff0' }); }); leaveButton.on('pointerout', () => { leaveButton.setStyle({ fill: '#fff' }); }); // Add click handler leaveButton.on('pointerdown', () => { this.sound.play('buttonSound', { volume: 0.5 }); // Submit score before reloading const playerName = nameInput.value.trim() || 'Anonymous'; this.submitScore(playerName, finalScore, this.currentWave); window.location.reload(); }); // Add submit handler for name input nameInput.addEventListener('keypress', (e) => { if (e.key === 'Enter') { const playerName = nameInput.value.trim() || 'Anonymous'; this.submitScore(playerName, finalScore, this.currentWave); document.getElementById('renderDiv').removeChild(nameInput); } }); } }, updateInterval); } }); // Move $SUPR text below score this.tweens.add({ targets: this.scoreText, x: 400, y: 450, duration: 1500, ease: 'Power2', onComplete: () => { this.scoreText.setOrigin(0.5); this.scoreText.setFontSize('48px'); } }); } else { // Remove one life indicator if (this.lifeSprites.length > 0) { const lastLife = this.lifeSprites.pop(); lastLife.destroy(); } // Give temporary invulnerability // Set invulnerability this.isInvulnerable = true; this.sound.play('carcrash', { volume: 0.5 }); // Visual feedback - blinking effect this.tweens.add({ targets: this.player, alpha: 0.5, duration: 200, yoyo: true, repeat: 4, onComplete: () => { this.player.setAlpha(1); } }); // Remove invulnerability after 2 seconds this.time.delayedCall(2000, () => { this.isInvulnerable = false; }); // Reset player position this.player.setPosition(400, 500); this.player.body.setVelocity(0, 0); } } spawnLifeEnergy() { // Only spawn if no life energy has been spawned this wave if (this.lifeEnergySpawnedThisWave) return; this.lifeEnergySpawnedThisWave = true; // Create life energy item at a random x position at the top const x = Phaser.Math.Between(100, 700); const lifeEnergy = this.add.sprite(x, -50, 'air1'); lifeEnergy.setScale(0.6); // reduced from 0.8 by 25% this.sound.play('airdropsound', { volume: 0.5 }); // Add physics to the life energy this.physics.add.existing(lifeEnergy); lifeEnergy.body.setVelocityY(100); // Add swaying animation let isAir1 = true; this.time.addEvent({ delay: 500, callback: () => { if (lifeEnergy.active) { isAir1 = !isAir1; lifeEnergy.setTexture(isAir1 ? 'air1' : 'air2'); lifeEnergy.body.setVelocityX(isAir1 ? -50 : 50); } }, loop: true }); // Add collision with player this.physics.add.overlap(this.player, lifeEnergy, () => { if (this.lives < 4) { this.lives++; const lifeScale = 0.4; const spacing = 40; const life = this.add.image(30 + (this.lifeSprites.length * spacing), 570, 'blackcoin'); life.setScale(lifeScale); this.lifeSprites.push(life); this.sound.play('collected', { volume: 0.98 // Increased by 30% from 0.75 }); } lifeEnergy.destroy(); }, null, this); // Destroy if goes off screen this.time.delayedCall(10000, () => { if (lifeEnergy && lifeEnergy.active) { lifeEnergy.destroy(); } }); } spawnBomb() { // Create bomb at random x position at the top const x = Phaser.Math.Between(100, 700); const bomb = this.add.sprite(x, -50, 'bombicon'); bomb.setScale(0.05); // Add physics to the bomb this.physics.add.existing(bomb); bomb.body.setVelocityY(150); // Add to bombs group this.bombs.add(bomb); // Add floating animation this.tweens.add({ targets: bomb, y: '+=20', duration: 1000, yoyo: true, repeat: -1 }); // Add collision with player this.physics.add.overlap(this.player, bomb, () => { if (this.bombCount < 3) { this.bombCount++; // Update bomb icons based on available bombs if (this.bombCount === 1) { this.bombIcon1.setAlpha(1); } else if (this.bombCount === 2) { this.bombIcon1.setAlpha(1); this.bombIcon2.setAlpha(1); } else if (this.bombCount === 3) { this.bombIcon1.setAlpha(1); this.bombIcon2.setAlpha(1); this.bombIcon3.setAlpha(1); } this.sound.play('bombcollectsound', { volume: 0.5 }); } bomb.destroy(); }, null, this); // Destroy if goes off screen this.time.delayedCall(10000, () => { if (bomb && bomb.active) { bomb.destroy(); } }); } checkAllEnemiesDefeated() { // First, clean up any invalid enemies this.enemies.getChildren().forEach(enemy => { if (!enemy || !enemy.active || !enemy.body) { enemy.destroy(); } }); // Get remaining valid enemies const remainingEnemies = this.enemies.getChildren().filter(enemy => enemy && enemy.active && !enemy.isFalling ); // Check if wave is complete if (remainingEnemies.length === 0 && !this.isCreatingWave) { this.isCreatingWave = true; // Prevent multiple wave creation // Double check after a short delay this.time.delayedCall(500, () => { const finalCheck = this.enemies.getChildren().filter(enemy => enemy && enemy.active && !enemy.isFalling ); if (finalCheck.length === 0) { // Create next wave after delay this.time.delayedCall(2000, () => { this.createEnemies(); this.isCreatingWave = false; }); } else { this.isCreatingWave = false; } }); } } async submitScore(playerName, score, waveReached) { try { // First, check if player already exists and get their highest score const { data: existingScores } = await this.supabase .from('high_scores') .select('*') .eq('player_name', playerName); if (existingScores && existingScores.length > 0) { // Find the highest existing score const highestExisting = existingScores.reduce((max, score) => score.score > max.score ? score : max ); // If new score is higher, update the existing record if (score > highestExisting.score) { const { data, error } = await this.supabase .from('high_scores') .upsert([{ id: highestExisting.id, player_name: playerName, score: score, wave_reached: waveReached }]); if (error) throw error; } // Delete any other entries for this player await this.supabase .from('high_scores') .delete() .eq('player_name', playerName) .neq('id', highestExisting.id); } else { // If player doesn't exist, insert new score const { data, error } = await this.supabase .from('high_scores') .insert([{ player_name: playerName, score: score, wave_reached: waveReached }]); if (error) throw error; } if (error) { console.error('Error submitting score:', error); } else { console.log('Score submitted successfully:', data); } } catch (error) { console.error('Failed to submit score:', error); } } } const config = { type: Phaser.AUTO, parent: 'renderDiv', scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, width: 800, height: 600, physics: { default: 'arcade', arcade: { debug: false } }, scene: RaceInvaders }; window.phaserGame = new Phaser.Game(config);