[{"_1":2,"_136":-5,"_137":-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,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_5":43,"_54":55,"_56":57,"_58":57,"_59":60,"_61":62,"_63":62,"_64":65,"_66":57,"_67":57,"_68":57,"_69":17,"_70":25,"_71":72,"_73":74,"_75":76,"_77":78,"_96":-5,"_97":17,"_98":99,"_132":30,"_133":134,"_135":17},"id","4f174d02adc46c87173d","isMyApp",false,"name","Sahur Showdown","description","Unleash meme-powered mayhem in this frantic 60-second carnival shooting gallery where Tung Tung Sahur targets dodge and weave with chaotic energy! Blast through five rarity tiers of glitching meme faces while chasing combo multipliers, snagging power-ups, and vibing to the hypnotic \"Tung Tung Tung Sahur\" audio that intensifies with your score.","brief","60 seconds of pure chaos blasting unpredictable Tung Tung memes for high-score glory!","isLive",true,"isPublic","tags",[],"cover","https://cdn.dev.fun/snapshot/4f174d02adc46c87173d/59338_83e15042.webp","cdnUrl","https://cdn.dev.fun/app/4f174d02adc46c87173d/59338","createdAt",["D",1745637755305],"updatedAt",["D",1745745825609],"lastCommitId",["B","59338"],"tier",1,"credits",-4,{"_14":44,"_45":46,"_47":-5,"_48":46,"_49":50,"_51":-5,"_52":53},"d321bbd5-2f95-4a61-9bc8-c1ea6de022b2","uniqueId","A5aEcpBiZbAim5dREtWJLufQqser7S4MaKDr18ryV1zc","username","solanaWallet","displayName","A5a...1zc","bio","avatar","/avatar.svg","commitCount",139,"forkCount",0,"likeCount","runsCount",91,"downvoteCount",2,"upvoteCount","upvoteRate",0.5,"commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","F28UWka8PSyG1jUtVZ2CfFdF1dkLEA4rw7GkFBW7pump","code","import * as Phaser from \"phaser\";\nclass StartScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"StartScene\"\n });\n }\n create() {\n const bg = this.add.image(this.cameras.main.width / 2, this.cameras.main.height / 2, \"startscreen\");\n const scaleX = this.cameras.main.width / bg.width;\n const scaleY = this.cameras.main.height / bg.height;\n const scale = Math.max(scaleX, scaleY);\n bg.setScale(scale);\n const titleImage = this.add.image(this.cameras.main.width / 2, 150, \"titleImage\");\n titleImage.setOrigin(0.5);\n titleImage.setScale(0.8);\n this.add.particles(titleImage.x, titleImage.y, \"particle\", {\n scale: {\n start: 0.1,\n end: 0\n },\n speed: 20,\n angle: {\n min: 0,\n max: 360\n },\n frequency: 50,\n lifespan: 1000,\n blendMode: Phaser.BlendModes.ADD,\n tint: 0xFFA500,\n emitZone: {\n type: 'edge',\n source: new Phaser.Geom.Rectangle(-titleImage.displayWidth / 2, -titleImage.displayHeight / 2, titleImage.displayWidth, titleImage.displayHeight),\n quantity: 10\n }\n });\n const cowboy = this.add.image(this.cameras.main.width / 2, 500, \"cowboy\");\n cowboy.setOrigin(0.5);\n cowboy.setScale(0.7);\n this.tweens.add({\n targets: cowboy,\n y: cowboy.y - 10,\n duration: 1500,\n yoyo: true,\n repeat: -1,\n ease: 'Sine.easeInOut'\n });\n this.add.particles(cowboy.x, cowboy.y + 50, \"particle\", {\n scale: {\n start: 0.1,\n end: 0\n },\n speed: 10,\n angle: {\n min: 0,\n max: 360\n },\n frequency: 100,\n lifespan: 800,\n blendMode: Phaser.BlendModes.ADD,\n tint: 0xFFAA00\n });\n const buttonY = 710;\n const buttonSpacing = 80;\n const playButton = this.add.text(this.cameras.main.width / 2, buttonY, \"PLAY\", {\n font: \"bold 48px Western\",\n fill: \"#FFFFFF\",\n stroke: \"#000000\",\n strokeThickness: 6\n });\n playButton.setOrigin(0.5);\n playButton.setInteractive({\n useHandCursor: true\n });\n playButton.on('pointerover', () => {\n playButton.setStyle({\n fill: '#FFFF00'\n });\n });\n playButton.on('pointerout', () => {\n playButton.setStyle({\n fill: '#FFFFFF'\n });\n });\n playButton.on('pointerdown', () => {\n this.promptUsername();\n });\n const howToPlayButton = this.add.text(this.cameras.main.width / 2, buttonY + buttonSpacing, \"HOW TO PLAY\", {\n font: \"bold 36px Western\",\n fill: \"#FFFFFF\",\n stroke: \"#000000\",\n strokeThickness: 4\n });\n howToPlayButton.setOrigin(0.5);\n howToPlayButton.setInteractive({\n useHandCursor: true\n });\n howToPlayButton.on('pointerover', () => {\n howToPlayButton.setStyle({\n fill: '#FFFF00'\n });\n });\n howToPlayButton.on('pointerout', () => {\n howToPlayButton.setStyle({\n fill: '#FFFFFF'\n });\n });\n howToPlayButton.on('pointerdown', () => {\n this.showGuide();\n });\n const highScoresButton = this.add.text(this.cameras.main.width / 2, buttonY + buttonSpacing * 2, \"HIGH SCORES\", {\n font: \"bold 36px Western\",\n fill: \"#FFFFFF\",\n stroke: \"#000000\",\n strokeThickness: 4\n });\n highScoresButton.setOrigin(0.5);\n highScoresButton.setInteractive({\n useHandCursor: true\n });\n highScoresButton.on('pointerover', () => {\n highScoresButton.setStyle({\n fill: '#FFFF00'\n });\n });\n highScoresButton.on('pointerout', () => {\n highScoresButton.setStyle({\n fill: '#FFFFFF'\n });\n });\n highScoresButton.on('pointerdown', () => {\n this.showHighscores();\n });\n const socialSectionY = buttonY + buttonSpacing * 2 + 100;\n const socialTitle = this.add.text(this.cameras.main.width / 2, socialSectionY, \"FOLLOW US\", {\n font: \"bold 24px Western\",\n fill: \"#33CCFF\",\n stroke: \"#000000\",\n strokeThickness: 3\n });\n socialTitle.setOrigin(0.5);\n const buttonIconSpacing = 70;\n const socialButtonsY = socialSectionY + 50;\n const buttonsStartX = this.cameras.main.width / 2 - buttonIconSpacing;\n this.createSocialButton(buttonsStartX, socialButtonsY, \"x_icon\", \"https://x.com/tungsahurxbt\");\n this.createSocialButton(buttonsStartX + buttonIconSpacing, socialButtonsY, \"tiktok_icon\", \"https://www.tiktok.com/@noxaasht\");\n this.createSocialButton(buttonsStartX + buttonIconSpacing * 2, socialButtonsY, \"telegram_icon\", \"https://t.me/tungsahurxbt\");\n }\n createSocialButton(x, y, iconKey, url) {\n const buttonSize = 60;\n const button = this.add.container(x, y);\n const bg = this.add.circle(0, 0, buttonSize / 2, 0x333333, 0.7);\n bg.setStrokeStyle(3, 0xFFFFFF);\n const icon = this.add.image(0, 0, iconKey);\n icon.setDisplaySize(buttonSize - 15, buttonSize - 15);\n icon.setOrigin(0.5);\n button.add([bg, icon]);\n bg.setInteractive({\n useHandCursor: true\n });\n bg.on('pointerover', () => {\n this.tweens.add({\n targets: button,\n scale: 1.1,\n duration: 100\n });\n });\n bg.on('pointerout', () => {\n this.tweens.add({\n targets: button,\n scale: 1,\n duration: 100\n });\n });\n bg.on('pointerdown', () => {\n this.tweens.add({\n targets: button,\n scale: 0.9,\n duration: 50,\n yoyo: true,\n onComplete: () => {\n window.open(url, '_blank');\n }\n });\n });\n this.add.particles(x, y, \"particle\", {\n scale: {\n start: 0.1,\n end: 0\n },\n speed: 20,\n lifespan: 800,\n frequency: 300,\n quantity: 1,\n blendMode: Phaser.BlendModes.ADD,\n tint: 0x33CCFF\n });\n return button;\n }\n promptUsername() {\n const usernameContainer = this.add.container(0, 0);\n const overlay = this.add.rectangle(0, 0, this.cameras.main.width * 2, this.cameras.main.height * 2, 0x000000, 0.7);\n overlay.setInteractive();\n usernameContainer.add(overlay);\n const panel = this.add.rectangle(this.cameras.main.width / 2, this.cameras.main.height / 2, 500, 300, 0x704214, 0.9);\n panel.setStrokeStyle(4, 0x3D2410);\n usernameContainer.add(panel);\n const panelTexture = this.add.graphics();\n panelTexture.lineStyle(1, 0x3D2410, 0.3);\n for (let i = panel.y - 145; i < panel.y + 145; i += 8) {\n panelTexture.lineBetween(this.cameras.main.width / 2 - 245, i, this.cameras.main.width / 2 + 245, i);\n }\n usernameContainer.add(panelTexture);\n const closeButton = this.add.container(panel.x + 220, panel.y - 130);\n const closeBg = this.add.circle(0, 0, 24, 0x553311, 0.9);\n closeBg.setStrokeStyle(2, 0xFFFFFF);\n const crossLine1 = this.add.line(0, 0, -10, -10, 10, 10, 0xFFFFFF);\n crossLine1.setLineWidth(3);\n const crossLine2 = this.add.line(0, 0, 10, -10, -10, 10, 0xFFFFFF);\n crossLine2.setLineWidth(3);\n closeButton.add([closeBg, crossLine1, crossLine2]);\n usernameContainer.add(closeButton);\n closeBg.setInteractive({\n useHandCursor: true,\n hitArea: new Phaser.Geom.Circle(0, 0, 24),\n hitAreaCallback: Phaser.Geom.Circle.Contains\n });\n closeBg.on('pointerover', () => {\n this.tweens.add({\n targets: closeButton,\n scale: 1.1,\n duration: 100\n });\n });\n closeBg.on('pointerout', () => {\n this.tweens.add({\n targets: closeButton,\n scale: 1,\n duration: 100\n });\n });\n closeBg.on('pointerdown', () => {\n usernameContainer.destroy();\n });\n const nailPositions = [{\n x: panel.x - 240,\n y: panel.y - 140\n }, {\n x: panel.x + 240,\n y: panel.y - 140\n }, {\n x: panel.x - 240,\n y: panel.y + 140\n }, {\n x: panel.x + 240,\n y: panel.y + 140\n }];\n nailPositions.forEach(pos => {\n const nail = this.add.circle(pos.x, pos.y, 5, 0xA89078);\n const nailHighlight = this.add.circle(pos.x - 1, pos.y - 1, 2, 0xFFFFFF, 0.7);\n usernameContainer.add(nail);\n usernameContainer.add(nailHighlight);\n });\n const titleBg = this.add.rectangle(this.cameras.main.width / 2, panel.y - 100, 340, 50, 0x553311, 0.7);\n titleBg.setStrokeStyle(2, 0xFFD700);\n usernameContainer.add(titleBg);\n const title = this.add.text(this.cameras.main.width / 2, panel.y - 100, \"ENTER YOUR NAME\", {\n font: \"bold 36px Western\",\n fill: \"#FFFFFF\",\n stroke: \"#000000\",\n strokeThickness: 3\n });\n title.setOrigin(0.5);\n usernameContainer.add(title);\n const subtext = this.add.text(this.cameras.main.width / 2, panel.y - 50, \"or play as Guest\", {\n font: \"24px Western\",\n fill: \"#AAAAAA\",\n stroke: \"#000000\",\n strokeThickness: 2\n });\n subtext.setOrigin(0.5);\n usernameContainer.add(subtext);\n const inputBackground = this.add.rectangle(this.cameras.main.width / 2, panel.y, 350, 50, 0x221100, 0.7);\n inputBackground.setStrokeStyle(3, 0xA0522D);\n usernameContainer.add(inputBackground);\n const inputTexture = this.add.graphics();\n inputTexture.lineStyle(1, 0xFFFFFF, 0.1);\n for (let i = panel.y - 22; i < panel.y + 22; i += 5) {\n inputTexture.lineBetween(this.cameras.main.width / 2 - 172, i, this.cameras.main.width / 2 + 172, i);\n }\n usernameContainer.add(inputTexture);\n const cursor = this.add.rectangle(this.cameras.main.width / 2, panel.y, 2, 30, 0xFFFFFF, 1);\n usernameContainer.add(cursor);\n this.tweens.add({\n targets: cursor,\n alpha: 0,\n duration: 500,\n yoyo: true,\n repeat: -1\n });\n const inputText = this.add.text(this.cameras.main.width / 2, panel.y, \"\", {\n font: \"28px Western\",\n fill: \"#FFFFFF\"\n });\n inputText.setOrigin(0.5);\n usernameContainer.add(inputText);\n const buttonGroup = this.add.container(0, 0);\n usernameContainer.add(buttonGroup);\n const guestButtonContainer = this.createButton(this.cameras.main.width / 2 - 120, panel.y + 80, \"PLAY AS GUEST\", 22, \"#AAAAAA\", () => {\n localStorage.setItem('currentPlayer', 'Guest');\n usernameContainer.destroy();\n this.scene.start(\"GameScene\");\n });\n buttonGroup.add(guestButtonContainer);\n const startButtonContainer = this.createButton(this.cameras.main.width / 2 + 120, panel.y + 80, \"START GAME\", 22, \"#00FF00\", () => {\n let playerName = inputText.text.trim();\n if (playerName === \"\") {\n playerName = \"Guest\";\n }\n localStorage.setItem('currentPlayer', playerName);\n usernameContainer.destroy();\n this.scene.start(\"GameScene\");\n });\n buttonGroup.add(startButtonContainer);\n this.input.keyboard.on('keydown', event => {\n if (event.keyCode === 8 && inputText.text.length > 0) {\n inputText.text = inputText.text.slice(0, -1);\n } else if (event.keyCode === 32) {\n if (inputText.text.length < 15) {\n inputText.text += ' ';\n }\n } else if (event.keyCode >= 48 && event.keyCode <= 57 || event.keyCode >= 65 && event.keyCode <= 90) {\n if (inputText.text.length < 15) {\n const char = event.key || String.fromCharCode(event.keyCode);\n inputText.text += char;\n }\n } else if (event.keyCode === 13) {\n let playerName = inputText.text.trim();\n if (playerName === \"\") {\n playerName = \"Guest\";\n }\n localStorage.setItem('currentPlayer', playerName);\n usernameContainer.destroy();\n this.scene.start(\"GameScene\");\n }\n });\n }\n showGuide() {\n const guideContainer = this.add.container(0, 0);\n const blockingOverlay = this.add.rectangle(0, 0, this.cameras.main.width * 2, this.cameras.main.height * 2, 0x000000, 0.01);\n blockingOverlay.setInteractive();\n guideContainer.add(blockingOverlay);\n const guidePanel = this.add.rectangle(this.cameras.main.width / 2, this.cameras.main.height / 2, 550, 450, 0x000000, 0.8);\n guidePanel.setStrokeStyle(3, 0xA0522D);\n guideContainer.add(guidePanel);\n const panelTexture = this.add.graphics();\n panelTexture.lineStyle(1, 0xA0522D, 0.3);\n for (let i = guidePanel.y - 220; i < guidePanel.y + 220; i += 10) {\n panelTexture.lineBetween(this.cameras.main.width / 2 - 270, i, this.cameras.main.width / 2 + 270, i);\n }\n guideContainer.add(panelTexture);\n const titleBg = this.add.rectangle(this.cameras.main.width / 2, guidePanel.y - 170, 300, 50, 0x704214, 0.7);\n titleBg.setStrokeStyle(2, 0xFFD700);\n guideContainer.add(titleBg);\n const guideTitle = this.add.text(this.cameras.main.width / 2, guidePanel.y - 170, \"HOW TO PLAY\", {\n font: \"bold 36px Western\",\n fill: \"#FFFFFF\",\n stroke: \"#000000\",\n strokeThickness: 3\n });\n guideTitle.setOrigin(0.5);\n guideContainer.add(guideTitle);\n const instructionBox = this.add.rectangle(this.cameras.main.width / 2, guidePanel.y - 15, 480, 250, 0x222244, 0.6);\n instructionBox.setStrokeStyle(2, 0xA0522D);\n guideContainer.add(instructionBox);\n const instructionMask = this.add.graphics().fillRect(this.cameras.main.width / 2 - 230, guidePanel.y - 130, 460, 230).setVisible(false);\n this.instructionsContainer = this.add.container(0, 0);\n this.instructionsContainer.setMask(new Phaser.Display.Masks.GeometryMask(this, instructionMask));\n guideContainer.add(this.instructionsContainer);\n const instructions = [\"- Move your mouse to position the bat horizontally\", \"- Click to start the game with a countdown\", \"- Aim the ball to hit and destroy targets on planks\", \"- Hit consecutive targets to build up combo multipliers\", \"- Collect blue powerups to slow down time\", \"- Collect gold powerups for double score and extra ball\", \"- You lose a heart EVERY time a ball falls to the ground\", \"- Balls only respawn on the bat after powerups or when\", \" all active balls are lost\", \"- Planks reconfigure every 30 seconds\", \"- Keep your eye on fast-moving targets for big points\", \"- Try to maintain combos for multiplier bonuses\"];\n const guideTexts = [];\n let yPosition = guidePanel.y - 100;\n for (const instruction of instructions) {\n const instructionText = this.add.text(this.cameras.main.width / 2, yPosition, instruction, {\n font: \"20px Western\",\n fill: \"#FFFFFF\",\n stroke: \"#000000\",\n strokeThickness: 1\n });\n instructionText.setOrigin(0.5);\n guideTexts.push(instructionText);\n this.instructionsContainer.add(instructionText);\n yPosition += 40;\n }\n instructionBox.setInteractive({\n useHandCursor: true\n });\n this.scrollState = {\n isDragging: false,\n startY: 0,\n currentY: 0,\n maxScroll: Math.max(0, instructions.length * 40 - 230),\n targetY: 0\n };\n if (this.scrollState.maxScroll > 0) {\n const scrollTrack = this.add.rectangle(this.cameras.main.width / 2 + 260, guidePanel.y - 15, 10, 230, 0x333333, 0.6);\n scrollTrack.setStrokeStyle(1, 0xFFD700);\n guideContainer.add(scrollTrack);\n const scrollbarHeight = Math.max(30, 230 * 230 / (instructions.length * 40));\n this.scrollHandle = this.add.rectangle(this.cameras.main.width / 2 + 260, guidePanel.y - 130 + scrollbarHeight / 2, 12, scrollbarHeight, 0xFFD700, 1);\n this.scrollHandle.setInteractive({\n draggable: true,\n useHandCursor: true\n });\n guideContainer.add(this.scrollHandle);\n this.scrollHandle.on('drag', (pointer, dragX, dragY) => {\n const minY = guidePanel.y - 130 + scrollbarHeight / 2;\n const maxY = guidePanel.y + 100 - scrollbarHeight / 2;\n this.scrollHandle.y = Phaser.Math.Clamp(dragY, minY, maxY);\n const scrollPercent = (this.scrollHandle.y - minY) / (maxY - minY);\n const newY = -scrollPercent * this.scrollState.maxScroll;\n this.instructionsContainer.y = newY;\n });\n this.input.on('wheel', (pointer, gameObjects, deltaX, deltaY, deltaZ) => {\n if (guideContainer.active && Phaser.Geom.Rectangle.Contains(instructionBox.getBounds(), pointer.x, pointer.y)) {\n const scrollSpeed = 15;\n const targetY = Phaser.Math.Clamp(this.instructionsContainer.y - deltaY * scrollSpeed, -this.scrollState.maxScroll, 0);\n this.tweens.add({\n targets: this.instructionsContainer,\n y: targetY,\n duration: 300,\n ease: 'Cubic.easeOut',\n onUpdate: () => {\n if (this.scrollHandle) {\n const scrollPercent = Math.abs(this.instructionsContainer.y) / this.scrollState.maxScroll;\n const minY = guidePanel.y - 130 + scrollbarHeight / 2;\n const maxY = guidePanel.y + 100 - scrollbarHeight / 2;\n this.scrollHandle.y = minY + scrollPercent * (maxY - minY);\n }\n }\n });\n }\n });\n instructionBox.on('pointerdown', pointer => {\n this.scrollState.isDragging = true;\n this.scrollState.startY = pointer.y;\n this.scrollState.currentY = this.instructionsContainer.y;\n });\n this.input.on('pointermove', pointer => {\n if (this.scrollState.isDragging && guideContainer.active) {\n const dy = this.scrollState.startY - pointer.y;\n const newY = Phaser.Math.Clamp(this.scrollState.currentY - dy, -this.scrollState.maxScroll, 0);\n this.instructionsContainer.y = newY;\n if (this.scrollHandle) {\n const scrollPercent = Math.abs(this.instructionsContainer.y) / this.scrollState.maxScroll;\n const minY = guidePanel.y - 130 + scrollbarHeight / 2;\n const maxY = guidePanel.y + 100 - scrollbarHeight / 2;\n this.scrollHandle.y = minY + scrollPercent * (maxY - minY);\n }\n }\n });\n this.input.on('pointerup', () => {\n this.scrollState.isDragging = false;\n });\n }\n const cornerSize = 16;\n const cornerOffset = 8;\n const topLeftCorner = this.add.graphics();\n topLeftCorner.lineStyle(3, 0xFFD700, 1);\n topLeftCorner.lineBetween(guidePanel.x - 270 + cornerOffset, guidePanel.y - 220 + cornerOffset, guidePanel.x - 270 + cornerOffset + cornerSize, guidePanel.y - 220 + cornerOffset);\n topLeftCorner.lineBetween(guidePanel.x - 270 + cornerOffset, guidePanel.y - 220 + cornerOffset, guidePanel.x - 270 + cornerOffset, guidePanel.y - 220 + cornerOffset + cornerSize);\n guideContainer.add(topLeftCorner);\n const topRightCorner = this.add.graphics();\n topRightCorner.lineStyle(3, 0xFFD700, 1);\n topRightCorner.lineBetween(guidePanel.x + 270 - cornerOffset, guidePanel.y - 220 + cornerOffset, guidePanel.x + 270 - cornerOffset - cornerSize, guidePanel.y - 220 + cornerOffset);\n topRightCorner.lineBetween(guidePanel.x + 270 - cornerOffset, guidePanel.y - 220 + cornerOffset, guidePanel.x + 270 - cornerOffset, guidePanel.y - 220 + cornerOffset + cornerSize);\n guideContainer.add(topRightCorner);\n const bottomLeftCorner = this.add.graphics();\n bottomLeftCorner.lineStyle(3, 0xFFD700, 1);\n bottomLeftCorner.lineBetween(guidePanel.x - 270 + cornerOffset, guidePanel.y + 220 - cornerOffset, guidePanel.x - 270 + cornerOffset + cornerSize, guidePanel.y + 220 - cornerOffset);\n bottomLeftCorner.lineBetween(guidePanel.x - 270 + cornerOffset, guidePanel.y + 220 - cornerOffset, guidePanel.x - 270 + cornerOffset, guidePanel.y + 220 - cornerOffset - cornerSize);\n guideContainer.add(bottomLeftCorner);\n const bottomRightCorner = this.add.graphics();\n bottomRightCorner.lineStyle(3, 0xFFD700, 1);\n bottomRightCorner.lineBetween(guidePanel.x + 270 - cornerOffset, guidePanel.y + 220 - cornerOffset, guidePanel.x + 270 - cornerOffset - cornerSize, guidePanel.y + 220 - cornerOffset);\n bottomRightCorner.lineBetween(guidePanel.x + 270 - cornerOffset, guidePanel.y + 220 - cornerOffset, guidePanel.x + 270 - cornerOffset, guidePanel.y + 220 - cornerOffset - cornerSize);\n guideContainer.add(bottomRightCorner);\n const contentBottomY = guidePanel.y + 100;\n const panelBottomY = guidePanel.y + 220;\n const closeButtonY = (contentBottomY + panelBottomY) / 2;\n const closeButton = this.createButton(this.cameras.main.width / 2, closeButtonY, \"CLOSE\", 24, \"#FF0000\", () => {\n guideContainer.destroy();\n });\n guideContainer.add(closeButton);\n }\n createButton(x, y, text, textSize, color, callback) {\n const button = this.add.container(x, y);\n const buttonWidth = text.length * textSize * 0.6 + 40;\n const buttonHeight = textSize * 1.8;\n const bg = this.add.rectangle(0, 0, buttonWidth, buttonHeight, 0x704214, 0.8);\n bg.setStrokeStyle(4, 0x3D2410);\n const woodTexture = this.add.graphics();\n woodTexture.lineStyle(1, 0x3D2410, 0.3);\n for (let i = -buttonHeight / 2; i < buttonHeight / 2; i += 5) {\n woodTexture.lineBetween(-buttonWidth / 2, i, buttonWidth / 2, i);\n }\n const studSize = 4;\n const cornerOffset = 8;\n const topLeft = this.add.circle(-buttonWidth / 2 + cornerOffset, -buttonHeight / 2 + cornerOffset, studSize, 0xA89078);\n const topRight = this.add.circle(buttonWidth / 2 - cornerOffset, -buttonHeight / 2 + cornerOffset, studSize, 0xA89078);\n const bottomLeft = this.add.circle(-buttonWidth / 2 + cornerOffset, buttonHeight / 2 - cornerOffset, studSize, 0xA89078);\n const bottomRight = this.add.circle(buttonWidth / 2 - cornerOffset, buttonHeight / 2 - cornerOffset, studSize, 0xA89078);\n const buttonText = this.add.text(0, 0, text, {\n font: `bold ${textSize}px Western`,\n fill: color,\n stroke: \"#000000\",\n strokeThickness: 3\n });\n buttonText.setOrigin(0.5);\n button.add([bg, woodTexture, topLeft, topRight, bottomLeft, bottomRight, buttonText]);\n bg.setInteractive({\n useHandCursor: true,\n hitArea: new Phaser.Geom.Rectangle(-buttonWidth / 2, -buttonHeight / 2, buttonWidth, buttonHeight),\n hitAreaCallback: Phaser.Geom.Rectangle.Contains\n });\n bg.on('pointerover', () => {\n this.tweens.add({\n targets: button,\n scaleX: 1.05,\n scaleY: 1.05,\n duration: 100\n });\n buttonText.setTint(0xFFFFAA);\n });\n bg.on('pointerout', () => {\n this.tweens.add({\n targets: button,\n scaleX: 1,\n scaleY: 1,\n duration: 100\n });\n buttonText.clearTint();\n });\n bg.on('pointerdown', () => {\n this.tweens.add({\n targets: button,\n scaleX: 0.95,\n scaleY: 0.95,\n duration: 50,\n yoyo: true\n });\n callback();\n });\n return button;\n }\n showHighscores() {\n this.highscoreContainer = this.add.container(0, 0);\n const blockingOverlay = this.add.rectangle(0, 0, this.cameras.main.width * 2, this.cameras.main.height * 2, 0x000000, 0.01);\n blockingOverlay.setInteractive();\n this.highscoreContainer.add(blockingOverlay);\n const highscorePanel = this.add.rectangle(this.cameras.main.width / 2, this.cameras.main.height / 2, 600, 545, 0x000000, 0.8);\n highscorePanel.setStrokeStyle(3, 0xFFD700);\n this.highscoreContainer.add(highscorePanel);\n const panelDecoration = this.add.graphics();\n panelDecoration.lineStyle(1, 0xFFD700, 0.3);\n for (let i = highscorePanel.y - 250; i < highscorePanel.y + 250; i += 10) {\n panelDecoration.lineBetween(this.cameras.main.width / 2 - 295, i, this.cameras.main.width / 2 + 295, i);\n }\n this.highscoreContainer.add(panelDecoration);\n const highscoreTitle = this.add.text(this.cameras.main.width / 2, highscorePanel.y - 210, \"TOP PLAYERS\", {\n font: \"bold 36px Western\",\n fill: \"#FFD700\",\n stroke: \"#000000\",\n strokeThickness: 4\n });\n highscoreTitle.setOrigin(0.5);\n this.highscoreContainer.add(highscoreTitle);\n const highscoreSubtitle = this.add.text(this.cameras.main.width / 2, highscorePanel.y - 170, \"Can you beat these scores?\", {\n font: \"22px Western\",\n fill: \"#FFFFFF\",\n stroke: \"#000000\",\n strokeThickness: 2\n });\n highscoreSubtitle.setOrigin(0.5);\n this.highscoreContainer.add(highscoreSubtitle);\n const leaderboardBg = this.add.rectangle(this.cameras.main.width / 2, highscorePanel.y + 10, 500, 300, 0x222244, 0.8);\n leaderboardBg.setStrokeStyle(2, 0xFFD700);\n this.highscoreContainer.add(leaderboardBg);\n const savedScores = localStorage.getItem('sahurShowdownHighScores');\n let highScores = [];\n if (savedScores) {\n highScores = JSON.parse(savedScores);\n highScores.sort((a, b) => b.score - a.score);\n const columnY = highscorePanel.y - 105;\n const headerBg = this.add.rectangle(this.cameras.main.width / 2, columnY, 500, 40, 0x553311, 0.7);\n headerBg.setStrokeStyle(2, 0xFFD700);\n this.highscoreContainer.add(headerBg);\n const playerHeader = this.add.text(this.cameras.main.width / 2 - 180, columnY, \"PLAYER\", {\n font: \"bold 24px Western\",\n fill: \"#FFD700\"\n });\n playerHeader.setOrigin(0.5);\n this.highscoreContainer.add(playerHeader);\n const rankHeader = this.add.text(this.cameras.main.width / 2 - 80, columnY, \"RANK\", {\n font: \"bold 24px Western\",\n fill: \"#FFD700\"\n });\n rankHeader.setOrigin(0.5);\n this.highscoreContainer.add(rankHeader);\n const scoreHeader = this.add.text(this.cameras.main.width / 2 + 50, columnY, \"SCORE\", {\n font: \"bold 24px Western\",\n fill: \"#FFD700\"\n });\n scoreHeader.setOrigin(0.5);\n this.highscoreContainer.add(scoreHeader);\n const dateHeader = this.add.text(this.cameras.main.width / 2 + 170, columnY, \"DATE\", {\n font: \"bold 24px Western\",\n fill: \"#FFD700\"\n });\n dateHeader.setOrigin(0.5);\n this.highscoreContainer.add(dateHeader);\n const headerLine = this.add.graphics();\n headerLine.lineStyle(2, 0xFFD700, 1);\n headerLine.lineBetween(this.cameras.main.width / 2 - 230, columnY + 30, this.cameras.main.width / 2 + 230, columnY + 30);\n this.highscoreContainer.add(headerLine);\n const scoreMask = this.add.graphics().fillRect(this.cameras.main.width / 2 - 250, highscorePanel.y - 65, 500, 240).setVisible(false);\n this.scoreRowsContainer = this.add.container(0, 0);\n this.scoreRowsContainer.setMask(new Phaser.Display.Masks.GeometryMask(this, scoreMask));\n this.highscoreContainer.add(this.scoreRowsContainer);\n const maxScores = Math.min(highScores.length, 10);\n this.scrollState = {\n isDragging: false,\n startY: 0,\n currentY: 0,\n maxScroll: maxScores > 5 ? (maxScores - 5) * 40 : 0,\n targetY: 0,\n scrollTween: null\n };\n if (maxScores > 5) {\n const scrollTrack = this.add.rectangle(this.cameras.main.width / 2 + 260, highscorePanel.y + 25, 10, 240, 0x333333, 0.6);\n scrollTrack.setStrokeStyle(1, 0xFFD700);\n this.highscoreContainer.add(scrollTrack);\n const scrollbarHeight = Math.max(30, 5 / maxScores * 240);\n this.scrollHandle = this.add.rectangle(this.cameras.main.width / 2 + 260, highscorePanel.y - 95 + scrollbarHeight / 2, 12, scrollbarHeight, 0xFFD700, 1);\n this.scrollHandle.setInteractive({\n draggable: true,\n useHandCursor: true\n });\n this.highscoreContainer.add(this.scrollHandle);\n this.scrollHandle.on('drag', (pointer, dragX, dragY) => {\n const minY = highscorePanel.y - 95 + scrollbarHeight / 2;\n const maxY = highscorePanel.y + 145 - scrollbarHeight / 2;\n this.scrollHandle.y = Phaser.Math.Clamp(dragY, minY, maxY);\n const scrollPercent = (this.scrollHandle.y - minY) / (maxY - minY);\n const newY = -scrollPercent * this.scrollState.maxScroll;\n this.scoreRowsContainer.y = newY;\n });\n }\n for (let i = 0; i < maxScores; i++) {\n const score = highScores[i];\n const yPos = highscorePanel.y - 60 + i * 40;\n if (i % 2 === 1) {\n const rowBg = this.add.rectangle(this.cameras.main.width / 2, yPos, 470, 32, 0x333355, 0.3);\n this.scoreRowsContainer.add(rowBg);\n }\n let rankPrefix = `${i + 1}.`;\n if (i === 0) rankPrefix = \"🥇\";\n if (i === 1) rankPrefix = \"🥈\";\n if (i === 2) rankPrefix = \"🥉\";\n const rowGroup = this.add.container(0, 0);\n const playerName = score.playerName || \"Guest\";\n const nameText = this.add.text(this.cameras.main.width / 2 - 180, yPos, playerName.length > 12 ? playerName.substring(0, 10) + \"...\" : playerName, {\n font: \"20px Western\",\n fill: \"#FFFFFF\"\n });\n nameText.setOrigin(0.5);\n rowGroup.add(nameText);\n const rankText = this.add.text(this.cameras.main.width / 2 - 80, yPos, rankPrefix, {\n font: \"22px Western\",\n fill: \"#FFFFFF\"\n });\n rankText.setOrigin(0.5);\n rowGroup.add(rankText);\n const scoreText = this.add.text(this.cameras.main.width / 2 + 50, yPos, `${score.score.toLocaleString()}`, {\n font: \"22px Western\",\n fill: i === 0 ? \"#FFD700\" : i === 1 ? \"#C0C0C0\" : i === 2 ? \"#CD7F32\" : \"#FFFFFF\"\n });\n scoreText.setOrigin(0.5);\n rowGroup.add(scoreText);\n const scoreDate = new Date(score.date);\n const dateText = this.add.text(this.cameras.main.width / 2 + 170, yPos, `${scoreDate.getMonth() + 1}/${scoreDate.getDate()}/${scoreDate.getFullYear().toString().substr(2)}`, {\n font: \"18px Western\",\n fill: \"#AAAAAA\"\n });\n dateText.setOrigin(0.5);\n rowGroup.add(dateText);\n this.scoreRowsContainer.add(rowGroup);\n }\n if (highScores.length === 0) {\n const noScoresText = this.add.text(this.cameras.main.width / 2, highscorePanel.y + 25, \"No scores yet. Be the first!\", {\n font: \"28px Western\",\n fill: \"#FFFFFF\"\n });\n noScoresText.setOrigin(0.5);\n this.scoreRowsContainer.add(noScoresText);\n }\n if (maxScores > 5) {\n leaderboardBg.setInteractive({\n useHandCursor: true,\n draggable: true\n });\n this.input.on('wheel', (pointer, gameObjects, deltaX, deltaY, deltaZ) => {\n if (this.highscoreContainer && this.highscoreContainer.active) {\n if (pointer.x > leaderboardBg.x - leaderboardBg.width / 2 && pointer.x < leaderboardBg.x + leaderboardBg.width / 2 && pointer.y > leaderboardBg.y - leaderboardBg.height / 2 && pointer.y < leaderboardBg.y + leaderboardBg.height / 2) {\n if (this.scrollState.scrollTween) this.scrollState.scrollTween.stop();\n const scrollSpeed = 15;\n this.scrollState.targetY = Phaser.Math.Clamp(this.scoreRowsContainer.y - deltaY * scrollSpeed, -this.scrollState.maxScroll, 0);\n this.scrollState.scrollTween = this.tweens.add({\n targets: this.scoreRowsContainer,\n y: this.scrollState.targetY,\n duration: 300,\n ease: 'Cubic.easeOut',\n onUpdate: () => {\n if (this.scrollHandle) {\n const scrollPercent = Math.abs(this.scoreRowsContainer.y) / this.scrollState.maxScroll;\n const minY = highscorePanel.y - 120 + this.scrollHandle.height / 2;\n const maxY = highscorePanel.y + 120 - this.scrollHandle.height / 2;\n this.scrollHandle.y = minY + scrollPercent * (maxY - minY);\n }\n }\n });\n }\n }\n });\n leaderboardBg.on('pointerdown', pointer => {\n this.scrollState.isDragging = true;\n this.scrollState.startY = pointer.y;\n this.scrollState.currentY = this.scoreRowsContainer.y;\n if (this.scrollState.scrollTween) {\n this.scrollState.scrollTween.stop();\n }\n });\n this.input.on('pointermove', pointer => {\n if (this.scrollState.isDragging && this.highscoreContainer && this.highscoreContainer.active) {\n const dy = this.scrollState.startY - pointer.y;\n const newY = Phaser.Math.Clamp(this.scrollState.currentY - dy, -this.scrollState.maxScroll, 0);\n this.scoreRowsContainer.y = newY;\n if (this.scrollHandle) {\n const scrollPercent = Math.abs(this.scoreRowsContainer.y) / this.scrollState.maxScroll;\n const minY = highscorePanel.y - 95 + this.scrollHandle.height / 2;\n const maxY = highscorePanel.y + 145 - this.scrollHandle.height / 2;\n this.scrollHandle.y = minY + scrollPercent * (maxY - minY);\n }\n }\n });\n this.input.on('pointerup', () => {\n this.scrollState.isDragging = false;\n if (this.highscoreContainer && this.highscoreContainer.active) {\n const currentVelocity = this.input.mousePointer.velocity.y;\n if (Math.abs(currentVelocity) > 10) {\n const targetY = Phaser.Math.Clamp(this.scoreRowsContainer.y + currentVelocity * 2.5, -this.scrollState.maxScroll, 0);\n this.scrollState.scrollTween = this.tweens.add({\n targets: this.scoreRowsContainer,\n y: targetY,\n duration: 800,\n ease: 'Cubic.easeOut',\n onUpdate: () => {\n if (this.scrollHandle) {\n const scrollPercent = Math.abs(this.scoreRowsContainer.y) / this.scrollState.maxScroll;\n const minY = highscorePanel.y - 120 + this.scrollHandle.height / 2;\n const maxY = highscorePanel.y + 120 - this.scrollHandle.height / 2;\n this.scrollHandle.y = minY + scrollPercent * (maxY - minY);\n }\n }\n });\n }\n }\n });\n }\n } else {\n const noScoresText = this.add.text(this.cameras.main.width / 2, highscorePanel.y, \"No scores yet. Be the first!\", {\n font: \"28px Western\",\n fill: \"#FFFFFF\"\n });\n noScoresText.setOrigin(0.5);\n this.highscoreContainer.add(noScoresText);\n }\n const contentBottomY = highscorePanel.y + 120;\n const panelBottomY = highscorePanel.y + 260;\n const closeButtonY = (contentBottomY + panelBottomY) / 2 + 25;\n const closeButton = this.createButton(this.cameras.main.width / 2, closeButtonY, \"CLOSE\", 28, \"#FF0000\", () => {\n this.highscoreContainer.destroy();\n });\n this.highscoreContainer.add(closeButton);\n }\n}\nclass BootScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"BootScene\"\n });\n }\n preload() {\n this.load.audio(\"sahurSound\", \"https://cdn.dev.fun/asset/4f174d02adc46c87173d/tung sound_f98a5877.mp3\");\n this.load.audio(\"hitSound\", \"https://cdn.dev.fun/asset/4f174d02adc46c87173d/tung sound_f98a5877.mp3\");\n this.load.audio(\"powerupSound\", \"https://cdn.dev.fun/asset/4f174d02adc46c87173d/tung sound_f98a5877.mp3\");\n this.load.audio(\"batSound\", \"https://cdn.dev.fun/asset/4f174d02adc46c87173d/tung sound_f98a5877.mp3\");\n this.load.image(\"background\", \"https://cdn.dev.fun/asset/4f174d02adc46c87173d/background_71b0e9e5.png\");\n this.load.image(\"x_icon\", \"https://cdn.dev.fun/asset/4f174d02adc46c87173d/x_e90ae166.png\");\n this.load.image(\"tiktok_icon\", \"https://cdn.dev.fun/asset/4f174d02adc46c87173d/tiktok_5d38b035.png\");\n this.load.image(\"telegram_icon\", \"https://cdn.dev.fun/asset/4f174d02adc46c87173d/tg_ac534fa0.png\");\n this.load.image(\"startscreen\", \"https://cdn.dev.fun/asset/4f174d02adc46c87173d/start_bb78155d.png\");\n this.load.image(\"titleImage\", \"https://cdn.dev.fun/asset/4f174d02adc46c87173d/title_0fbdd4be.png\");\n this.load.image(\"cowboy\", \"https://cdn.dev.fun/asset/4f174d02adc46c87173d/cowboy_1d0a8a1d.png\");\n this.load.image(\"bat\", \"https://cdn.dev.fun/asset/4f174d02adc46c87173d/bat_320246f6.png\");\n this.load.image(\"plank\", \"https://cdn.dev.fun/asset/4f174d02adc46c87173d/plank_a7eb5917.png\");\n this.load.image(\"endscreen\", \"https://cdn.dev.fun/asset/4f174d02adc46c87173d/endscreen_f767c794.png\");\n this.load.image(\"freezeTime\", \"https://cdn.dev.fun/asset/4f174d02adc46c87173d/freeze_81251dda.png\");\n this.load.image(\"doubleScore\", \"https://cdn.dev.fun/asset/4f174d02adc46c87173d/double_488c639c.png\");\n this.load.image(\"heart\", \"https://cdn.dev.fun/asset/4f174d02adc46c87173d/heart_99d0f6cd.png\");\n this.load.image(\"commonTarget\", \"https://cdn.dev.fun/asset/4f174d02adc46c87173d/10 points_703423ef.png\");\n this.load.image(\"uncommonTarget\", \"https://cdn.dev.fun/asset/4f174d02adc46c87173d/25 points_ab40086d.png\");\n this.load.image(\"rareTarget\", \"https://cdn.dev.fun/asset/4f174d02adc46c87173d/50 points_1b4bb12e.png\");\n this.load.image(\"epicTarget\", \"https://cdn.dev.fun/asset/4f174d02adc46c87173d/75 points_051f1feb.png\");\n this.load.image(\"legendaryTarget\", \"https://cdn.dev.fun/asset/4f174d02adc46c87173d/100 points_4133c9da.png\");\n this.load.image(\"trophy\", \"https://cdn.dev.fun/asset/4f174d02adc46c87173d/trophy_47d4f3dc.png\");\n const particleGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n particleGraphics.fillStyle(0xffffff, 1);\n particleGraphics.fillCircle(4, 4, 4);\n particleGraphics.generateTexture(\"particle\", 8, 8);\n particleGraphics.destroy();\n this.createPowerupTexture(\"freezeTime\", 0x67D8D5);\n this.createPowerupTexture(\"doubleScore\", 0xFFD700);\n const loadingText = this.add.text(this.cameras.main.width / 2, this.cameras.main.height / 2, \"Loading Sahur Showdown...\", {\n font: \"bold 32px Arial\",\n fill: \"#FFFFFF\"\n });\n loadingText.setOrigin(0.5);\n }\n create() {\n this.scene.start(\"StartScene\");\n }\n createTargetTexture(name, fillColor, outlineColor) {\n const graphics = this.make.graphics({\n x: 0,\n y: 0\n });\n graphics.lineStyle(4, outlineColor, 1);\n graphics.fillStyle(fillColor, 1);\n graphics.fillCircle(25, 25, 23);\n graphics.strokeCircle(25, 25, 23);\n graphics.fillStyle(0x000000, 1);\n graphics.fillCircle(15, 17, 5);\n graphics.fillCircle(35, 17, 5);\n graphics.lineStyle(3, 0x000000, 1);\n graphics.beginPath();\n graphics.arc(25, 30, 12, 0, Math.PI, false);\n graphics.strokePath();\n graphics.generateTexture(name, 50, 50);\n graphics.destroy();\n }\n createPowerupTexture(name, color) {}\n}\nclass GameScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"GameScene\"\n });\n this.initGameState();\n }\n initGameState() {\n this.score = 0;\n this.combo = 0;\n this.maxCombo = 0;\n this.lives = 5;\n this.isGameOver = false;\n this.doubleScoreActive = false;\n this.freezeTimeActive = false;\n this.balls = [];\n this.lanes = 3;\n this.countdownActive = false;\n this.targetGroups = {};\n this.gameStarted = false;\n this.ballActive = false;\n this.batAngle = 0;\n this.lastSpeedIncreaseAt = 0;\n this.planksGroup = null;\n this.nextPlankSpawn = 0;\n this.isMuted = localStorage.getItem('saharShowdownMuted') !== 'false';\n this.plankSpawnTime = {\n min: 2000,\n max: 5000\n };\n this.rarity = [{\n key: \"commonTarget\",\n points: 10,\n speed: {\n min: 100,\n max: 200\n },\n weight: 50\n }, {\n key: \"uncommonTarget\",\n points: 25,\n speed: {\n min: 150,\n max: 250\n },\n weight: 30\n }, {\n key: \"rareTarget\",\n points: 50,\n speed: {\n min: 200,\n max: 300\n },\n weight: 15\n }, {\n key: \"epicTarget\",\n points: 75,\n speed: {\n min: 250,\n max: 350\n },\n weight: 4\n }, {\n key: \"legendaryTarget\",\n points: 100,\n speed: {\n min: 300,\n max: 400\n },\n weight: 1\n }];\n this.spawnTime = {\n min: 1000,\n max: 2000\n };\n this.nextSpawn = 0;\n this.targetScale = 0.8;\n this.powerups = [];\n this.powerupSpawnChance = 0.02;\n this.headerSafeZone = 120;\n }\n init() {\n this.initGameState();\n if (this.heartsGroup) {\n try {\n if (typeof this.heartsGroup.getChildren === 'function') {\n const children = this.heartsGroup.getChildren();\n if (children && children.length) {\n children.forEach(child => {\n if (child && typeof child.destroy === 'function') {\n child.destroy();\n }\n });\n }\n }\n if (typeof this.heartsGroup.destroy === 'function') {\n this.heartsGroup.destroy();\n }\n } catch (e) {\n console.warn(\"Error cleaning up heartsGroup:\", e);\n }\n }\n this.heartsGroup = this.add.group();\n if (this.planksGroup) {\n try {\n if (typeof this.planksGroup.getChildren === 'function') {\n const children = this.planksGroup.getChildren();\n if (children && children.length) {\n children.forEach(child => {\n if (child && typeof child.destroy === 'function') {\n child.destroy();\n }\n });\n }\n }\n if (typeof this.planksGroup.destroy === 'function') {\n this.planksGroup.destroy();\n }\n } catch (e) {\n console.warn(\"Error cleaning up planksGroup:\", e);\n }\n }\n this.heartsGroup = this.add.group();\n this.planksGroup = this.physics.add.staticGroup();\n if (this.plankConfigurationTimer && this.plankConfigurationTimer.remove) this.plankConfigurationTimer.remove();\n if (this.targetCheckTimer && this.targetCheckTimer.remove) this.targetCheckTimer.remove();\n if (this.safetyTargetTimer && this.safetyTargetTimer.remove) this.safetyTargetTimer.remove();\n if (this.autoLaunchTimer && this.autoLaunchTimer.remove) this.autoLaunchTimer.remove();\n }\n create() {\n this.createBackground();\n this.scoreText = this.add.text(20, 20, \"SCORE: 0\", {\n font: \"24px Western\",\n fill: \"#FFFFFF\",\n stroke: \"#000000\",\n strokeThickness: 3\n });\n this.comboText = this.add.text(20, 60, \"COMBO: 0x\", {\n font: \"24px Western\",\n fill: \"#FFFF00\",\n stroke: \"#000000\",\n strokeThickness: 3\n });\n this.comboText.setVisible(false);\n if (!this.heartsGroup) {\n this.heartsGroup = this.add.group();\n }\n this.powerupSpawnChance = 0.03;\n this.updateLivesDisplay();\n this.setupTargetGroups();\n this.planksGroup = this.physics.add.staticGroup();\n this.plankConfigurationTimer = null;\n this.spawnInitialPlanks();\n this.setupPlankReconfiguration();\n this.titleText = this.add.text(this.cameras.main.width / 2, 25, \"SAHUR SHOWDOWN\", {\n font: \"bold 36px Western\",\n fill: \"#FFA500\",\n stroke: \"#000000\",\n strokeThickness: 5\n });\n this.titleText.setOrigin(0.5, 0);\n this.createMuteButton();\n this.doubleScoreIndicator = this.add.text(this.cameras.main.width - 20, 60, \"EXTRA BALL!\", {\n font: \"bold 24px Western\",\n fill: \"#FFFF00\",\n stroke: \"#000000\",\n strokeThickness: 3\n });\n this.doubleScoreIndicator.setOrigin(1, 0);\n this.doubleScoreIndicator.setVisible(false);\n this.freezeTimeIndicator = this.add.text(this.cameras.main.width - 20, 90, \"BALLS SLOWED DOWN!\", {\n font: \"bold 24px Western\",\n fill: \"#00FFFF\",\n stroke: \"#000000\",\n strokeThickness: 3\n });\n this.freezeTimeIndicator.setOrigin(1, 0);\n this.freezeTimeIndicator.setVisible(false);\n this.setupTargetGroups();\n this.createBatAndBall();\n this.add.text(0, 0, \"LOADING FONTS\", {\n font: \"1px Western\"\n }).setVisible(false);\n this.sahurMusic = this.sound.add(\"sahurSound\", {\n volume: 0.5,\n loop: true\n });\n this.sahurMusic.play();\n this.hitSound = this.sound.add(\"hitSound\", {\n volume: 0.3,\n rate: 1.2\n });\n this.powerupSound = this.sound.add(\"powerupSound\", {\n volume: 0.4,\n rate: 0.8\n });\n this.batSound = this.sound.add(\"batSound\", {\n volume: 0.5,\n rate: 1.0\n });\n this.gameSounds = [this.sahurMusic, this.hitSound, this.powerupSound, this.batSound];\n this.updateSoundMute();\n this.physics.world.on('worldbounds', this.onWorldBounds, this);\n this.scheduleNextSpawn();\n }\n setupTargetGroups() {\n this.rarity.forEach(rarityType => {\n this.targetGroups[rarityType.key] = this.physics.add.group();\n });\n }\n onWorldBounds(body, up, down, left, right) {\n if (up || left || right) {\n const ball = body.gameObject;\n const bounceEffect = this.add.particles(ball.x, ball.y, \"particle\", {\n speed: {\n min: 50,\n max: 100\n },\n scale: {\n start: 0.2,\n end: 0\n },\n lifespan: 200,\n blendMode: Phaser.BlendModes.ADD,\n tint: 0xFFFFFF,\n emitting: false\n });\n bounceEffect.explode(10);\n this.time.delayedCall(200, () => bounceEffect.destroy());\n }\n }\n createBackground() {\n const bg = this.add.image(this.cameras.main.width / 2, this.cameras.main.height / 2, \"background\");\n const scaleX = this.cameras.main.width / bg.width;\n const scaleY = this.cameras.main.height / bg.height;\n const scale = Math.max(scaleX, scaleY);\n bg.setScale(scale);\n this.backgroundParticles = this.add.particles(0, 0, \"particle\", {\n x: {\n min: 0,\n max: this.cameras.main.width\n },\n y: {\n min: 0,\n max: this.cameras.main.height\n },\n scale: {\n start: 0.1,\n end: 0\n },\n alpha: {\n start: 0.3,\n end: 0\n },\n speed: 10,\n angle: {\n min: 0,\n max: 360\n },\n lifespan: 3000,\n blendMode: Phaser.BlendModes.ADD,\n frequency: 150,\n tint: [0xFFFF44, 0xFF44FF]\n });\n }\n setupPlankReconfiguration() {\n this.plankConfigurationTimer = this.time.addEvent({\n delay: 30000,\n callback: this.reconfigurePlanks,\n callbackScope: this,\n loop: true\n });\n }\n reconfigurePlanks() {\n if (this.isGameOver) return;\n const activeTargets = [];\n Object.values(this.targetGroups).forEach(group => {\n group.getChildren().forEach(target => {\n if (!target.getData('isHit') && target.active) {\n activeTargets.push({\n x: target.x,\n y: target.y,\n texture: target.texture.key,\n data: target.data.values\n });\n }\n });\n });\n const flash = this.add.rectangle(this.cameras.main.width / 2, this.cameras.main.height / 2, this.cameras.main.width, this.cameras.main.height, 0xFFFFFF, 0);\n this.tweens.add({\n targets: flash,\n alpha: 0.2,\n yoyo: true,\n duration: 300,\n onComplete: () => flash.destroy()\n });\n const planks = this.planksGroup.getChildren();\n planks.forEach(plank => {\n this.tweens.add({\n targets: plank,\n scaleX: 0,\n scaleY: 0,\n alpha: 0,\n duration: 300,\n onComplete: () => plank.destroy()\n });\n });\n this.time.delayedCall(350, () => {\n this.planksGroup.clear(true, true);\n this.spawnNewPlankConfiguration();\n this.time.delayedCall(200, () => {\n activeTargets.forEach(targetData => {\n let closestPlank = null;\n let minDistance = Number.MAX_VALUE;\n this.planksGroup.getChildren().forEach(plank => {\n if (!plank.getData('hasTarget')) {\n const distance = Phaser.Math.Distance.Between(targetData.x, targetData.y, plank.x, plank.y - plank.displayHeight / 2);\n if (distance < minDistance) {\n minDistance = distance;\n closestPlank = plank;\n }\n }\n });\n if (closestPlank) {\n this.spawnTargetOnPlank(closestPlank);\n closestPlank.setData('hasTarget', true);\n }\n });\n this.ensureTargetCount();\n });\n });\n }\n spawnNewPlankConfiguration() {\n const screenWidth = this.cameras.main.width;\n const screenHeight = this.cameras.main.height;\n const minY = Math.max(this.headerSafeZone + 40, 160);\n const maxY = screenHeight - 250;\n const rows = 3;\n const rowGap = (maxY - minY) / rows;\n const tempPlank = this.add.image(0, 0, 'plank');\n const plankWidth = tempPlank.width;\n tempPlank.destroy();\n const safeMargin = plankWidth / 2;\n const safeScreenWidth = screenWidth - 2 * safeMargin;\n const patterns = [() => {\n for (let row = 0; row < rows; row++) {\n const y = minY + row * rowGap + 30;\n const numPlanksInRow = row === 1 ? 5 : 4;\n const slotsPerRow = 6;\n const slotWidth = safeScreenWidth / slotsPerRow;\n const spacing = slotsPerRow / numPlanksInRow;\n for (let i = 0; i < numPlanksInRow; i++) {\n const slotIndex = Math.floor(i * spacing);\n const x = slotIndex * slotWidth + safeMargin + slotWidth / 2;\n const yOffset = Phaser.Math.Between(-5, 5);\n this.spawnPermanentPlank(x, y + yOffset, row, slotIndex);\n }\n }\n }, () => {\n for (let row = 0; row < rows; row++) {\n const y = minY + row * rowGap + 30;\n const numPlanksInRow = 4;\n const slotsPerRow = 6;\n const slotWidth = safeScreenWidth / slotsPerRow;\n const offset = row % 2 === 0 ? 0 : 0.5;\n const positions = [0];\n for (let i = 1; i < numPlanksInRow - 1; i++) {\n positions.push(i / (numPlanksInRow - 1) * (slotsPerRow - 1));\n }\n positions.push(slotsPerRow - 1);\n for (let i = 0; i < positions.length; i++) {\n const x = (positions[i] + offset) * slotWidth + safeMargin;\n const yOffset = Phaser.Math.Between(-5, 5);\n this.spawnPermanentPlank(x, y + yOffset, row, i);\n }\n }\n }, () => {\n for (let row = 0; row < rows; row++) {\n const y = minY + row * rowGap + 30;\n const numPlanksInRow = row === 1 ? 6 : 4;\n const slotsPerRow = 7;\n const slotWidth = safeScreenWidth / slotsPerRow;\n const positions = [];\n positions.push(0.1);\n if (row === 1) {\n for (let i = 1; i < numPlanksInRow - 1; i++) {\n positions.push(0.1 + i * (slotsPerRow - 0.2) / (numPlanksInRow - 1));\n }\n } else {\n positions.push(1.5, 3.5, 5.5);\n }\n positions.push(slotsPerRow - 0.1);\n for (let i = 0; i < positions.length; i++) {\n const x = positions[i] * slotWidth + safeMargin;\n const yOffset = Phaser.Math.Between(-8, 8);\n this.spawnPermanentPlank(x, y + yOffset, row, i);\n }\n }\n }];\n const patternFn = Phaser.Utils.Array.GetRandom(patterns);\n patternFn();\n }\n spawnInitialPlanks() {\n const screenWidth = this.cameras.main.width;\n const screenHeight = this.cameras.main.height;\n const minY = Math.max(this.headerSafeZone + 40, 150);\n const maxY = screenHeight - 250;\n const rows = 3;\n const rowGap = (maxY - minY) / rows;\n this.plankIdCounter = 1;\n this.planksGroup.clear(true, true);\n Object.values(this.targetGroups).forEach(group => {\n group.clear(true, true);\n });\n const tempPlank = this.add.image(0, 0, 'plank');\n const plankWidth = tempPlank.width;\n tempPlank.destroy();\n const safeMargin = plankWidth / 2;\n const safeScreenWidth = screenWidth - 2 * safeMargin;\n for (let row = 0; row < rows; row++) {\n const y = minY + row * rowGap + 30;\n const numPlanksInRow = row === 1 ? 5 : 4;\n const slotsPerRow = 6;\n const slotWidth = safeScreenWidth / slotsPerRow;\n const edgePadding = 0.1;\n for (let i = 0; i < numPlanksInRow; i++) {\n const position = edgePadding + i * ((slotsPerRow - 2 * edgePadding) / (numPlanksInRow - 1));\n const x = position * slotWidth + safeMargin;\n const yOffset = Phaser.Math.Between(-5, 5);\n this.spawnPermanentPlank(x, y + yOffset, row, i);\n }\n }\n this.time.delayedCall(100, () => {\n const allPlanks = this.planksGroup.getChildren().filter(plank => plank.active);\n console.log(`Found ${allPlanks.length} active planks for initial targets`);\n if (allPlanks.length > 0) {\n Phaser.Utils.Array.Shuffle(allPlanks);\n const targetCount = Math.min(6, allPlanks.length);\n console.log(`Spawning ${targetCount} initial targets`);\n for (let i = 0; i < targetCount; i++) {\n this.spawnTargetOnPlank(allPlanks[i], true);\n }\n this.time.delayedCall(300, () => {\n const count = this.countActiveTargets();\n console.log(`Initial target count: ${count}`);\n if (count < 6) {\n console.log(`Initial target count only ${count}, forcing more spawns`);\n this.forceSpawnTargets(6 - count);\n }\n });\n } else {\n console.warn(\"No active planks found for initial targets!\");\n }\n });\n this.scheduleTargetChecks();\n }\n spawnPermanentPlank(x, y, row, slot) {\n const tempPlank = this.add.image(0, 0, 'plank');\n const plankWidth = tempPlank.width;\n tempPlank.destroy();\n const safeMargin = plankWidth / 2;\n const clampedX = Phaser.Math.Clamp(x, safeMargin, this.cameras.main.width - safeMargin);\n const plank = this.planksGroup.create(clampedX, y, 'plank');\n plank.setOrigin(0.5);\n plank.setImmovable(true);\n plank.plankId = this.plankIdCounter++;\n plank.setData('row', row);\n plank.setData('slot', slot);\n plank.setData('hasTarget', false);\n plank.angle = Phaser.Math.Between(-5, 5);\n this.tweens.add({\n targets: plank,\n scaleX: 1,\n scaleY: 1,\n duration: 300,\n ease: 'Back.easeOut',\n onComplete: () => {\n this.tweens.add({\n targets: plank,\n y: plank.y - 5,\n yoyo: true,\n repeat: -1,\n duration: 2000,\n ease: 'Sine.easeInOut'\n });\n }\n });\n return plank;\n }\n scheduleTargetChecks() {\n if (this.isGameOver) return;\n if (this.targetCheckTimer) {\n this.targetCheckTimer.remove();\n }\n this.targetCheckTimer = this.time.addEvent({\n delay: 100,\n callback: this.ensureTargetCount,\n callbackScope: this,\n loop: true\n });\n this.safetyTargetTimer = this.time.addEvent({\n delay: 500,\n callback: () => {\n const activeTargets = this.countActiveTargets();\n console.log(`Safety check: ${activeTargets} targets active`);\n if (activeTargets < 5) {\n console.log(\"Safety target check triggering target spawn\");\n this.forceSpawnTargets(6 - activeTargets);\n }\n },\n callbackScope: this,\n loop: true\n });\n this.time.addEvent({\n delay: 500,\n callback: () => {\n const count = this.countActiveTargets();\n if (count === 0) {\n console.log(\"EMERGENCY: No targets found, forcing spawn\");\n this.forceSpawnTargets(6);\n }\n },\n callbackScope: this,\n loop: true\n });\n }\n countActiveTargets() {\n let count = 0;\n Object.values(this.targetGroups).forEach(group => {\n group.getChildren().forEach(target => {\n if (!target.getData('isHit') && target.active) {\n count++;\n }\n });\n });\n return count;\n }\n forceSpawnTargets(count) {\n const allPlanks = this.planksGroup.getChildren().filter(plank => plank.active);\n if (allPlanks.length === 0) {\n console.log(\"No active planks found! Reconfiguring planks.\");\n this.reconfigurePlanks();\n return;\n }\n let availablePlanks = allPlanks.filter(plank => !plank.getData('hasTarget'));\n console.log(`Force spawning ${count} targets on ${availablePlanks.length} available planks (out of ${allPlanks.length} total)`);\n const planksToUse = availablePlanks.length >= count ? availablePlanks : allPlanks;\n Phaser.Utils.Array.Shuffle(planksToUse);\n if (availablePlanks.length < count) {\n console.log(\"Clearing some existing targets to make room for new ones\");\n Object.values(this.targetGroups).forEach(group => {\n const targets = group.getChildren();\n for (let i = 0; i < Math.min(targets.length, count - availablePlanks.length); i++) {\n if (targets[i] && targets[i].active) {\n targets[i].destroy();\n }\n }\n });\n }\n for (let i = 0; i < Math.min(count, planksToUse.length); i++) {\n this.spawnTargetOnPlank(planksToUse[i], true);\n }\n if (count > planksToUse.length) {\n this.time.delayedCall(300, () => {\n console.log(\"Not enough planks for targets, reconfiguring planks\");\n this.reconfigurePlanks();\n });\n }\n }\n ensureTargetCount() {\n if (this.isGameOver) return;\n let activeTargets = this.countActiveTargets();\n console.log(`Current active targets: ${activeTargets}, planks: ${this.planksGroup.getChildren().filter(p => p.active).length}`);\n if (activeTargets < 5) {\n console.log(`Not enough targets (${activeTargets}/5), forcing spawn`);\n this.forceSpawnTargets(6 - activeTargets);\n return;\n }\n const delay = Phaser.Math.Between(this.spawnTime.min, this.spawnTime.max);\n this.nextSpawn = this.time.now + delay;\n this.time.addEvent({\n delay: delay,\n callback: () => {\n if (Math.random() < this.powerupSpawnChance * (3 - this.powerups.length) && this.powerups.length < 3) {\n this.spawnPowerup();\n }\n activeTargets = this.countActiveTargets();\n const targetSpawnCount = Math.min(3, Math.max(1, 6 - activeTargets));\n if (activeTargets < 6) {\n const availablePlanks = this.planksGroup.getChildren().filter(plank => {\n if (!plank.active) return false;\n if (plank.getData('hasTarget')) return false;\n if (plank.getData('hasItem')) return false;\n const plankId = plank.plankId;\n let hasTarget = false;\n Object.values(this.targetGroups).forEach(group => {\n group.getChildren().forEach(target => {\n if (target.active && !target.getData('isHit') && target.getData('plankId') === plankId) {\n hasTarget = true;\n }\n });\n });\n if (hasTarget) return false;\n const hasPowerup = this.powerups.some(p => p.active && p.getData('plankId') === plankId);\n if (hasPowerup) return false;\n const plankY = plank.y - plank.displayHeight / 2 - 10;\n if (plankY < this.headerSafeZone) return false;\n return true;\n });\n if (availablePlanks.length > 0) {\n Phaser.Utils.Array.Shuffle(availablePlanks);\n const spawnCount = Math.min(targetSpawnCount, availablePlanks.length);\n console.log(`Spawning ${spawnCount} targets on ${availablePlanks.length} available planks`);\n for (let i = 0; i < spawnCount; i++) {\n if (availablePlanks[i] && availablePlanks[i].active) {\n this.spawnTargetOnPlank(availablePlanks[i], true);\n }\n }\n } else {\n console.log(\"No available planks for targets, forcing spawn\");\n this.forceSpawnTargets(6 - activeTargets);\n }\n }\n this.scheduleNextSpawn();\n },\n callbackScope: this\n });\n }\n updatePlanksTargetStatus() {\n this.planksGroup.getChildren().forEach(plank => {\n plank.setData('hasTarget', false);\n plank.setData('hasItem', false);\n });\n Object.values(this.targetGroups).forEach(group => {\n group.getChildren().forEach(target => {\n if (!target.getData('isHit') && target.active) {\n const plankId = target.getData('plankId');\n if (plankId) {\n const plank = this.findPlankById(plankId);\n if (plank) {\n plank.setData('hasTarget', true);\n }\n }\n }\n });\n });\n this.powerups.forEach(powerup => {\n if (powerup.active) {\n const plankId = powerup.getData('plankId');\n if (plankId) {\n const plank = this.findPlankById(plankId);\n if (plank) {\n plank.setData('hasItem', true);\n }\n }\n }\n });\n }\n findPlankById(plankId) {\n return this.planksGroup.getChildren().find(plank => plank.plankId === plankId);\n }\n spawnRandomPlank() {\n if (this.isGameOver) return;\n if (this.planksGroup.getChildren().length >= 9) return;\n const screenWidth = this.cameras.main.width;\n const screenHeight = this.cameras.main.height;\n const tempPlank = this.add.image(0, 0, 'plank');\n const plankWidth = tempPlank.width;\n tempPlank.destroy();\n const safeMargin = plankWidth / 2;\n const safeScreenWidth = screenWidth - 2 * safeMargin;\n const minY = 150;\n const maxY = screenHeight - 250;\n const rows = 3;\n const rowHeight = (maxY - minY) / rows;\n const targetRow = Phaser.Math.Between(0, rows - 1);\n const baseY = minY + targetRow * rowHeight + rowHeight / 2;\n const y = baseY + Phaser.Math.Between(-10, 10);\n const slotsPerRow = 5;\n const slotWidth = safeScreenWidth / slotsPerRow;\n const usedSlots = [];\n this.planksGroup.getChildren().forEach(plank => {\n if (Math.abs(plank.y - y) < rowHeight / 2) {\n const plankSlot = Math.floor((plank.x - safeMargin) / slotWidth);\n usedSlots.push(plankSlot);\n }\n });\n const allSlots = [];\n for (let i = 0; i < slotsPerRow; i++) {\n allSlots.push(i);\n }\n const availableSlots = allSlots.filter(slot => !usedSlots.includes(slot));\n if (availableSlots.length === 0) {\n return this.spawnRandomPlank();\n }\n const slotIndex = Phaser.Utils.Array.GetRandom(availableSlots);\n const x = slotIndex * slotWidth + safeMargin + slotWidth / 2;\n let tooClose = false;\n this.planksGroup.getChildren().forEach(plank => {\n const distance = Phaser.Math.Distance.Between(x, y, plank.x, plank.y);\n if (distance < 100) {\n tooClose = true;\n }\n });\n if (tooClose) {\n return this.spawnRandomPlank();\n }\n const titleSafeArea = 100;\n if (y < titleSafeArea) {\n return this.spawnRandomPlank();\n }\n this.spawnPlank(x, y, targetRow, slotIndex);\n }\n getGridPositions() {\n const positions = [];\n this.planksGroup.getChildren().forEach(plank => {\n positions.push({\n x: plank.x,\n y: plank.y - plank.displayHeight / 2,\n row: plank.getData('row'),\n slot: plank.getData('slot'),\n plankId: plank.id\n });\n });\n if (positions.length === 0) {\n const screenWidth = this.cameras.main.width;\n const platformPositions = [screenWidth * 0.25, screenWidth * 0.5, screenWidth * 0.75];\n const rows = 3;\n const startY = 200;\n const rowHeight = 70;\n for (let row = 0; row < rows; row++) {\n for (let slot = 0; slot < platformPositions.length; slot++) {\n positions.push({\n x: platformPositions[slot],\n y: startY + row * rowHeight,\n row: row,\n slot: slot\n });\n }\n }\n }\n return positions;\n }\n getAvailablePositions() {\n const positions = this.getGridPositions();\n const availablePositions = [];\n for (const position of positions) {\n const plankId = position.plankId;\n let positionTaken = false;\n Object.values(this.targetGroups).forEach(group => {\n group.getChildren().forEach(target => {\n const targetPlankId = target.getData('plankId');\n if (targetPlankId && targetPlankId === plankId) {\n positionTaken = true;\n }\n });\n });\n this.powerups.forEach(powerup => {\n const powerupPlankId = powerup.getData('plankId');\n if (powerupPlankId && powerupPlankId === plankId) {\n positionTaken = true;\n }\n });\n if (!positionTaken) {\n availablePositions.push(position);\n }\n }\n return availablePositions;\n }\n spawnTargetOnPlank(plank, forceSpawn = false) {\n if (this.isGameOver) return;\n if (!plank || !plank.active) return;\n if (plank.plankId === undefined) {\n plank.plankId = this.plankIdCounter++;\n console.log(`Assigned new plankId ${plank.plankId} to plank`);\n }\n const plankId = plank.plankId;\n const position = {\n x: plank.x,\n y: plank.y - plank.displayHeight / 2 - 10,\n row: plank.getData('row'),\n slot: plank.getData('slot'),\n plankId: plankId\n };\n if (position.y < this.headerSafeZone) {\n console.log(`Position ${position.y} is in header safe zone, skipping target spawn`);\n return;\n }\n if (!forceSpawn && plank.getData('hasTarget')) {\n console.log(`Target already exists on plank ${plankId}, skipping`);\n return;\n }\n if (forceSpawn && plank.getData('hasTarget')) {\n console.log(`Force spawning on plank ${plankId} with existing target`);\n Object.values(this.targetGroups).forEach(group => {\n group.getChildren().forEach(target => {\n if (target.active && !target.getData('isHit') && target.getData('plankId') === plankId) {\n target.destroy();\n }\n });\n });\n }\n let targetExists = false;\n Object.values(this.targetGroups).forEach(group => {\n group.getChildren().forEach(target => {\n if (target.active && !target.getData('isHit') && target.getData('plankId') === plankId) {\n targetExists = true;\n }\n });\n });\n if (targetExists) {\n console.log(`Target already exists on plank ${plankId} (overlap check), skipping`);\n return;\n }\n const powerupOnPlank = this.powerups.some(powerup => powerup.getData('plankId') === plankId);\n if (powerupOnPlank) {\n console.log(`Powerup exists on plank ${plankId}, skipping target spawn`);\n return;\n }\n console.log(`Spawning target on plank ${plankId}`);\n plank.setData('hasTarget', true);\n const rarityType = this.getWeightedRarity();\n const target = this.targetGroups[rarityType.key].create(position.x, position.y, rarityType.key);\n target.setOrigin(0.5, 1.0);\n if (Math.random() > 0.5) {\n target.angle = Phaser.Math.Between(-10, 10);\n }\n const screenWidth = this.cameras.main.width;\n const platformXMin = Math.max(plank.x - plank.width / 2, screenWidth * 0.05);\n const platformXMax = Math.min(plank.x + plank.width / 2, screenWidth * 0.95);\n target.setData(\"points\", rarityType.points);\n target.setData(\"rarity\", rarityType.key);\n target.setData(\"row\", position.row);\n target.setData(\"slot\", position.slot);\n target.setData(\"platformMin\", platformXMin);\n target.setData(\"platformMax\", platformXMax);\n target.setData(\"isHit\", false);\n target.setData(\"plankId\", plankId);\n target.setData(\"spawnTime\", this.time.now);\n target.setScale(1);\n target.setAlpha(1);\n target.setVisible(true);\n this.tweens.add({\n targets: target,\n scale: {\n from: 0.85,\n to: 1\n },\n duration: 200,\n ease: 'Back.easeOut'\n });\n this.time.delayedCall(10000, () => {\n if (target.active && !target.getData(\"isHit\")) {\n console.log(`Target on plank ${plankId} expired, despawning`);\n target.setData(\"isHit\", true);\n if (target.body) target.body.enable = false;\n const plank = this.findPlankById(plankId);\n if (plank) {\n plank.setData('hasTarget', false);\n }\n this.tweens.add({\n targets: target,\n alpha: 0,\n scaleX: 0,\n scaleY: 0,\n duration: 300,\n onComplete: () => {\n target.destroy();\n this.ensureTargetCount();\n }\n });\n }\n });\n if (Math.random() < this.powerupSpawnChance) {\n this.spawnPowerup();\n }\n }\n getWeightedRarity() {\n const totalWeight = this.rarity.reduce((sum, rarity) => sum + rarity.weight, 0);\n let random = Math.random() * totalWeight;\n for (const rarity of this.rarity) {\n random -= rarity.weight;\n if (random <= 0) {\n return rarity;\n }\n }\n return this.rarity[0];\n }\n getSpeedMultiplier() {\n return 1 + Math.floor(this.score / 1000) * 0.15;\n }\n showSpeedIncreaseNotification() {\n const speedNotification = this.add.text(this.cameras.main.width / 2, this.cameras.main.height / 2, 'SPEED UP!', {\n font: 'bold 36px Western',\n fill: '#FF5500',\n stroke: '#000000',\n strokeThickness: 5\n });\n speedNotification.setOrigin(0.5);\n speedNotification.setAlpha(0);\n this.tweens.add({\n targets: speedNotification,\n alpha: 1,\n y: this.cameras.main.height / 2 - 50,\n scaleX: 1.2,\n scaleY: 1.2,\n duration: 500,\n ease: 'Cubic.easeOut',\n onComplete: () => {\n this.tweens.add({\n targets: speedNotification,\n alpha: 0,\n y: this.cameras.main.height / 2 - 100,\n duration: 500,\n delay: 1000,\n ease: 'Cubic.easeIn',\n onComplete: () => {\n speedNotification.destroy();\n }\n });\n }\n });\n }\n spawnPowerup() {\n if (this.powerups.length >= 3) {\n return;\n }\n const availablePlanks = this.planksGroup.getChildren().filter(plank => {\n if (!plank.active) return false;\n if (plank.getData('hasTarget')) return false;\n const plankId = plank.plankId;\n const hasPowerup = this.powerups.some(p => p.getData('plankId') === plankId);\n if (hasPowerup) return false;\n const plankY = plank.y - plank.displayHeight / 2 - 10;\n if (plankY < this.headerSafeZone) return false;\n return true;\n });\n if (availablePlanks.length === 0) {\n console.log(\"No available planks for powerup\");\n return;\n }\n const powerupCount = Math.min(2 - this.powerups.length, availablePlanks.length);\n if (powerupCount <= 0) return;\n Phaser.Utils.Array.Shuffle(availablePlanks);\n for (let i = 0; i < powerupCount; i++) {\n this.createPowerupOnPlank(availablePlanks[i]);\n }\n }\n createPowerupOnPlank(randomPlank) {\n const plankId = randomPlank.plankId;\n const position = {\n x: randomPlank.x,\n y: randomPlank.y - randomPlank.displayHeight / 2 - 10,\n row: randomPlank.getData('row'),\n slot: randomPlank.getData('slot'),\n plankId: plankId\n };\n randomPlank.setData('hasItem', true);\n const powerupType = Math.random() < 0.5 ? \"freezeTime\" : \"doubleScore\";\n const powerup = this.add.sprite(position.x, position.y, powerupType);\n powerup.setOrigin(0.5, 1.0);\n powerup.setScale(0.85);\n this.physics.world.enable(powerup);\n powerup.setData(\"type\", powerupType);\n powerup.setData(\"row\", position.row);\n powerup.setData(\"slot\", position.slot);\n powerup.setData(\"plankId\", plankId);\n powerup.setData(\"spawnTime\", this.time.now);\n this.tweens.add({\n targets: powerup,\n scale: 1,\n duration: 200,\n ease: \"Back.easeOut\"\n });\n powerup.setInteractive();\n powerup.on(\"pointerdown\", () => this.collectPowerup(powerup));\n this.powerups.push(powerup);\n const POWERUP_DURATION = 8000;\n this.time.addEvent({\n delay: POWERUP_DURATION,\n callback: () => {\n if (powerup.active) {\n this.tweens.add({\n targets: powerup,\n alpha: 0,\n scale: 0,\n duration: 300,\n onComplete: () => {\n this.powerups = this.powerups.filter(p => p !== powerup);\n powerup.destroy();\n }\n });\n }\n }\n });\n }\n collectPowerup(powerup) {\n if (!powerup.active) return;\n if (!this.isMuted) {\n this.powerupSound.play();\n }\n const type = powerup.getData(\"type\");\n if (type === \"freezeTime\" && !this.freezeTimeActive) {\n this.activateFreezeTime();\n } else if (type === \"doubleScore\" && !this.doubleScoreActive) {\n this.activateDoubleScore();\n }\n const collectEffect = this.add.particles(powerup.x, powerup.y, \"particle\", {\n speed: {\n min: 100,\n max: 200\n },\n scale: {\n start: 0.4,\n end: 0\n },\n lifespan: 800,\n blendMode: Phaser.BlendModes.ADD,\n tint: type === \"freezeTime\" ? 0x67D8D5 : 0xFFD700,\n emitting: false\n });\n collectEffect.explode(20);\n this.time.delayedCall(800, () => {\n collectEffect.destroy();\n });\n const plankId = powerup.getData('plankId');\n const plank = this.findPlankById(plankId);\n if (plank) {\n plank.setData('hasItem', false);\n }\n this.powerups = this.powerups.filter(p => p !== powerup);\n powerup.destroy();\n }\n createMuteButton() {\n if (!this.titleText) return;\n const titleWidth = this.titleText.width;\n const titleX = this.titleText.x;\n const muteX = titleX + titleWidth / 2 + 50;\n this.muteButton = this.add.container(muteX, 40);\n const bg = this.add.circle(0, 0, 20, 0x000000, 0.6);\n bg.setStrokeStyle(2, 0xFFFFFF);\n const speakerBase = this.add.graphics();\n speakerBase.fillStyle(0xFFFFFF, 1);\n speakerBase.fillTriangle(-10, -5, -10, 5, -3, 0);\n speakerBase.fillRect(-3, -5, 6, 10);\n this.soundWaves = this.add.graphics();\n this.soundWaves.lineStyle(2, 0xFFFFFF, 1);\n this.soundWaves.beginPath();\n this.soundWaves.arc(6, 0, 5, -0.7, 0.7, false);\n this.soundWaves.strokePath();\n this.soundWaves.beginPath();\n this.soundWaves.arc(8, 0, 10, -0.5, 0.5, false);\n this.soundWaves.strokePath();\n this.muteButton.add([bg, speakerBase, this.soundWaves]);\n this.muteSlash = this.add.graphics();\n this.muteSlash.lineStyle(2, 0xFF0000, 1);\n this.muteSlash.lineBetween(-12, 12, 12, -12);\n this.muteButton.add(this.muteSlash);\n this.soundWaves.setVisible(!this.isMuted);\n this.muteSlash.setVisible(this.isMuted);\n bg.setInteractive({\n useHandCursor: true\n });\n bg.on('pointerover', () => {\n this.tweens.add({\n targets: this.muteButton,\n scale: 1.1,\n duration: 100\n });\n });\n bg.on('pointerout', () => {\n this.tweens.add({\n targets: this.muteButton,\n scale: 1,\n duration: 100\n });\n });\n bg.on('pointerdown', () => {\n this.toggleMute();\n });\n }\n toggleMute() {\n this.isMuted = !this.isMuted;\n this.updateSoundMute();\n }\n updateSoundMute() {\n if (this.gameSounds && this.gameSounds.length) {\n this.gameSounds.forEach(sound => {\n if (sound && typeof sound.setMute === 'function') {\n sound.setMute(this.isMuted);\n } else if (sound) {\n const defaultVolume = sound === this.sahurMusic ? 0.5 : sound === this.hitSound ? 0.3 : sound === this.batSound ? 0.5 : 0.4;\n sound.volume = this.isMuted ? 0 : defaultVolume;\n }\n });\n }\n if (this.soundWaves) {\n this.soundWaves.setVisible(!this.isMuted);\n }\n if (this.muteSlash) {\n this.muteSlash.setVisible(this.isMuted);\n }\n localStorage.setItem('saharShowdownMuted', this.isMuted.toString());\n }\n activateFreezeTime() {\n this.freezeTimeActive = true;\n this.freezeTimeIndicator.setText(\"BALLS SLOWED DOWN!\");\n this.freezeTimeIndicator.setVisible(true);\n this.balls.forEach(ball => {\n if (ball && ball.active) {\n ball.savedVelocity = {\n x: ball.body.velocity.x,\n y: ball.body.velocity.y\n };\n ball.body.velocity.x *= 0.5;\n ball.body.velocity.y *= 0.5;\n }\n });\n Object.values(this.targetGroups).forEach(group => {\n group.getChildren().forEach(target => {\n target.setVelocity(0, 0);\n });\n });\n const freezeOverlay = this.add.rectangle(this.cameras.main.width / 2, this.cameras.main.height / 2, this.cameras.main.width, this.cameras.main.height, 0x00FFFF, 0.2);\n this.time.delayedCall(5000, () => {\n this.tweens.add({\n targets: freezeOverlay,\n alpha: 0,\n duration: 500,\n onComplete: () => {\n freezeOverlay.destroy();\n }\n });\n this.balls.forEach(ball => {\n if (ball && ball.active && ball.savedVelocity) {\n ball.body.velocity.x = ball.savedVelocity.x;\n ball.body.velocity.y = ball.savedVelocity.y;\n ball.savedVelocity = null;\n }\n });\n Object.values(this.targetGroups).forEach(group => {\n group.getChildren().forEach(target => {\n const direction = target.getData(\"direction\");\n const rarityType = this.rarity.find(r => r.key === target.getData(\"rarity\"));\n const speed = Phaser.Math.Between(rarityType.speed.min, rarityType.speed.max);\n target.setVelocityX(direction * speed);\n });\n });\n this.freezeTimeActive = false;\n this.freezeTimeIndicator.setVisible(false);\n });\n }\n activateDoubleScore() {\n this.doubleScoreActive = true;\n this.doubleScoreIndicator.setVisible(true);\n const newBall = this.createNewBall();\n this.placeBallOnBat(newBall);\n const scoreOverlay = this.add.rectangle(this.cameras.main.width / 2, this.cameras.main.height / 2, this.cameras.main.width, this.cameras.main.height, 0xFFD700, 0.1);\n this.time.delayedCall(10000, () => {\n this.tweens.add({\n targets: scoreOverlay,\n alpha: 0,\n duration: 500,\n onComplete: () => {\n scoreOverlay.destroy();\n }\n });\n this.doubleScoreActive = false;\n this.doubleScoreIndicator.setVisible(false);\n });\n }\n createBatAndBall() {\n this.bat = this.physics.add.sprite(this.cameras.main.width / 2, this.cameras.main.height - 100, 'bat');\n this.bat.setOrigin(0.5, 0.5);\n this.bat.setCollideWorldBounds(true);\n this.bat.setImmovable(true);\n this.bat.rotation = 0;\n this.balls = [];\n const batWidth = this.bat.width * 0.5;\n const batHeight = Math.max(10, this.bat.height * 0.3 - 30);\n this.bat.body.setSize(batWidth, batHeight);\n this.bat.body.setOffset((this.bat.width - batWidth) / 2, (this.bat.height - batHeight) / 2 + 5);\n this.batGlow = this.add.particles(0, 0, 'particle', {\n follow: this.bat,\n scale: {\n start: 0.2,\n end: 0\n },\n alpha: {\n start: 0.3,\n end: 0\n },\n speed: 20,\n lifespan: 200,\n frequency: 30,\n blendMode: Phaser.BlendModes.ADD,\n tint: 0xFFFFFF\n });\n this.ballGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n this.ballGraphics.fillStyle(0xFFFFFF, 1);\n this.ballGraphics.fillCircle(10, 10, 10);\n this.ballGraphics.generateTexture('ball', 20, 20);\n this.ballGraphics.destroy();\n this.ballGroup = this.physics.add.group();\n const initialBall = this.createNewBall();\n this.placeBallOnBat(initialBall);\n this.lastBatX = this.bat.x;\n this.batMovementThreshold = 10;\n this.autoLaunchTimer = null;\n this.input.on('pointermove', pointer => {\n if (!this.isGameOver) {\n const batHalfWidth = this.bat.width * this.bat.scaleX / 2;\n const newX = Phaser.Math.Clamp(pointer.x, batHalfWidth, this.cameras.main.width - batHalfWidth);\n this.bat.x = newX;\n this.balls.forEach(ball => {\n if (ball && ball.body && !ball.active && ball.visible) {\n const batPos = this.bat.getTopCenter();\n ball.setPosition(batPos.x, batPos.y - 15);\n }\n });\n if (!this.countdownActive && this.gameStarted) {\n const movementDistance = Math.abs(this.bat.x - this.lastBatX);\n if (movementDistance > this.batMovementThreshold) {\n const readyBall = this.balls.find(b => !b.active && b.visible);\n if (readyBall && !this.autoLaunchTimer) {\n this.autoLaunchTimer = this.time.delayedCall(200, () => {\n this.throwBall();\n this.autoLaunchTimer = null;\n });\n }\n }\n }\n this.lastBatX = this.bat.x;\n }\n });\n this.input.on('pointerdown', () => {\n if (!this.isGameOver && !this.countdownActive && !this.gameStarted) {\n this.gameStarted = true;\n this.startCountdown();\n }\n });\n }\n createNewBall() {\n const ball = this.physics.add.sprite(this.cameras.main.width / 2, this.cameras.main.height - 150, 'ball');\n ball.setCollideWorldBounds(true);\n ball.setBounce(1);\n ball.setVisible(true);\n ball.body.checkCollision.down = false;\n ball.body.checkCollision.up = true;\n ball.body.checkCollision.left = true;\n ball.body.checkCollision.right = true;\n ball.body.onWorldBounds = true;\n ball.active = false;\n ball.trail = null;\n ball.setDepth(1);\n this.physics.add.collider(ball, this.bat, (ball, bat) => this.hitBall(ball, bat), null, this);\n this.ballGroup.add(ball);\n this.balls.push(ball);\n return ball;\n }\n placeBallOnBat(ball) {\n if (!ball || !ball.body) return;\n const batPos = this.bat.getTopCenter();\n ball.setPosition(batPos.x, batPos.y - 15);\n ball.setVisible(true);\n ball.setVelocity(0, 0);\n ball.active = false;\n this.time.delayedCall(10, () => {\n if (ball && ball.body) {\n ball.setVisible(true);\n }\n });\n if (ball.trail) {\n ball.trail.destroy();\n }\n ball.trail = this.add.particles(0, 0, \"particle\", {\n follow: ball,\n scale: {\n start: 0.2,\n end: 0\n },\n speed: 20,\n lifespan: 200,\n quantity: 1,\n frequency: 10,\n blendMode: Phaser.BlendModes.ADD,\n tint: 0xFFFFFF\n });\n }\n startCountdown() {\n this.countdownActive = true;\n const countdownText = this.add.text(this.cameras.main.width / 2, this.cameras.main.height / 2, \"3\", {\n font: \"bold 128px Western\",\n fill: \"#FFFFFF\",\n stroke: \"#000000\",\n strokeThickness: 8\n });\n countdownText.setOrigin(0.5);\n let count = 3;\n const countdownEvent = this.time.addEvent({\n delay: 1000,\n callback: () => {\n count--;\n if (count > 0) {\n countdownText.setText(count.toString());\n } else {\n countdownText.setText(\"GO!\");\n this.time.delayedCall(500, () => {\n countdownText.destroy();\n this.countdownActive = false;\n this.throwBall();\n });\n countdownEvent.remove();\n }\n },\n repeat: 2\n });\n }\n throwBall() {\n if (this.isGameOver) return;\n const readyBall = this.balls.find(b => b && b.body && !b.active);\n if (!readyBall) return;\n if (readyBall.trail) {\n readyBall.trail.destroy();\n }\n const baseSpeed = 600;\n const speedMultiplier = this.getSpeedMultiplier();\n const power = baseSpeed * speedMultiplier;\n const velocityX = Math.cos(Math.PI / 4) * power;\n const velocityY = Math.sin(Math.PI / 4) * -power;\n readyBall.setVelocity(velocityX, velocityY);\n readyBall.active = true;\n readyBall.body.checkCollision.down = false;\n readyBall.body.checkCollision.up = true;\n readyBall.body.checkCollision.left = true;\n readyBall.body.checkCollision.right = true;\n readyBall.trail = this.add.particles(0, 0, \"particle\", {\n follow: readyBall,\n scale: {\n start: 0.4,\n end: 0\n },\n speed: 40,\n lifespan: 300,\n blendMode: Phaser.BlendModes.ADD,\n tint: 0xFFFFFF,\n frequency: 5,\n quantity: 2\n });\n }\n hitBall(ball, bat) {\n if (!ball.active) return;\n const ballBounds = ball.getBounds();\n const batBounds = this.bat.getBounds();\n if (ball.body.velocity.y > 0 && Phaser.Geom.Rectangle.Overlaps(ballBounds, batBounds)) {\n if (!this.isMuted) {\n this.batSound.play();\n }\n if (ball.y > bat.y - bat.height / 2) {\n ball.y = bat.y - bat.height / 2 - 5;\n }\n const hitPosition = (ball.x - bat.x) / (bat.width / 2);\n const baseSpeed = 700;\n const speedMultiplier = this.getSpeedMultiplier();\n const power = baseSpeed * speedMultiplier;\n const baseAngle = -Math.PI / 4;\n const angleVariation = hitPosition * Math.PI / 3;\n const finalAngle = baseAngle + angleVariation;\n const velocityX = Math.cos(finalAngle) * power;\n const velocityY = Math.sin(finalAngle) * power;\n const maxSpeed = 1400 * speedMultiplier;\n ball.setVelocity(Phaser.Math.Clamp(velocityX, -maxSpeed, maxSpeed), Phaser.Math.Clamp(velocityY, -maxSpeed, -100));\n }\n ball.body.checkCollision.down = false;\n ball.body.checkCollision.up = true;\n ball.body.checkCollision.left = true;\n ball.body.checkCollision.right = true;\n const hitEffect = this.add.particles(ball.x, ball.y, \"particle\", {\n speed: {\n min: 50,\n max: 150\n },\n scale: {\n start: 0.3,\n end: 0\n },\n lifespan: 300,\n blendMode: Phaser.BlendModes.ADD,\n tint: 0xFFFFFF,\n emitting: false\n });\n hitEffect.explode(15);\n this.time.delayedCall(300, () => {\n hitEffect.destroy();\n });\n }\n resetBall(ball) {\n if (!ball || !ball.body) return;\n if (ball.y > this.cameras.main.height) {\n this.loseLife();\n if (ball && ball.body && ball.active) {\n ball.setVisible(false);\n ball.setPosition(-100, -100);\n ball.setVelocity(0, 0);\n ball.active = false;\n if (ball.trail) {\n ball.trail.destroy();\n ball.trail = null;\n }\n const activeBalls = this.balls.filter(b => b && b.body && b.active).length;\n if (!this.isGameOver && activeBalls === 0) {\n this.time.delayedCall(1000, () => {\n if (ball && ball.body) {\n this.placeBallOnBat(ball);\n ball.setVisible(true);\n if (this.autoLaunchTimer) {\n this.autoLaunchTimer.remove();\n this.autoLaunchTimer = null;\n }\n }\n });\n }\n }\n }\n }\n createBounceEffect(x, y) {\n const bounceEffect = this.add.particles(x, y, \"particle\", {\n speed: {\n min: 50,\n max: 100\n },\n scale: {\n start: 0.2,\n end: 0\n },\n lifespan: 200,\n blendMode: Phaser.BlendModes.ADD,\n tint: 0xFFFFFF,\n emitting: false\n });\n bounceEffect.explode(8);\n this.time.delayedCall(200, () => bounceEffect.destroy());\n }\n loseLife() {\n if (this.isGameOver) return;\n this.lives--;\n this.updateLivesDisplay();\n const loseLifeEffect = this.add.rectangle(this.cameras.main.width / 2, this.cameras.main.height / 2, this.cameras.main.width, this.cameras.main.height, 0xFF0000, 0.5);\n const particles = this.add.particles(this.cameras.main.width / 2, this.cameras.main.height / 2, \"particle\", {\n speed: {\n min: 100,\n max: 200\n },\n scale: {\n start: 0.4,\n end: 0\n },\n lifespan: 600,\n blendMode: Phaser.BlendModes.ADD,\n tint: 0xFF0000,\n emitting: false\n });\n particles.explode(30);\n this.cameras.main.shake(300, 0.01);\n this.tweens.add({\n targets: loseLifeEffect,\n alpha: 0,\n duration: 500,\n ease: 'Cubic.easeOut',\n onComplete: () => {\n loseLifeEffect.destroy();\n particles.destroy();\n }\n });\n if (this.lives <= 0) {\n this.endGame();\n }\n }\n updateLivesDisplay() {\n this.heartsGroup.clear(true, true);\n for (let i = 0; i < this.lives; i++) {\n const heart = this.add.image(this.cameras.main.width - 40 - i * 40, 40, 'heart');\n heart.setScale(0.6);\n this.heartsGroup.add(heart);\n }\n }\n checkBallHit() {\n this.balls.forEach(ball => {\n if (!ball || !ball.body || !ball.active || !ball.visible) return;\n let hit = false;\n Object.values(this.targetGroups).forEach(group => {\n const targets = group.getChildren();\n for (let i = 0; i < targets.length; i++) {\n const target = targets[i];\n if (target.getData(\"isHit\")) continue;\n if (Phaser.Geom.Rectangle.Contains(target.getBounds(), ball.x, ball.y)) {\n hit = true;\n this.hitTarget(target);\n }\n }\n });\n this.powerups.forEach(powerup => {\n if (Phaser.Geom.Rectangle.Contains(powerup.getBounds(), ball.x, ball.y)) {\n this.collectPowerup(powerup);\n }\n });\n if (!hit && ball.y < 0) {\n this.combo = 0;\n this.comboText.setVisible(false);\n }\n });\n }\n hitTarget(target) {\n if (!target.active || target.getData(\"isHit\")) return;\n target.setData(\"isHit\", true);\n target.body.enable = false;\n if (!this.isMuted) {\n this.hitSound.play();\n }\n const plankId = target.getData(\"plankId\");\n const plank = this.findPlankById(plankId);\n if (plank) {\n plank.setData('hasTarget', false);\n plank.setData('hasItem', false);\n }\n if (Math.random() < this.powerupSpawnChance * (1 + Math.floor(this.score / 1000)) && this.powerups.length < 2) {\n this.time.delayedCall(200, () => this.spawnPowerup());\n }\n this.combo++;\n this.maxCombo = Math.max(this.maxCombo, this.combo);\n if (this.combo > 1) {\n this.comboText.setText(`COMBO: ${this.combo}x`);\n this.comboText.setVisible(true);\n }\n let points = target.getData(\"points\") || this.getRarityPoints(target.texture.key);\n const comboMultiplier = 1 + Math.floor(this.combo / 5) * 0.5;\n const powerupMultiplier = this.doubleScoreActive ? 2 : 1;\n const finalPoints = Math.floor(points * comboMultiplier * powerupMultiplier);\n this.score += finalPoints;\n this.scoreText.setText(`SCORE: ${this.score}`);\n if (Math.floor(this.score / 1000) > Math.floor(this.lastSpeedIncreaseAt / 1000)) {\n this.lastSpeedIncreaseAt = this.score;\n this.showSpeedIncreaseNotification();\n }\n const newRate = Math.min(1.5, 1 + this.score / 10000);\n this.sahurMusic.setRate(newRate);\n this.showFloatingScore(target.x, target.y, finalPoints, comboMultiplier > 1 || powerupMultiplier > 1);\n this.createHitEffect(target);\n target.disableBody(true, false);\n this.tweens.add({\n targets: target,\n scaleX: target.scaleX * 1.5,\n scaleY: target.scaleY * 1.5,\n alpha: 0,\n duration: 200,\n onComplete: () => {\n target.destroy();\n this.time.delayedCall(200, () => this.ensureTargetCount());\n }\n });\n }\n getRarityPoints(rarityKey) {\n switch (rarityKey) {\n case \"commonTarget\":\n return 10;\n case \"uncommonTarget\":\n return 25;\n case \"rareTarget\":\n return 50;\n case \"epicTarget\":\n return 75;\n case \"legendaryTarget\":\n return 100;\n default:\n return 10;\n }\n }\n createHitEffect(target) {\n let color;\n const rarityKey = target.getData(\"rarity\") || target.texture.key;\n switch (rarityKey) {\n case \"commonTarget\":\n color = 0x00FF00;\n break;\n case \"uncommonTarget\":\n color = 0x00FFFF;\n break;\n case \"rareTarget\":\n color = 0xFF00FF;\n break;\n case \"epicTarget\":\n color = 0xFFFF00;\n break;\n case \"legendaryTarget\":\n color = 0xFF0000;\n break;\n default:\n color = 0xFFFFFF;\n }\n const hitEffect = this.add.particles(target.x, target.y, \"particle\", {\n speed: {\n min: 100,\n max: 200\n },\n scale: {\n start: 0.4,\n end: 0\n },\n lifespan: 800,\n blendMode: Phaser.BlendModes.ADD,\n tint: color,\n emitting: false\n });\n hitEffect.explode(20);\n this.time.delayedCall(800, () => {\n hitEffect.destroy();\n });\n }\n showFloatingScore(x, y, points, isBonus) {\n const floatingText = this.add.text(x, y, `+${points}`, {\n font: isBonus ? \"bold 28px Western\" : \"bold 24px Western\",\n fill: isBonus ? \"#FFFF00\" : \"#FFFFFF\",\n stroke: \"#000000\",\n strokeThickness: 3\n });\n floatingText.setOrigin(0.5);\n this.tweens.add({\n targets: floatingText,\n y: y - 50,\n alpha: 0,\n duration: 1000,\n ease: \"Cubic.easeOut\",\n onComplete: () => {\n floatingText.destroy();\n }\n });\n }\n async saveHighScore(score) {\n try {\n let highScores = [];\n const savedScores = localStorage.getItem('sahurShowdownHighScores');\n if (savedScores) {\n highScores = JSON.parse(savedScores);\n }\n const playerName = localStorage.getItem('currentPlayer') || 'Guest';\n if (highScores.length < 10 || score > highScores[highScores.length - 1].score) {\n const newScore = {\n id: Date.now().toString(),\n score: score,\n date: new Date().toISOString(),\n playerName: playerName\n };\n highScores.push(newScore);\n highScores.sort((a, b) => b.score - a.score);\n const topScores = highScores.slice(0, 10);\n localStorage.setItem('sahurShowdownHighScores', JSON.stringify(topScores));\n }\n } catch (e) {\n console.error(\"Error saving highscore:\", e);\n }\n }\n async getHighScores() {\n try {\n return [{\n score: 0,\n id: '0',\n date: new Date().toISOString()\n }];\n } catch (e) {\n console.error(\"Error getting highscores:\", e);\n return [];\n }\n }\n async getScoreById(id) {\n try {\n return null;\n } catch (e) {\n console.error(\"Error getting score by id:\", e);\n return null;\n }\n }\n async createScore(scoreData) {\n try {\n return scoreData;\n } catch (e) {\n console.error(\"Error creating score:\", e);\n }\n }\n spawnTarget() {\n if (this.isGameOver) return;\n const availablePositions = this.getAvailablePositions();\n if (availablePositions.length === 0) {\n return;\n }\n const positionIndex = Phaser.Math.Between(0, availablePositions.length - 1);\n const position = availablePositions[positionIndex];\n const rarityType = this.getWeightedRarity();\n const target = this.targetGroups[rarityType.key].create(position.x, position.y, rarityType.key);\n target.setOrigin(0.5, 1.0);\n if (Math.random() > 0.5) {\n target.angle = Phaser.Math.Between(-10, 10);\n }\n let closestPlank = null;\n let minDistance = Number.MAX_VALUE;\n this.planksGroup.getChildren().forEach(plank => {\n const distance = Phaser.Math.Distance.Between(target.x, target.y, plank.x, plank.y);\n if (distance < minDistance) {\n minDistance = distance;\n closestPlank = plank;\n }\n });\n this.setupTargetData(target, rarityType, position, closestPlank);\n }\n setupTargetData(target, rarityType, position, closestPlank) {\n const screenWidth = this.cameras.main.width;\n const platformXMin = closestPlank ? Math.max(closestPlank.x - closestPlank.width / 2, screenWidth * 0.05) : screenWidth * 0.15;\n const platformXMax = closestPlank ? Math.min(closestPlank.x + closestPlank.width / 2, screenWidth * 0.95) : screenWidth * 0.85;\n const plankId = closestPlank ? closestPlank.id : null;\n target.setData(\"points\", rarityType.points);\n target.setData(\"rarity\", rarityType.key);\n target.setData(\"row\", position.row);\n target.setData(\"slot\", position.slot);\n target.setData(\"platformMin\", platformXMin);\n target.setData(\"platformMax\", platformXMax);\n target.setData(\"isHit\", false);\n target.setData(\"plankId\", plankId);\n target.setScale(1);\n this.tweens.add({\n targets: target,\n scale: {\n from: 0.8,\n to: 1\n },\n duration: 200,\n ease: 'Back.easeOut'\n });\n }\n scheduleNextSpawn() {\n if (this.isGameOver) return;\n const delay = Phaser.Math.Between(this.spawnTime.min, this.spawnTime.max);\n this.nextSpawn = this.time.now + delay;\n this.time.addEvent({\n delay: delay,\n callback: () => {\n let currentTargets = 0;\n Object.values(this.targetGroups).forEach(group => {\n currentTargets += group.getChildren().length;\n });\n if (Math.random() < this.powerupSpawnChance * (3 - this.powerups.length) && this.powerups.length < 3) {\n this.spawnPowerup();\n }\n const targetSpawnCount = Math.min(3, Math.max(1, 6 - currentTargets));\n if (currentTargets < 6) {\n const availablePlanks = this.planksGroup.getChildren().filter(plank => {\n if (!plank.active) return false;\n if (plank.getData('hasTarget')) return false;\n if (plank.getData('hasItem')) return false;\n let hasTarget = false;\n Object.values(this.targetGroups).forEach(group => {\n group.getChildren().forEach(target => {\n if (target.active && !target.getData('isHit') && target.getData('plankId') === plank.plankId) {\n hasTarget = true;\n }\n });\n });\n if (hasTarget) return false;\n const hasPowerup = this.powerups.some(p => p.active && p.getData('plankId') === plank.plankId);\n if (hasPowerup) return false;\n const plankY = plank.y - plank.displayHeight / 2 - 10;\n if (plankY < this.headerSafeZone) return false;\n return true;\n });\n if (availablePlanks.length > 0) {\n Phaser.Utils.Array.Shuffle(availablePlanks);\n const spawnCount = Math.min(targetSpawnCount, availablePlanks.length);\n for (let i = 0; i < spawnCount; i++) {\n this.spawnTargetOnPlank(availablePlanks[i]);\n }\n }\n }\n this.scheduleNextSpawn();\n },\n callbackScope: this\n });\n }\n endGame() {\n this.isGameOver = true;\n if (this.plankConfigurationTimer) {\n this.plankConfigurationTimer.remove();\n this.plankConfigurationTimer = null;\n }\n if (this.targetCheckTimer) {\n this.targetCheckTimer.remove();\n this.targetCheckTimer = null;\n }\n if (this.safetyTargetTimer) {\n this.safetyTargetTimer.remove();\n this.safetyTargetTimer = null;\n }\n this.balls.forEach((ball, index) => {\n if (ball && ball.body) {\n if (index === 0) {\n ball.setVelocity(0, 0);\n ball.active = false;\n if (ball.trail) {\n ball.trail.destroy();\n ball.trail = null;\n }\n } else {\n ball.destroy();\n }\n }\n });\n this.balls = this.balls.slice(0, 1);\n Object.values(this.targetGroups).forEach(group => {\n group.getChildren().forEach(target => {\n target.setVelocity(0, 0);\n });\n });\n this.saveHighScore(this.score);\n this.tweens.add({\n targets: this.sahurMusic,\n volume: 0,\n duration: 1000,\n onComplete: () => {\n this.sahurMusic.stop();\n this.scene.start(\"EndScene\", {\n score: this.score,\n maxCombo: this.maxCombo,\n lives: this.lives\n });\n }\n });\n }\n update() {\n if (!this.isGameOver) {\n this.checkBallHit();\n this.balls.forEach(ball => {\n if (ball && ball.body && ball.active) {\n if (!ball.visible) {\n ball.setVisible(true);\n }\n const ballBounds = ball.getBounds();\n const batBounds = this.bat.getBounds();\n if (Phaser.Geom.Rectangle.Overlaps(ballBounds, batBounds) && ball.body.velocity.y > 0) {\n const xOverlap = Math.min(ballBounds.right, batBounds.right) - Math.max(ballBounds.left, batBounds.left);\n const yOverlap = Math.min(ballBounds.bottom, batBounds.bottom) - Math.max(ballBounds.top, batBounds.top);\n const overlapArea = xOverlap * yOverlap;\n if (overlapArea > 30) {\n this.hitBall(ball, this.bat);\n }\n }\n this.planksGroup.getChildren().forEach(plank => {\n const plankBounds = plank.getBounds();\n if (Phaser.Geom.Rectangle.Overlaps(ballBounds, plankBounds)) {\n const plankAngleRad = Phaser.Math.DegToRad(plank.angle);\n const ballCenterX = ball.x;\n const ballCenterY = ball.y;\n const plankCenterX = plank.x;\n const plankCenterY = plank.y;\n const distY = ballCenterY - plankCenterY;\n const plankWidth = plank.width;\n const plankHeight = plank.height * 0.8;\n if (Math.abs(distY) > plankHeight * 0.3) {\n if (ball.body.velocity.y > 0 && ballCenterY < plankCenterY) {\n ball.y = plankCenterY - plankHeight / 2 - ball.height / 2;\n const bounceAngle = -plankAngleRad * 0.5;\n const speed = ball.body.velocity.length();\n ball.body.velocity.y = -Math.abs(ball.body.velocity.y);\n ball.body.velocity.x += Math.sin(bounceAngle) * speed * 0.5;\n this.createBounceEffect(ball.x, ball.y);\n } else if (ball.body.velocity.y < 0 && ballCenterY > plankCenterY) {\n ball.y = plankCenterY + plankHeight / 2 + ball.height / 2;\n ball.body.velocity.y = Math.abs(ball.body.velocity.y);\n ball.body.velocity.x += Math.sin(-plankAngleRad) * 100;\n this.createBounceEffect(ball.x, ball.y);\n }\n } else {\n if (ballCenterX < plankCenterX) {\n ball.x = plankCenterX - plankWidth / 2 - ball.width / 2;\n ball.body.velocity.x = -Math.abs(ball.body.velocity.x);\n this.createBounceEffect(ball.x, ball.y);\n } else {\n ball.x = plankCenterX + plankWidth / 2 + ball.width / 2;\n ball.body.velocity.x = Math.abs(ball.body.velocity.x);\n this.createBounceEffect(ball.x, ball.y);\n }\n }\n ball.body.velocity.x += Phaser.Math.Between(-20, 20);\n }\n });\n if (ball.y > this.cameras.main.height) {\n this.resetBall(ball);\n } else {\n if (ball.x < 0) {\n ball.x = 0;\n ball.body.velocity.x = Math.abs(ball.body.velocity.x);\n } else if (ball.x > this.cameras.main.width) {\n ball.x = this.cameras.main.width;\n ball.body.velocity.x = -Math.abs(ball.body.velocity.x);\n }\n if (ball.y < 0) {\n ball.y = 0;\n ball.body.velocity.y = Math.abs(ball.body.velocity.y);\n }\n const maxSpeed = 800;\n const currentSpeed = ball.body.velocity.length();\n if (currentSpeed > maxSpeed) {\n ball.body.velocity.scale(maxSpeed / currentSpeed);\n }\n }\n }\n });\n const plankIdList = [];\n this.planksGroup.getChildren().forEach(plank => {\n plankIdList.push(plank.id);\n });\n Object.values(this.targetGroups).forEach(group => {\n group.getChildren().forEach(target => {\n if (!target.getData(\"isHit\")) {\n const plankId = target.getData('plankId');\n if (plankId && !plankIdList.includes(plankId)) {\n target.setData(\"isHit\", true);\n if (target.body) target.body.enable = false;\n this.tweens.add({\n targets: target,\n scale: 0,\n alpha: 0,\n duration: 300,\n ease: 'Back.easeIn',\n onComplete: () => {\n target.destroy();\n }\n });\n }\n }\n });\n });\n if (this.time.now > this.nextSpawn) {\n this.scheduleNextSpawn();\n }\n }\n }\n}\nclass EndScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"EndScene\"\n });\n this.highScore = 0;\n }\n init(data) {\n this.finalScore = data.score || 0;\n this.maxCombo = data.maxCombo || 0;\n this.livesLeft = data.lives || 0;\n this.saveHighScore(this.finalScore);\n }\n async saveHighScore(score) {\n try {\n let highScores = [];\n const savedScores = localStorage.getItem('sahurShowdownHighScores');\n if (savedScores) {\n highScores = JSON.parse(savedScores);\n }\n const playerName = localStorage.getItem('currentPlayer') || 'Guest';\n const newScore = {\n id: Date.now().toString(),\n score: score,\n date: new Date().toISOString(),\n playerName: playerName\n };\n highScores.push(newScore);\n highScores.sort((a, b) => b.score - a.score);\n const topScores = highScores.slice(0, 10);\n localStorage.setItem('sahurShowdownHighScores', JSON.stringify(topScores));\n } catch (e) {\n console.error(\"Error saving highscore:\", e);\n }\n }\n preload() {\n this.load.image(\"trophy\", \"https://cdn.dev.fun/asset/4f174d02adc46c87173d/trophy_47d4f3dc.png\");\n this.load.image(\"x_icon\", \"https://cdn.dev.fun/asset/4f174d02adc46c87173d/x_e90ae166.png\");\n this.load.image(\"tiktok_icon\", \"https://cdn.dev.fun/asset/4f174d02adc46c87173d/tiktok_5d38b035.png\");\n this.load.image(\"telegram_icon\", \"https://cdn.dev.fun/asset/4f174d02adc46c87173d/tg_ac534fa0.png\");\n }\n createButton(x, y, text, textSize, color, callback) {\n const button = this.add.container(x, y);\n const buttonWidth = text.length * textSize * 0.6 + 40;\n const buttonHeight = textSize * 1.8;\n const bg = this.add.rectangle(0, 0, buttonWidth, buttonHeight, 0x704214, 0.8);\n bg.setStrokeStyle(4, 0x3D2410);\n const woodTexture = this.add.graphics();\n woodTexture.lineStyle(1, 0x3D2410, 0.3);\n for (let i = -buttonHeight / 2; i < buttonHeight / 2; i += 5) {\n woodTexture.lineBetween(-buttonWidth / 2, i, buttonWidth / 2, i);\n }\n const studSize = 4;\n const cornerOffset = 8;\n const topLeft = this.add.circle(-buttonWidth / 2 + cornerOffset, -buttonHeight / 2 + cornerOffset, studSize, 0xA89078);\n const topRight = this.add.circle(buttonWidth / 2 - cornerOffset, -buttonHeight / 2 + cornerOffset, studSize, 0xA89078);\n const bottomLeft = this.add.circle(-buttonWidth / 2 + cornerOffset, buttonHeight / 2 - cornerOffset, studSize, 0xA89078);\n const bottomRight = this.add.circle(buttonWidth / 2 - cornerOffset, buttonHeight / 2 - cornerOffset, studSize, 0xA89078);\n const buttonText = this.add.text(0, 0, text, {\n font: `bold ${textSize}px Western`,\n fill: color,\n stroke: \"#000000\",\n strokeThickness: 3\n });\n buttonText.setOrigin(0.5);\n button.add([bg, woodTexture, topLeft, topRight, bottomLeft, bottomRight, buttonText]);\n bg.setInteractive({\n useHandCursor: true,\n hitArea: new Phaser.Geom.Rectangle(-buttonWidth / 2, -buttonHeight / 2, buttonWidth, buttonHeight),\n hitAreaCallback: Phaser.Geom.Rectangle.Contains\n });\n bg.on('pointerover', () => {\n this.tweens.add({\n targets: button,\n scaleX: 1.05,\n scaleY: 1.05,\n duration: 100\n });\n buttonText.setTint(0xFFFFAA);\n });\n bg.on('pointerout', () => {\n this.tweens.add({\n targets: button,\n scaleX: 1,\n scaleY: 1,\n duration: 100\n });\n buttonText.clearTint();\n });\n bg.on('pointerdown', () => {\n this.tweens.add({\n targets: button,\n scaleX: 0.95,\n scaleY: 0.95,\n duration: 50,\n yoyo: true,\n onComplete: callback\n });\n });\n return button;\n }\n async create() {\n const bg = this.add.image(this.cameras.main.width / 2, this.cameras.main.height / 2, \"endscreen\");\n const scaleX = this.cameras.main.width / bg.width;\n const scaleY = this.cameras.main.height / bg.height;\n const scale = Math.max(scaleX, scaleY);\n bg.setScale(scale);\n try {\n const scores = await this.getHighScores();\n this.highScore = scores.length > 0 ? scores[0].score : 0;\n } catch (e) {\n console.error(\"Error getting highscores:\", e);\n this.highScore = 0;\n }\n const titleText = this.add.text(this.cameras.main.width / 2, 80, \"SAHUR SHOWDOWN\", {\n font: \"bold 48px Western\",\n fill: \"#FFA500\",\n stroke: \"#000000\",\n strokeThickness: 6\n });\n titleText.setOrigin(0.5);\n this.tweens.add({\n targets: titleText,\n alpha: 0.8,\n duration: 1000,\n yoyo: true,\n repeat: -1\n });\n const gameOverText = this.add.text(this.cameras.main.width / 2, 180, \"GAME OVER\", {\n font: \"bold 36px Western\",\n fill: \"#FFFFFF\",\n stroke: \"#000000\",\n strokeThickness: 5\n });\n gameOverText.setOrigin(0.5);\n const scoreText = this.add.text(this.cameras.main.width / 2, 280, `FINAL SCORE: ${this.finalScore}`, {\n font: \"bold 40px Western\",\n fill: \"#FFFFFF\",\n stroke: \"#000000\",\n strokeThickness: 4\n });\n scoreText.setOrigin(0.5);\n const comboText = this.add.text(this.cameras.main.width / 2, 380, `MAX COMBO: ${this.maxCombo}x`, {\n font: \"30px Western\",\n fill: \"#FFFF00\",\n stroke: \"#000000\",\n strokeThickness: 3\n });\n comboText.setOrigin(0.5);\n const masteryBg = this.add.rectangle(this.cameras.main.width / 2, 480, 380, 80, 0x222244, 0.7);\n masteryBg.setStrokeStyle(3, 0x4444AA);\n const accuracyText = this.add.text(this.cameras.main.width / 2, 460, \"SAHUR MASTERY LEVEL\", {\n font: \"bold 20px Western\",\n fill: \"#FFFFFF\",\n stroke: \"#000000\",\n strokeThickness: 2\n });\n accuracyText.setOrigin(0.5);\n let rank = \"ROOKIE\";\n let rankColor = \"#FFFFFF\";\n if (this.finalScore >= 5000) {\n rank = \"LEGENDARY\";\n rankColor = \"#FF00FF\";\n } else if (this.finalScore >= 3000) {\n rank = \"MASTER\";\n rankColor = \"#FF0000\";\n } else if (this.finalScore >= 2000) {\n rank = \"EXPERT\";\n rankColor = \"#FFA500\";\n } else if (this.finalScore >= 1000) {\n rank = \"SKILLED\";\n rankColor = \"#FFFF00\";\n } else if (this.finalScore >= 500) {\n rank = \"APPRENTICE\";\n rankColor = \"#00FF00\";\n }\n const rankText = this.add.text(this.cameras.main.width / 2, 490, rank, {\n font: \"bold 24px Western\",\n fill: rankColor,\n stroke: \"#000000\",\n strokeThickness: 3\n });\n rankText.setOrigin(0.5);\n this.tweens.add({\n targets: rankText,\n scale: 1.1,\n duration: 800,\n yoyo: true,\n repeat: -1\n });\n const highScoreBg = this.add.rectangle(this.cameras.main.width / 2, 580, 280, 80, 0x222244, 0.7);\n highScoreBg.setStrokeStyle(3, 0xFFD700);\n const highScoreTitle = this.add.text(this.cameras.main.width / 2, 560, \"HIGH SCORE\", {\n font: \"bold 28px Western\",\n fill: \"#FFD700\",\n stroke: \"#000000\",\n strokeThickness: 4\n });\n highScoreTitle.setOrigin(0.5);\n const highScoreValue = this.add.text(this.cameras.main.width / 2, 600, `${this.highScore}`, {\n font: \"bold 32px Western\",\n fill: \"#FFFFFF\",\n stroke: \"#000000\",\n strokeThickness: 3\n });\n highScoreValue.setOrigin(0.5);\n const trophy = this.add.image(this.cameras.main.width / 2, 780, \"trophy\");\n trophy.setDisplaySize(140, 140);\n this.tweens.add({\n targets: trophy,\n angle: 5,\n y: trophy.y - 5,\n duration: 1500,\n yoyo: true,\n repeat: -1,\n ease: 'Sine.easeInOut'\n });\n this.add.particles(trophy.x, trophy.y, \"particle\", {\n scale: {\n start: 0.2,\n end: 0\n },\n speed: 30,\n angle: {\n min: 0,\n max: 360\n },\n frequency: 200,\n lifespan: 1000,\n blendMode: Phaser.BlendModes.ADD,\n tint: 0xFFD700\n });\n const playAgainText = this.add.text(this.cameras.main.width / 2, trophy.y + 200, \"PLAY AGAIN\", {\n font: \"bold 36px Western\",\n fill: \"#00FF00\",\n stroke: \"#000000\",\n strokeThickness: 5\n });\n playAgainText.setOrigin(0.5);\n playAgainText.setInteractive({\n useHandCursor: true\n });\n this.tweens.add({\n targets: playAgainText,\n scale: 1.1,\n duration: 800,\n yoyo: true,\n repeat: -1\n });\n this.add.particles(playAgainText.x, playAgainText.y + 5, \"particle\", {\n scale: {\n start: 0.2,\n end: 0\n },\n speed: 20,\n angle: {\n min: 0,\n max: 360\n },\n frequency: 150,\n lifespan: 800,\n blendMode: Phaser.BlendModes.ADD,\n tint: 0x00FF00\n });\n playAgainText.on('pointerover', () => {\n playAgainText.setStyle({\n fill: '#FFFF00'\n });\n });\n playAgainText.on('pointerout', () => {\n playAgainText.setStyle({\n fill: '#00FF00'\n });\n });\n playAgainText.on('pointerdown', () => {\n this.tweens.add({\n targets: playAgainText,\n scale: 0.9,\n duration: 100,\n yoyo: true,\n onComplete: () => {\n this.scene.start('GameScene');\n }\n });\n });\n }\n createSocialMediaButton(x, y, iconKey, url) {\n const buttonSize = 60;\n const button = this.add.container(x, y);\n const bg = this.add.circle(0, 0, buttonSize / 2, 0x333333, 0.7);\n bg.setStrokeStyle(3, 0xFFFFFF);\n const icon = this.add.image(0, 0, iconKey);\n icon.setDisplaySize(buttonSize - 15, buttonSize - 15);\n icon.setOrigin(0.5);\n button.add([bg, icon]);\n bg.setInteractive({\n useHandCursor: true\n });\n bg.on('pointerover', () => {\n this.tweens.add({\n targets: button,\n scale: 1.1,\n duration: 100\n });\n });\n bg.on('pointerout', () => {\n this.tweens.add({\n targets: button,\n scale: 1,\n duration: 100\n });\n });\n bg.on('pointerdown', () => {\n this.tweens.add({\n targets: button,\n scale: 0.9,\n duration: 50,\n yoyo: true,\n onComplete: () => {\n window.open(url, '_blank');\n this.showShareMessage(\"Opening social media...\");\n }\n });\n });\n this.add.particles(x, y, \"particle\", {\n scale: {\n start: 0.1,\n end: 0\n },\n speed: 20,\n lifespan: 800,\n frequency: 300,\n quantity: 1,\n blendMode: Phaser.BlendModes.ADD,\n tint: 0x33CCFF\n });\n return button;\n }\n showShareMessage(message) {\n const overlay = this.add.rectangle(this.cameras.main.width / 2, this.cameras.main.height / 2, 300, 100, 0x000000, 0.8);\n const messageText = this.add.text(this.cameras.main.width / 2, this.cameras.main.height / 2, message, {\n font: \"20px Western\",\n fill: \"#FFFFFF\",\n align: \"center\"\n });\n messageText.setOrigin(0.5);\n this.time.delayedCall(1500, () => {\n this.tweens.add({\n targets: [overlay, messageText],\n alpha: 0,\n duration: 300,\n onComplete: () => {\n overlay.destroy();\n messageText.destroy();\n }\n });\n });\n }\n async getHighScores() {\n try {\n const savedScores = localStorage.getItem('sahurShowdownHighScores');\n if (savedScores) {\n return JSON.parse(savedScores);\n }\n const defaultScore = [{\n id: '1',\n score: this.finalScore > 0 ? this.finalScore : 0,\n date: new Date().toISOString()\n }];\n localStorage.setItem('sahurShowdownHighScores', JSON.stringify(defaultScore));\n return defaultScore;\n } catch (e) {\n console.error(\"Error getting highscores:\", e);\n return [];\n }\n }\n}\nconst config = {\n type: Phaser.AUTO,\n scale: {\n mode: Phaser.Scale.RESIZE,\n parent: \"app\",\n width: 800,\n height: 600,\n min: {\n width: 320,\n height: 240\n },\n max: {\n width: 1600,\n height: 1200\n }\n },\n physics: {\n default: \"arcade\",\n arcade: {\n gravity: {\n y: 0\n },\n debug: false,\n checkCollision: {\n up: true,\n down: true,\n left: true,\n right: true\n }\n }\n },\n backgroundColor: \"#1A1A28\",\n scene: [BootScene, StartScene, GameScene, EndScene]\n};\nexport const game = new Phaser.Game(config);","packageJson","{\"dependencies\":{\"phaser\":\"3.60.0\",\"@devfunlabs/state-client\":\"0.8.1\"}}","token",{"_18":79,"_80":81,"_82":83,"_84":85,"_86":87,"_88":89,"_90":91,"_92":93,"_94":95,"_71":72},"Tung Tung Tung Sahur","symbol","Sahur","price",0.00009003,"marketcap",89349.62839215,"image","https://pump.mypinata.cloud/ipfs/QmRzpfSH3m8b9xedRdDoATxpmWe635Rui9pjBuNmUjG2Ef?img-width=256&img-dpr=2","website","https://vm.tiktok.com/ZNdNS5tPY/","twitter","https://x.com/real_tung_sahur","devCount",21,"appCount",30,"upstreamApp","isLordOfDev","analytics",[100,104,106,108,110,112,114,116,118,120,122,124,126,128,130,131],{"_101":102,"_103":57},"day","2025-06-17","runCount",{"_101":105,"_103":57},"2025-06-18",{"_101":107,"_103":57},"2025-06-19",{"_101":109,"_103":57},"2025-06-20",{"_101":111,"_103":57},"2025-06-21",{"_101":113,"_103":57},"2025-06-22",{"_101":115,"_103":57},"2025-06-23",{"_101":117,"_103":57},"2025-06-24",{"_101":119,"_103":57},"2025-06-25",{"_101":121,"_103":57},"2025-06-26",{"_101":123,"_103":57},"2025-06-27",{"_101":125,"_103":57},"2025-06-28",{"_101":127,"_103":57},"2025-06-29",{"_101":129,"_103":57},"2025-06-30",{"_101":105,"_103":62},{"_101":109,"_103":62},"snapshot","ogImage","https://cdn.dev.fun/og/image/4f174d02adc46c87173d/5c7435c5.webp","isDevbase","actionData","errors"]

say something