[{"_1":2,"_117":-5,"_118":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/app.$appId",{"_12":13},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_5":44,"_55":56,"_57":58,"_59":58,"_60":61,"_62":58,"_63":58,"_64":58,"_65":58,"_66":58,"_67":58,"_68":17,"_69":17,"_70":-5,"_71":72,"_73":74,"_75":76,"_77":-5,"_78":-5,"_79":17,"_80":81,"_113":31,"_114":115,"_116":17},"id","091d0188d79dbd2024a7","isMyApp",false,"name","ballistic","description","Two players face off in the ultimate physics-based projectile duel! Adjust your angle and power to launch everything from cannonballs to rubber chickens across destructible terrain. Watch the landscape crumble as you and your opponent try to obliterate each other in increasingly ridiculous ways.","brief","Epic 2-player artillery duels with physics that'll make you question reality!","isLive",true,"isPublic","tags",[29],"👑","cover","https://cdn.dev.fun/snapshot/091d0188d79dbd2024a7/92429_bdb70375.webp","cdnUrl","https://cdn.dev.fun/app/091d0188d79dbd2024a7/92429","createdAt",["D",1753943724987],"updatedAt",["D",1753967359405],"lastCommitId",["B","92429"],"tier",1,"credits",115,{"_14":45,"_46":47,"_48":-5,"_49":47,"_50":51,"_52":-5,"_53":54},"0ccbd980-376b-4dde-9660-a3623d1c8f15","uniqueId","DEgcaadxNjARvipnjeWvNn1wg7oTYnnjdWUE1x7znv2C","username","solanaWallet","displayName","DEg...v2C","bio","avatar","/avatar.svg","commitCount",60,"forkCount",0,"likeCount","runsCount",39,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","code","import * as Phaser from \"phaser\";\nclass BootScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"BootScene\"\n });\n }\n preload() {\n const graphics = this.make.graphics({\n x: 0,\n y: 0\n });\n graphics.fillStyle(0xffff00, 1);\n graphics.fillTriangle(20, 4, 32, 12, 20, 20);\n graphics.fillRect(4, 10, 20, 4);\n graphics.fillStyle(0xff8800, 1);\n graphics.fillTriangle(0, 8, 8, 12, 0, 16);\n graphics.generateTexture(\"arrow\", 32, 24);\n graphics.clear();\n graphics.fillStyle(0x8B4513, 1);\n graphics.fillRect(4, 20, 4, 12);\n graphics.fillStyle(0xC0C0C0, 1);\n graphics.fillTriangle(8, 20, 32, 8, 8, 8);\n graphics.generateTexture(\"spear\", 32, 24);\n graphics.clear();\n graphics.fillStyle(0x333333, 1);\n graphics.fillCircle(16, 16, 12);\n graphics.fillStyle(0xff0000, 1);\n graphics.fillCircle(16, 16, 8);\n graphics.generateTexture(\"bomb\", 32, 32);\n graphics.clear();\n graphics.fillStyle(0x8B4513, 1);\n graphics.fillCircle(16, 16, 10);\n graphics.fillStyle(0xDEB887, 1);\n graphics.fillCircle(16, 14, 6);\n graphics.generateTexture(\"shit\", 32, 32);\n graphics.clear();\n graphics.lineStyle(6, 0x000000);\n graphics.strokeCircle(20, 8, 6);\n graphics.lineBetween(20, 14, 20, 32);\n graphics.lineBetween(20, 20, 10, 28);\n graphics.lineBetween(20, 20, 30, 28);\n graphics.lineBetween(20, 32, 12, 45);\n graphics.lineBetween(20, 32, 28, 45);\n graphics.lineStyle(4, 0x00FFFF);\n graphics.strokeCircle(20, 8, 6);\n graphics.lineBetween(20, 14, 20, 32);\n graphics.lineBetween(20, 20, 10, 28);\n graphics.lineBetween(20, 20, 30, 28);\n graphics.lineBetween(20, 32, 12, 45);\n graphics.lineBetween(20, 32, 28, 45);\n graphics.generateTexture(\"player1\", 40, 50);\n graphics.clear();\n graphics.lineStyle(6, 0x000000);\n graphics.strokeCircle(20, 8, 6);\n graphics.lineBetween(20, 14, 20, 32);\n graphics.lineBetween(20, 20, 10, 28);\n graphics.lineBetween(20, 20, 30, 28);\n graphics.lineBetween(20, 32, 12, 45);\n graphics.lineBetween(20, 32, 28, 45);\n graphics.lineStyle(4, 0xFF00FF);\n graphics.strokeCircle(20, 8, 6);\n graphics.lineBetween(20, 14, 20, 32);\n graphics.lineBetween(20, 20, 10, 28);\n graphics.lineBetween(20, 20, 30, 28);\n graphics.lineBetween(20, 32, 12, 45);\n graphics.lineBetween(20, 32, 28, 45);\n graphics.generateTexture(\"player2\", 40, 50);\n graphics.clear();\n graphics.fillStyle(0x8B4513, 1);\n graphics.fillRect(18, 25, 4, 15);\n graphics.fillStyle(0x228B22, 1);\n graphics.fillCircle(20, 20, 12);\n graphics.generateTexture(\"tree\", 40, 40);\n graphics.clear();\n graphics.fillStyle(0x228833, 1);\n graphics.fillRect(0, 0, 1, 1);\n graphics.generateTexture(\"terrain\", 1, 1);\n graphics.clear();\n graphics.fillStyle(0xffaa00, 1);\n graphics.fillCircle(2, 2, 2);\n graphics.generateTexture(\"explosion\", 4, 4);\n graphics.clear();\n graphics.fillStyle(0xffffff, 1);\n graphics.fillCircle(25, 25, 25);\n graphics.generateTexture(\"cloud\", 50, 50);\n graphics.clear();\n graphics.lineStyle(4, 0x00BFFF, 1);\n graphics.strokeCircle(20, 20, 15);\n graphics.fillStyle(0x4169E1, 1);\n graphics.fillRect(12, 12, 16, 16);\n graphics.generateTexture(\"shield_buff\", 40, 40);\n graphics.clear();\n graphics.lineStyle(4, 0xFF69B4, 1);\n graphics.strokeCircle(20, 20, 15);\n graphics.fillStyle(0xFF1493, 1);\n graphics.fillRect(15, 12, 10, 6);\n graphics.fillRect(12, 18, 16, 4);\n graphics.generateTexture(\"multi_buff\", 40, 40);\n graphics.clear();\n graphics.lineStyle(4, 0xFFD700, 1);\n graphics.strokeCircle(20, 20, 15);\n graphics.fillStyle(0xFFD700, 1);\n graphics.fillTriangle(20, 8, 12, 24, 28, 24);\n graphics.fillCircle(20, 30, 4);\n graphics.generateTexture(\"life_buff\", 40, 40);\n graphics.clear();\n graphics.destroy();\n }\n create() {\n this.scene.start(\"TitleScene\");\n }\n}\nclass TitleScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"TitleScene\"\n });\n }\n createMinimalButton(x, y, text, style = {}) {\n const defaultStyle = {\n fontSize: `16px`,\n color: `#ecf0f1`,\n fontFamily: `Arial, sans-serif`,\n backgroundColor: `#34495e`,\n padding: {\n x: 20,\n y: 10\n }\n };\n const finalStyle = {\n ...defaultStyle,\n ...style\n };\n const button = this.add.text(x, y, text, finalStyle).setOrigin(0.5).setInteractive({\n useHandCursor: true\n });\n const originalBg = finalStyle.backgroundColor;\n const hoverBg = style.hoverColor || '#5d6d7e';\n button.on('pointerover', () => {\n button.setBackgroundColor(hoverBg);\n this.tweens.add({\n targets: button,\n scaleX: 1.02,\n scaleY: 1.02,\n duration: 150,\n ease: 'Power2'\n });\n });\n button.on('pointerout', () => {\n button.setBackgroundColor(originalBg);\n this.tweens.add({\n targets: button,\n scaleX: 1,\n scaleY: 1,\n duration: 150,\n ease: 'Power2'\n });\n });\n return button;\n }\n createStyledButton(x, y, text, style = {}) {\n return this.createMinimalButton(x, y, text, style);\n }\n create() {\n const {\n width,\n height\n } = this.cameras.main;\n const bgGraphics = this.add.graphics();\n bgGraphics.fillGradientStyle(0x1a1a2e, 0x1a1a2e, 0x16213e, 0x16213e, 1);\n bgGraphics.fillRect(0, 0, width, height);\n const titleText = this.add.text(width / 2, height * 0.15, `Sol Gunners`, {\n fontSize: `64px`,\n color: `#FFD700`,\n fontFamily: `Arial, sans-serif`,\n fontStyle: `bold`,\n stroke: `#FF6B35`,\n strokeThickness: 4,\n shadow: {\n offsetX: 3,\n offsetY: 3,\n color: `#8B4513`,\n blur: 12,\n fill: true\n }\n }).setOrigin(0.5);\n this.tweens.add({\n targets: titleText,\n scaleX: 1.1,\n scaleY: 1.1,\n duration: 1500,\n ease: `Power2`,\n yoyo: true,\n repeat: -1\n });\n this.tweens.add({\n targets: titleText,\n duration: 2500,\n repeat: -1,\n onUpdate: () => {\n const colors = [0xFFD700, 0xFF6B35, 0xFF1744, 0x9C27B0, 0x3F51B5, 0x00BCD4, 0x4CAF50];\n const colorIndex = Math.floor(this.time.now / 400 % colors.length);\n titleText.setTint(colors[colorIndex]);\n }\n });\n const subtitleText = this.add.text(width / 2, height * 0.25, `Epic Physics-Based Battle Arena`, {\n fontSize: `18px`,\n color: `#FFF8DC`,\n fontFamily: `Arial, sans-serif`,\n fontStyle: `italic`,\n stroke: `#8B4513`,\n strokeThickness: 1,\n shadow: {\n offsetX: 1,\n offsetY: 1,\n color: `#555`,\n blur: 4,\n fill: true\n }\n }).setOrigin(0.5);\n this.tweens.add({\n targets: subtitleText,\n alpha: 0.7,\n duration: 1200,\n ease: `Power2`,\n yoyo: true,\n repeat: -1\n });\n this.selectedGameMode = 'pvp';\n this.selectedBotDifficulty = 'moderate';\n this.add.text(width / 2, height * 0.45, `GAME MODE`, {\n fontSize: `16px`,\n color: `#bdc3c7`,\n fontFamily: `Arial, sans-serif`,\n fontStyle: `bold`,\n letterSpacing: '1px'\n }).setOrigin(0.5);\n const gameModeButtons = [];\n const gameModes = [{\n key: 'pvp',\n name: '1v1 PLAYER VS PLAYER',\n vsBot: false\n }, {\n key: 'bot',\n name: '1v1 PLAYER VS BOT',\n vsBot: true\n }];\n gameModes.forEach((mode, index) => {\n const buttonY = height * 0.52 + index * 50;\n const button = this.createMinimalButton(width / 2, buttonY, mode.name, {\n fontSize: `16px`,\n backgroundColor: mode.key === this.selectedGameMode ? '#3498db' : '#34495e',\n hoverColor: '#5dade2',\n padding: {\n x: 25,\n y: 12\n }\n });\n button.on('pointerdown', () => {\n this.selectedGameMode = mode.key;\n this.selectedVsBot = mode.vsBot;\n gameModeButtons.forEach(btn => {\n const btnMode = gameModes.find(m => btn.text === m.name);\n btn.setBackgroundColor(btnMode.key === this.selectedGameMode ? '#3498db' : '#34495e');\n });\n this.updateDifficultyVisibility();\n });\n gameModeButtons.push(button);\n });\n this.difficultyTitle = this.add.text(width / 2, height * 0.62, `BOT DIFFICULTY`, {\n fontSize: `16px`,\n color: `#bdc3c7`,\n fontFamily: `Arial, sans-serif`,\n fontStyle: `bold`,\n letterSpacing: '1px'\n }).setOrigin(0.5);\n this.difficultyTitle.setVisible(false);\n this.difficultyButtons = [];\n const difficulties = [{\n key: 'easy',\n name: 'EASY'\n }, {\n key: 'moderate',\n name: 'MODERATE'\n }, {\n key: 'hard',\n name: 'HARD'\n }];\n const difficultySpacing = 140;\n const difficultyStartX = width / 2 - (difficulties.length - 1) * difficultySpacing / 2;\n difficulties.forEach((difficulty, index) => {\n const buttonX = difficultyStartX + index * difficultySpacing;\n const buttonY = height * 0.69;\n const isSelected = difficulty.key === this.selectedBotDifficulty;\n const button = this.createMinimalButton(buttonX, buttonY, difficulty.name, {\n fontSize: `14px`,\n backgroundColor: isSelected ? '#e74c3c' : '#34495e',\n hoverColor: isSelected ? '#c0392b' : '#e74c3c',\n padding: {\n x: 20,\n y: 10\n }\n });\n button.difficultyKey = difficulty.key;\n button.isDifficultySelected = isSelected;\n button.setVisible(false);\n button.removeAllListeners('pointerover');\n button.removeAllListeners('pointerout');\n button.on('pointerover', () => {\n const hoverColor = button.isDifficultySelected ? '#c0392b' : '#e74c3c';\n button.setBackgroundColor(hoverColor);\n this.tweens.add({\n targets: button,\n scaleX: 1.02,\n scaleY: 1.02,\n duration: 150,\n ease: 'Power2'\n });\n });\n button.on('pointerout', () => {\n const normalColor = button.isDifficultySelected ? '#e74c3c' : '#34495e';\n button.setBackgroundColor(normalColor);\n this.tweens.add({\n targets: button,\n scaleX: 1,\n scaleY: 1,\n duration: 150,\n ease: 'Power2'\n });\n });\n button.on('pointerdown', () => {\n this.selectedBotDifficulty = difficulty.key;\n this.difficultyButtons.forEach(btn => {\n const btnDifficulty = difficulties.find(d => btn.text === d.name);\n const isNowSelected = btnDifficulty.key === this.selectedBotDifficulty;\n btn.isDifficultySelected = isNowSelected;\n btn.setBackgroundColor(isNowSelected ? '#e74c3c' : '#34495e');\n });\n });\n this.difficultyButtons.push(button);\n });\n this.add.text(width / 2, height * 0.76, `BATTLEFIELD`, {\n fontSize: `16px`,\n color: `#bdc3c7`,\n fontFamily: `Arial, sans-serif`,\n fontStyle: `bold`,\n letterSpacing: '1px'\n }).setOrigin(0.5);\n this.selectedLandscape = 'grassland';\n const landscapeButtons = [];\n const landscapes = [{\n key: 'grassland',\n name: 'GRASSLAND'\n }, {\n key: 'mountains',\n name: 'MOUNTAINS'\n }, {\n key: 'city',\n name: 'CITY'\n }];\n const landscapeSpacing = 140;\n const landscapeStartX = width / 2 - (landscapes.length - 1) * landscapeSpacing / 2;\n landscapes.forEach((landscape, index) => {\n const buttonX = landscapeStartX + index * landscapeSpacing;\n const buttonY = height * 0.83;\n const isSelected = landscape.key === this.selectedLandscape;\n const button = this.createMinimalButton(buttonX, buttonY, landscape.name, {\n fontSize: `14px`,\n backgroundColor: isSelected ? '#00ff00' : '#34495e',\n hoverColor: isSelected ? '#32cd32' : '#2ecc71',\n padding: {\n x: 20,\n y: 10\n }\n });\n button.landscapeKey = landscape.key;\n button.isLandscapeSelected = isSelected;\n button.removeAllListeners('pointerover');\n button.removeAllListeners('pointerout');\n button.on('pointerover', () => {\n const hoverColor = button.isLandscapeSelected ? '#32cd32' : '#2ecc71';\n button.setBackgroundColor(hoverColor);\n this.tweens.add({\n targets: button,\n scaleX: 1.02,\n scaleY: 1.02,\n duration: 150,\n ease: 'Power2'\n });\n });\n button.on('pointerout', () => {\n const normalColor = button.isLandscapeSelected ? '#00ff00' : '#34495e';\n button.setBackgroundColor(normalColor);\n this.tweens.add({\n targets: button,\n scaleX: 1,\n scaleY: 1,\n duration: 150,\n ease: 'Power2'\n });\n });\n button.on('pointerdown', () => {\n this.selectedLandscape = landscape.key;\n landscapeButtons.forEach(btn => {\n const btnLandscape = landscapes.find(l => btn.text === l.name);\n const isNowSelected = btnLandscape.key === this.selectedLandscape;\n btn.isLandscapeSelected = isNowSelected;\n btn.setBackgroundColor(isNowSelected ? '#00ff00' : '#34495e');\n });\n });\n landscapeButtons.push(button);\n });\n const startButton = this.createMinimalButton(width / 2, height * 0.92, `START DUEL`, {\n fontSize: `24px`,\n backgroundColor: `#e74c3c`,\n hoverColor: `#ec7063`,\n padding: {\n x: 40,\n y: 16\n },\n fontStyle: `bold`\n });\n startButton.on('pointerdown', () => {\n this.scene.start('GameScene', {\n player1Name: 'Player 1',\n player2Name: 'Player 2',\n landscape: this.selectedLandscape,\n vsBot: this.selectedVsBot || false,\n botDifficulty: this.selectedBotDifficulty || 'moderate'\n });\n });\n this.add.text(width / 2, height * 0.95, `A Dev.Fun Physics Game`, {\n fontSize: `12px`,\n color: `#566573`,\n fontFamily: `Arial, sans-serif`\n }).setOrigin(0.5);\n this.updateDifficultyVisibility();\n }\n updateDifficultyVisibility() {\n const showDifficulty = this.selectedGameMode === 'bot';\n this.difficultyTitle.setVisible(showDifficulty);\n this.difficultyButtons.forEach(button => {\n button.setVisible(showDifficulty);\n });\n }\n}\nclass GameScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"GameScene\"\n });\n }\n init(data) {\n this.currentPlayer = 1;\n this.angle = 45;\n this.power = 50;\n this.gameWidth = 0;\n this.gameHeight = 0;\n this.projectiles = [];\n this.terrainBitmap = null;\n this.originalTerrainBitmap = null;\n this.player1Health = 100;\n this.player2Health = 100;\n this.player1Name = data.player1Name || \"Player 1\";\n this.player2Name = data.player2Name || \"Player 2\";\n this.trees = [];\n this.windSpeed = 0;\n this.windDirection = 1;\n this.isAiming = false;\n this.aimStartX = 0;\n this.aimStartY = 0;\n this.vsBot = data.vsBot || false;\n this.botDifficulty = data.botDifficulty || 'moderate';\n this.botThinking = false;\n this.botMoving = false;\n this.trailGraphics = null;\n this.gameOverText = null;\n this.currentLandscape = data.landscape || \"grassland\";\n this.selectedWeapon = data.weapon || \"arrow\";\n this.buffs = [];\n this.player1Buffs = {\n shield: false,\n multiWeapon: 0,\n extraLives: 0\n };\n this.player2Buffs = {\n shield: false,\n multiWeapon: 0,\n extraLives: 0\n };\n this.weaponSelectionMode = !data.weapon;\n this.weaponSelectionOverlay = null;\n this.confirmationDialog = null;\n if (data.vsBot !== undefined) {\n this.vsBot = data.vsBot;\n }\n }\n create() {\n this.gameWidth = this.cameras.main.width;\n this.gameHeight = this.cameras.main.height;\n this.createBackground();\n this.createTerrain();\n this.createPlayers();\n if (this.vsBot && this.botDifficulty === 'hard') {\n this.player2Buffs.shield = true;\n this.player2Buffs.multiWeapon = 5;\n this.player2Buffs.extraLives = 2;\n }\n if (this.weaponSelectionMode) {\n this.createWeaponSelection();\n } else {\n this.createUI();\n this.createControls();\n this.physics.world.setBounds(0, 0, this.gameWidth, this.gameHeight);\n this.trailGraphics = this.add.graphics();\n this.spawnBuffTimer = this.time.addEvent({\n delay: 15000 + Math.random() * 10000,\n callback: this.spawnRandomBuff,\n callbackScope: this,\n loop: true\n });\n }\n }\n createBackground() {\n if (this.currentLandscape === 'grassland') {\n this.createGrasslandBackground();\n } else if (this.currentLandscape === 'mountains') {\n this.createMountainsBackground();\n } else if (this.currentLandscape === 'city') {\n this.createCityBackground();\n }\n }\n createGrasslandBackground() {\n const skyGradient = this.add.graphics();\n for (let y = 0; y < this.gameHeight * 0.7; y++) {\n const alpha = y / (this.gameHeight * 0.7);\n const color = Phaser.Display.Color.Interpolate.ColorWithColor(Phaser.Display.Color.ValueToColor(0x87CEEB), Phaser.Display.Color.ValueToColor(0x4682B4), 1, alpha);\n skyGradient.fillStyle(Phaser.Display.Color.GetColor(color.r, color.g, color.b), 1);\n skyGradient.fillRect(0, y, this.gameWidth, 1);\n }\n const grassGradient = this.add.graphics();\n for (let y = this.gameHeight * 0.7; y < this.gameHeight; y++) {\n const alpha = (y - this.gameHeight * 0.7) / (this.gameHeight * 0.3);\n const color = Phaser.Display.Color.Interpolate.ColorWithColor(Phaser.Display.Color.ValueToColor(0x90EE90), Phaser.Display.Color.ValueToColor(0x228B22), 1, alpha);\n grassGradient.fillStyle(Phaser.Display.Color.GetColor(color.r, color.g, color.b), 1);\n grassGradient.fillRect(0, y, this.gameWidth, 1);\n }\n const sun = this.add.graphics();\n sun.fillStyle(0xFFD700, 1);\n sun.fillCircle(this.gameWidth - 120, 100, 40);\n sun.lineStyle(4, 0xFFD700, 1);\n for (let i = 0; i < 8; i++) {\n const angle = i * Math.PI * 2 / 8;\n const x1 = this.gameWidth - 120 + Math.cos(angle) * 50;\n const y1 = 100 + Math.sin(angle) * 50;\n const x2 = this.gameWidth - 120 + Math.cos(angle) * 65;\n const y2 = 100 + Math.sin(angle) * 65;\n sun.lineBetween(x1, y1, x2, y2);\n }\n this.add.sprite(150, 80, \"cloud\").setScale(1.2).setAlpha(0.8);\n this.add.sprite(350, 120, \"cloud\").setScale(0.8).setAlpha(0.7);\n this.add.sprite(550, 90, \"cloud\").setScale(1.0).setAlpha(0.6);\n this.add.sprite(this.gameWidth - 200, 140, \"cloud\").setScale(0.9).setAlpha(0.8);\n const hills = this.add.graphics();\n hills.fillStyle(0x32CD32, 0.6);\n hills.beginPath();\n hills.moveTo(0, this.gameHeight * 0.8);\n for (let x = 0; x <= this.gameWidth; x += 50) {\n const y = this.gameHeight * 0.8 + Math.sin(x * 0.01) * 30;\n hills.lineTo(x, y);\n }\n hills.lineTo(this.gameWidth, this.gameHeight);\n hills.lineTo(0, this.gameHeight);\n hills.closePath();\n hills.fillPath();\n }\n createMountainsBackground() {\n const skyGradient = this.add.graphics();\n for (let y = 0; y < this.gameHeight * 0.7; y++) {\n const alpha = y / (this.gameHeight * 0.7);\n const color = Phaser.Display.Color.Interpolate.ColorWithColor(Phaser.Display.Color.ValueToColor(0xB0E0E6), Phaser.Display.Color.ValueToColor(0x778899), 1, alpha);\n skyGradient.fillStyle(Phaser.Display.Color.GetColor(color.r, color.g, color.b), 1);\n skyGradient.fillRect(0, y, this.gameWidth, 1);\n }\n const mountains = this.add.graphics();\n mountains.fillStyle(0x696969, 1);\n const peaks = [{\n x: 0,\n height: 0.4\n }, {\n x: 0.2,\n height: 0.6\n }, {\n x: 0.4,\n height: 0.3\n }, {\n x: 0.6,\n height: 0.7\n }, {\n x: 0.8,\n height: 0.5\n }, {\n x: 1,\n height: 0.4\n }];\n mountains.beginPath();\n mountains.moveTo(0, this.gameHeight * 0.7);\n peaks.forEach(peak => {\n const x = peak.x * this.gameWidth;\n const y = this.gameHeight * 0.7 - peak.height * this.gameHeight * 0.3;\n mountains.lineTo(x, y);\n });\n mountains.lineTo(this.gameWidth, this.gameHeight * 0.7);\n mountains.lineTo(this.gameWidth, this.gameHeight);\n mountains.lineTo(0, this.gameHeight);\n mountains.closePath();\n mountains.fillPath();\n mountains.fillStyle(0xFFFFFF, 1);\n peaks.forEach(peak => {\n if (peak.height > 0.5) {\n const x = peak.x * this.gameWidth;\n const y = this.gameHeight * 0.7 - peak.height * this.gameHeight * 0.3;\n mountains.fillTriangle(x - 20, y + 20, x, y, x + 20, y + 20);\n }\n });\n const groundGradient = this.add.graphics();\n for (let y = this.gameHeight * 0.7; y < this.gameHeight; y++) {\n const alpha = (y - this.gameHeight * 0.7) / (this.gameHeight * 0.3);\n const color = Phaser.Display.Color.Interpolate.ColorWithColor(Phaser.Display.Color.ValueToColor(0xA0522D), Phaser.Display.Color.ValueToColor(0x8B4513), 1, alpha);\n groundGradient.fillStyle(Phaser.Display.Color.GetColor(color.r, color.g, color.b), 1);\n groundGradient.fillRect(0, y, this.gameWidth, 1);\n }\n this.add.sprite(200, 120, \"cloud\").setScale(0.8).setAlpha(0.6);\n this.add.sprite(this.gameWidth - 150, 100, \"cloud\").setScale(0.6).setAlpha(0.5);\n }\n createCityBackground() {\n const skyGradient = this.add.graphics();\n for (let y = 0; y < this.gameHeight * 0.7; y++) {\n const alpha = y / (this.gameHeight * 0.7);\n const color = Phaser.Display.Color.Interpolate.ColorWithColor(Phaser.Display.Color.ValueToColor(0xFF6347), Phaser.Display.Color.ValueToColor(0x4B0082), 1, alpha);\n skyGradient.fillStyle(Phaser.Display.Color.GetColor(color.r, color.g, color.b), 1);\n skyGradient.fillRect(0, y, this.gameWidth, 1);\n }\n const buildings = this.add.graphics();\n const buildingCount = 12;\n const buildingWidth = this.gameWidth / buildingCount;\n for (let i = 0; i < buildingCount; i++) {\n const x = i * buildingWidth;\n const height = Math.random() * 0.4 + 0.2;\n const buildingHeight = height * this.gameHeight * 0.5;\n const y = this.gameHeight * 0.7 - buildingHeight;\n buildings.fillStyle(0x2F4F4F, 1);\n buildings.fillRect(x, y, buildingWidth - 2, buildingHeight);\n const windowRows = Math.floor(buildingHeight / 30);\n const windowCols = Math.floor(buildingWidth / 20);\n for (let row = 0; row < windowRows; row++) {\n for (let col = 0; col < windowCols; col++) {\n if (Math.random() > 0.3) {\n buildings.fillStyle(0xFFD700, 0.8);\n buildings.fillRect(x + col * 20 + 5, y + row * 30 + 10, 10, 15);\n }\n }\n }\n }\n const groundGradient = this.add.graphics();\n for (let y = this.gameHeight * 0.7; y < this.gameHeight; y++) {\n const alpha = (y - this.gameHeight * 0.7) / (this.gameHeight * 0.3);\n const color = Phaser.Display.Color.Interpolate.ColorWithColor(Phaser.Display.Color.ValueToColor(0x708090), Phaser.Display.Color.ValueToColor(0x2F4F4F), 1, alpha);\n groundGradient.fillStyle(Phaser.Display.Color.GetColor(color.r, color.g, color.b), 1);\n groundGradient.fillRect(0, y, this.gameWidth, 1);\n }\n const smog = this.add.graphics();\n smog.fillStyle(0x696969, 0.3);\n for (let i = 0; i < 5; i++) {\n const x = Math.random() * this.gameWidth;\n const y = 50 + Math.random() * 100;\n smog.fillCircle(x, y, 30 + Math.random() * 20);\n }\n }\n createTerrain() {\n this.terrainGraphics = this.add.graphics();\n this.terrainBitmap = new Array(this.gameWidth);\n this.originalTerrainBitmap = new Array(this.gameWidth);\n if (this.currentLandscape === 'mountains') {\n const baseHeight = this.gameHeight * 0.8;\n const amplitude = this.gameHeight * 0.15;\n const frequency1 = Math.PI * 2 / this.gameWidth * (2 + Math.random());\n const frequency2 = Math.PI * 2 / this.gameWidth * (5 + Math.random() * 2);\n for (let x = 0; x < this.gameWidth; x++) {\n const hillHeight = Math.sin(x * frequency1) * amplitude * 0.6 + Math.sin(x * frequency2) * amplitude * 0.4;\n this.terrainBitmap[x] = Math.floor(baseHeight - hillHeight);\n this.originalTerrainBitmap[x] = this.terrainBitmap[x];\n }\n } else if (this.currentLandscape === 'city') {\n const groundHeight = this.gameHeight * 0.9;\n for (let x = 0; x < this.gameWidth; x++) {\n this.terrainBitmap[x] = Math.floor(groundHeight);\n this.originalTerrainBitmap[x] = this.terrainBitmap[x];\n }\n const buildingCount = 2 + Math.floor(Math.random() * 2);\n const buildingZoneWidth = this.gameWidth - 500;\n const buildingZoneStart = 250;\n for (let i = 0; i < buildingCount; i++) {\n const buildingWidth = 80 + Math.random() * 50;\n const buildingHeight = 150 + Math.random() * (this.gameHeight * 0.3);\n const buildingX = buildingZoneStart + i * (buildingZoneWidth / buildingCount) + Math.random() * 30;\n for (let x = Math.floor(buildingX); x < Math.floor(buildingX + buildingWidth); x++) {\n if (x >= 0 && x < this.gameWidth) {\n this.terrainBitmap[x] = Math.floor(groundHeight - buildingHeight);\n this.originalTerrainBitmap[x] = this.terrainBitmap[x];\n }\n }\n }\n } else {\n const flatHeight = this.gameHeight * 0.85;\n for (let x = 0; x < this.gameWidth; x++) {\n this.terrainBitmap[x] = Math.floor(flatHeight);\n this.originalTerrainBitmap[x] = this.terrainBitmap[x];\n }\n }\n this.drawTerrain();\n this.generateWind();\n }\n drawTerrain() {\n this.terrainGraphics.clear();\n let baseColor, topColor, topHeight;\n switch (this.currentLandscape) {\n case 'mountains':\n baseColor = 0x8B7355;\n topColor = 0xA0522D;\n topHeight = 8;\n break;\n case 'city':\n baseColor = 0x404040;\n topColor = 0x696969;\n topHeight = 5;\n break;\n default:\n baseColor = 0x8B4513;\n topColor = 0x228B22;\n topHeight = 5;\n break;\n }\n this.terrainGraphics.fillStyle(baseColor, 1);\n for (let x = 0; x < this.gameWidth; x++) {\n if (this.terrainBitmap[x] > 0) {\n this.terrainGraphics.fillRect(x, this.terrainBitmap[x], 1, this.gameHeight - this.terrainBitmap[x]);\n }\n }\n this.terrainGraphics.fillStyle(topColor, 1);\n for (let x = 0; x < this.gameWidth; x++) {\n if (this.terrainBitmap[x] > 0) {\n this.terrainGraphics.fillRect(x, this.terrainBitmap[x] - topHeight, 1, topHeight);\n }\n }\n }\n generateWind() {\n this.windSpeed = Math.random() * 6 + 1;\n this.windDirection = Math.random() > 0.5 ? 1 : -1;\n }\n createPlayers() {\n const player1Y = this.getTerrainHeight(100);\n const player2Y = this.getTerrainHeight(this.gameWidth - 100);\n this.player1 = this.add.sprite(100, player1Y, \"player1\");\n this.player2 = this.add.sprite(this.gameWidth - 100, player2Y, \"player2\");\n this.player1.setOrigin(0.5, 1);\n this.player2.setOrigin(0.5, 1);\n }\n spawnRandomBuff() {\n if (this.buffs.length >= 3) return;\n const buffTypes = ['shield', 'multi', 'life'];\n const buffType = buffTypes[Math.floor(Math.random() * buffTypes.length)];\n let x, y;\n let attempts = 0;\n do {\n x = Math.random() * (this.gameWidth - 200) + 100;\n y = this.getTerrainHeight(x) - 50;\n attempts++;\n } while (attempts < 10 && (y < 100 || this.isNearPlayer(x, y, 100)));\n let texture;\n switch (buffType) {\n case 'shield':\n texture = 'shield_buff';\n break;\n case 'multi':\n texture = 'multi_buff';\n break;\n case 'life':\n texture = 'life_buff';\n break;\n }\n const buff = this.add.sprite(x, y, texture);\n buff.setScale(0.8);\n buff.buffType = buffType;\n this.tweens.add({\n targets: buff,\n y: y - 10,\n duration: 1000,\n ease: 'Power2',\n yoyo: true,\n repeat: -1\n });\n this.tweens.add({\n targets: buff,\n alpha: 0.7,\n duration: 500,\n ease: 'Power2',\n yoyo: true,\n repeat: -1\n });\n this.buffs.push(buff);\n this.time.delayedCall(30000, () => {\n this.removeBuff(buff);\n });\n }\n isNearPlayer(x, y, distance) {\n const p1Dist = Phaser.Math.Distance.Between(x, y, this.player1.x, this.player1.y);\n const p2Dist = Phaser.Math.Distance.Between(x, y, this.player2.x, this.player2.y);\n return p1Dist < distance || p2Dist < distance;\n }\n removeBuff(buff) {\n const index = this.buffs.indexOf(buff);\n if (index > -1) {\n this.buffs.splice(index, 1);\n buff.destroy();\n }\n }\n checkProjectileBuffCollision(projectile) {\n for (let i = this.buffs.length - 1; i >= 0; i--) {\n const buff = this.buffs[i];\n const distance = Phaser.Math.Distance.Between(projectile.x, projectile.y, buff.x, buff.y);\n if (distance < 30) {\n const currentPlayerBuffs = this.currentPlayer === 1 ? this.player1Buffs : this.player2Buffs;\n this.applyBuff(buff.buffType, currentPlayerBuffs);\n this.showBuffMessage(buff.buffType);\n this.removeBuff(buff);\n break;\n }\n }\n }\n checkBuffCollision() {\n const currentPlayerSprite = this.currentPlayer === 1 ? this.player1 : this.player2;\n const currentPlayerBuffs = this.currentPlayer === 1 ? this.player1Buffs : this.player2Buffs;\n for (let i = this.buffs.length - 1; i >= 0; i--) {\n const buff = this.buffs[i];\n const distance = Phaser.Math.Distance.Between(currentPlayerSprite.x, currentPlayerSprite.y, buff.x, buff.y);\n if (distance < 40) {\n this.applyBuff(buff.buffType, currentPlayerBuffs);\n this.showBuffMessage(buff.buffType);\n this.removeBuff(buff);\n break;\n }\n }\n }\n applyBuff(buffType, playerBuffs) {\n switch (buffType) {\n case 'shield':\n playerBuffs.shield = true;\n break;\n case 'multi':\n playerBuffs.multiWeapon += 2;\n break;\n case 'life':\n playerBuffs.extraLives += 1;\n break;\n }\n }\n showBuffMessage(buffType) {\n let message = '';\n switch (buffType) {\n case 'shield':\n message = 'Shield Activated!';\n break;\n case 'multi':\n message = 'Multi-Shot Gained!';\n break;\n case 'life':\n message = 'Extra Life Gained!';\n break;\n }\n const buffText = this.add.text(this.gameWidth / 2, this.gameHeight / 2 - 100, message, {\n fontSize: \"24px\",\n color: \"#00ff00\",\n backgroundColor: \"rgba(0,0,0,0.8)\",\n padding: {\n x: 15,\n y: 8\n }\n });\n buffText.setOrigin(0.5);\n this.time.delayedCall(2000, () => {\n buffText.destroy();\n });\n }\n createUI() {\n this.createNavigationBar();\n this.currentPlayerText = this.add.text(this.gameWidth / 2, 60, `Player ${this.currentPlayer}'s Turn`, {\n fontSize: \"24px\",\n color: this.currentPlayer === 1 ? \"#3498db\" : \"#e74c3c\",\n backgroundColor: \"rgba(0,0,0,0.7)\",\n padding: {\n x: 15,\n y: 8\n }\n });\n this.currentPlayerText.setOrigin(0.5);\n this.powerText = this.add.text(50, this.gameHeight - 80, \"Power: 50\", {\n fontSize: \"18px\",\n color: \"#f39c12\",\n backgroundColor: \"rgba(0,0,0,0.7)\",\n padding: {\n x: 8,\n y: 4\n }\n });\n this.angleText = this.add.text(50, this.gameHeight - 50, \"Angle: 45°\", {\n fontSize: \"18px\",\n color: \"#f39c12\",\n backgroundColor: \"rgba(0,0,0,0.7)\",\n padding: {\n x: 8,\n y: 4\n }\n });\n this.weaponText = this.add.text(50, this.gameHeight - 110, `Weapon: ${this.selectedWeapon}`, {\n fontSize: \"18px\",\n color: \"#9b59b6\",\n backgroundColor: \"rgba(0,0,0,0.7)\",\n padding: {\n x: 8,\n y: 4\n }\n });\n this.weaponIcon = this.add.sprite(25, this.gameHeight - 110, this.selectedWeapon);\n this.weaponIcon.setScale(1.0);\n this.weaponIcon.setOrigin(0.5, 0.5);\n this.healthBar1 = this.add.graphics();\n this.healthBar2 = this.add.graphics();\n this.updateHealthBars();\n const barHeight = 15;\n const margin = 20;\n this.player1NameText = this.add.text(margin, margin + barHeight + 5, this.player1Name, {\n fontSize: \"16px\",\n color: \"#ffffff\",\n backgroundColor: \"rgba(0,0,0,0.5)\",\n padding: {\n x: 5,\n y: 2\n }\n }).setOrigin(0, 0);\n const p2DisplayName = this.vsBot ? \"Bot\" : this.player2Name;\n this.player2NameText = this.add.text(this.gameWidth - margin, margin + barHeight + 5, p2DisplayName, {\n fontSize: \"16px\",\n color: \"#ffffff\",\n backgroundColor: \"rgba(0,0,0,0.5)\",\n padding: {\n x: 5,\n y: 2\n }\n }).setOrigin(1, 0);\n this.player1BuffsText = this.add.text(margin, margin + barHeight + 25, '', {\n fontSize: \"12px\",\n color: \"#00ff00\",\n backgroundColor: \"rgba(0,0,0,0.5)\",\n padding: {\n x: 3,\n y: 1\n }\n }).setOrigin(0, 0);\n this.player2BuffsText = this.add.text(this.gameWidth - margin, margin + barHeight + 25, '', {\n fontSize: \"12px\",\n color: \"#00ff00\",\n backgroundColor: \"rgba(0,0,0,0.5)\",\n padding: {\n x: 3,\n y: 1\n }\n }).setOrigin(1, 0);\n this.windIndicator = this.add.graphics();\n this.windText = this.add.text(this.gameWidth / 2, 100, \"\", {\n fontSize: \"18px\",\n color: \"#ecf0f1\",\n backgroundColor: \"rgba(0,0,0,0.7)\",\n padding: {\n x: 10,\n y: 5\n }\n });\n this.windText.setOrigin(0.5);\n this.updateWindDisplay();\n this.instructionText = this.add.text(this.gameWidth / 2, this.gameHeight - 40, \"Drag from player to aim | Move with A/D to collect buffs\", {\n fontSize: \"16px\",\n color: \"#bdc3c7\",\n backgroundColor: \"rgba(0,0,0,0.7)\",\n padding: {\n x: 10,\n y: 5\n }\n });\n this.instructionText.setOrigin(0.5);\n }\n updateBuffsDisplay() {\n let p1BuffText = '';\n if (this.player1Buffs.shield) p1BuffText += '🛡️ ';\n if (this.player1Buffs.multiWeapon > 0) p1BuffText += `🏹x${this.player1Buffs.multiWeapon} `;\n if (this.player1Buffs.extraLives > 0) p1BuffText += `👼x${this.player1Buffs.extraLives} `;\n this.player1BuffsText.setText(p1BuffText);\n let p2BuffText = '';\n if (this.player2Buffs.shield) p2BuffText += '🛡️ ';\n if (this.player2Buffs.multiWeapon > 0) p2BuffText += `🏹x${this.player2Buffs.multiWeapon} `;\n if (this.player2Buffs.extraLives > 0) p2BuffText += `👼x${this.player2Buffs.extraLives} `;\n this.player2BuffsText.setText(p2BuffText);\n }\n createControls() {\n this.aimingLine = this.add.graphics();\n this.cursors = this.input.keyboard.createCursorKeys();\n this.keys = this.input.keyboard.addKeys({\n A: `A`,\n D: `D`\n });\n this.input.on(`pointerdown`, pointer => {\n if (this.projectiles.length > 0 || this.botThinking || this.botMoving) return;\n const player = this.currentPlayer === 1 ? this.player1 : this.player2;\n const distance = Phaser.Math.Distance.Between(pointer.x, pointer.y, player.x, player.y);\n if (distance < 50) {\n this.isAiming = true;\n this.aimStartX = pointer.x;\n this.aimStartY = pointer.y;\n }\n });\n this.input.on(`pointermove`, pointer => {\n if (this.isAiming && this.projectiles.length === 0) {\n this.updateAimFromPointer(pointer);\n }\n });\n this.input.on(`pointerup`, pointer => {\n if (this.isAiming && this.projectiles.length === 0) {\n this.fire();\n this.isAiming = false;\n }\n });\n }\n update() {\n if (this.weaponSelectionMode) {\n return;\n }\n if (this.player1Health <= 0 || this.player2Health <= 0) {\n return;\n }\n this.handleInput();\n this.updateProjectiles();\n this.updateUI();\n this.updateAimingLine();\n this.updateBuffsDisplay();\n }\n handleInput() {\n if (this.vsBot && this.currentPlayer === 2 && this.projectiles.length === 0 && !this.botThinking && !this.botMoving) {\n this.botTurn();\n }\n if (this.projectiles.length === 0 && !this.botThinking && !this.botMoving) {\n const currentPlayerSprite = this.currentPlayer === 1 ? this.player1 : this.player2;\n const playerSpeed = 5;\n let moved = false;\n if (this.cursors.left.isDown || this.keys.A.isDown) {\n currentPlayerSprite.x -= playerSpeed;\n moved = true;\n } else if (this.cursors.right.isDown || this.keys.D.isDown) {\n currentPlayerSprite.x += playerSpeed;\n moved = true;\n }\n currentPlayerSprite.x = Phaser.Math.Clamp(currentPlayerSprite.x, 50, this.gameWidth - 50);\n if (moved) {\n this.updatePlayerPositions();\n this.checkBuffCollision();\n }\n }\n }\n fire() {\n const player = this.currentPlayer === 1 ? this.player1 : this.player2;\n const currentPlayerBuffs = this.currentPlayer === 1 ? this.player1Buffs : this.player2Buffs;\n const PLAYER_RADIUS = 20;\n const launchY = player.y - PLAYER_RADIUS * 2.5;\n const angleRad = Phaser.Math.DegToRad(this.angle);\n let projectileCount = 1;\n if (currentPlayerBuffs.multiWeapon > 0) {\n projectileCount = 3;\n currentPlayerBuffs.multiWeapon--;\n }\n const angleSpread = projectileCount > 1 ? 15 : 0;\n for (let i = 0; i < projectileCount; i++) {\n const spreadAngle = projectileCount > 1 ? angleRad + Phaser.Math.DegToRad((i - 1) * angleSpread) : angleRad;\n let speed = this.power * 8;\n let texture = this.selectedWeapon;\n let scale = 1.2;\n let tint = 0xffff00;\n switch (this.selectedWeapon) {\n case 'spear':\n speed *= 1.2;\n tint = 0xC0C0C0;\n break;\n case 'bomb':\n speed *= 0.8;\n scale = 1.5;\n tint = 0xff0000;\n break;\n case 'shit':\n speed *= 0.9;\n tint = 0x8B4513;\n break;\n }\n const projectile = this.physics.add.sprite(player.x, launchY, texture);\n projectile.setOrigin(0.5, 0.5);\n projectile.setScale(scale);\n projectile.setTint(tint);\n projectile.weaponType = this.selectedWeapon;\n const vx = Math.cos(spreadAngle) * speed;\n const vy = Math.sin(spreadAngle) * speed;\n projectile.setVelocity(vx, vy);\n projectile.setBounce(0);\n projectile.setCollideWorldBounds(false);\n projectile.body.setSize(20, 8);\n this.projectiles.push({\n sprite: projectile,\n trail: [],\n startTime: this.time.now,\n active: true\n });\n this.time.delayedCall(10000, () => {\n if (projectile.active) {\n this.removeProjectile(projectile);\n }\n });\n }\n }\n updateProjectiles() {\n this.trailGraphics.clear();\n for (let i = this.projectiles.length - 1; i >= 0; i--) {\n const proj = this.projectiles[i];\n const sprite = proj.sprite;\n if (!sprite.active || !proj.active) continue;\n const currentVelX = sprite.body.velocity.x;\n const windForce = this.windSpeed * this.windDirection * 0.5;\n sprite.body.setVelocityX(currentVelX + windForce);\n sprite.rotation = Math.atan2(sprite.body.velocity.y, sprite.body.velocity.x);\n proj.trail.push({\n x: sprite.x,\n y: sprite.y\n });\n if (proj.trail.length > 15) {\n proj.trail.shift();\n }\n if (proj.trail.length > 1) {\n for (let j = 1; j < proj.trail.length; j++) {\n const alpha = j / proj.trail.length;\n const lineWidth = alpha * 6;\n this.trailGraphics.lineStyle(lineWidth, 0xffaa00, alpha);\n this.trailGraphics.lineBetween(proj.trail[j - 1].x, proj.trail[j - 1].y, proj.trail[j].x, proj.trail[j].y);\n }\n }\n const PROJECTILE_RADIUS = 10;\n if (this.checkPlayerCollision(sprite)) {\n this.explode(sprite.x, sprite.y, sprite.weaponType);\n proj.active = false;\n this.removeProjectile(sprite);\n continue;\n }\n this.checkProjectileBuffCollision(sprite);\n const terrainHeight = this.getTerrainHeight(Math.floor(sprite.x));\n if (sprite.y + PROJECTILE_RADIUS >= terrainHeight) {\n this.explode(sprite.x, sprite.y, sprite.weaponType);\n proj.active = false;\n this.removeProjectile(sprite);\n continue;\n }\n if (sprite.x < -PROJECTILE_RADIUS || sprite.x > this.gameWidth + PROJECTILE_RADIUS || sprite.y < -PROJECTILE_RADIUS) {\n proj.active = false;\n this.removeProjectile(sprite);\n continue;\n }\n }\n }\n checkPlayerCollision(projectile) {\n const PROJECTILE_RADIUS = 10;\n const PLAYER_RADIUS = 20;\n let DAMAGE_AMOUNT = 25;\n switch (projectile.weaponType) {\n case 'spear':\n DAMAGE_AMOUNT = 35;\n break;\n case 'bomb':\n DAMAGE_AMOUNT = 40;\n break;\n case 'shit':\n DAMAGE_AMOUNT = 15;\n break;\n }\n if (this.currentPlayer !== 1) {\n const p1HeadY = this.player1.y - PLAYER_RADIUS * 1.5;\n const p1Dist = Phaser.Math.Distance.Between(projectile.x, projectile.y, this.player1.x, p1HeadY);\n if (p1Dist < PROJECTILE_RADIUS + PLAYER_RADIUS) {\n if (this.player1Buffs.shield) {\n this.player1Buffs.shield = false;\n this.showHitMessage(\"Shield Blocked!\");\n return true;\n }\n this.player1Health -= DAMAGE_AMOUNT;\n this.showHitMessage(\"Hit!\");\n return true;\n }\n }\n if (this.currentPlayer !== 2) {\n const p2HeadY = this.player2.y - PLAYER_RADIUS * 1.5;\n const p2Dist = Phaser.Math.Distance.Between(projectile.x, projectile.y, this.player2.x, p2HeadY);\n if (p2Dist < PROJECTILE_RADIUS + PLAYER_RADIUS) {\n if (this.player2Buffs.shield) {\n this.player2Buffs.shield = false;\n this.showHitMessage(\"Shield Blocked!\");\n return true;\n }\n this.player2Health -= DAMAGE_AMOUNT;\n this.showHitMessage(\"Hit!\");\n return true;\n }\n }\n return false;\n }\n checkPlayerHit(projectile) {\n return this.checkPlayerCollision(projectile);\n }\n calculateDamage(projectile) {\n const speed = Math.sqrt(projectile.body.velocity.x ** 2 + projectile.body.velocity.y ** 2);\n const baseDamage = 25;\n const speedBonus = Math.floor(speed / 100) * 5;\n return Math.min(40, baseDamage + speedBonus);\n }\n showHitMessage(message) {\n const hitText = this.add.text(this.gameWidth / 2, this.gameHeight / 2 - 50, message, {\n fontSize: \"32px\",\n color: \"#ff4444\",\n backgroundColor: \"rgba(0,0,0,0.8)\",\n padding: {\n x: 15,\n y: 8\n }\n });\n hitText.setOrigin(0.5);\n this.time.delayedCall(1500, () => {\n hitText.destroy();\n });\n }\n explode(x, y, weaponType) {\n let explosionRadius = 50;\n switch (weaponType) {\n case 'bomb':\n explosionRadius = 80;\n break;\n case 'spear':\n explosionRadius = 30;\n break;\n case 'shit':\n explosionRadius = 60;\n break;\n }\n this.createExplosionEffect(x, y, weaponType);\n this.destroyTerrain(x, y, explosionRadius);\n this.cameras.main.shake(200, 0.02);\n this.checkNearMiss(x, y);\n }\n checkNearMiss(explosionX, explosionY) {\n const p1Dist = Phaser.Math.Distance.Between(explosionX, explosionY, this.player1.x, this.player1.y);\n const p2Dist = Phaser.Math.Distance.Between(explosionX, explosionY, this.player2.x, this.player2.y);\n if (p1Dist < 80 && p1Dist > 22) {\n this.showHitMessage(\"Near Miss!\");\n } else if (p2Dist < 80 && p2Dist > 22) {\n this.showHitMessage(\"Near Miss!\");\n } else if (p1Dist > 150 && p2Dist > 150) {\n this.showHitMessage(\"Way Off!\");\n }\n }\n createExplosionEffect(x, y, weaponType) {\n let colors = [0xff4400, 0xff8800, 0xffaa00];\n let particleCount = 20;\n switch (weaponType) {\n case 'bomb':\n colors = [0xff0000, 0xff4400, 0xff8800];\n particleCount = 40;\n break;\n case 'shit':\n colors = [0x8B4513, 0xDEB887, 0x654321];\n particleCount = 15;\n break;\n case 'spear':\n colors = [0xC0C0C0, 0xFFFFFF, 0x808080];\n particleCount = 10;\n break;\n }\n const particles = this.add.particles(x, y, \"explosion\", {\n speed: {\n min: 100,\n max: 300\n },\n scale: {\n start: 2,\n end: 0\n },\n blendMode: \"SCREEN\",\n tint: colors,\n lifespan: 800,\n quantity: particleCount,\n emitting: false\n });\n particles.explode();\n this.time.delayedCall(1000, () => {\n particles.destroy();\n });\n }\n destroyTerrain(x, y, radius) {\n for (let dx = -radius; dx <= radius; dx++) {\n for (let dy = -radius; dy <= radius; dy++) {\n const distance = Math.sqrt(dx * dx + dy * dy);\n if (distance <= radius) {\n const terrainX = Math.floor(x + dx);\n const terrainY = Math.floor(y + dy);\n if (terrainX >= 0 && terrainX < this.gameWidth && terrainY >= 0) {\n const newHeight = Math.min(this.gameHeight, Math.max(this.terrainBitmap[terrainX], terrainY + 1));\n this.terrainBitmap[terrainX] = newHeight;\n }\n }\n }\n }\n this.drawTerrain();\n this.updatePlayerPositions();\n }\n updatePlayerPositions() {\n const p1Y = this.getTerrainHeight(this.player1.x);\n const p2Y = this.getTerrainHeight(this.player2.x);\n this.player1.y = p1Y;\n this.player2.y = p2Y;\n }\n getTerrainHeight(x) {\n const terrainX = Math.floor(Math.max(0, Math.min(this.gameWidth - 1, x)));\n return this.terrainBitmap[terrainX] || this.gameHeight;\n }\n removeProjectile(sprite) {\n for (let i = 0; i < this.projectiles.length; i++) {\n if (this.projectiles[i].sprite === sprite) {\n sprite.destroy();\n this.projectiles.splice(i, 1);\n break;\n }\n }\n if (this.projectiles.length === 0) {\n this.trailGraphics.clear();\n this.checkGameOver();\n if (this.player1Health > 0 && this.player2Health > 0) {\n this.switchPlayer();\n }\n }\n }\n checkGameOver() {\n if (this.player1Health <= 0) {\n if (this.player1Buffs.extraLives > 0) {\n this.player1Buffs.extraLives--;\n this.player1Health = 100;\n this.showHitMessage(\"Extra Life Used!\");\n return false;\n }\n const winnerName = this.vsBot ? \"Bot\" : this.player2Name;\n this.showGameOver(`${winnerName} Wins!`);\n return true;\n } else if (this.player2Health <= 0) {\n if (this.player2Buffs.extraLives > 0) {\n this.player2Buffs.extraLives--;\n this.player2Health = 100;\n this.showHitMessage(\"Extra Life Used!\");\n return false;\n }\n this.showGameOver(`${this.player1Name} Wins!`);\n return true;\n }\n return false;\n }\n switchPlayer() {\n this.currentPlayer = this.currentPlayer === 1 ? 2 : 1;\n this.angle = this.currentPlayer === 1 ? 315 : 135;\n this.power = 50;\n this.generateWind();\n this.showTurnMessage();\n }\n showTurnMessage() {\n if (this.player1Health <= 0 || this.player2Health <= 0) return;\n const p2Name = this.vsBot ? \"Bot\" : this.player2Name;\n const playerName = this.currentPlayer === 1 ? this.player1Name : p2Name;\n const turnText = this.add.text(this.gameWidth / 2, this.gameHeight / 2 + 50, `${playerName}'s Turn`, {\n fontSize: \"28px\",\n color: this.currentPlayer === 1 ? \"#00FFFF\" : \"#FF00FF\",\n backgroundColor: \"rgba(0,0,0,0.8)\",\n padding: {\n x: 20,\n y: 10\n }\n });\n turnText.setOrigin(0.5);\n this.time.delayedCall(1200, () => {\n turnText.destroy();\n });\n }\n updateAimingLine() {\n if (this.projectiles.length > 0 || this.botThinking || this.botMoving) {\n this.aimingLine.clear();\n return;\n }\n if (!this.isAiming && (!this.vsBot || this.currentPlayer === 1)) return;\n const player = this.currentPlayer === 1 ? this.player1 : this.player2;\n const angleRad = Phaser.Math.DegToRad(this.angle);\n const lineLength = this.power * 2;\n const endX = player.x + Math.cos(angleRad) * lineLength;\n const endY = player.y - 15 + Math.sin(angleRad) * lineLength;\n this.aimingLine.clear();\n this.aimingLine.lineStyle(4, this.currentPlayer === 1 ? 0x00FFFF : 0xFF00FF, 0.9);\n this.aimingLine.lineBetween(player.x, player.y - 15, endX, endY);\n const arrowSize = 10;\n const arrowAngle1 = angleRad + Math.PI * 0.8;\n const arrowAngle2 = angleRad - Math.PI * 0.8;\n this.aimingLine.lineBetween(endX, endY, endX + Math.cos(arrowAngle1) * arrowSize, endY + Math.sin(arrowAngle1) * arrowSize);\n this.aimingLine.lineBetween(endX, endY, endX + Math.cos(arrowAngle2) * arrowSize, endY + Math.sin(arrowAngle2) * arrowSize);\n }\n updateUI() {\n const p2Name = this.vsBot ? \"Bot\" : this.player2Name;\n const playerName = this.currentPlayer === 1 ? this.player1Name : p2Name;\n this.currentPlayerText.setText(this.botThinking ? \"Bot thinking...\" : this.botMoving ? \"Bot moving...\" : `${playerName}'s Turn`);\n this.currentPlayerText.setColor(this.currentPlayer === 1 ? \"#00FFFF\" : \"#FF00FF\");\n if (this.powerText) {\n this.powerText.setText(`Power: ${Math.round(this.power)}`);\n }\n if (this.angleText) {\n this.angleText.setText(`Angle: ${Math.round(this.angle)}°`);\n }\n if (this.weaponText) {\n this.weaponText.setText(`Weapon: ${this.selectedWeapon}`);\n }\n if (this.weaponIcon) {\n this.weaponIcon.setTexture(this.selectedWeapon);\n }\n this.updateHealthBars();\n this.updateWindDisplay();\n if (this.player1Health <= 0) {\n this.showGameOver(this.vsBot ? \"Bot Wins!\" : \"Player 2 Wins!\");\n } else if (this.player2Health <= 0) {\n this.showGameOver(\"Player 1 Wins!\");\n }\n }\n updateAimFromPointer(pointer) {\n const player = this.currentPlayer === 1 ? this.player1 : this.player2;\n const aimStartX = player.x;\n const aimStartY = player.y - 15;\n const deltaX = pointer.x - aimStartX;\n const deltaY = pointer.y - aimStartY;\n let angleRad = Math.atan2(deltaY, deltaX);\n let angleDeg = Phaser.Math.RadToDeg(angleRad);\n if (angleDeg < 0) angleDeg += 360;\n this.angle = angleDeg;\n const distance = Phaser.Math.Distance.Between(aimStartX, aimStartY, pointer.x, pointer.y);\n this.power = Math.min(100, Math.max(15, distance * 0.4));\n }\n updateHealthBars() {\n this.healthBar1.clear();\n this.healthBar2.clear();\n const barWidth = 150;\n const barHeight = 15;\n const margin = 20;\n this.healthBar1.fillStyle(0x34495e, 1);\n this.healthBar1.fillRect(margin, margin, barWidth, barHeight);\n this.healthBar1.fillStyle(0x00FFFF, 1);\n this.healthBar1.fillRect(margin, margin, this.player1Health / 100 * barWidth, barHeight);\n this.healthBar2.fillStyle(0x34495e, 1);\n this.healthBar2.fillRect(this.gameWidth - margin - barWidth, margin, barWidth, barHeight);\n this.healthBar2.fillStyle(0xFF00FF, 1);\n this.healthBar2.fillRect(this.gameWidth - margin - barWidth, margin, this.player2Health / 100 * barWidth, barHeight);\n }\n createNavigationBar() {\n this.navBarExpanded = false;\n this.navBarBg = this.add.graphics();\n this.navBarBg.fillStyle(0x2c3e50, 0.95);\n this.navBarBg.fillRect(0, 0, this.gameWidth, 35);\n this.navToggleButton = this.add.text(20, 17, \"☰\", {\n fontSize: \"20px\",\n color: \"#ecf0f1\",\n fontFamily: \"Arial, sans-serif\"\n }).setOrigin(0, 0.5).setInteractive({\n useHandCursor: true\n });\n this.navToggleButton.on('pointerdown', () => {\n this.toggleNavigationBar();\n });\n this.navContent = this.add.container(0, 35);\n this.navContent.setVisible(false);\n this.navPanel = this.add.graphics();\n this.navPanel.fillStyle(0x34495e, 0.95);\n this.navPanel.lineStyle(2, 0x3498db, 0.8);\n this.navPanel.fillRect(0, 0, this.gameWidth, 80);\n this.navPanel.strokeRect(0, 0, this.gameWidth, 80);\n const botModeText = this.vsBot ? \"Switch to Human Mode\" : \"Switch to Bot Mode\";\n this.botModeToggle = this.add.text(this.gameWidth / 2, 40, botModeText, {\n fontSize: \"18px\",\n color: \"#ecf0f1\",\n backgroundColor: this.vsBot ? \"#e74c3c\" : \"#27ae60\",\n fontFamily: \"Arial, sans-serif\",\n padding: {\n x: 20,\n y: 10\n }\n }).setOrigin(0.5).setInteractive({\n useHandCursor: true\n });\n this.botModeToggle.on('pointerover', () => {\n this.botModeToggle.setBackgroundColor(this.vsBot ? \"#c0392b\" : \"#2ecc71\");\n this.botModeToggle.setScale(1.05);\n });\n this.botModeToggle.on('pointerout', () => {\n this.botModeToggle.setBackgroundColor(this.vsBot ? \"#e74c3c\" : \"#27ae60\");\n this.botModeToggle.setScale(1);\n });\n this.botModeToggle.on('pointerdown', () => {\n if (!this.confirmationDialog) {\n this.toggleBotMode();\n }\n });\n this.navContent.add([this.navPanel, this.botModeToggle]);\n }\n toggleNavigationBar() {\n this.navBarExpanded = !this.navBarExpanded;\n if (this.navBarExpanded) {\n this.navContent.setVisible(true);\n this.navToggleButton.setText(\"✕\");\n this.tweens.add({\n targets: this.navContent,\n alpha: {\n from: 0,\n to: 1\n },\n y: {\n from: 20,\n to: 35\n },\n duration: 300,\n ease: 'Power2'\n });\n } else {\n this.navToggleButton.setText(\"☰\");\n this.tweens.add({\n targets: this.navContent,\n alpha: {\n from: 1,\n to: 0\n },\n y: {\n from: 35,\n to: 20\n },\n duration: 200,\n ease: 'Power2',\n onComplete: () => {\n this.navContent.setVisible(false);\n }\n });\n }\n }\n updateWindDisplay() {\n this.windIndicator.clear();\n const centerX = this.gameWidth / 2;\n const centerY = 125;\n const arrowLength = this.windSpeed * 8;\n this.windIndicator.lineStyle(3, 0xf39c12, 1);\n if (this.windDirection > 0) {\n this.windIndicator.lineBetween(centerX - arrowLength / 2, centerY, centerX + arrowLength / 2, centerY);\n this.windIndicator.lineBetween(centerX + arrowLength / 2 - 5, centerY - 5, centerX + arrowLength / 2, centerY);\n this.windIndicator.lineBetween(centerX + arrowLength / 2 - 5, centerY + 5, centerX + arrowLength / 2, centerY);\n } else {\n this.windIndicator.lineBetween(centerX + arrowLength / 2, centerY, centerX - arrowLength / 2, centerY);\n this.windIndicator.lineBetween(centerX - arrowLength / 2 + 5, centerY - 5, centerX - arrowLength / 2, centerY);\n this.windIndicator.lineBetween(centerX - arrowLength / 2 + 5, centerY + 5, centerX - arrowLength / 2, centerY);\n }\n this.windText.setText(`Wind: ${this.windSpeed.toFixed(1)} ${this.windDirection > 0 ? '→' : '←'}`);\n }\n toggleBotMode() {\n if (this.confirmationDialog) {\n return;\n }\n const newMode = this.vsBot ? 'Human' : 'Bot';\n const message = `Switch to ${newMode} mode?\\nThis will restart the match.`;\n if (this.navBarExpanded) {\n this.toggleNavigationBar();\n }\n const overlay = this.add.graphics();\n overlay.fillStyle(0x1a1a2e, 0.9);\n overlay.fillRect(0, 0, this.gameWidth, this.gameHeight);\n const panelWidth = 400;\n const panelHeight = 200;\n const panelX = this.gameWidth / 2 - panelWidth / 2;\n const panelY = this.gameHeight / 2 - panelHeight / 2;\n const panel = this.add.graphics();\n panel.fillStyle(0x2c3e50, 0.95);\n panel.lineStyle(4, 0x3498db);\n panel.fillRoundedRect(panelX, panelY, panelWidth, panelHeight, 15);\n panel.strokeRoundedRect(panelX, panelY, panelWidth, panelHeight, 15);\n const confirmationText = this.add.text(this.gameWidth / 2, panelY + 60, message, {\n fontSize: \"22px\",\n color: \"#ecf0f1\",\n align: 'center',\n wordWrap: {\n width: panelWidth - 40\n }\n }).setOrigin(0.5);\n const yesButton = this.add.text(this.gameWidth / 2 - 80, panelY + 140, 'Yes', {\n fontSize: \"20px\",\n color: \"#ecf0f1\",\n backgroundColor: \"#e74c3c\",\n padding: {\n x: 20,\n y: 10\n }\n }).setOrigin(0.5).setInteractive({\n useHandCursor: true\n });\n const noButton = this.add.text(this.gameWidth / 2 + 80, panelY + 140, 'No', {\n fontSize: \"20px\",\n color: \"#ecf0f1\",\n backgroundColor: \"#27ae60\",\n padding: {\n x: 20,\n y: 10\n }\n }).setOrigin(0.5).setInteractive({\n useHandCursor: true\n });\n this.confirmationDialog = {\n overlay,\n panel,\n confirmationText,\n yesButton,\n noButton\n };\n const closeDialog = () => {\n if (this.confirmationDialog) {\n this.confirmationDialog.overlay.destroy();\n this.confirmationDialog.panel.destroy();\n this.confirmationDialog.confirmationText.destroy();\n this.confirmationDialog.yesButton.destroy();\n this.confirmationDialog.noButton.destroy();\n this.confirmationDialog = null;\n }\n };\n yesButton.on('pointerdown', () => {\n closeDialog();\n this.vsBot = !this.vsBot;\n this.scene.restart({\n player1Name: this.player1Name,\n player2Name: this.player2Name,\n landscape: this.currentLandscape,\n weapon: this.selectedWeapon,\n vsBot: this.vsBot,\n botDifficulty: this.botDifficulty\n });\n });\n noButton.on('pointerdown', () => {\n closeDialog();\n });\n }\n botTurn() {\n this.botThinking = true;\n const thinkingDelay = this.botDifficulty === 'easy' ? 1000 : this.botDifficulty === 'moderate' ? 500 : 300;\n this.time.delayedCall(thinkingDelay, () => {\n const target = this.player1;\n const bot = this.player2;\n if (this.botDifficulty === 'easy') {\n this.botThinking = false;\n this.botCalculateAndFire(target, bot);\n } else {\n const optimalPosition = this.findOptimalBotPosition(target, bot);\n const moveThreshold = this.botDifficulty === 'moderate' ? 50 : 30;\n if (Math.abs(bot.x - optimalPosition) > moveThreshold) {\n this.botThinking = false;\n this.botMoving = true;\n this.moveBotToPosition(optimalPosition, () => {\n this.botMoving = false;\n this.botCalculateAndFire(target, bot);\n });\n } else {\n this.botThinking = false;\n this.botCalculateAndFire(target, bot);\n }\n }\n });\n }\n findOptimalBotPosition(target, bot) {\n const targetX = target.x;\n const minDistance = 200;\n const maxDistance = 500;\n let bestPosition = bot.x;\n let bestScore = 0;\n for (let testX = 50; testX < this.gameWidth - 50; testX += 20) {\n const distance = Math.abs(targetX - testX);\n if (distance < minDistance || distance > maxDistance) continue;\n const hasLineOfSight = this.checkLineOfSight(testX, targetX);\n if (!hasLineOfSight) continue;\n const heightAdvantage = this.getTerrainHeight(testX) - this.getTerrainHeight(targetX);\n let score = 100;\n if (distance >= 300 && distance <= 400) score += 30;\n if (heightAdvantage > 20) score += 25;\n if (heightAdvantage < -50) score -= 20;\n const nearbyBuffs = this.buffs.filter(buff => Math.abs(buff.x - testX) < 80);\n score += nearbyBuffs.length * 15;\n if (score > bestScore) {\n bestScore = score;\n bestPosition = testX;\n }\n }\n return bestPosition;\n }\n checkLineOfSight(fromX, toX) {\n const fromY = this.getTerrainHeight(fromX);\n const toY = this.getTerrainHeight(toX);\n const steps = Math.abs(toX - fromX);\n for (let i = 1; i < steps; i++) {\n const checkX = fromX + (toX - fromX) * (i / steps);\n const expectedY = fromY + (toY - fromY) * (i / steps);\n const actualY = this.getTerrainHeight(checkX);\n if (actualY < expectedY - 50) {\n return false;\n }\n }\n return true;\n }\n moveBotToPosition(targetX, callback) {\n const bot = this.player2;\n const direction = targetX > bot.x ? 1 : -1;\n const speed = 8;\n const moveTimer = this.time.addEvent({\n delay: 50,\n callback: () => {\n bot.x += direction * speed;\n bot.x = Phaser.Math.Clamp(bot.x, 50, this.gameWidth - 50);\n this.updatePlayerPositions();\n this.checkBuffCollision();\n if (Math.abs(bot.x - targetX) < speed * 2) {\n moveTimer.destroy();\n callback();\n }\n },\n loop: true\n });\n }\n botCalculateAndFire(target, bot) {\n this.botThinking = true;\n const aimingDelay = this.botDifficulty === 'easy' ? 1200 : this.botDifficulty === 'moderate' ? 800 : 400;\n this.time.delayedCall(aimingDelay, () => {\n const distance = Math.abs(target.x - bot.x);\n const heightDiff = bot.y - target.y;\n let optimalAngle = this.calculatePreciseAngle(bot, target);\n let optimalPower = this.calculatePrecisePower(distance, heightDiff);\n let difficultyFactor, angleVariation, powerVariation;\n switch (this.botDifficulty) {\n case 'easy':\n difficultyFactor = 1.5;\n angleVariation = (Math.random() - 0.5) * 60 * difficultyFactor;\n powerVariation = (Math.random() - 0.5) * 40 * difficultyFactor;\n optimalAngle += (Math.random() - 0.5) * 90;\n optimalPower += (Math.random() - 0.5) * 50;\n break;\n case 'moderate':\n const windCompensation = this.windSpeed * this.windDirection * 2.5;\n optimalPower += windCompensation;\n const trajectoryCorrection = this.calculateTrajectoryCorrection(bot, target, optimalAngle, optimalPower);\n optimalAngle += trajectoryCorrection.angleAdjustment;\n optimalPower += trajectoryCorrection.powerAdjustment;\n difficultyFactor = Math.min(0.3, distance / 800);\n angleVariation = (Math.random() - 0.5) * 8 * difficultyFactor;\n powerVariation = (Math.random() - 0.5) * 6 * difficultyFactor;\n break;\n case 'hard':\n const windCompensationHard = this.windSpeed * this.windDirection * 2.8;\n optimalPower += windCompensationHard;\n const trajectoryCorrectionHard = this.calculateTrajectoryCorrection(bot, target, optimalAngle, optimalPower);\n optimalAngle += trajectoryCorrectionHard.angleAdjustment;\n optimalPower += trajectoryCorrectionHard.powerAdjustment;\n difficultyFactor = 0.05;\n angleVariation = (Math.random() - 0.5) * 2 * difficultyFactor;\n powerVariation = (Math.random() - 0.5) * 1 * difficultyFactor;\n break;\n }\n this.angle = (optimalAngle + angleVariation + 360) % 360;\n this.power = Math.max(30, Math.min(95, optimalPower + powerVariation));\n this.botThinking = false;\n this.fire();\n });\n }\n calculatePreciseAngle(shooter, target) {\n const deltaX = target.x - shooter.x;\n const deltaY = target.y - shooter.y;\n const gravityEffect = Math.abs(deltaX) * 0.1;\n let baseAngle = Math.atan2(deltaY - gravityEffect, deltaX) * 180 / Math.PI;\n if (baseAngle < 0) baseAngle += 360;\n if (deltaY > 50) {\n baseAngle -= 5;\n } else if (deltaY < -50) {\n baseAngle += 3;\n }\n return baseAngle;\n }\n calculatePrecisePower(distance, heightDiff) {\n let basePower = distance / 11;\n if (heightDiff > 0) {\n basePower += heightDiff / 18;\n } else {\n basePower += heightDiff / 12;\n }\n if (distance > 400) {\n basePower += 8;\n } else if (distance < 200) {\n basePower -= 5;\n }\n return Math.max(35, Math.min(80, basePower));\n }\n calculateTrajectoryCorrection(shooter, target, angle, power) {\n const steps = 20;\n const deltaTime = 0.1;\n const gravity = 500 * deltaTime * deltaTime;\n let x = shooter.x;\n let y = shooter.y - 40;\n const angleRad = angle * Math.PI / 180;\n let velocityX = Math.cos(angleRad) * power * 8;\n let velocityY = Math.sin(angleRad) * power * 8;\n for (let i = 0; i < steps; i++) {\n x += velocityX * deltaTime;\n y += velocityY * deltaTime;\n velocityY += gravity;\n const terrainHeight = this.getTerrainHeight(Math.floor(x));\n if (y >= terrainHeight) {\n break;\n }\n }\n const errorX = target.x - x;\n const errorY = target.y - y;\n const angleAdjustment = errorX * 0.05;\n const powerAdjustment = errorY * 0.1;\n return {\n angleAdjustment: Math.max(-10, Math.min(10, angleAdjustment)),\n powerAdjustment: Math.max(-15, Math.min(15, powerAdjustment))\n };\n }\n calculateOptimalAngle(shooter, target) {\n const deltaX = target.x - shooter.x;\n const deltaY = target.y - shooter.y;\n let baseAngle = Math.atan2(deltaY - 100, deltaX) * 180 / Math.PI;\n if (baseAngle < 0) baseAngle += 360;\n return baseAngle;\n }\n calculateOptimalPower(distance, heightDiff) {\n const basePower = distance / 10;\n const heightAdjustment = heightDiff > 0 ? heightDiff / 20 : heightDiff / 15;\n return Math.max(30, Math.min(85, basePower + heightAdjustment));\n }\n createWeaponSelection() {\n this.weaponSelectionOverlay = this.add.graphics();\n this.weaponSelectionOverlay.fillStyle(0x1a1a2e, 0.95);\n this.weaponSelectionOverlay.fillRect(0, 0, this.gameWidth, this.gameHeight);\n const panelWidth = 600;\n const panelHeight = 400;\n const panelX = this.gameWidth / 2 - panelWidth / 2;\n const panelY = this.gameHeight / 2 - panelHeight / 2;\n const panel = this.add.graphics();\n panel.fillStyle(0x2c3e50, 0.95);\n panel.lineStyle(4, 0x3498db);\n panel.fillRoundedRect(panelX, panelY, panelWidth, panelHeight, 20);\n panel.strokeRoundedRect(panelX, panelY, panelWidth, panelHeight, 20);\n const weaponTitle = this.add.text(this.gameWidth / 2, panelY + 60, `Choose ur weapon`, {\n fontSize: `36px`,\n color: `#FFD700`,\n fontFamily: `Arial, sans-serif`,\n fontStyle: `bold`,\n stroke: `#FF6B35`,\n strokeThickness: 3,\n shadow: {\n offsetX: 2,\n offsetY: 2,\n color: `#8B4513`,\n blur: 8,\n fill: true\n }\n }).setOrigin(0.5);\n this.tweens.add({\n targets: weaponTitle,\n scaleX: 1.1,\n scaleY: 1.1,\n duration: 1000,\n ease: `Power2`,\n yoyo: true,\n repeat: -1\n });\n this.tweens.add({\n targets: weaponTitle,\n duration: 2000,\n repeat: -1,\n onUpdate: () => {\n const colors = [0xFFD700, 0xFF6B35, 0xFF1744, 0x9C27B0, 0x3F51B5, 0x00BCD4, 0x4CAF50];\n const colorIndex = Math.floor(this.time.now / 300 % colors.length);\n weaponTitle.setTint(colors[colorIndex]);\n }\n });\n this.selectedWeapon = 'arrow';\n const weaponButtons = [];\n const weapons = [{\n key: 'arrow',\n name: 'Arrow',\n texture: 'arrow',\n description: 'Fast & Accurate'\n }, {\n key: 'spear',\n name: 'Spear',\n texture: 'spear',\n description: 'High Damage'\n }, {\n key: 'bomb',\n name: 'Bomb',\n texture: 'bomb',\n description: 'Big Explosion'\n }, {\n key: 'shit',\n name: 'Shit',\n texture: 'shit',\n description: 'Funny & Messy'\n }];\n const weaponAreaY = panelY + 140;\n const weaponSpacing = 120;\n const weaponStartX = this.gameWidth / 2 - (weapons.length - 1) * weaponSpacing / 2;\n weapons.forEach((weapon, index) => {\n const xPos = weaponStartX + index * weaponSpacing;\n const yPos = weaponAreaY;\n const weaponContainer = this.add.graphics();\n const isSelected = weapon.key === this.selectedWeapon;\n weaponContainer.fillStyle(isSelected ? 0x3498db : 0x34495e, 1);\n weaponContainer.lineStyle(3, isSelected ? 0xf39c12 : 0x7f8c8d);\n weaponContainer.fillRoundedRect(xPos - 45, yPos - 45, 90, 90, 10);\n weaponContainer.strokeRoundedRect(xPos - 45, yPos - 45, 90, 90, 10);\n if (isSelected) {\n weaponContainer.lineStyle(6, 0xf39c12, 0.6);\n weaponContainer.strokeRoundedRect(xPos - 48, yPos - 48, 96, 96, 12);\n }\n const weaponIcon = this.add.sprite(xPos, yPos, weapon.texture);\n weaponIcon.setScale(1.8);\n weaponIcon.setOrigin(0.5);\n const weaponNameText = this.add.text(xPos, yPos + 60, weapon.name, {\n fontSize: `16px`,\n color: `#ecf0f1`,\n fontFamily: `Arial, sans-serif`,\n fontStyle: `bold`\n }).setOrigin(0.5);\n const weaponDescText = this.add.text(xPos, yPos + 80, weapon.description, {\n fontSize: `12px`,\n color: `#bdc3c7`,\n fontFamily: `Arial, sans-serif`\n }).setOrigin(0.5);\n const weaponZone = this.add.zone(xPos, yPos, 90, 90).setInteractive({\n useHandCursor: true\n });\n weaponZone.on('pointerover', () => {\n if (weapon.key !== this.selectedWeapon) {\n weaponContainer.clear();\n weaponContainer.fillStyle(0x5d6d7e, 1);\n weaponContainer.lineStyle(3, 0x85929e);\n weaponContainer.fillRoundedRect(xPos - 45, yPos - 45, 90, 90, 10);\n weaponContainer.strokeRoundedRect(xPos - 45, yPos - 45, 90, 90, 10);\n }\n weaponIcon.setScale(2.0);\n });\n weaponZone.on('pointerout', () => {\n if (weapon.key !== this.selectedWeapon) {\n weaponContainer.clear();\n weaponContainer.fillStyle(0x34495e, 1);\n weaponContainer.lineStyle(3, 0x7f8c8d);\n weaponContainer.fillRoundedRect(xPos - 45, yPos - 45, 90, 90, 10);\n weaponContainer.strokeRoundedRect(xPos - 45, yPos - 45, 90, 90, 10);\n }\n weaponIcon.setScale(1.8);\n });\n weaponZone.on('pointerdown', () => {\n this.selectedWeapon = weapon.key;\n weaponButtons.forEach(btn => {\n btn.container.clear();\n btn.container.fillStyle(0x34495e, 1);\n btn.container.lineStyle(3, 0x7f8c8d);\n btn.container.fillRoundedRect(btn.x - 45, btn.y - 45, 90, 90, 10);\n btn.container.strokeRoundedRect(btn.x - 45, btn.y - 45, 90, 90, 10);\n });\n weaponContainer.clear();\n weaponContainer.fillStyle(0x3498db, 1);\n weaponContainer.lineStyle(3, 0xf39c12);\n weaponContainer.fillRoundedRect(xPos - 45, yPos - 45, 90, 90, 10);\n weaponContainer.strokeRoundedRect(xPos - 45, yPos - 45, 90, 90, 10);\n weaponContainer.lineStyle(6, 0xf39c12, 0.6);\n weaponContainer.strokeRoundedRect(xPos - 48, yPos - 48, 96, 96, 12);\n });\n weaponButtons.push({\n container: weaponContainer,\n x: xPos,\n y: yPos,\n zone: weaponZone,\n icon: weaponIcon,\n nameText: weaponNameText,\n descText: weaponDescText\n });\n });\n const startGameButton = this.add.text(this.gameWidth / 2, panelY + panelHeight - 60, `⚔️ Start Game!`, {\n fontSize: `26px`,\n color: `#ecf0f1`,\n fontFamily: `Arial, sans-serif`,\n fontStyle: `bold`,\n backgroundColor: `#e74c3c`,\n padding: {\n x: 25,\n y: 12\n },\n stroke: `#c0392b`,\n strokeThickness: 2,\n shadow: {\n offsetX: 2,\n offsetY: 2,\n color: `#922b21`,\n blur: 4,\n fill: true\n }\n }).setOrigin(0.5).setInteractive({\n useHandCursor: true\n });\n startGameButton.on('pointerover', () => {\n startGameButton.setBackgroundColor('#c0392b');\n startGameButton.setScale(1.05);\n });\n startGameButton.on('pointerout', () => {\n startGameButton.setBackgroundColor('#e74c3c');\n startGameButton.setScale(1);\n });\n startGameButton.on('pointerdown', () => {\n this.weaponSelectionMode = false;\n weaponButtons.forEach(btn => {\n btn.container.destroy();\n btn.zone.destroy();\n btn.icon.destroy();\n btn.nameText.destroy();\n btn.descText.destroy();\n });\n panel.destroy();\n this.weaponSelectionOverlay.destroy();\n startGameButton.destroy();\n weaponTitle.destroy();\n this.createUI();\n this.createControls();\n this.physics.world.setBounds(0, 0, this.gameWidth, this.gameHeight);\n this.trailGraphics = this.add.graphics();\n this.spawnBuffTimer = this.time.addEvent({\n delay: 15000 + Math.random() * 10000,\n callback: this.spawnRandomBuff,\n callbackScope: this,\n loop: true\n });\n });\n }\n showGameOver(message) {\n if (this.gameOverText) return;\n const overlay = this.add.graphics();\n overlay.fillStyle(0x1a1a2e, 0.9);\n overlay.fillRect(0, 0, this.gameWidth, this.gameHeight);\n const panelWidth = 500;\n const panelHeight = 300;\n const panelX = this.gameWidth / 2 - panelWidth / 2;\n const panelY = this.gameHeight / 2 - panelHeight / 2;\n const panel = this.add.graphics();\n panel.fillStyle(0x2c3e50, 0.95);\n panel.lineStyle(4, 0xe74c3c);\n panel.fillRoundedRect(panelX, panelY, panelWidth, panelHeight, 20);\n panel.strokeRoundedRect(panelX, panelY, panelWidth, panelHeight, 20);\n this.gameOverText = this.add.text(this.gameWidth / 2, panelY + 80, message, {\n fontSize: \"42px\",\n color: \"#f39c12\",\n backgroundColor: \"transparent\",\n fontFamily: \"Arial, sans-serif\",\n fontStyle: \"bold\",\n stroke: \"#e67e22\",\n strokeThickness: 3,\n shadow: {\n offsetX: 3,\n offsetY: 3,\n color: \"#d35400\",\n blur: 6,\n fill: true\n }\n });\n this.gameOverText.setOrigin(0.5);\n this.add.text(this.gameWidth / 2, panelY + 40, \"👑\", {\n fontSize: \"48px\"\n }).setOrigin(0.5);\n const buttonAreaY = panelY + 160;\n const buttonSpacing = 180;\n const buttonStartX = this.gameWidth / 2 - buttonSpacing / 2;\n this.playAgainButton = this.add.text(buttonStartX, buttonAreaY, \"🔄 Play Again\", {\n fontSize: \"22px\",\n color: \"#ecf0f1\",\n backgroundColor: \"#27ae60\",\n fontFamily: \"Arial, sans-serif\",\n fontStyle: \"bold\",\n padding: {\n x: 20,\n y: 12\n },\n stroke: \"#229954\",\n strokeThickness: 2,\n shadow: {\n offsetX: 2,\n offsetY: 2,\n color: \"#1e8449\",\n blur: 4,\n fill: true\n }\n });\n this.playAgainButton.setOrigin(0.5);\n this.playAgainButton.setInteractive({\n useHandCursor: true\n });\n this.playAgainButton.on('pointerover', () => {\n this.playAgainButton.setBackgroundColor(\"#2ecc71\");\n this.playAgainButton.setScale(1.05);\n });\n this.playAgainButton.on('pointerout', () => {\n this.playAgainButton.setBackgroundColor(\"#27ae60\");\n this.playAgainButton.setScale(1);\n });\n this.playAgainButton.on('pointerdown', () => {\n this.scene.restart({\n player1Name: this.player1Name,\n player2Name: this.player2Name,\n landscape: this.currentLandscape,\n weapon: this.selectedWeapon,\n vsBot: this.vsBot,\n botDifficulty: this.botDifficulty\n });\n });\n this.newMatchButton = this.add.text(buttonStartX + buttonSpacing, buttonAreaY, \"🏠 New Match\", {\n fontSize: \"22px\",\n color: \"#ecf0f1\",\n backgroundColor: \"#3498db\",\n fontFamily: \"Arial, sans-serif\",\n fontStyle: \"bold\",\n padding: {\n x: 20,\n y: 12\n },\n stroke: \"#2980b9\",\n strokeThickness: 2,\n shadow: {\n offsetX: 2,\n offsetY: 2,\n color: \"#21618c\",\n blur: 4,\n fill: true\n }\n });\n this.newMatchButton.setOrigin(0.5);\n this.newMatchButton.setInteractive({\n useHandCursor: true\n });\n this.newMatchButton.on('pointerover', () => {\n this.newMatchButton.setBackgroundColor(\"#5dade2\");\n this.newMatchButton.setScale(1.05);\n });\n this.newMatchButton.on('pointerout', () => {\n this.newMatchButton.setBackgroundColor(\"#3498db\");\n this.newMatchButton.setScale(1);\n });\n this.newMatchButton.on('pointerdown', () => {\n this.scene.start(\"TitleScene\");\n });\n const particles = this.add.particles(this.gameWidth / 2, panelY + 20, \"explosion\", {\n speed: {\n min: 50,\n max: 150\n },\n scale: {\n start: 0.3,\n end: 0\n },\n blendMode: \"SCREEN\",\n tint: [0xf39c12, 0xe74c3c, 0x9b59b6, 0x3498db],\n lifespan: 2000,\n quantity: 3,\n frequency: 200\n });\n this.time.delayedCall(5000, () => {\n particles.destroy();\n });\n }\n}\nconst config = {\n type: Phaser.AUTO,\n scale: {\n mode: Phaser.Scale.RESIZE,\n parent: \"app\",\n width: window.innerWidth,\n height: window.innerHeight\n },\n dom: {\n createContainer: true\n },\n backgroundColor: \"#1A1A28\",\n physics: {\n default: \"arcade\",\n arcade: {\n gravity: {\n y: 500\n },\n debug: false\n }\n },\n scene: [BootScene, TitleScene, GameScene]\n};\nexport const game = new Phaser.Game(config);","packageJson","{\"dependencies\":{\"phaser\":\"3.60.0\"}}","appFunctions",[],"token","upstreamApp","isLordOfDev","analytics",[82,86,88,90,92,94,96,98,100,102,104,106,108,110,112],{"_83":84,"_85":58},"day","2025-08-06","runCount",{"_83":87,"_85":58},"2025-08-07",{"_83":89,"_85":58},"2025-08-08",{"_83":91,"_85":58},"2025-08-09",{"_83":93,"_85":58},"2025-08-10",{"_83":95,"_85":58},"2025-08-11",{"_83":97,"_85":58},"2025-08-12",{"_83":99,"_85":58},"2025-08-13",{"_83":101,"_85":58},"2025-08-14",{"_83":103,"_85":58},"2025-08-15",{"_83":105,"_85":58},"2025-08-16",{"_83":107,"_85":58},"2025-08-17",{"_83":109,"_85":58},"2025-08-18",{"_83":111,"_85":58},"2025-08-19",{"_83":105,"_85":41},"snapshot","ogImage","https://cdn.dev.fun/og/image/091d0188d79dbd2024a7/49a98cd8.webp","isDevbase","actionData","errors"]

say something