// Initialize JSONBin configuration const JSONBIN_CONFIG = { binId: '67e57e148561e97a50f4103d', apiKey: '$2a$10$CwO5X9Ozt5f7RhRZU6QUQ.yHXmwdC664tpHT7wCkymIj23k1CDsA.' }; // Function to fetch current scoreboard async function fetchScoreboard() { try { const response = await fetch(`https://api.jsonbin.io/v3/b/${JSONBIN_CONFIG.binId}/latest`, { headers: { 'X-Master-Key': JSONBIN_CONFIG.apiKey } }); const data = await response.json(); return data.record.scores || []; } catch (error) { console.error('Error fetching scoreboard:', error); return []; } } // Function to update scoreboard async function updateScoreboard(newScore) { try { // Fetch current scores let scores = await fetchScoreboard(); // Add new score scores.push(newScore); // Sort by score (descending) scores.sort((a, b) => b.score - a.score); // Keep only top 10 scores scores = scores.slice(0, 10); // Update JSONBin const response = await fetch(`https://api.jsonbin.io/v3/b/${JSONBIN_CONFIG.binId}`, { method: 'PUT', headers: { 'Content-Type': 'application/json', 'X-Master-Key': JSONBIN_CONFIG.apiKey }, body: JSON.stringify({ scores }) }); return await response.json(); } catch (error) { console.error('Error updating scoreboard:', error); } } // Initialize mock Supabase client for development const supabase = { channel: () => ({ on: () => ({ on: () => ({ on: () => ({ subscribe: () => {} }) }) }) }), auth: { getSession: () => Promise.resolve({ data: { session: null } }), signUp: () => Promise.resolve({ data: { session: null } }) }, from: () => ({ insert: () => ({ select: () => ({ single: () => Promise.resolve({ data: { id: 'mock-id' }, error: null }) }) }) }) }; class SnowballFight extends Phaser.Scene { constructor() { super(); this.players = new Map(); this.playerData = null; // Store player data from Supabase this.snowballs = new Map(); this.speedBoosts = new Set(); this.speedBoostDuration = 5000; // 5 seconds this.normalSpeed = 200; this.boostedSpeed = 400; this.gameOverPhrases = [ "Hit in the face! Uncool!", "You got iced!", "Coolballed!", "Ooooof right in the balls!", "Sneak attack!", "Good run. Go again?", "Time for revenge." ]; this.maxBots = 3; // Start with fewer bots this.hasPlayerMoved = false; this.lastBotSpawnTime = 0; this.lastThrowTime = 0; this.throwCooldown = 2000; // 2 seconds this.lastHitTime = 0; this.gameStartTime = 0; this.throwDirections = { up: { x: 0, y: -1 }, down: { x: 0, y: 1 }, left: { x: -1, y: 0 }, right: { x: 1, y: 0 } }; } preload() { this.load.image('cofffee', 'https://play.rosebud.ai/assets/cofffee.png?tyjr'); this.load.image('ice', 'https://play.rosebud.ai/assets/ice.png?GPdS'); this.load.image('background', 'https://play.rosebud.ai/assets/background1.png?7Lzr'); this.load.image('snowman', 'https://play.rosebud.ai/assets/snowman.png?S9VL'); this.load.image('snowball', 'https://play.rosebud.ai/assets/snowball.png?754b'); this.load.image('hitEffect', 'https://play.rosebud.ai/assets/hitEffect.png?20PQ'); // Load player character variants this.load.image('p1', 'https://play.rosebud.ai/assets/p1.png?GzUQ'); this.load.image('p2', 'https://play.rosebud.ai/assets/p2.png?NSU0'); this.load.image('p3', 'https://play.rosebud.ai/assets/p3.png?ZAGA'); this.load.image('p4', 'https://play.rosebud.ai/assets/p4.png?zapW'); this.load.image('p5', 'https://play.rosebud.ai/assets/p5.png?PsoR'); this.load.image('p6', 'https://play.rosebud.ai/assets/p6.png?YI02'); this.load.image('p7', 'https://play.rosebud.ai/assets/p7.png?zebK'); this.load.image('p8', 'https://play.rosebud.ai/assets/p8.png?znDX'); this.load.image('p9', 'https://play.rosebud.ai/assets/p9.png?D6Cg'); this.load.image('p10', 'https://play.rosebud.ai/assets/p10.png?u4OZ'); this.load.image('p11', 'https://play.rosebud.ai/assets/p11.png?nw7H'); this.load.image('p12', 'https://play.rosebud.ai/assets/p12.png?UQgP'); this.load.image('popup', 'https://play.rosebud.ai/assets/popup.png?Gc2B'); this.load.audio('music', 'https://play.rosebud.ai/assets/music.mp3?gOcM'); this.load.audio('music2', 'https://play.rosebud.ai/assets/music2.mp3?BHjt'); this.load.audio('music3', 'https://play.rosebud.ai/assets/music 3.mp3?eNXa'); this.load.audio('ballsound', 'https://play.rosebud.ai/assets/ballsound.wav?HowD'); this.load.image('can', 'https://play.rosebud.ai/assets/can.png?iNHr'); } async create() { // Add mobile controls if on mobile device if (isMobile) { this.createMobileControls(); } // Start spawning speed boosts this.time.addEvent({ delay: 15000, // Spawn every 15 seconds callback: () => this.spawnSpeedBoost(), loop: true }); // Add multi-shot power-up timer this.time.addEvent({ delay: 20000, // Every 20 seconds callback: () => this.spawnMultiShot(), loop: true }); // Initial speed boost spawn after 5 seconds this.time.delayedCall(5000, () => this.spawnSpeedBoost()); // Initialize connection to Supabase try { const { data: { session } } = await supabase.auth.getSession(); if (!session) { // Generate anonymous session if not logged in await supabase.auth.signUp({ email: `guest_${Date.now()}@example.com`, password: `guest_${Date.now()}` }); } // Setup real-time subscription for player updates this.setupRealtimeSubscription(); } catch (error) { console.error('Supabase connection error:', error); } // Set world bounds with padding for player size const playerSize = 40; // Since we scale players to 40px height this.physics.world.setBounds( playerSize / 2, // Left padding playerSize / 2, // Top padding 2400 - playerSize, // Width minus padding 1800 - playerSize // Height minus padding ); // Set background const background = this.add.image(0, 0, 'background'); background.setOrigin(0, 0); background.setScale( 2400 / 2048, // New background width is 2048 1800 / 2048 // New background height is 2048 ); // Add semi-transparent overlay for softening const overlay = this.add.graphics(); overlay.fillStyle(0xffffff, 0.2); overlay.fillRect(0, 0, 2400, 1800); // Create glowing border const borderWidth = 6; const glowSize = 12; const borderColor = 0x00bfff; // Outer glow const outerGlow = this.add.graphics(); outerGlow.lineStyle(borderWidth + glowSize, borderColor, 0.2); outerGlow.strokeRect(0, 0, 2400, 1800); // Middle glow const middleGlow = this.add.graphics(); middleGlow.lineStyle(borderWidth + (glowSize / 2), borderColor, 0.3); middleGlow.strokeRect(0, 0, 2400, 1800); // Main border const border = this.add.graphics(); border.lineStyle(borderWidth, borderColor, 1); border.strokeRect(0, 0, 2400, 1800); // Create player this.createPlayer(); this.gameStartTime = this.time.now; // Set initial start time // Setup snowman spawn timer this.time.addEvent({ delay: 10000, // 10 seconds callback: () => this.spawnSnowman(), loop: true }); // Initial snowman spawn after 2 seconds this.time.delayedCall(2000, () => this.spawnSnowman()); // Setup background music with random track selection const musicTracks = ['music', 'music2', 'music3']; const randomTrack = Phaser.Math.RND.pick(musicTracks); this.backgroundMusic = this.sound.add(randomTrack, { loop: true, volume: 0.5 }); this.backgroundMusic.play(); // Add controls instructions text this.add.text(780, 560, 'Directional keys to move, Space bar to throw.', { fontSize: '12px', fill: '#000080', backgroundColor: '#ffffff80', padding: { x: 4, y: 2 } }).setOrigin(1, 0.5).setScrollFactor(0); // Create bots this.createBots(); // Setup controls this.cursors = this.input.keyboard.createCursorKeys(); this.spaceKey = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.SPACE); // Create recharge bar this.rechargeBarBackground = this.add.graphics() .setScrollFactor(0) .fillStyle(0x333333, 0.8) .fillRect(16, 550, 200, 20); this.rechargeBar = this.add.graphics() .setScrollFactor(0); // Add "Cooldown" text inside recharge bar this.add.text(116, 560, 'Cooldown', { fontSize: '14px', fill: '#ffffff' }).setScrollFactor(0).setOrigin(0.5, 0.5); // Score texts // Create notification text (hidden initially) this.notificationText = this.add.text(16, 525, '', { fontSize: '12px', fill: '#000080', backgroundColor: '#ffffff80', padding: { x: 10, y: 5 } }).setScrollFactor(0).setOrigin(0, 1).setAlpha(0); // Start bot spawn timer for new bots this.time.addEvent({ delay: 7000, // Changed to 7 seconds callback: () => { // Calculate current number of bots const currentBots = Array.from(this.players.values()).filter(p => p.isBot).length; // Spawn a new bot if we haven't reached the maximum if (currentBots < this.maxBots) { this.spawnNewBot(); } else { // Increase max bots and spawn a new one this.maxBots++; this.spawnNewBot(); } }, callbackScope: this, loop: true }); this.scoreText = this.add.text(16, 16, 'Score: 0', { fontSize: '32px', fill: '#000' }).setScrollFactor(0); // Hit counter text - positioned below score this.hitCounterText = this.add.text(16, 56, 'Hits: ' + (this.players.get('player')?.playerHits || 0), { fontSize: '32px', fill: '#000' }).setScrollFactor(0); // Add COOLBALL title at top center const titleText = this.add.text(400, 40, 'COOLBALL', { fontSize: '48px', fontStyle: 'bold', fill: '#000080', stroke: '#ffffff', strokeThickness: 8, shadow: { offsetX: 2, offsetY: 2, color: '#4444ff', blur: 8, stroke: true, fill: true } }).setOrigin(0.5, 0.5).setScrollFactor(0); // Create a "frozen" effect by adding a subtle animation this.tweens.add({ targets: titleText, scaleX: 1.05, scaleY: 1.05, duration: 1500, yoyo: true, repeat: -1, ease: 'Sine.easeInOut' }); // Add Ethereum address below title // Create an interactive container for the address const addressContainer = this.add.rectangle(400, 80, 450, 30, 0xffffff, 0.001) .setOrigin(0.5, 0.5) .setScrollFactor(0) .setInteractive({ useHandCursor: true }); // Add the address text const addressText = this.add.text(400, 80, '0x3080cE06eee2869E1b0287ad0De73f9421F977a3', { fontSize: '16px', fill: '#000080', stroke: '#ffffff', strokeThickness: 2, fontFamily: 'monospace' }).setOrigin(0.5, 0.5).setScrollFactor(0); // Add click handler addressContainer.on('pointerdown', () => { // Create a temporary textarea element const textarea = document.createElement('textarea'); textarea.value = '0x3080cE06eee2869E1b0287ad0De73f9421F977a3'; document.body.appendChild(textarea); textarea.select(); document.execCommand('copy'); document.body.removeChild(textarea); // Visual feedback addressText.setStyle({ fill: '#00ff00' }); this.time.delayedCall(200, () => { addressText.setStyle({ fill: '#000080' }); }); }); // Start score and survival timer this.startTime = this.time.now; this.time.addEvent({ delay: 16, // Update more frequently for smooth decimal display callback: () => { const player = this.players.get('player'); if (!this.gameOverActive && player) { // Only update time-based score if player is moving if (Math.abs(player.body.velocity.x) > 0 || Math.abs(player.body.velocity.y) > 0) { const elapsedTime = (this.time.now - this.startTime) / 1000; // Initialize bonus points if they don't exist if (!player.bonusPoints) player.bonusPoints = 0; // Total score is time plus bonus points player.score = parseFloat(elapsedTime.toFixed(2)) + player.bonusPoints; this.scoreText.setText('Score: ' + player.score.toFixed(2)); } } }, loop: true }); } setupRealtimeSubscription() { const channel = supabase .channel('player-updates') .on('presence', { event: 'sync' }, () => { // Handle presence sync const presenceState = channel.presenceState(); console.log('Current presence state:', presenceState); }) .on('broadcast', { event: 'player-move' }, (payload) => { // Handle player movement updates if (payload.playerId !== this.playerData.id) { const otherPlayer = this.players.get(payload.playerId); if (otherPlayer) { otherPlayer.setPosition(payload.x, payload.y); otherPlayer.setVelocity(payload.velocityX, payload.velocityY); } } }) .on('broadcast', { event: 'player-throw' }, (payload) => { // Handle snowball throws from other players if (payload.playerId !== this.playerData.id) { const shooter = this.players.get(payload.playerId); if (shooter) { this.createSnowball(shooter, payload.targetX, payload.targetY); } } }) .subscribe(); this.channel = channel; } async createPlayer() { // Create player in Supabase try { const { data, error } = await supabase .from('players') .insert([{ name: `Player_${Date.now()}`, score: 0, hits: 0, isBot: false, position: { x: this.getRandomSpawnX(), y: this.getRandomSpawnY() } }]) .select() .single(); if (error) throw error; this.playerData = data; } catch (error) { console.error('Error creating player:', error); } // No limit on human players const playerCharacters = ['p1', 'p2', 'p3', 'p4', 'p5', 'p6', 'p7', 'p8', 'p9', 'p10', 'p11', 'p12']; const randomCharacter = Phaser.Math.RND.pick(playerCharacters); const player = this.add.sprite( this.getRandomSpawnX(), this.getRandomSpawnY(), randomCharacter ); player.playerHits = 0; // Individual hit counter player.score = 0; // Individual score counter if (!player.playerHits) player.playerHits = 0; // Ensure hits are initialized player.spawnProtectionEndTime = this.time.now + 2000; // 2 seconds spawn protection player.score = 0; // Individual score counter // Set up camera to follow player this.cameras.main.startFollow(player); this.cameras.main.setZoom(1); this.cameras.main.setBounds(0, 0, 2400, 1800); // Scale player to 80px height (twice the original size) player.setScale(80 / player.height); this.physics.add.existing(player, false); // false = not static player.body.enable = true; // Explicitly enable physics body player.body.setCollideWorldBounds(true); player.body.setBounce(0.1); player.body.setDrag(100); // Set a tighter collision box for the player player.body.setSize(player.width * 0.4, player.height * 0.6); player.body.setOffset(player.width * 0.3, player.height * 0.2); player.isBot = false; player.lastDirection = { x: 1, y: 0 }; // Default facing right this.players.set('player', player); // Create blinking effect for initial spawn invincibility this.tweens.add({ targets: player, alpha: 0.3, yoyo: true, duration: 200, repeat: 7, // Will blink 7 times over 3 seconds onComplete: () => { player.alpha = 1; // Ensure player is fully visible after effect } }); } createBots() { // Calculate how many bots we need based on human players const humanPlayers = Array.from(this.players.values()).filter(p => !p.isBot).length; const botsNeeded = Math.max(0, Math.min(this.maxBots, this.maxBots - humanPlayers)); // Don't remove bots automatically anymore const currentBots = Array.from(this.players.values()).filter(p => p.isBot); // Add new bots if we need more for (let i = currentBots.length; i < botsNeeded; i++) { const playerCharacters = ['p1', 'p2', 'p3', 'p4', 'p5', 'p6', 'p7', 'p8', 'p9', 'p10', 'p11', 'p12']; const randomCharacter = Phaser.Math.RND.pick(playerCharacters); const bot = this.add.sprite( Phaser.Math.Between(100, 2300), Phaser.Math.Between(100, 1700), randomCharacter ); // Scale bot to same size as player (80px height) bot.setScale(80 / bot.height); this.physics.add.existing(bot, false); // false = not static bot.body.setCollideWorldBounds(true); bot.body.setBounce(0.1); bot.body.setDrag(100); // Set a tighter collision box for the bot bot.body.setSize(bot.width * 0.4, bot.height * 0.6); bot.body.setOffset(bot.width * 0.3, bot.height * 0.2); bot.isBot = true; bot.lastThrow = 0; bot.canThrowAfter = this.time.now + 3000; // Set 3-second delay for new bots // Initialize movement properties bot.body.setVelocity( Phaser.Math.Between(-200, 200), Phaser.Math.Between(-200, 200) ); this.players.set(`bot${i}`, bot); } } throwDirectional() { const player = this.players.get('player'); const currentTime = this.time.now; if (currentTime - this.lastThrowTime >= this.throwCooldown) { let direction = { x: 0, y: 0 }; // Check current movement if (player.body.velocity.x !== 0 || player.body.velocity.y !== 0) { direction.x = Math.sign(player.body.velocity.x); direction.y = Math.sign(player.body.velocity.y); } else { // Use last known direction if not moving direction = player.lastDirection; } // Normalize the direction for consistent throw distance const length = Math.sqrt(direction.x * direction.x + direction.y * direction.y); if (length > 0) { direction.x /= length; direction.y /= length; } const targetX = player.x + direction.x * 100; const targetY = player.y + direction.y * 100; this.createSnowball(player, targetX, targetY); this.lastThrowTime = currentTime; } } createSnowball(shooter, targetX, targetY) { const snowball = this.add.sprite(shooter.x, shooter.y, 'snowball'); // Add collision with any active snowmen if (this.activeSnowmen) { this.activeSnowmen.forEach(snowman => { if (snowman.active) { this.physics.add.overlap(snowball, snowman, (snowball, snowman) => { // Get the player directly const player = this.players.get('player'); // Check if this snowball belongs to the player const distance = Phaser.Math.Distance.Between( player.x, player.y, snowball.initialX, snowball.initialY ); if (distance < 50) { // Initialize bonus points if they don't exist if (!player.bonusPoints) player.bonusPoints = 0; player.bonusPoints += 25; // Add 25 points to bonus // Update total score player.score = parseFloat((player.bonusPoints + (this.time.now - this.startTime) / 1000).toFixed(2)); this.scoreText.setText('Score: ' + player.score.toFixed(2)); // Create ice effect const iceEffect = this.add.sprite(snowman.x, snowman.y, 'ice'); iceEffect.setScale(80 / iceEffect.height); iceEffect.setAlpha(0.7); // Animate and destroy ice effect this.tweens.add({ targets: iceEffect, alpha: 0, scale: '*=1.2', duration: 500, onComplete: () => iceEffect.destroy() }); // Show bonus text const bonusText = this.add.text(snowman.x, snowman.y - 40, '+25', { fontSize: '24px', fill: '#00ff00' }).setOrigin(0.5); // Animate bonus text this.tweens.add({ targets: bonusText, y: bonusText.y - 50, alpha: 0, duration: 1000, onComplete: () => bonusText.destroy() }); // Destroy snowball and snowman snowball.destroy(); snowman.destroy(); // Remove from active snowmen set if (this.activeSnowmen) { this.activeSnowmen.delete(snowman); } } }, null, this); } }); } // Scale snowball to 20px width snowball.setScale(20 / snowball.width); this.physics.add.existing(snowball, false); snowball.body.enable = true; // Explicitly enable physics body // Set a precise collision circle for the snowball snowball.body.setCircle(snowball.width * 0.3); snowball.body.setOffset(snowball.width * 0.2, snowball.width * 0.2); const angle = Phaser.Math.Angle.Between(shooter.x, shooter.y, targetX, targetY); const velocity = 400; snowball.body.setVelocity( Math.cos(angle) * velocity, Math.sin(angle) * velocity ); const snowballId = `snowball${Date.now()}`; this.snowballs.set(snowballId, snowball); // Store initial position for distance calculation snowball.initialX = shooter.x; snowball.initialY = shooter.y; // Add collision with players this.physics.add.overlap(snowball, Array.from(this.players.values()), (snowball, hit) => { if (hit !== shooter) { // Find the hit bot's key in the players Map const botKey = Array.from(this.players.entries()) .find(([key, p]) => p === hit)?.[0]; const mainPlayer = this.players.get('player'); // Check if shooter's spawn protection has expired if (shooter === mainPlayer && !this.gameOverActive && shooter.spawnProtectionEndTime < this.time.now) { // If the hit target is a bot, remove it immediately if (hit.isBot && botKey) { // Disable physics and input hit.body.enable = false; // Create fade-out effect this.tweens.add({ targets: hit, alpha: 0, scale: hit.scale * 1.2, duration: 200, onComplete: () => { // Remove from players collection this.players.delete(botKey); // Destroy the bot sprite hit.destroy(); } }); } mainPlayer.playerHits = (mainPlayer.playerHits || 0) + 1; // Initialize bonus points if they don't exist if (!mainPlayer.bonusPoints) mainPlayer.bonusPoints = 0; // Add points for hitting a bot if (hit.isBot) { mainPlayer.bonusPoints += 5; // Add exactly 5 points to bonus mainPlayer.score = parseFloat((mainPlayer.bonusPoints + (this.time.now - this.startTime) / 1000).toFixed(2)); // Show the +5 bonus notification const bonusText = this.add.text(hit.x, hit.y - 40, '+5', { fontSize: '24px', fill: '#ffd700' // Gold color for bot elimination bonus }).setOrigin(0.5); this.tweens.add({ targets: bonusText, y: bonusText.y - 50, alpha: 0, duration: 1000, onComplete: () => bonusText.destroy() }); } this.hitCounterText.setText('Hits: ' + mainPlayer.playerHits); this.scoreText.setText('Score: ' + mainPlayer.score.toFixed(2)); } // Play hit sound this.sound.play('ballsound', { volume: 0.5 }); // Create hit effect this.createHitEffect(snowball.x, snowball.y); if (!hit.isBot) { // Only pause for player hits this.physics.pause(); // Delay handling for player hits this.time.delayedCall(1000, () => { this.handleHit(hit); snowball.destroy(); this.snowballs.delete(snowballId); if (!this.gameOverActive) { this.physics.resume(); } }); } else { // Immediate handling for bot hits this.handleHit(hit); snowball.destroy(); this.snowballs.delete(snowballId); } } }); // Check distance and destroy if exceeded const maxDistance = 800; // Check distance and destroy if exceeded const distanceChecker = this.time.addEvent({ delay: 16, // Check every frame callback: () => { const distance = Phaser.Math.Distance.Between( snowball.initialX, snowball.initialY, snowball.x, snowball.y ); if (distance >= maxDistance && this.snowballs.has(snowballId)) { snowball.destroy(); this.snowballs.delete(snowballId); distanceChecker.destroy(); } }, loop: true }); // Backup destroy after 2 seconds (for non-power-up snowballs) if (!shooter.isInvincible) { this.time.delayedCall(2000, () => { if (this.snowballs.has(snowballId)) { snowball.destroy(); this.snowballs.delete(snowballId); distanceChecker.destroy(); } }); } } createHitEffect(x, y) { const effect = this.add.sprite(x, y, 'hitEffect'); effect.setScale(40 / effect.width); // Scale effect to 40px width effect.alpha = 0.8; this.tweens.add({ targets: effect, alpha: 0, scale: effect.scale * 1.5, duration: 300, onComplete: () => effect.destroy() }); } handleHit(player) { // Check if player is in invincibility period (3 seconds from game start) if (!player.isBot && this.time.now - this.gameStartTime < 3000) { return; // Skip hit handling during invincibility period } if (player.isBot) { // If the bot is already being destroyed or invalid, skip if (!player.active || player.isBeingDestroyed || !player.body) { // Ensure cleanup of invalid bots const botKey = Array.from(this.players.entries()) .find(([key, p]) => p === player)?.[0]; if (botKey) { this.players.delete(botKey); if (player.destroy) player.destroy(); } return; } // Mark the bot as being destroyed to prevent multiple destroy attempts player.isBeingDestroyed = true; // Find the bot's key in the players Map const botKey = Array.from(this.players.entries()) .find(([key, p]) => p === player)?.[0]; if (botKey) { // Immediately stop all movement and physics player.body.setVelocity(0, 0); player.body.enable = false; // Remove all existing colliders this.physics.world.colliders.getActive() .filter(collider => collider.object1 === player || collider.object2 === player) .forEach(collider => collider.destroy()); // Clear any ongoing tweens or timers this.tweens.killTweensOf(player); // Remove from physics world this.physics.world.disable(player); // Quick fade out effect this.tweens.add({ targets: player, alpha: 0, scale: player.scale * 1.2, duration: 200, onComplete: () => { // Remove from players map before destroying this.players.delete(botKey); // Finally destroy the sprite player.destroy(); } }); // Create a quick fade-out effect where the bot was hit const fadeOut = this.add.sprite(player.x, player.y, 'ice'); fadeOut.setScale(80 / fadeOut.height); fadeOut.setAlpha(0.5); this.tweens.add({ targets: fadeOut, alpha: 0, scale: '*=1.2', duration: 300, onComplete: () => fadeOut.destroy() }); // Schedule a new bot to spawn in 5 seconds this.time.delayedCall(5000, () => { // Only spawn if we haven't reached max bots const currentBots = Array.from(this.players.values()).filter(p => p.isBot).length; if (currentBots < this.maxBots) { this.spawnNewBot(); } }); } } else { // Respawn player at random location player.setPosition( this.getRandomSpawnX(), this.getRandomSpawnY() ); } if (!player.isBot) { // Update last hit time this.lastHitTime = this.time.now; this.hasPlayerMoved = false; // Keep score and hits visible in UI this.scoreText.setText('Score: ' + player.score.toFixed(2)); this.hitCounterText.setText('Hits: ' + player.playerHits); // Pause all action for 1 second if (player && player.active) { // Temporarily disable all physics and movement this.physics.pause(); // Make player flash player.alpha = 0.5; // Resume after 1 second this.time.delayedCall(1000, () => { this.physics.resume(); this.gameOverActive = true; if (player.body) { player.body.enable = false; } }); // Keep scoreboard and game over elements visible this.game.canvas.style.opacity = 1; // Pause all active entities this.players.forEach(p => { if (p.body) p.body.setVelocity(0, 0); p.body.enable = false; }); // Disable all snowballs this.snowballs.forEach(snowball => { if (snowball.body) { snowball.body.setVelocity(0, 0); snowball.body.enable = false; } }); // Stop all ongoing timers this.time.removeAllEvents(); // Stop all active tweens this.tweens.pauseAll(); } // Show game over pop-up and update scoreboard const randomPhrase = Phaser.Math.RND.pick(this.gameOverPhrases); // Fetch current scores first to check if player qualifies for top 10 fetchScoreboard().then(scores => { const wouldBeTopTen = scores.length < 10 || player.score > scores[scores.length - 1].score; if (wouldBeTopTen) { // Create input field for name const nameInput = document.createElement('input'); nameInput.type = 'text'; nameInput.maxLength = 12; nameInput.style.position = 'absolute'; nameInput.style.left = '50%'; nameInput.style.top = '50%'; nameInput.style.transform = 'translate(-50%, -50%)'; nameInput.style.fontSize = '20px'; nameInput.style.padding = '8px'; nameInput.style.textAlign = 'center'; nameInput.placeholder = 'Enter your name'; // Add input to the game container this.game.canvas.parentElement.appendChild(nameInput); nameInput.focus(); // Handle name submission nameInput.addEventListener('keydown', (e) => { if (e.key === 'Enter' && nameInput.value.trim()) { const scoreData = { name: nameInput.value.trim(), score: player.score, hits: player.playerHits, date: new Date().toISOString() }; // Remove input field nameInput.remove(); // Update scoreboard and display updateScoreboard(scoreData).then(() => { fetchScoreboard().then(updatedScores => { this.displayScoreboard(updatedScores); }); }); } }); } else { // If not top 10, use default name const scoreData = { name: `Player${Date.now().toString().slice(-4)}`, score: player.score, hits: player.playerHits, date: new Date().toISOString() }; // Update scoreboard and display updateScoreboard(scoreData).then(() => { fetchScoreboard().then(updatedScores => { this.displayScoreboard(updatedScores); }); }); } }); // Create pop-up background using popup asset const popupBg = this.add.image(200, 300, 'popup') .setScrollFactor(0) .setScale(0.36) .setAlpha(0.95) .setDepth(1000); // High depth value to ensure it's on top // Game over text const gameOverText = this.add.text(200, 260, 'GAME OVER 😎', { fontSize: '19px', fill: '#000080', fontStyle: 'bold' }).setOrigin(0.5).setScrollFactor(0).setDepth(1001); // Hit count text const hitText = this.add.text(200, 285, `Score: ${player.score.toFixed(2)}s`, { fontSize: '17px', fill: '#00008B' }).setOrigin(0.5).setScrollFactor(0).setDepth(1001); // Random phrase text const phraseText = this.add.text(200, 310, randomPhrase, { fontSize: '14px', fill: '#191970' }).setOrigin(0.5).setScrollFactor(0).setDepth(1001); // Create restart button const buttonBg = this.add.rectangle(200, 335, 192, 24, 0x00bfff) .setScrollFactor(0) .setInteractive() .setDepth(1001); const buttonText = this.add.text(200, 335, 'Ball Again?', { fontSize: '20px', fill: '#000000' }).setOrigin(0.5).setScrollFactor(0).setDepth(1002); // Higher depth than the button background // Button hover effect buttonBg.on('pointerover', () => { buttonBg.setFillStyle(0x80dfff); }); buttonBg.on('pointerout', () => { buttonBg.setFillStyle(0x00bfff); }); // Button click handler buttonBg.on('pointerdown', async () => { // Reload the entire page window.location.reload(); // Stop all timers and physics this.time.removeAllEvents(); this.physics.world.clear(); // Clear all game objects this.players.forEach(player => { if (player.body) player.body.enable = false; player.destroy(); }); this.players.clear(); this.snowballs.forEach(snowball => { if (snowball.body) snowball.body.enable = false; snowball.destroy(); }); this.snowballs.clear(); this.speedBoosts.forEach(boost => { if (boost.body) boost.body.enable = false; boost.destroy(); }); this.speedBoosts.clear(); // Reset game state this.hasPlayerMoved = false; this.gameOverActive = false; this.lastThrowTime = 0; this.startTime = this.time.now; this.maxBots = 3; this.lastBotSpawnTime = 0; this.gameStartTime = this.time.now; this.lastHitTime = 0; // Clear any remaining event listeners this.input.keyboard.removeAllKeys(); // Re-setup controls this.cursors = this.input.keyboard.createCursorKeys(); this.spaceKey = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.SPACE); // Create new player await this.createPlayer(); // Ensure physics is re-enabled for the new player const player = this.players.get('player'); if (player && player.body) { player.body.enable = true; } // Reset score displays this.scoreText.setText('Score: 0'); this.hitCounterText.setText('Hits: 0'); // Recreate game timers with proper spacing this.time.addEvent({ delay: 15000, callback: () => this.spawnSpeedBoost(), loop: true }); this.time.addEvent({ delay: 10000, callback: () => this.spawnSnowman(), loop: true }); this.time.addEvent({ delay: 20000, callback: () => this.spawnMultiShot(), loop: true }); // Initial spawns with proper delays this.time.delayedCall(2000, () => this.spawnSnowman()); this.time.delayedCall(5000, () => this.spawnSpeedBoost()); this.time.delayedCall(7000, () => this.spawnMultiShot()); // Create initial bots after a short delay this.time.delayedCall(1000, () => { this.createBots(); }); // Wait for the new player to be fully initialized await new Promise(resolve => this.time.delayedCall(100, resolve)); // Verify the new player exists and has physics enabled const newPlayer = this.players.get('player'); if (newPlayer && newPlayer.body) { newPlayer.body.enable = true; // Now that the game is properly restarted, remove game over elements gameOverElements.forEach(element => { if (element && element.active) { element.destroy(); } }); // Re-enable input events this.input.enabled = true; } else { // If player creation failed, try again await this.createPlayer(); } // Re-establish score update timer this.time.addEvent({ delay: 16, callback: () => { const player = this.players.get('player'); if (!this.gameOverActive && player) { // Only update score if player is moving if (Math.abs(player.body.velocity.x) > 0 || Math.abs(player.body.velocity.y) > 0) { const elapsedTime = (this.time.now - this.startTime) / 1000; player.score = parseFloat(elapsedTime.toFixed(2)); this.scoreText.setText('Score: ' + player.score.toFixed(2)); } } }, loop: true }); // Start blinking effect for current player const currentPlayer = this.players.get('player'); this.tweens.add({ targets: currentPlayer, alpha: 0.3, yoyo: true, duration: 200, repeat: 7, // Will blink 7 times over 3 seconds onComplete: () => { if (currentPlayer && currentPlayer.active) { currentPlayer.alpha = 1; // Ensure player is fully visible after effect currentPlayer.body.enable = true; } } }); this.gameOverActive = false; this.gameStartTime = this.time.now; // Set start time on reset // Recreate bots this.createBots(); // Reset spawn timers this.time.addEvent({ delay: 15000, callback: () => this.spawnSpeedBoost(), loop: true }); this.time.addEvent({ delay: 10000, callback: () => this.spawnSnowman(), loop: true }); // Initial spawns this.time.delayedCall(2000, () => this.spawnSnowman()); this.time.delayedCall(5000, () => this.spawnSpeedBoost()); this.time.delayedCall(7000, () => this.spawnMultiShot()); // Add multi-shot power-up timer this.time.addEvent({ delay: 20000, // Every 20 seconds callback: () => this.spawnMultiShot(), loop: true }); }); } } displayScoreboard(scores) { // Create scoreboard container const container = this.add.container(560, 200).setScrollFactor(0).setDepth(1001); // Add title const title = this.add.text(0, 0, 'TOP SCORES', { fontSize: '28px', fill: '#000080', fontStyle: 'bold' }).setOrigin(0.5, 0); container.add(title); // Add scores (limit to top 10) scores.slice(0, 10).forEach((score, index) => { const scoreText = this.add.text(-150, 48 + (index * 30), `${index + 1}. ${score.name}: ${score.score.toFixed(2)}s`, { fontSize: '20px', fill: '#000080' }).setOrigin(0, 0); container.add(scoreText); }); // Create ice effect const iceEffect = this.add.sprite(player.x, player.y, 'ice'); iceEffect.setScale(80 / iceEffect.height); // Match player height (80px) iceEffect.setAlpha(0.7); // Flash effect on player this.tweens.add({ targets: player, alpha: 0.5, yoyo: true, duration: 100, repeat: 2, onComplete: () => { player.alpha = 1; // Ensure player is fully opaque after effect } }); // Ice effect animation and cleanup this.tweens.add({ targets: iceEffect, alpha: { from: 0.7, to: 0 }, scale: { from: iceEffect.scale, to: iceEffect.scale * 1.1 }, duration: 500, onComplete: () => { iceEffect.destroy(); } }); } updateBots() { const currentTime = this.time.now; const botsToRemove = []; this.players.forEach((player, key) => { if (player.isBot) { // Enhanced bot validation if (!player.active || !player.body || !player.body.enable || player.isBeingDestroyed || (player.body && Math.abs(player.body.velocity.x) < 1 && Math.abs(player.body.velocity.y) < 1)) { // Immediately disable physics to prevent ghost interactions if (player.body) { player.body.enable = false; player.body.moves = false; } // Mark for removal player.isBeingDestroyed = true; botsToRemove.push(key); return; } // Check if the bot is "stuck" (not moving for too long) if (!player.lastMovementTime) { player.lastMovementTime = currentTime; } const velocity = new Phaser.Math.Vector2(player.body.velocity.x, player.body.velocity.y); if (velocity.length() < 50) { if (currentTime - player.lastMovementTime > 5000) { // Bot hasn't moved for 5 seconds botsToRemove.push(key); return; } } else { player.lastMovementTime = currentTime; } // Ensure constant movement const currentVelocity = new Phaser.Math.Vector2(player.body.velocity.x, player.body.velocity.y); // Force movement update if velocity is too low or randomly if (currentVelocity.length() < 100 || Math.random() < 0.03) { // Get the player position const mainPlayer = this.players.get('player'); if (mainPlayer && mainPlayer.active) { // Calculate direction to player const direction = new Phaser.Math.Vector2( mainPlayer.x - player.x, mainPlayer.y - player.y ).normalize(); // Add some randomness to movement const randomAngle = Phaser.Math.Between(-45, 45) * (Math.PI / 180); direction.rotate(randomAngle); // Set new velocity with guaranteed minimum speed const speed = Phaser.Math.Between(150, 250); player.body.setVelocity( direction.x * speed, direction.y * speed ); } else { // Random movement if no player found, ensuring minimum speed const angle = Math.random() * Math.PI * 2; const speed = Phaser.Math.Between(150, 250); player.body.setVelocity( Math.cos(angle) * speed, Math.sin(angle) * speed ); } } // More aggressive throwing behavior if (!player.lastThrow) { player.lastThrow = currentTime; } // Ensure throwing is working if (currentTime - player.lastThrow >= this.throwCooldown) { const target = this.getClosestTarget(player); if (target) { this.createSnowball(player, target.x, target.y); player.lastThrow = currentTime; } } } }); // Enhanced bot cleanup process botsToRemove.forEach(key => { const bot = this.players.get(key); if (bot && !bot.cleanupStarted) { bot.cleanupStarted = true; // Disable physics and input if (bot.body) { bot.body.enable = false; } // Remove any existing colliders this.physics.world.colliders.getActive() .filter(collider => collider.object1 === bot || collider.object2 === bot) .forEach(collider => collider.destroy()); // Create fade-out effect this.tweens.add({ targets: bot, alpha: 0, scale: bot.scale * 1.2, duration: 200, onComplete: () => { // Ensure complete cleanup if (this.players.has(key)) { this.players.delete(key); } if (bot.active) { bot.destroy(); } // Schedule a verification cleanup this.time.delayedCall(100, () => { if (this.players.has(key)) { this.players.delete(key); } }); } }); } }); } getClosestTarget(bot) { let closestTarget = null; let closestDistance = Infinity; this.players.forEach((player) => { if (player !== bot && player.active) { const distance = Phaser.Math.Distance.Between( bot.x, bot.y, player.x, player.y ); if (distance < closestDistance) { closestDistance = distance; closestTarget = player; } } }); return closestTarget; } getRandomSpawnX() { return Phaser.Math.Between(100, 2300); } getRandomSpawnY() { return Phaser.Math.Between(100, 1700); } spawnSpeedBoost() { const speedBoost = this.add.sprite( this.getRandomSpawnX(), this.getRandomSpawnY(), 'cofffee' ); speedBoost.setScale(80 / speedBoost.height); // Scale to 80px height (twice as large) this.physics.add.existing(speedBoost, false); speedBoost.body.enable = true; // Explicitly enable physics body speedBoost.body.setCircle(speedBoost.width * 0.3); speedBoost.body.setOffset(speedBoost.width * 0.2, speedBoost.width * 0.2); // Add glow effect this.tweens.add({ targets: speedBoost, alpha: 0.6, yoyo: true, duration: 1000, repeat: -1 }); // Setup collision with player // Setup collision with player const player = this.players.get('player'); if (player) { const collider = this.physics.add.overlap(player, speedBoost, (player, powerup) => { this.collectSpeedBoost(powerup); collider.destroy(); // Remove the collider after collection }); } // Auto-destroy after 10 seconds if not collected this.time.delayedCall(10000, () => { if (speedBoost && speedBoost.active) { speedBoost.destroy(); } }); this.speedBoosts.add(speedBoost); } collectSpeedBoost(speedBoost) { const player = this.players.get('player'); speedBoost.destroy(); this.speedBoosts.delete(speedBoost); // Apply speed boost effect player.isSpeedBoosted = true; // Create coffee steam effect const boostEffect = this.add.sprite(player.x, player.y, 'cofffee'); boostEffect.setScale(120 / boostEffect.height); // Larger than pickup size (twice as large) boostEffect.setAlpha(0.3); // Make it semi-transparent player.boostEffect = boostEffect; // Clear existing boost timeout if any if (player.speedBoostTimeout) { clearTimeout(player.speedBoostTimeout); } // Set timeout to remove boost effect player.speedBoostTimeout = this.time.delayedCall(this.speedBoostDuration, () => { player.isSpeedBoosted = false; if (boostEffect) { boostEffect.destroy(); } }); } spawnSnowman() { const snowman = this.add.sprite( this.getRandomSpawnX(), this.getRandomSpawnY(), 'snowman' ); snowman.setScale(80 / snowman.height); // Scale to match player size this.physics.add.existing(snowman, false); snowman.body.enable = true; // Explicitly enable physics body snowman.body.setCollideWorldBounds(true); // Setup collision with snowballs const handleSnowballCollision = (snowman, snowball) => { // Get the player directly const player = this.players.get('player'); // Check if this snowball belongs to the player by comparing initial position const distance = Phaser.Math.Distance.Between( player.x, player.y, snowball.initialX, snowball.initialY ); // Only proceed if this snowball belongs to the player if (distance < 50) { // Get points for hitting the snowman // Initialize bonus points if they don't exist if (!player.bonusPoints) player.bonusPoints = 0; player.bonusPoints += 25; // Add 25 points to bonus // Update total score (bonus points + time) player.score = parseFloat((player.bonusPoints + (this.time.now - this.startTime) / 1000).toFixed(2)); this.scoreText.setText('Score: ' + player.score.toFixed(2)); // Show 'SNOWMAN BONUS!' text in center of screen const bonusMessage = this.add.text(400, 300, 'SNOWMAN BONUS!', { fontSize: '48px', fill: '#000080', fontStyle: 'bold' }).setOrigin(0.5, 0.5) .setScrollFactor(0) .setAlpha(0.7); // Animate the bonus message this.tweens.add({ targets: bonusMessage, alpha: 0, y: bonusMessage.y - 50, duration: 2000, ease: 'Power2', onComplete: () => bonusMessage.destroy() }); // Show points notification above snowman const bonusText = this.add.text(snowman.x, snowman.y - 40, '+25', { fontSize: '24px', fill: '#00ff00' }).setOrigin(0.5); // Animate the bonus text this.tweens.add({ targets: bonusText, y: bonusText.y - 50, alpha: 0, duration: 1000, onComplete: () => bonusText.destroy() }); } // Create ice effect on hit const iceEffect = this.add.sprite(snowman.x, snowman.y, 'ice'); iceEffect.setScale(80 / iceEffect.height); iceEffect.setAlpha(0.7); // Animate and destroy ice effect this.tweens.add({ targets: iceEffect, alpha: 0, scale: '*=1.2', duration: 500, onComplete: () => iceEffect.destroy() }); // Destroy both snowball and snowman snowball.destroy(); snowman.destroy(); }; // Add collision detection for current and future snowballs this.snowballs.forEach(snowball => { this.physics.add.overlap(snowman, snowball, handleSnowballCollision, null, this); }); // Add a reference to the snowman in the scene for future snowballs if (!this.activeSnowmen) { this.activeSnowmen = new Set(); } this.activeSnowmen.add(snowman); // Setup snowball firing pattern with 2-second delay this.time.delayedCall(2000, () => { let fireCount = 0; const fireTimer = this.time.addEvent({ delay: 500, callback: () => { // Fire 8 snowballs in a circular pattern for (let i = 0; i < 8; i++) { const angle = (i / 8) * Math.PI * 2; const targetX = snowman.x + Math.cos(angle) * 100; const targetY = snowman.y + Math.sin(angle) * 100; this.createSnowball(snowman, targetX, targetY); } fireCount++; if (fireCount >= 4) { // Fire 4 times (2 seconds total) fireTimer.destroy(); // Add 1-second delay before destroying snowman this.time.delayedCall(1000, () => { if (snowman && snowman.active) { snowman.destroy(); } }); } }, loop: true }); }); } spawnMultiShot() { // Create red square power-up const multiShot = this.add.sprite( this.getRandomSpawnX(), this.getRandomSpawnY(), 'can' ); multiShot.setScale((40 * 3) / multiShot.width); // Set consistent width-based scaling (3x larger) multiShot.setDepth(2); // Ensure it renders above other elements multiShot.setAlpha(1); // Ensure full visibility this.physics.add.existing(multiShot, false); multiShot.body.setCircle(multiShot.width * 0.3); // Set circular collision multiShot.body.setOffset(multiShot.width * 0.2, multiShot.height * 0.2); // Add floating effect // Add floating effect with glow this.tweens.add({ targets: multiShot, y: multiShot.y - 15, alpha: { from: 1, to: 0.8 }, scale: { from: multiShot.scale, to: multiShot.scale * 1.1 }, yoyo: true, duration: 1000, repeat: -1, ease: 'Sine.easeInOut' }); // Setup collision with player const player = this.players.get('player'); if (player) { const collider = this.physics.add.overlap(player, multiShot, (player, powerup) => { this.collectMultiShot(powerup); collider.destroy(); // Remove the collider after collection }); } // Auto-destroy after 10 seconds if not collected this.time.delayedCall(10000, () => { if (multiShot && multiShot.active) { multiShot.destroy(); } }); } collectMultiShot(multiShot) { const player = this.players.get('player'); if (!player || !multiShot) return; // Destroy the power-up object multiShot.destroy(); // Create visual effect for the player const effectGraphics = this.add.graphics(); effectGraphics.lineStyle(3, 0x00bfff); // Light blue color with thicker line effectGraphics.strokeCircle(player.x, player.y, 45); // Make the effect follow the player with pulsing animation this.time.addEvent({ delay: 16, callback: () => { effectGraphics.clear(); effectGraphics.lineStyle(3, 0x00bfff, 0.8 + Math.sin(this.time.now / 200) * 0.2); // Pulsing opacity effectGraphics.strokeCircle(player.x, player.y, 45); }, repeat: Math.floor(5000 / 16) // 5 seconds duration }); // Setup multi-shot firing let shotsFired = 0; const duration = 5000; // 5 seconds const interval = 200; // Fire every 0.2 seconds for more intense effect // Create shooting timer const shootTimer = this.time.addEvent({ delay: interval, callback: () => { // Shoot 8 snowballs in all directions for (let i = 0; i < 8; i++) { const angle = (i / 8) * Math.PI * 2; const targetX = player.x + Math.cos(angle) * 100; const targetY = player.y + Math.sin(angle) * 100; this.createSnowball(player, targetX, targetY); } }, repeat: Math.floor(duration / interval) - 1, startAt: 0 }); // Clean up after duration this.time.delayedCall(duration, () => { if (effectGraphics) { effectGraphics.destroy(); } shootTimer.destroy(); }); } spawnNewBot() { // Create the new bot const playerCharacters = ['p1', 'p2', 'p3', 'p4', 'p5', 'p6', 'p7', 'p8', 'p9', 'p10', 'p11', 'p12']; const randomCharacter = Phaser.Math.RND.pick(playerCharacters); const bot = this.add.sprite( this.getRandomSpawnX(), this.getRandomSpawnY(), randomCharacter ); // Scale and setup bot physics bot.setScale(80 / bot.height); this.physics.add.existing(bot, false); // false = not static bot.body.setCollideWorldBounds(true); bot.body.setBounce(0.1); bot.body.setDrag(100); bot.body.setSize(bot.width * 0.4, bot.height * 0.6); bot.body.setOffset(bot.width * 0.3, bot.height * 0.2); bot.isBot = true; bot.lastThrow = 0; bot.canThrowAfter = this.time.now + 3000; // 3 second delay before throwing // Initialize movement for new bot bot.body.setVelocity( Phaser.Math.Between(-200, 200), Phaser.Math.Between(-200, 200) ); // Add to players collection this.players.set(`bot${Date.now()}`, bot); // Show notification for 1 second this.notificationText.setText('NEW ENEMY SPAWNED!'); this.notificationText.setAlpha(1); this.notificationText.setColor('#000080'); // Dark blue color this.notificationText.setFontSize('18px'); this.notificationText.setPosition(16, 520); // Position above cooldown meter // Hide notification after 1 second this.time.delayedCall(1000, () => { this.notificationText.setAlpha(0); }); } createMobileControls() { // Create container for mobile controls const controlsContainer = this.add.container(0, 0).setScrollFactor(0).setDepth(1000); // Create arrow buttons const buttonSize = 60; const buttonPadding = 10; const buttonGap = 15; // Gap between buttons const buttonY = 520 - buttonSize; // Moved up above recharge meter (which is at 550) // Left arrow (moved left by buttonGap) const leftBtn = this.add.rectangle(buttonPadding + buttonSize - buttonGap, buttonY, buttonSize, buttonSize, 0x00bfff, 0.5) .setScrollFactor(0) .setInteractive(); const leftArrow = this.add.text(buttonPadding + buttonSize - buttonGap, buttonY, '←', { fontSize: '32px', color: '#000' }) .setScrollFactor(0) .setOrigin(0.5); // Right arrow const rightBtn = this.add.rectangle(buttonPadding + buttonSize * 3 + buttonGap, buttonY, buttonSize, buttonSize, 0x00bfff, 0.5) .setScrollFactor(0) .setInteractive(); const rightArrow = this.add.text(buttonPadding + buttonSize * 3 + buttonGap, buttonY, '→', { fontSize: '32px', color: '#000' }) .setScrollFactor(0) .setOrigin(0.5); // Up arrow const upBtn = this.add.rectangle(buttonPadding + buttonSize * 2, buttonY - buttonSize - buttonGap, buttonSize, buttonSize, 0x00bfff, 0.5) .setScrollFactor(0) .setInteractive(); const upArrow = this.add.text(buttonPadding + buttonSize * 2, buttonY - buttonSize - buttonGap, '↑', { fontSize: '32px', color: '#000' }) .setScrollFactor(0) .setOrigin(0.5); // Down arrow const downBtn = this.add.rectangle(buttonPadding + buttonSize * 2, buttonY + buttonGap, buttonSize, buttonSize, 0x00bfff, 0.5) .setScrollFactor(0) .setInteractive(); const downArrow = this.add.text(buttonPadding + buttonSize * 2, buttonY + buttonGap, '↓', { fontSize: '32px', color: '#000' }) .setScrollFactor(0) .setOrigin(0.5); // Throw button const throwBtn = this.add.rectangle(800 - buttonSize - buttonPadding, buttonY + 10, buttonSize * 1.5, buttonSize, 0xff0000, 0.5) // Slightly lower than direction buttons .setScrollFactor(0) .setInteractive(); const throwText = this.add.text(800 - buttonSize - buttonPadding, buttonY + 10, 'THROW', { // Match throw button position fontSize: '20px', color: '#000' }) .setScrollFactor(0) .setOrigin(0.5); // Add pointer events for movement buttons leftBtn.on('pointerdown', () => { this.cursors.left.isDown = true; }); leftBtn.on('pointerup', () => { this.cursors.left.isDown = false; }); leftBtn.on('pointerout', () => { this.cursors.left.isDown = false; }); rightBtn.on('pointerdown', () => { this.cursors.right.isDown = true; }); rightBtn.on('pointerup', () => { this.cursors.right.isDown = false; }); rightBtn.on('pointerout', () => { this.cursors.right.isDown = false; }); upBtn.on('pointerdown', () => { this.cursors.up.isDown = true; }); upBtn.on('pointerup', () => { this.cursors.up.isDown = false; }); upBtn.on('pointerout', () => { this.cursors.up.isDown = false; }); downBtn.on('pointerdown', () => { this.cursors.down.isDown = true; }); downBtn.on('pointerup', () => { this.cursors.down.isDown = false; }); downBtn.on('pointerout', () => { this.cursors.down.isDown = false; }); // Add throw button event throwBtn.on('pointerdown', () => { this.throwDirectional(); }); // Add all controls to the container controlsContainer.add([ leftBtn, leftArrow, rightBtn, rightArrow, upBtn, upArrow, downBtn, downArrow, throwBtn, throwText ]); } update() { const player = this.players.get('player'); if (!player || this.gameOverActive) { // Ensure everything stays stopped this.players.forEach(p => { if (p.body) p.body.setVelocity(0, 0); }); return; } // Player movement const speed = player.isSpeedBoosted ? this.boostedSpeed : this.normalSpeed; if (this.cursors.left.isDown) { if (!this.hasPlayerMoved) { this.hasPlayerMoved = true; this.startTime = this.time.now; } player.body.setVelocityX(-speed); player.scaleX = -Math.abs(player.scaleX); player.lastDirection = { x: -1, y: 0 }; } else if (this.cursors.right.isDown) { if (!this.hasPlayerMoved) this.hasPlayerMoved = true; player.body.setVelocityX(speed); player.scaleX = Math.abs(player.scaleX); player.lastDirection = { x: 1, y: 0 }; } else { player.body.setVelocityX(0); } if (this.cursors.up.isDown) { if (!this.hasPlayerMoved) this.hasPlayerMoved = true; player.body.setVelocityY(-speed); player.lastDirection = { x: 0, y: -1 }; } else if (this.cursors.down.isDown) { if (!this.hasPlayerMoved) this.hasPlayerMoved = true; player.body.setVelocityY(speed); player.lastDirection = { x: 0, y: 1 }; } else { player.body.setVelocityY(0); } // Check for space bar press if (Phaser.Input.Keyboard.JustDown(this.spaceKey)) { this.throwDirectional(); } // Update cooldown text and recharge bar const timeUntilNextThrow = Math.max(0, this.throwCooldown - (this.time.now - this.lastThrowTime)); const rechargeProgress = 1 - (timeUntilNextThrow / this.throwCooldown); // Update recharge bar this.rechargeBar.clear() .fillStyle(0x00bfff, 1) .fillRect(16, 550, 200 * rechargeProgress, 20); // Update bots this.updateBots(); // Update boost effect position if it exists if (player.boostEffect) { player.boostEffect.x = player.x; player.boostEffect.y = player.y; } // Periodically check and adjust bot count if (this.time.now % 1000 < 16) { // Check roughly every second this.createBots(); } } } // Check if device is mobile const isMobile = window.matchMedia("(max-width: 768px)").matches; const container = document.getElementById('renderDiv'); const config = { type: Phaser.AUTO, parent: container, scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, width: 800, height: 600 }, input: { touch: true }, width: 800, height: 600, physics: { default: 'arcade', arcade: { debug: false, bounds: true, width: 2400, height: 1800 } }, scene: SnowballFight }; window.phaserGame = new Phaser.Game(config);