[{"_1":2,"_144":-5,"_145":-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,"_55":56,"_57":40,"_58":59,"_60":61,"_62":63,"_64":65,"_66":67,"_68":40,"_69":70,"_71":70,"_72":17,"_73":25,"_74":75,"_76":77,"_78":79,"_80":81,"_82":83,"_101":-5,"_102":17,"_103":104,"_140":30,"_141":142,"_143":17},"id","f0f58ea65a15b8e6ae8e","isMyApp",false,"name","Tung Tung Clicker","description","Click your way to Tung Tung glory in this addictive clicker game where each tap transforms your humble Tung Tung Tung Sahur into an increasingly powerful entity! Compete on the Solana-powered leaderboard as you unlock absurd power-ups like the legendary Bombardiro Crocodilo Stick and watch your clicking empire expand to ridiculous proportions.","brief","Click to evolve your Tung Tung Tung Sahur into a clicking behemoth on the Solana leaderboard!","isLive",true,"isPublic","tags",[],"cover","https://cdn.dev.fun/snapshot/f0f58ea65a15b8e6ae8e/58235_e07d54d5.webp","cdnUrl","https://cdn.dev.fun/app/f0f58ea65a15b8e6ae8e/58235","createdAt",["D",1745411635977],"updatedAt",["D",1745641350129],"lastCommitId",["B","58235"],"tier",1,"credits",20,{"_14":44,"_45":46,"_47":46,"_48":49,"_50":46,"_51":52,"_53":54},"df42a3c0-96c8-4c43-80e0-3f62c67f0be1","uniqueId","Shaun","username","solanaWallet","DYVT2LQ6U7PERSYgBLWDkrruhJxpTrWdK55yeVJqfg1c","displayName","bio","","avatar","/avatar.svg","commitCount",31,"forkCount","likeCount",4,"runsCount",685,"downvoteCount",2,"upvoteCount",6,"upvoteRate",0.75,"commentCount","reportCount",0,"visitorCount","isArchived","isRenamed","contractAddress","F28UWka8PSyG1jUtVZ2CfFdF1dkLEA4rw7GkFBW7pump","code","import * as Phaser from \"phaser\";\nlet globalBackgroundMusic = null;\nclass MainMenuScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"MainMenuScene\"\n });\n this.isMobile = false;\n }\n preload() {\n const buttonGraphics = this.make.graphics({\n x: 0,\n y: 0,\n add: false\n });\n buttonGraphics.fillStyle(0x5544FF, 1);\n buttonGraphics.fillRoundedRect(0, 0, 200, 60, 15);\n buttonGraphics.generateTexture('button', 200, 60);\n buttonGraphics.destroy();\n const hoverButtonGraphics = this.make.graphics({\n x: 0,\n y: 0,\n add: false\n });\n hoverButtonGraphics.fillStyle(0x7766FF, 1);\n hoverButtonGraphics.fillRoundedRect(0, 0, 200, 60, 15);\n hoverButtonGraphics.generateTexture('buttonHover', 200, 60);\n hoverButtonGraphics.destroy();\n const mobileButtonGraphics = this.make.graphics({\n x: 0,\n y: 0,\n add: false\n });\n mobileButtonGraphics.fillStyle(0x5544FF, 1);\n mobileButtonGraphics.fillRoundedRect(0, 0, 160, 50, 12);\n mobileButtonGraphics.generateTexture('mobileButton', 160, 50);\n mobileButtonGraphics.destroy();\n const mobileHoverButtonGraphics = this.make.graphics({\n x: 0,\n y: 0,\n add: false\n });\n mobileHoverButtonGraphics.fillStyle(0x7766FF, 1);\n mobileHoverButtonGraphics.fillRoundedRect(0, 0, 160, 50, 12);\n mobileHoverButtonGraphics.generateTexture('mobileButtonHover', 160, 50);\n mobileHoverButtonGraphics.destroy();\n }\n create() {\n this.isMobile = this.game.device.os.android || this.game.device.os.iOS || this.game.device.os.windowsPhone || window.innerWidth < 800;\n this.background = this.add.image(0, 0, 'gameBackground').setOrigin(0, 0).setDisplaySize(this.cameras.main.width, this.cameras.main.height);\n if (globalBackgroundMusic && !globalBackgroundMusic.isPlaying) {\n globalBackgroundMusic.play();\n }\n const titleSize = this.isMobile ? \"40px\" : \"64px\";\n const strokeWidth = this.isMobile ? 4 : 6;\n const title = this.add.text(this.cameras.main.width / 2, 150, \"TUNG TUNG CLICKER\", {\n fontSize: titleSize,\n fill: \"#FFDD00\",\n fontStyle: \"bold\",\n stroke: \"#FF4400\",\n strokeThickness: strokeWidth,\n shadow: {\n offsetX: 3,\n offsetY: 3,\n color: '#000',\n blur: 8,\n stroke: true,\n fill: true\n }\n }).setOrigin(0.5);\n this.tweens.add({\n targets: title,\n scale: 1.05,\n duration: 1000,\n yoyo: true,\n repeat: -1\n });\n const subtitleSize = this.isMobile ? \"18px\" : \"24px\";\n this.add.text(this.cameras.main.width / 2, 230, \"Click your way to Tung Tung glory!\", {\n fontSize: subtitleSize,\n fill: \"#FFFFFF\",\n fontStyle: \"bold\",\n stroke: \"#000\",\n strokeThickness: 2\n }).setOrigin(0.5);\n this.add.text(this.cameras.main.width / 2, 260, \"Optimized only for desktop for now\", {\n fontSize: subtitleSize,\n fill: \"#FF6666\",\n fontStyle: \"bold\",\n stroke: \"#000\",\n strokeThickness: 2\n }).setOrigin(0.5);\n this.add.text(this.cameras.main.width / 2, this.cameras.main.height - 30, \"Created by Shaun\", {\n fontSize: this.isMobile ? \"14px\" : \"16px\",\n fill: \"#FFFFFF\",\n stroke: \"#000\",\n strokeThickness: 1\n }).setOrigin(0.5);\n const buttonY = this.isMobile ? this.cameras.main.height / 2 + 100 : this.cameras.main.height / 2 + 120;\n const buttonSpacing = this.isMobile ? 70 : 80;\n this.createButton(this.cameras.main.width / 2, buttonY, \"PLAY\", () => {\n this.scene.start(\"GameScene\");\n });\n this.createButton(this.cameras.main.width / 2, buttonY + buttonSpacing, \"LEADERBOARD\", () => {\n this.scene.start(\"LeaderboardScene\");\n });\n this.createSocialMediaLinks(buttonY + buttonSpacing * 2);\n const particles = this.add.particles(0, 0, \"particle\", {\n speed: {\n min: 50,\n max: 150\n },\n scale: {\n start: 0.8,\n end: 0\n },\n lifespan: 1000,\n blendMode: Phaser.BlendModes.ADD,\n tint: [0x00ff00, 0x88ff00, 0xffff00],\n emitting: false\n });\n this.time.addEvent({\n delay: 1000,\n callback: () => {\n particles.explode(10, Phaser.Math.Between(100, this.cameras.main.width - 100), Phaser.Math.Between(100, this.cameras.main.height - 100));\n },\n callbackScope: this,\n loop: true\n });\n this.scale.on(\"resize\", this.resize, this);\n this.resize();\n }\n createSocialMediaLinks(y) {\n const iconSize = this.isMobile ? 40 : 50;\n const spacing = this.isMobile ? 70 : 100;\n const iconsY = y + 10;\n const startX = this.cameras.main.width / 2 - spacing;\n const pumpFunIcon = this.add.image(startX, iconsY, 'pumpFunLogo').setDisplaySize(iconSize, iconSize).setInteractive().on('pointerdown', () => {\n window.open('https://pump.fun/coin/F28UWka8PSyG1jUtVZ2CfFdF1dkLEA4rw7GkFBW7pump', '_blank');\n });\n const twitterIcon = this.add.image(this.cameras.main.width / 2, iconsY, 'twitterLogo').setDisplaySize(iconSize, iconSize).setInteractive().on('pointerdown', () => {\n window.open('https://x.com/tungsahurxbt', '_blank');\n });\n const tiktokIcon = this.add.image(startX + spacing * 2, iconsY, 'tiktokLogo').setDisplaySize(iconSize, iconSize).setInteractive().on('pointerdown', () => {\n window.open('https://www.tiktok.com/@noxaasht', '_blank');\n });\n [pumpFunIcon, twitterIcon, tiktokIcon].forEach(icon => {\n icon.on('pointerover', () => {\n this.tweens.add({\n targets: icon,\n scale: icon.scale * 1.1,\n duration: 100\n });\n });\n icon.on('pointerout', () => {\n this.tweens.add({\n targets: icon,\n scale: icon.scale / 1.1,\n duration: 100\n });\n });\n });\n const tokenText = this.add.text(this.cameras.main.width / 2, iconsY + 85, \"$SAHUR F28U....FBW7pump\", {\n fontSize: this.isMobile ? \"14px\" : \"18px\",\n fill: \"#AAFFAA\",\n fontStyle: \"bold\"\n }).setOrigin(0.5);\n tokenText.setInteractive();\n tokenText.on('pointerover', () => {\n tokenText.setStyle({\n fill: \"#FFFF00\"\n });\n this.tweens.add({\n targets: tokenText,\n scale: 1.05,\n duration: 100\n });\n });\n tokenText.on('pointerout', () => {\n tokenText.setStyle({\n fill: \"#AAFFAA\"\n });\n this.tweens.add({\n targets: tokenText,\n scale: 1,\n duration: 100\n });\n });\n tokenText.on('pointerdown', () => {\n this.copyToClipboard(\"F28UWka8PSyG1jUtVZ2CfFdF1dkLEA4rw7GkFBW7pump\");\n const feedbackText = this.add.text(tokenText.x, tokenText.y + 25, \"Copied to clipboard!\", {\n fontSize: this.isMobile ? \"12px\" : \"14px\",\n fill: \"#FFFFFF\"\n }).setOrigin(0.5);\n this.tweens.add({\n targets: feedbackText,\n alpha: 0,\n y: feedbackText.y - 20,\n duration: 1500,\n onComplete: () => feedbackText.destroy()\n });\n });\n this.scale.on(\"resize\", this.resize, this);\n this.resize();\n }\n copyToClipboard(text) {\n const tempInput = document.createElement(\"input\");\n tempInput.value = text;\n document.body.appendChild(tempInput);\n tempInput.select();\n document.execCommand(\"copy\");\n document.body.removeChild(tempInput);\n }\n createButton(x, y, text, callback) {\n const buttonTexture = this.isMobile ? 'mobileButton' : 'button';\n const hoverTexture = this.isMobile ? 'mobileButtonHover' : 'buttonHover';\n const textSize = this.isMobile ? \"22px\" : \"28px\";\n const button = this.add.sprite(x, y, buttonTexture).setInteractive();\n const buttonText = this.add.text(x, y, text, {\n fontSize: textSize,\n fill: \"#FFFFFF\",\n fontStyle: \"bold\"\n }).setOrigin(0.5);\n button.on('pointerover', () => {\n button.setTexture(hoverTexture);\n buttonText.setScale(1.1);\n });\n button.on('pointerout', () => {\n button.setTexture(buttonTexture);\n buttonText.setScale(1);\n });\n button.on('pointerdown', () => {\n this.tweens.add({\n targets: [button, buttonText],\n scale: 0.95,\n duration: 50,\n yoyo: true,\n onComplete: callback\n });\n });\n }\n resize() {\n if (this.background && this.cameras && this.cameras.main) {\n this.background.setDisplaySize(this.cameras.main.width, this.cameras.main.height);\n }\n this.isMobile = this.game.device.os.android || this.game.device.os.iOS || this.game.device.os.windowsPhone || window.innerWidth < 800;\n }\n}\nclass LeaderboardScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"LeaderboardScene\"\n });\n this.leaderboard = [];\n this.isMobile = false;\n }\n create() {\n this.isMobile = this.game.device.os.android || this.game.device.os.iOS || this.game.device.os.windowsPhone || window.innerWidth < 800;\n this.background = this.add.image(0, 0, 'gameBackground').setOrigin(0, 0).setDisplaySize(this.cameras.main.width, this.cameras.main.height);\n this.loadScores();\n let yPos = 180;\n const entryWidth = this.isMobile ? 300 : 400;\n const entryHeight = this.isMobile ? 50 : 60;\n for (let i = 0; i < this.leaderboard.length; i++) {\n const entry = this.leaderboard[i];\n const container = this.add.container(this.cameras.main.width / 2, yPos);\n const bg = this.add.rectangle(0, 0, entryWidth, entryHeight, i % 2 === 0 ? 0x222244 : 0x1a1a33, 0.8).setStrokeStyle(2, 0x444488);\n container.add(bg);\n const rankOffset = this.isMobile ? -130 : -170;\n const nameOffset = this.isMobile ? -80 : -100;\n const scoreOffset = this.isMobile ? 100 : 150;\n const rankSize = this.isMobile ? \"20px\" : \"26px\";\n const textSize = this.isMobile ? \"18px\" : \"22px\";\n const rank = this.add.text(rankOffset, 0, `#${i + 1}`, {\n fontSize: rankSize,\n fill: \"#FFDD00\",\n fontStyle: \"bold\",\n stroke: \"#000\",\n strokeThickness: 2\n }).setOrigin(0, 0.5);\n container.add(rank);\n const nameText = this.add.text(nameOffset, 0, entry.name, {\n fontSize: textSize,\n fill: \"#FFFFFF\",\n fontStyle: \"bold\"\n }).setOrigin(0, 0.5);\n container.add(nameText);\n const scoreText = this.add.text(scoreOffset, 0, this.formatNumber(entry.score), {\n fontSize: textSize,\n fill: \"#AAFFAA\",\n fontStyle: \"bold\"\n }).setOrigin(0, 0.5);\n container.add(scoreText);\n yPos += this.isMobile ? 60 : 70;\n }\n const buttonTexture = this.isMobile ? 'mobileButton' : 'button';\n const hoverTexture = this.isMobile ? 'mobileButtonHover' : 'buttonHover';\n const textSize = this.isMobile ? \"18px\" : \"22px\";\n const backButton = this.add.sprite(this.cameras.main.width / 2, this.cameras.main.height - 80, buttonTexture).setInteractive();\n const backText = this.add.text(this.cameras.main.width / 2, this.cameras.main.height - 80, \"BACK TO MENU\", {\n fontSize: textSize,\n fill: \"#FFFFFF\",\n fontStyle: \"bold\"\n }).setOrigin(0.5);\n backButton.on('pointerover', () => {\n backButton.setTexture(hoverTexture);\n backText.setScale(1.1);\n });\n backButton.on('pointerout', () => {\n backButton.setTexture(buttonTexture);\n backText.setScale(1);\n });\n backButton.on('pointerdown', () => {\n this.tweens.add({\n targets: [backButton, backText],\n scale: 0.95,\n duration: 50,\n yoyo: true,\n onComplete: () => {\n this.scene.start(\"MainMenuScene\");\n }\n });\n });\n this.scale.on(\"resize\", this.resize, this);\n this.resize();\n }\n loadScores() {\n try {\n const savedScores = localStorage.getItem('tungTungScores');\n if (savedScores) {\n const parsedScores = JSON.parse(savedScores);\n if (Array.isArray(parsedScores) && parsedScores.length > 0) {\n this.leaderboard = [...parsedScores, ...this.leaderboard];\n this.leaderboard.sort((a, b) => b.score - a.score);\n this.leaderboard = this.leaderboard.slice(0, 10);\n }\n }\n } catch (error) {\n console.error(\"Error loading scores:\", error);\n }\n }\n formatNumber(num) {\n if (num < 1000) return num.toString();\n if (num < 1000000) return `${(num / 1000).toFixed(1)}K`;\n if (num < 1000000000) return `${(num / 1000000).toFixed(1)}M`;\n if (num < 1000000000000) return `${(num / 1000000000).toFixed(1)}B`;\n return `${(num / 1000000000000).toFixed(1)}T`;\n }\n resize() {\n if (this.background && this.cameras && this.cameras.main) {\n this.background.setDisplaySize(this.cameras.main.width, this.cameras.main.height);\n }\n this.isMobile = this.game.device.os.android || this.game.device.os.iOS || this.game.device.os.windowsPhone || window.innerWidth < 800;\n }\n}\nclass BootScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"BootScene\"\n });\n }\n preload() {\n const loadingText = this.add.text(this.cameras.main.width / 2, this.cameras.main.height / 2 - 50, \"Loading...\", {\n fontSize: \"32px\",\n fill: \"#fff\"\n });\n loadingText.setOrigin(0.5);\n this.load.image('saveIcon', 'https://cdn.dev.fun/asset/f0f58ea65a15b8e6ae8e/save-icon-2048x2048-a85hpv59_bb44b25d.png');\n this.load.image('gameBackground', 'https://cdn.dev.fun/asset/f0f58ea65a15b8e6ae8e/360_F_601211158_bu0EaLaEqZwLyweHdtsxJf8GfDkMO7hI_454d5b9d.jpg');\n this.load.audio('tungSound', 'https://cdn.dev.fun/asset/f0f58ea65a15b8e6ae8e/tung_a7160cde.mp3');\n this.load.audio('tungTungSahurSound', 'https://cdn.dev.fun/asset/f0f58ea65a15b8e6ae8e/tung-tung-sahur_a4f956da.mp3');\n this.load.audio('backgroundMusic', 'https://cdn.dev.fun/asset/f0f58ea65a15b8e6ae8e/ssstik.io_1743815017809_bf04d6f1.mp3');\n this.load.image('pumpFunLogo', 'https://cdn.dev.fun/asset/f0f58ea65a15b8e6ae8e/Pump_fun_logo_6a30b5df.png');\n this.load.image('twitterLogo', 'https://cdn.dev.fun/asset/f0f58ea65a15b8e6ae8e/new-2023-twitter-logo-x-icon-design_1017-45418_e09f82eb.jpg');\n this.load.image('tiktokLogo', 'https://cdn.dev.fun/asset/f0f58ea65a15b8e6ae8e/white-outline-round-tiktok-icon-on-a-transparent-background-free-png_3f7da800.png');\n this.load.image('petsButtonImage', 'https://cdn.dev.fun/asset/f0f58ea65a15b8e6ae8e/pets button_ea233a73.png');\n this.load.image('tungTungStick', 'https://cdn.dev.fun/asset/f0f58ea65a15b8e6ae8e/tung%20tung%20stick_0d0e27a4.png');\n this.load.image('autoSahur', 'https://cdn.dev.fun/asset/f0f58ea65a15b8e6ae8e/auto%20sahur_000b79ef.png');\n this.load.image('cursor_crocodilo', 'https://cdn.dev.fun/asset/f0f58ea65a15b8e6ae8e/level 2 cursor_12801ce2.png');\n this.load.image('cursor_patapim', 'https://cdn.dev.fun/asset/f0f58ea65a15b8e6ae8e/level 3 cursor_0aedd79f.png');\n this.load.image('cursor_chimpanzini', 'https://cdn.dev.fun/asset/f0f58ea65a15b8e6ae8e/level 4 cursor_aba4f13b.png');\n this.load.image('cursor_goosini', 'https://cdn.dev.fun/asset/f0f58ea65a15b8e6ae8e/level 5 cursor_badc929f.png');\n this.load.image('cursor_tralalelo', 'https://cdn.dev.fun/asset/f0f58ea65a15b8e6ae8e/level 6 cursor_397c0cdb.png');\n this.load.image('cursor_larila', 'https://cdn.dev.fun/asset/f0f58ea65a15b8e6ae8e/level 8 cursor_e66927fd.png');\n this.load.image('cursor_tungsahur', 'https://cdn.dev.fun/asset/f0f58ea65a15b8e6ae8e/level 9 cursor_526f808a.png');\n this.load.image('character1', 'https://cdn.dev.fun/asset/f0f58ea65a15b8e6ae8e/level1-removebg-preview_9eae5701.png');\n this.load.image('character2', 'https://cdn.dev.fun/asset/f0f58ea65a15b8e6ae8e/level2-removebg-preview_2cdb4a47.png');\n this.load.image('character3', 'https://cdn.dev.fun/asset/f0f58ea65a15b8e6ae8e/level3-removebg-preview_a21ae698.png');\n this.load.image('character4', 'https://cdn.dev.fun/asset/f0f58ea65a15b8e6ae8e/level4-removebg-preview_35d47e22.png');\n this.load.image('character5', 'https://cdn.dev.fun/asset/f0f58ea65a15b8e6ae8e/level_5-removebg-preview_d06869af.png');\n this.load.image('character6', 'https://cdn.dev.fun/asset/f0f58ea65a15b8e6ae8e/level_6-removebg-preview_d2a5c064.png');\n this.load.image('character7', 'https://cdn.dev.fun/asset/f0f58ea65a15b8e6ae8e/level_7-removebg-preview_32bad0a1.png');\n this.load.image('character8', 'https://cdn.dev.fun/asset/f0f58ea65a15b8e6ae8e/level5-removebg-preview_982ec463.png');\n this.load.image('bombardiroImage', 'https://cdn.dev.fun/asset/f0f58ea65a15b8e6ae8e/crocodilo%20bat_d6c54079.jpg').on('filecomplete', () => {\n this.bombardiroImageLoaded = true;\n }).on('fileerror', () => {\n this.createPowerupTexture(\"bombardiro\", 0xFF0000);\n });\n this.load.image('factoryImage', 'https://cdn.dev.fun/asset/f0f58ea65a15b8e6ae8e/tung%20tung%20factory_2c9d1d0d.jpeg').on('filecomplete', () => {\n this.factoryImageLoaded = true;\n }).on('fileerror', () => {\n this.createPowerupTexture(\"factory\", 0xAA00FF);\n });\n this.createPowerupTexture(\"stick\", 0xFFAA00);\n this.createPowerupTexture(\"autoSahur\", 0xFF5500);\n this.createPowerupTexture(\"factory\", 0xAA00FF);\n const soundOnGraphics = this.make.graphics({\n x: 0,\n y: 0,\n add: false\n });\n soundOnGraphics.fillStyle(0xFFFFFF, 1);\n soundOnGraphics.fillCircle(15, 15, 10);\n soundOnGraphics.fillStyle(0x444444, 1);\n soundOnGraphics.fillCircle(15, 15, 5);\n soundOnGraphics.fillStyle(0xFFFFFF, 1);\n soundOnGraphics.fillRect(25, 12, 8, 6);\n soundOnGraphics.beginPath();\n soundOnGraphics.moveTo(35, 8);\n soundOnGraphics.lineTo(35, 22);\n soundOnGraphics.lineTo(30, 18);\n soundOnGraphics.lineTo(30, 12);\n soundOnGraphics.closePath();\n soundOnGraphics.fillPath();\n soundOnGraphics.generateTexture(\"soundOn\", 50, 30);\n soundOnGraphics.destroy();\n const soundOffGraphics = this.make.graphics({\n x: 0,\n y: 0,\n add: false\n });\n soundOffGraphics.fillStyle(0xFFFFFF, 1);\n soundOffGraphics.fillCircle(15, 15, 10);\n soundOffGraphics.fillStyle(0x444444, 1);\n soundOffGraphics.fillCircle(15, 15, 5);\n soundOffGraphics.fillStyle(0xFFFFFF, 1);\n soundOffGraphics.fillRect(25, 12, 8, 6);\n soundOffGraphics.fillStyle(0xFF0000, 1);\n soundOffGraphics.fillRect(30, 5, 4, 25);\n soundOffGraphics.lineStyle(4, 0xFF0000, 1);\n soundOffGraphics.beginPath();\n soundOffGraphics.arc(32, 18, 12, 0, Math.PI * 2);\n soundOffGraphics.strokePath();\n soundOffGraphics.generateTexture(\"soundOff\", 50, 30);\n soundOffGraphics.destroy();\n const particles = this.make.graphics({\n x: 0,\n y: 0,\n add: false\n });\n particles.fillStyle(0xFFFFFF, 1);\n particles.fillCircle(4, 4, 4);\n particles.generateTexture(\"particle\", 8, 8);\n const clickEffect = this.make.graphics({\n x: 0,\n y: 0,\n add: false\n });\n clickEffect.fillStyle(0xFFFF00, 1);\n clickEffect.beginPath();\n const centerX = 15;\n const centerY = 15;\n const points = 5;\n const innerRadius = 7;\n const outerRadius = 15;\n for (let i = 0; i < points * 2; i++) {\n const radius = i % 2 === 0 ? outerRadius : innerRadius;\n const angle = i * Math.PI / points - Math.PI / 2;\n const x = centerX + radius * Math.cos(angle);\n const y = centerY + radius * Math.sin(angle);\n if (i === 0) {\n clickEffect.moveTo(x, y);\n } else {\n clickEffect.lineTo(x, y);\n }\n }\n clickEffect.closePath();\n clickEffect.fillPath();\n clickEffect.generateTexture(\"clickEffect\", 30, 30);\n }\n createCharacterTexture(key, color) {\n const graphics = this.make.graphics({\n x: 0,\n y: 0,\n add: false\n });\n graphics.fillStyle(color, 1);\n graphics.fillRoundedRect(20, 40, 120, 80, 20);\n graphics.fillCircle(80, 30, 30);\n graphics.fillStyle(0xFFFFFF, 1);\n graphics.fillCircle(70, 25, 8);\n graphics.fillCircle(90, 25, 8);\n graphics.fillStyle(0x000000, 1);\n graphics.fillCircle(70, 25, 4);\n graphics.fillCircle(90, 25, 4);\n graphics.generateTexture(key, 160, 160);\n graphics.destroy();\n }\n createPowerupTexture(key, color) {\n const graphics = this.make.graphics({\n x: 0,\n y: 0,\n add: false\n });\n if (key === \"stick\") {\n if (!this.textures.exists('tungTungStick')) {\n graphics.fillStyle(0xBB7700, 1);\n graphics.fillRect(20, 10, 10, 80);\n graphics.fillStyle(color, 1);\n graphics.fillCircle(25, 10, 15);\n }\n } else if (key === \"autoSahur\") {\n if (!this.textures.exists(key)) {\n graphics.fillStyle(color, 1);\n graphics.fillCircle(40, 40, 30);\n graphics.lineStyle(5, 0xFFFFFF, 1);\n graphics.beginPath();\n graphics.moveTo(40, 20);\n graphics.lineTo(40, 40);\n graphics.lineTo(55, 40);\n graphics.strokePath();\n }\n } else if (key === \"bombardiro\") {\n graphics.fillStyle(0x884400, 1);\n graphics.fillRect(20, 10, 15, 80);\n graphics.fillStyle(color, 1);\n graphics.fillRect(5, 5, 45, 20);\n graphics.fillStyle(0xFFFFFF, 1);\n for (let i = 0; i < 5; i++) {\n graphics.fillTriangle(10 + i * 8, 5, 15 + i * 8, 5, 12.5 + i * 8, 15);\n }\n graphics.fillStyle(0xFFFF00, 1);\n graphics.fillCircle(15, 10, 5);\n graphics.fillStyle(0x000000, 1);\n graphics.fillCircle(15, 10, 2);\n } else if (key === \"factory\") {\n graphics.fillStyle(0x666666, 1);\n graphics.fillRect(10, 30, 60, 40);\n graphics.fillStyle(color, 1);\n graphics.fillTriangle(5, 30, 75, 30, 40, 10);\n graphics.fillStyle(0x444444, 1);\n graphics.fillRect(20, 15, 8, 15);\n graphics.fillRect(50, 15, 8, 15);\n graphics.fillStyle(0xCCCCCC, 0.7);\n graphics.fillCircle(24, 10, 6);\n graphics.fillCircle(54, 10, 6);\n graphics.fillStyle(0x333333, 1);\n graphics.fillRect(35, 50, 10, 20);\n }\n graphics.generateTexture(key, 80, 80);\n graphics.destroy();\n }\n create() {\n const particles = this.make.graphics({\n x: 0,\n y: 0,\n add: false\n });\n particles.fillStyle(0xFFFFFF, 1);\n particles.fillCircle(4, 4, 4);\n particles.generateTexture(\"particle\", 8, 8);\n globalBackgroundMusic = this.sound.add('backgroundMusic', {\n loop: true,\n volume: 0.6\n });\n globalBackgroundMusic.play();\n this.scene.start(\"MainMenuScene\");\n }\n}\nclass GameScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"GameScene\"\n });\n this.score = 0;\n this.clickValue = 1;\n this.autoClickValue = 0;\n this.currentLevel = 1;\n this.playerName = \"\";\n this.lastMilestoneReached = 0;\n this.clickMilestones = [100, 500, 1000, 5000, 10000, 50000, 100000, 500000, 1000000];\n this.customCursor = null;\n this.saveFormVisible = false;\n this.powerups = {\n stick: {\n owned: 0,\n cost: 50,\n baseCost: 50,\n value: 1,\n name: \"Tung Tung Stick\",\n description: \"+1 Click per click\"\n },\n autoSahur: {\n owned: 0,\n cost: 100,\n baseCost: 100,\n value: 1,\n name: \"Auto Sahur\",\n description: \"1 Click per second\"\n },\n bombardiro: {\n owned: 0,\n cost: 500,\n baseCost: 500,\n value: 5,\n baseValue: 5,\n name: \"Crocodilo Stick\",\n description: \"+5 Clicks per click\"\n },\n factory: {\n owned: 0,\n cost: 1000,\n baseCost: 1000,\n value: 5,\n baseValue: 5,\n name: \"Tung Tung Factory\",\n description: \"5 Clicks per second\"\n }\n };\n this.pets = [{\n id: 'default',\n name: 'No Pet',\n cost: 0,\n owned: true,\n image: null,\n requiredLevel: 1\n }, {\n id: 'crocodilo',\n name: 'Crocodilo Pet',\n cost: 1000,\n owned: false,\n image: 'cursor_crocodilo',\n requiredLevel: 2\n }, {\n id: 'patapim',\n name: 'Patapim Pet',\n cost: 5000,\n owned: false,\n image: 'cursor_patapim',\n requiredLevel: 2\n }, {\n id: 'chimpanzini',\n name: 'Chimpanzini Pet',\n cost: 10000,\n owned: false,\n image: 'cursor_chimpanzini',\n requiredLevel: 3\n }, {\n id: 'goosini',\n name: 'Goosini Pet',\n cost: 25000,\n owned: false,\n image: 'cursor_goosini',\n requiredLevel: 3\n }, {\n id: 'tralalelo',\n name: 'Tralalelo Pet',\n cost: 50000,\n owned: false,\n image: 'cursor_tralalelo',\n requiredLevel: 4\n }, {\n id: 'larila',\n name: 'Larila Pet',\n cost: 100000,\n owned: false,\n image: 'cursor_larila',\n requiredLevel: 4\n }, {\n id: 'tungsahur',\n name: 'Tung Tung Sahur Pet',\n cost: 1000000,\n owned: false,\n image: 'cursor_tungsahur',\n requiredLevel: 5\n }];\n this.activePet = this.pets[0];\n this.activePets = [];\n this.evolutionThresholds = [0, 1000, 10000, 100000, 1000000, 10000000, 100000000, 1000000000];\n this.isMobile = false;\n this.soundOn = true;\n }\n create() {\n this.isMobile = this.game.device.os.android || this.game.device.os.iOS || this.game.device.os.windowsPhone || window.innerWidth < 800;\n this.gameContainer = this.add.container(0, 0);\n this.background = this.add.image(0, 0, 'gameBackground').setOrigin(0, 0).setDisplaySize(this.cameras.main.width, this.cameras.main.height);\n this.gameContainer.add(this.background);\n this.petContainer = this.add.container(0, 0);\n this.petContainer.setDepth(5);\n this.gameContainer.add(this.petContainer);\n this.input.keyboard.on('keydown-ESC', () => {\n this.closeAllMenus();\n });\n this.tungSound = this.sound.add('tungSound');\n this.tungTungSahurSound = this.sound.add('tungTungSahurSound');\n const characterScale = this.isMobile ? 0.8 : 1;\n this.character = this.add.sprite(this.cameras.main.width / 2 - (this.isMobile ? 0 : 100), this.cameras.main.height / 2, `character${this.currentLevel}`).setScale(characterScale).setInteractive();\n this.character.setOrigin(0.5);\n this.character.setVisible(true);\n this.character.setDepth(10);\n this.gameContainer.add(this.character);\n const scoreSize = this.isMobile ? \"24px\" : \"32px\";\n const clickSize = this.isMobile ? \"16px\" : \"20px\";\n this.scoreText = this.add.text(this.cameras.main.width / 2 - (this.isMobile ? 0 : 100), 140, `Tung Tung Power: ${this.score}`, {\n fontSize: scoreSize,\n fill: \"#FFFFFF\",\n fontStyle: \"bold\",\n stroke: \"#000000\",\n strokeThickness: 3\n }).setOrigin(0.5);\n this.gameContainer.add(this.scoreText);\n this.perClickText = this.add.text(this.cameras.main.width / 2 - (this.isMobile ? 0 : 100), 170, `+${this.clickValue} per click | +${this.autoClickValue} per second`, {\n fontSize: clickSize,\n fill: \"#AAFFAA\",\n stroke: \"#000000\",\n strokeThickness: 2\n }).setOrigin(0.5);\n this.gameContainer.add(this.perClickText);\n this.particleEmitter = this.add.particles(0, 0, 'particle', {\n speed: {\n min: 50,\n max: 150\n },\n scale: {\n start: 0.6,\n end: 0\n },\n lifespan: 800,\n blendMode: Phaser.BlendModes.ADD,\n tint: [0xFFFF00, 0x88FF00, 0x00FF88],\n emitting: false\n });\n this.gameContainer.add(this.particleEmitter);\n this.createEvolutionDisplay();\n this.setupClickMechanics();\n this.setupPowerups();\n this.createVolumeControl();\n this.createCursorButton();\n this.createSaveButton();\n this.time.addEvent({\n delay: 1000,\n callback: this.autoClick,\n callbackScope: this,\n loop: true\n });\n this.scale.on(\"resize\", this.resize, this);\n this.resize();\n }\n createVolumeControl() {\n this.soundButton = this.add.sprite(this.cameras.main.width - 40, 40, this.soundOn ? 'soundOn' : 'soundOff').setInteractive();\n this.gameContainer.add(this.soundButton);\n this.backButton = this.add.sprite(60, 40, this.isMobile ? 'mobileButton' : 'button').setInteractive();\n this.gameContainer.add(this.backButton);\n const backText = this.add.text(60, 40, \"BACK\", {\n fontSize: this.isMobile ? \"18px\" : \"22px\",\n fill: \"#FFFFFF\",\n fontStyle: \"bold\"\n }).setOrigin(0.5);\n this.gameContainer.add(backText);\n if (this.isMobile) {\n const middleX = this.cameras.main.width / 2;\n const guideButton = this.add.sprite(middleX, 40, 'mobileButton').setInteractive();\n this.gameContainer.add(guideButton);\n const guideText = this.add.text(middleX, 40, \"EVOLUTION\", {\n fontSize: \"16px\",\n fill: \"#FFFFFF\",\n fontStyle: \"bold\"\n }).setOrigin(0.5);\n this.gameContainer.add(guideText);\n guideButton.on('pointerover', () => {\n guideButton.setTexture('mobileButtonHover');\n guideText.setScale(1.1);\n });\n guideButton.on('pointerout', () => {\n guideButton.setTexture('mobileButton');\n guideText.setScale(1);\n });\n guideButton.on('pointerdown', () => {\n this.tweens.add({\n targets: [guideButton, guideText],\n scale: 0.95,\n duration: 50,\n yoyo: true,\n onComplete: () => this.showEvolutionGuide()\n });\n });\n this.mobileGuideButton = guideButton;\n this.mobileGuideText = guideText;\n }\n this.backButton.on('pointerover', () => {\n this.backButton.setTexture(this.isMobile ? 'mobileButtonHover' : 'buttonHover');\n backText.setScale(1.1);\n });\n this.backButton.on('pointerout', () => {\n this.backButton.setTexture(this.isMobile ? 'mobileButton' : 'button');\n backText.setScale(1);\n });\n this.backButton.on('pointerdown', () => {\n this.tweens.add({\n targets: [this.backButton, backText],\n scale: 0.95,\n duration: 50,\n yoyo: true,\n onComplete: () => this.backToMenu()\n });\n });\n this.soundButton.on('pointerdown', () => {\n this.soundOn = !this.soundOn;\n this.soundButton.setTexture(this.soundOn ? 'soundOn' : 'soundOff');\n this.sound.setVolume(this.soundOn ? 1 : 0);\n if (globalBackgroundMusic) {\n if (this.soundOn) {\n globalBackgroundMusic.resume();\n } else {\n globalBackgroundMusic.pause();\n }\n }\n const feedbackText = this.add.text(this.soundButton.x, this.soundButton.y + 30, this.soundOn ? \"Sound ON\" : \"Sound OFF\", {\n fontSize: \"16px\",\n fill: this.soundOn ? \"#AAFFAA\" : \"#FFAAAA\",\n fontStyle: \"bold\",\n stroke: \"#000\",\n strokeThickness: 2\n }).setOrigin(0.5);\n this.tweens.add({\n targets: feedbackText,\n y: feedbackText.y - 30,\n alpha: 0,\n duration: 1000,\n onComplete: () => feedbackText.destroy()\n });\n });\n }\n createEvolutionDisplay() {\n const evoContainerY = this.isMobile ? 60 : 80;\n const evoContainer = this.add.container(this.cameras.main.width / 2 - (this.isMobile ? 0 : 100), evoContainerY);\n this.gameContainer.add(evoContainer);\n const barWidth = this.isMobile ? 450 : 600;\n const barHeight = this.isMobile ? 16 : 20;\n const barY = 30;\n const title = this.add.text(0, -50, \"EVOLUTION PROGRESSION\", {\n fontSize: this.isMobile ? \"18px\" : \"22px\",\n fill: \"#FFDD00\",\n fontStyle: \"bold\",\n stroke: \"#884400\",\n strokeThickness: 2\n }).setOrigin(0.5);\n evoContainer.add(title);\n this.progressText = this.add.text(0, -20, \"Progress: 0 / 1,000,000,000\", {\n fontSize: this.isMobile ? \"14px\" : \"16px\",\n fill: \"#FFFFFF\",\n fontStyle: \"bold\"\n }).setOrigin(0.5);\n evoContainer.add(this.progressText);\n const barBg = this.add.rectangle(0, barY, barWidth, barHeight, 0x222233, 1).setStrokeStyle(1, 0x444466);\n evoContainer.add(barBg);\n this.progressBar = this.add.rectangle(-barWidth / 2, barY, 0, barHeight, 0x44FF44, 1);\n this.progressBar.setOrigin(0, 0.5);\n evoContainer.add(this.progressBar);\n this.levelMarkers = [];\n const maxDisplayLevel = 8;\n const finalThreshold = this.evolutionThresholds[maxDisplayLevel - 1];\n for (let i = 1; i <= maxDisplayLevel; i++) {\n const thresholdPercent = i === maxDisplayLevel ? 1 : this.evolutionThresholds[i] / finalThreshold;\n const markerX = -barWidth / 2 + barWidth * thresholdPercent;\n const markerLine = this.add.rectangle(markerX, barY, 3, barHeight + 14, 0xFFFFFF, 0.7);\n evoContainer.add(markerLine);\n if (i < maxDisplayLevel) {\n const marker = this.add.triangle(markerX, barY + barHeight / 2 + 6, 0, 0, 8, 12, -8, 12, 0xFFFFFF, 0.8);\n marker.setOrigin(0.5, 0);\n evoContainer.add(marker);\n this.levelMarkers.push(marker);\n }\n if (!this.isMobile || i % 2 === 1) {\n const levelText = this.add.text(markerX, barY + barHeight + 18, `L${i}`, {\n fontSize: this.isMobile ? \"14px\" : \"16px\",\n fill: i <= this.currentLevel ? \"#AAFFAA\" : \"#FFFFFF\",\n fontStyle: \"bold\",\n stroke: \"#000000\",\n strokeThickness: 2\n }).setOrigin(0.5);\n evoContainer.add(levelText);\n }\n if (i > 1 && (i === 2 || i === 4 || i === 6 || i === 8)) {\n const thresholdText = this.add.text(markerX, barY + barHeight + 40, `${this.formatNumber(this.evolutionThresholds[i - 1])}`, {\n fontSize: this.isMobile ? \"12px\" : \"14px\",\n fill: \"#AAAAFF\",\n stroke: \"#000000\",\n strokeThickness: 1\n }).setOrigin(0.5);\n evoContainer.add(thresholdText);\n }\n }\n this.evolutionDisplay = evoContainer;\n this.updateProgressBar();\n }\n updateProgressBar() {\n if (!this.evolutionDisplay || !this.progressBar) return;\n const maxScore = this.evolutionThresholds[this.evolutionThresholds.length - 1];\n const progress = Math.min(this.score, maxScore);\n const percentage = progress / maxScore;\n const barWidth = this.isMobile ? 380 : 500;\n this.progressBar.width = barWidth * percentage;\n this.progressText.setText(`Progress: ${this.formatNumber(this.score)} / ${this.formatNumber(maxScore)}`);\n for (let i = 0; i < this.levelMarkers.length; i++) {\n const marker = this.levelMarkers[i];\n const levelIndex = i + 2;\n if (this.currentLevel >= levelIndex) {\n marker.setFillStyle(0x44FF44, 0.8);\n } else {\n marker.setFillStyle(0xFFFFFF, 0.8);\n }\n }\n this.evolutionDisplay.list.forEach(object => {\n if (object.type === 'Text' && object.text.startsWith('Level')) {\n const level = parseInt(object.text.substring(6));\n if (level <= this.currentLevel) {\n object.setFill(\"#AAFFAA\");\n } else {\n object.setFill(\"#FFFFFF\");\n }\n }\n });\n }\n updateEvolutionDisplay() {\n this.updateProgressBar();\n }\n createStarryBackground() {}\n setupClickMechanics() {\n this.character.on(\"pointerdown\", pointer => {\n if (this.soundOn) {\n this.tungSound.play();\n }\n this.increaseScore(this.clickValue);\n this.tweens.add({\n targets: this.character,\n alpha: 0.8,\n duration: 50,\n yoyo: true,\n ease: \"Quad.easeInOut\"\n });\n const effect = this.add.sprite(this.character.x + Phaser.Math.Between(-40, 40), this.character.y + Phaser.Math.Between(-40, 40), \"clickEffect\");\n effect.setScale(0);\n this.tweens.add({\n targets: effect,\n scale: this.isMobile ? 1.2 : 1.5,\n alpha: 0,\n duration: 500,\n onComplete: () => effect.destroy()\n });\n const textSize = this.isMobile ? \"18px\" : \"24px\";\n const floatingText = this.add.text(this.character.x + Phaser.Math.Between(-20, 20), this.character.y - 50, `+${this.clickValue}`, {\n fontSize: textSize,\n fill: \"#FFFF00\",\n stroke: \"#000\",\n strokeThickness: 3\n }).setOrigin(0.5);\n this.tweens.add({\n targets: floatingText,\n y: floatingText.y - 80,\n alpha: 0,\n duration: 1000,\n onComplete: () => floatingText.destroy()\n });\n this.particleEmitter.explode(10, this.character.x, this.character.y);\n this.checkMilestone();\n });\n }\n checkMilestone() {\n for (const milestone of this.clickMilestones) {\n if (this.score >= milestone && this.lastMilestoneReached < milestone) {\n this.lastMilestoneReached = milestone;\n if (this.soundOn) {\n this.tungTungSahurSound.play();\n }\n const milestoneText = this.add.text(this.cameras.main.width / 2, this.cameras.main.height / 2 - 150, `MILESTONE: ${this.formatNumber(milestone)} CLICKS!`, {\n fontSize: \"36px\",\n fill: \"#FFFF00\",\n fontStyle: \"bold\",\n stroke: \"#FF4400\",\n strokeThickness: 6,\n shadow: {\n offsetX: 2,\n offsetY: 2,\n color: '#000',\n blur: 5,\n stroke: true,\n fill: true\n }\n }).setOrigin(0.5);\n this.tweens.add({\n targets: milestoneText,\n scale: 1.5,\n y: milestoneText.y - 50,\n alpha: 0,\n duration: 3000,\n onComplete: () => milestoneText.destroy()\n });\n this.particleEmitter.explode(50, this.cameras.main.width / 2, this.cameras.main.height / 2);\n break;\n }\n }\n }\n showEvolutionGuide() {\n this.closeAllMenus();\n const modal = this.add.container(this.cameras.main.width / 2, this.cameras.main.height / 2);\n this.currentModal = modal;\n this.gameContainer.add(modal);\n const modalWidth = this.isMobile ? 320 : 800;\n const modalHeight = this.isMobile ? 480 : 450;\n const modalBg = this.add.rectangle(0, 0, modalWidth, modalHeight, 0x000000, 0.9).setStrokeStyle(2, 0x4444ff);\n modalBg.setInteractive();\n modal.add(modalBg);\n const titleSize = this.isMobile ? \"18px\" : \"26px\";\n const titleY = this.isMobile ? -210 : -190;\n const title = this.add.text(0, titleY, \"TUNG TUNG TUNG SAHUR EVOLUTION GUIDE\", {\n fontSize: titleSize,\n fill: \"#FFDD00\",\n fontStyle: \"bold\",\n align: \"center\"\n }).setOrigin(0.5);\n modal.add(title);\n const levelInfos = [{\n level: 1,\n name: \"Baby Tung\",\n threshold: 0\n }, {\n level: 2,\n name: \"Regular Tung\",\n threshold: 1000\n }, {\n level: 3,\n name: \"Super Tung\",\n threshold: 10000\n }, {\n level: 4,\n name: \"Mega Tung Tung\",\n threshold: 100000\n }, {\n level: 5,\n name: \"Ultimate Tung\",\n threshold: 1000000\n }, {\n level: 6,\n name: \"Hyper Tung Sahur\",\n threshold: 10000000\n }, {\n level: 7,\n name: \"Cosmic Tung Sahur\",\n threshold: 100000000\n }, {\n level: 8,\n name: \"Legendary Tung Tung Sahur\",\n threshold: 1000000000\n }];\n const normalizeCharacterSize = (sprite, targetSize) => {\n if (!sprite || !sprite.width || !sprite.height) return sprite;\n const scale = Math.min(targetSize / sprite.width, targetSize / sprite.height);\n sprite.setScale(scale);\n return sprite;\n };\n const scrollableContainer = this.add.container(0, 0);\n modal.add(scrollableContainer);\n const maskGraphics = this.make.graphics();\n const maskX = -modalWidth / 2 + 20;\n const maskY = this.isMobile ? -modalHeight / 2 + 90 : -modalHeight / 2 + 50;\n const maskWidth = modalWidth - 40;\n const maskHeight = modalHeight - 90;\n maskGraphics.fillRect(this.cameras.main.width / 2 + maskX, this.cameras.main.height / 2 + maskY, maskWidth, maskHeight);\n const mask = maskGraphics.createGeometryMask();\n scrollableContainer.setMask(mask);\n if (this.isMobile) {\n let yPos = -120;\n levelInfos.forEach((info, index) => {\n const evoContainer = this.add.container(0, yPos);\n scrollableContainer.add(evoContainer);\n const boxWidth = 280;\n const boxHeight = 80;\n const box = this.add.rectangle(0, 0, boxWidth, boxHeight, 0x222244, 0.8).setStrokeStyle(2, info.level <= this.currentLevel ? 0x44FF44 : 0x4444aa);\n evoContainer.add(box);\n const character = this.add.sprite(-105, 0, `character${info.level}`);\n normalizeCharacterSize(character, 45);\n evoContainer.add(character);\n const infoContainer = this.add.container(10, 0);\n evoContainer.add(infoContainer);\n const levelText = this.add.text(0, -25, `Level ${info.level}`, {\n fontSize: \"16px\",\n fill: \"#FFFFFF\",\n fontStyle: \"bold\"\n }).setOrigin(0, 0.5);\n infoContainer.add(levelText);\n const nameText = this.add.text(0, 0, info.name, {\n fontSize: \"14px\",\n fill: \"#AAFFAA\",\n wordWrap: {\n width: 150\n }\n }).setOrigin(0, 0.5);\n infoContainer.add(nameText);\n const thresholdText = this.add.text(0, 25, `${this.formatNumber(info.threshold)} Tung Power`, {\n fontSize: \"12px\",\n fill: \"#88AAFF\"\n }).setOrigin(0, 0.5);\n infoContainer.add(thresholdText);\n if (index < levelInfos.length - 1) {\n const arrow = this.add.text(0, 50, \"↓\", {\n fontSize: \"22px\",\n fill: \"#FFFFFF\"\n }).setOrigin(0.5);\n scrollableContainer.add(arrow);\n }\n yPos += 100;\n });\n let scrollY = 0;\n let isDragging = false;\n let lastY;\n modalBg.on('pointerdown', pointer => {\n isDragging = true;\n lastY = pointer.y;\n });\n this.input.on('pointermove', pointer => {\n if (isDragging && modal.active) {\n const diff = pointer.y - lastY;\n scrollY = Phaser.Math.Clamp(scrollY + diff, -500, 0);\n scrollableContainer.y = scrollY;\n lastY = pointer.y;\n }\n });\n this.input.on('pointerup', () => {\n isDragging = false;\n });\n } else {\n const boxWidth = 150;\n const boxHeight = 240;\n const spacing = 160;\n let xPos = -modalWidth / 2 + 100;\n const horizontalContainer = this.add.container(0, 0);\n scrollableContainer.add(horizontalContainer);\n levelInfos.forEach((info, index) => {\n const evoContainer = this.add.container(xPos, 0);\n horizontalContainer.add(evoContainer);\n const box = this.add.rectangle(0, 0, boxWidth, boxHeight, 0x222244, 0.8).setStrokeStyle(2, info.level <= this.currentLevel ? 0x44FF44 : 0x4444aa);\n evoContainer.add(box);\n const character = this.add.sprite(0, -70, `character${info.level}`);\n normalizeCharacterSize(character, 70);\n evoContainer.add(character);\n const levelText = this.add.text(0, 0, `Level ${info.level}`, {\n fontSize: \"18px\",\n fill: \"#FFFFFF\",\n fontStyle: \"bold\"\n }).setOrigin(0.5);\n evoContainer.add(levelText);\n const nameText = this.add.text(0, 40, info.name, {\n fontSize: \"16px\",\n fill: \"#AAFFAA\",\n align: \"center\",\n wordWrap: {\n width: boxWidth - 20\n }\n }).setOrigin(0.5);\n evoContainer.add(nameText);\n const thresholdText = this.add.text(0, 80, `${this.formatNumber(info.threshold)}`, {\n fontSize: \"16px\",\n fill: \"#88AAFF\"\n }).setOrigin(0.5);\n evoContainer.add(thresholdText);\n const powerText = this.add.text(0, 105, `Tung Power`, {\n fontSize: \"14px\",\n fill: \"#88AAFF\"\n }).setOrigin(0.5);\n evoContainer.add(powerText);\n if (index < levelInfos.length - 1) {\n const arrow = this.add.text(boxWidth / 2 + 15, 0, \"→\", {\n fontSize: \"28px\",\n fill: \"#FFFFFF\"\n }).setOrigin(0, 0.5);\n evoContainer.add(arrow);\n }\n xPos += spacing;\n });\n let scrollX = 0;\n let isDragging = false;\n let lastX;\n const maxScrollX = levelInfos.length * spacing - modalWidth + 100;\n modalBg.on('pointerdown', pointer => {\n isDragging = true;\n lastX = pointer.x;\n });\n this.input.on('pointermove', pointer => {\n if (isDragging && modal.active) {\n const diff = pointer.x - lastX;\n scrollX = Phaser.Math.Clamp(scrollX + diff, -maxScrollX, 0);\n horizontalContainer.x = scrollX;\n lastX = pointer.x;\n }\n });\n this.input.on('pointerup', () => {\n isDragging = false;\n });\n const scrollInstructions = this.add.text(0, modalHeight / 2 - 30, \"< Drag to scroll >\", {\n fontSize: \"16px\",\n fill: \"#AAAAAA\",\n fontStyle: \"italic\"\n }).setOrigin(0.5);\n modal.add(scrollInstructions);\n }\n const closeX = this.isMobile ? modalWidth / 2 - 20 : modalWidth / 2 - 30;\n const closeY = this.isMobile ? -modalHeight / 2 + 20 : -modalHeight / 2 + 30;\n const closeButton = this.add.text(closeX, closeY, \"X\", {\n fontSize: \"24px\",\n fill: \"#FF4444\",\n fontStyle: \"bold\"\n }).setInteractive().on(\"pointerdown\", () => {\n modal.destroy();\n maskGraphics.destroy();\n this.input.off('pointermove');\n this.input.off('pointerup');\n });\n modal.add(closeButton);\n modal.setScale(0.1);\n this.tweens.add({\n targets: modal,\n scale: 1,\n duration: 300,\n ease: 'Back.easeOut'\n });\n }\n setupPowerups() {\n const panelWidth = this.isMobile ? 320 : 300;\n const panelHeight = this.isMobile ? 220 : 480;\n let powerupX, powerupY;\n if (this.isMobile) {\n powerupX = this.cameras.main.width / 2;\n powerupY = this.cameras.main.height - 120;\n } else {\n powerupX = this.cameras.main.width - 170;\n powerupY = this.cameras.main.height / 2;\n }\n this.powerupContainer = this.add.container(powerupX, powerupY);\n this.powerupContainer.setDepth(20);\n this.gameContainer.add(this.powerupContainer);\n const powerupBg = this.add.rectangle(0, 0, panelWidth, panelHeight, 0x111122, 0.9).setStrokeStyle(2, 0x4444aa, 1);\n powerupBg.setVisible(true);\n this.powerupContainer.add(powerupBg);\n const titleY = -panelHeight / 2 + 30;\n const powerupTitle = this.add.text(0, titleY, \"POWER UPS\", {\n fontSize: this.isMobile ? \"20px\" : \"28px\",\n fill: \"#FFDD00\",\n fontStyle: \"bold\",\n stroke: \"#884400\",\n strokeThickness: 3\n }).setOrigin(0.5);\n this.powerupContainer.add(powerupTitle);\n this.powerupItemsContainer = this.add.container(0, 0);\n this.powerupContainer.add(this.powerupItemsContainer);\n const powerupKeys = Object.keys(this.powerups);\n let startY;\n let spacing = 110;\n if (this.isMobile) {\n const itemSize = 140;\n const margin = 10;\n const gridItemsPerRow = 2;\n const gridX = -panelWidth / 2 + itemSize / 2 + margin;\n const gridY = titleY + 60;\n powerupKeys.forEach((key, index) => {\n const col = index % gridItemsPerRow;\n const row = Math.floor(index / gridItemsPerRow);\n const x = gridX + col * (itemSize + margin);\n const y = gridY + row * (itemSize + margin);\n const powerup = this.powerups[key];\n const container = this.add.container(x, y);\n this.powerupItemsContainer.add(container);\n const bgSize = itemSize - margin;\n const bg = this.add.rectangle(0, 0, bgSize, bgSize, 0x222244, 0.9).setStrokeStyle(1, 0x4444aa).setInteractive().on(\"pointerdown\", () => this.buyPowerup(key)).on(\"pointerover\", () => {\n bg.setFillStyle(0x333355, 0.9);\n bg.setStrokeStyle(2, 0x6666ff);\n }).on(\"pointerout\", () => {\n bg.setFillStyle(0x222244, 0.9);\n bg.setStrokeStyle(1, 0x4444aa);\n });\n container.add(bg);\n let icon;\n const iconSize = 40;\n if (key === \"stick\" && this.textures.exists('tungTungStick')) {\n icon = this.add.sprite(0, -20, 'tungTungStick');\n } else if (key === \"autoSahur\" && this.textures.exists('autoSahur')) {\n icon = this.add.sprite(0, -20, 'autoSahur');\n } else if (key === \"bombardiro\" && this.textures.exists('bombardiroImage')) {\n icon = this.add.sprite(0, -20, 'bombardiroImage');\n } else if (key === \"factory\" && this.textures.exists('factoryImage')) {\n icon = this.add.sprite(0, -20, 'factoryImage');\n } else {\n icon = this.add.sprite(0, -20, key);\n }\n const scale = Math.min(iconSize / icon.width, iconSize / icon.height) * 0.9;\n icon.setScale(scale);\n container.add(icon);\n const name = this.add.text(0, 10, powerup.name, {\n fontSize: \"12px\",\n fill: \"#FFFFFF\",\n fontStyle: \"bold\",\n align: \"center\",\n wordWrap: {\n width: bgSize - 10\n }\n }).setOrigin(0.5);\n container.add(name);\n powerup.costText = this.add.text(0, 30, `${powerup.cost} | ${powerup.owned}`, {\n fontSize: \"11px\",\n fill: \"#AAFFAA\",\n align: \"center\"\n }).setOrigin(0.5);\n container.add(powerup.costText);\n });\n } else {\n startY = titleY + 70;\n powerupKeys.forEach((key, index) => {\n const y = startY + index * spacing;\n const powerup = this.powerups[key];\n const container = this.add.container(0, y);\n this.powerupItemsContainer.add(container);\n const bgWidth = 260;\n const bgHeight = 85;\n const bg = this.add.rectangle(0, 0, bgWidth, bgHeight, 0x222244, 0.9).setStrokeStyle(1, 0x4444aa).setInteractive().on(\"pointerdown\", () => this.buyPowerup(key)).on(\"pointerover\", () => {\n bg.setFillStyle(0x333355, 0.9);\n bg.setStrokeStyle(2, 0x6666ff);\n iconBg.setStrokeStyle(2, 0x6666ff);\n }).on(\"pointerout\", () => {\n bg.setFillStyle(0x222244, 0.9);\n bg.setStrokeStyle(1, 0x4444aa);\n iconBg.setStrokeStyle(1, 0x4444aa);\n });\n container.add(bg);\n const iconSize = 60;\n const iconX = -bgWidth / 2 + 35;\n const iconBg = this.add.circle(iconX, 0, iconSize / 2, 0x111133, 0.7).setStrokeStyle(1, 0x4444aa);\n container.add(iconBg);\n let icon;\n if (key === \"stick\" && this.textures.exists('tungTungStick')) {\n icon = this.add.sprite(iconX, 0, 'tungTungStick');\n const scale = Math.min(iconSize / icon.width, iconSize / icon.height) * 0.9;\n icon.setScale(scale);\n } else if (key === \"autoSahur\" && this.textures.exists('autoSahur')) {\n icon = this.add.sprite(iconX, 0, 'autoSahur');\n const scale = Math.min(iconSize / icon.width, iconSize / icon.height) * 0.9;\n icon.setScale(scale);\n } else if (key === \"bombardiro\" && this.textures.exists('bombardiroImage')) {\n icon = this.add.sprite(iconX, 0, 'bombardiroImage');\n const scale = Math.min(iconSize / icon.width, iconSize / icon.height) * 0.9;\n icon.setScale(scale);\n } else if (key === \"factory\" && this.textures.exists('factoryImage')) {\n icon = this.add.sprite(iconX, 0, 'factoryImage');\n const scale = Math.min(iconSize / icon.width, iconSize / icon.height) * 0.9;\n icon.setScale(scale);\n } else {\n icon = this.add.sprite(iconX, 0, key).setScale(0.5);\n }\n container.add(icon);\n const textX = -bgWidth / 2 + 75;\n const textWidth = bgWidth - 85;\n const titleSize = \"16px\";\n const descSize = \"13px\";\n const title = this.add.text(textX, -20, powerup.name, {\n fontSize: titleSize,\n fill: \"#FFFFFF\",\n fontStyle: \"bold\",\n wordWrap: {\n width: textWidth\n }\n });\n container.add(title);\n const descY = key === \"factory\" ? -5 : 0;\n const costY = key === \"factory\" ? 15 : 20;\n const desc = this.add.text(textX, descY, powerup.description, {\n fontSize: descSize,\n fill: \"#BBBBFF\",\n wordWrap: {\n width: textWidth\n }\n });\n container.add(desc);\n powerup.costText = this.add.text(textX, costY, `Cost: ${powerup.cost} | Owned: ${powerup.owned}`, {\n fontSize: descSize,\n fill: \"#AAFFAA\",\n wordWrap: {\n width: textWidth\n }\n });\n container.add(powerup.costText);\n });\n }\n if (!this.isMobile) {\n const guideY = startY + powerupKeys.length * spacing + 30;\n const guideButtonWidth = 220;\n const guideButtonHeight = 50;\n const guideButton = this.add.rectangle(0, guideY, guideButtonWidth, guideButtonHeight, 0x222244, 0.8).setStrokeStyle(1, 0x4444aa).setInteractive().on(\"pointerover\", () => {\n guideButton.setFillStyle(0x333355, 0.8);\n guideButton.setStrokeStyle(2, 0x6666ff);\n guideText.setScale(1.1);\n }).on(\"pointerout\", () => {\n guideButton.setFillStyle(0x222244, 0.8);\n guideButton.setStrokeStyle(1, 0x4444aa);\n guideText.setScale(1);\n }).on(\"pointerdown\", () => {\n this.showEvolutionGuide();\n });\n this.powerupContainer.add(guideButton);\n const guideText = this.add.text(0, guideY, \"EVOLUTION GUIDE\", {\n fontSize: \"16px\",\n fill: \"#FFFFFF\",\n fontStyle: \"bold\"\n }).setOrigin(0.5);\n this.powerupContainer.add(guideText);\n }\n if (this.isMobile) {\n let isDragging = false;\n let lastY;\n let scrollY = 0;\n const maxScroll = powerupKeys.length * spacing - panelHeight + 150;\n this.powerupContainer.setInteractive(new Phaser.Geom.Rectangle(-panelWidth / 2, -panelHeight / 2, panelWidth, panelHeight), Phaser.Geom.Rectangle.Contains);\n this.powerupContainer.on('pointerdown', pointer => {\n isDragging = true;\n lastY = pointer.y;\n });\n this.input.on('pointermove', pointer => {\n if (isDragging && this.powerupContainer.active) {\n const diff = pointer.y - lastY;\n scrollY = Phaser.Math.Clamp(scrollY + diff, -maxScroll, 0);\n this.powerupItemsContainer.y = scrollY;\n lastY = pointer.y;\n }\n });\n this.input.on('pointerup', () => {\n isDragging = false;\n });\n }\n }\n createSaveButton() {\n if (this.isMobile) {\n const saveIconSize = 40;\n this.saveIcon = this.add.image(this.cameras.main.width - 40, this.cameras.main.height - 40, 'saveIcon').setDisplaySize(saveIconSize, saveIconSize).setInteractive().setDepth(50);\n this.gameContainer.add(this.saveIcon);\n this.saveIcon.on('pointerdown', () => {\n this.toggleSaveForm();\n });\n this.createPlayerForm(true);\n } else {\n this.createPlayerForm(false);\n }\n }\n toggleSaveForm() {\n this.saveFormVisible = !this.saveFormVisible;\n if (this.saveFormVisible) {\n this.nameInput.style.display = 'block';\n this.solanaInput.style.display = 'block';\n this.submitButton.style.display = 'block';\n this.saveFormBg.setVisible(true);\n this.saveFormTitle.setVisible(true);\n } else {\n this.nameInput.style.display = 'none';\n this.solanaInput.style.display = 'none';\n this.submitButton.style.display = 'none';\n this.saveFormBg.setVisible(false);\n this.saveFormTitle.setVisible(false);\n }\n }\n createPlayerForm(hidden = false) {\n const formWidth = this.isMobile ? 300 : 440;\n const formHeight = this.isMobile ? 100 : 120;\n this.saveFormBg = this.add.rectangle(this.cameras.main.width / 2 - (this.isMobile ? 0 : 100), this.cameras.main.height - 90, formWidth, formHeight, 0x222244, 0.9).setStrokeStyle(2, 0x4444aa);\n this.saveFormBg.setDepth(50);\n this.gameContainer.add(this.saveFormBg);\n const titleSize = this.isMobile ? \"14px\" : \"18px\";\n this.saveFormTitle = this.add.text(this.cameras.main.width / 2 - (this.isMobile ? 0 : 100), this.cameras.main.height - 135, \"SAVE YOUR SCORE:\", {\n fontSize: titleSize,\n fill: \"#FFDD00\",\n fontStyle: \"bold\",\n stroke: \"#000000\",\n strokeThickness: 2\n }).setOrigin(0.5);\n this.saveFormTitle.setDepth(50);\n this.gameContainer.add(this.saveFormTitle);\n const nameInput = document.createElement(\"input\");\n nameInput.type = \"text\";\n nameInput.placeholder = \"Your Name\";\n nameInput.style = \"position: absolute; width: 180px; padding: 8px; border-radius: 8px; border: none; font-size: 14px; font-family: 'Courier New', monospace; background: #333355; color: #FFFFFF;\";\n const solanaInput = document.createElement(\"input\");\n solanaInput.type = \"text\";\n solanaInput.placeholder = \"Solana Address (Optional)\";\n solanaInput.style = \"position: absolute; width: 180px; padding: 8px; border-radius: 8px; border: none; font-size: 14px; font-family: 'Courier New', monospace; background: #333355; color: #FFFFFF;\";\n const button = document.createElement(\"button\");\n button.textContent = \"Save Score\";\n button.style = \"position: absolute; padding: 8px 16px; background: #5544FF; color: white; border: none; border-radius: 8px; cursor: pointer; font-size: 14px; font-family: 'Courier New', monospace; box-shadow: 0 2px 4px rgba(0,0,0,0.5);\";\n document.getElementById(\"app\").appendChild(nameInput);\n document.getElementById(\"app\").appendChild(solanaInput);\n document.getElementById(\"app\").appendChild(button);\n this.nameInput = nameInput;\n this.solanaInput = solanaInput;\n this.submitButton = button;\n if (hidden) {\n nameInput.style.display = 'none';\n solanaInput.style.display = 'none';\n button.style.display = 'none';\n this.saveFormBg.setVisible(false);\n this.saveFormTitle.setVisible(false);\n }\n this.positionFormElements();\n button.addEventListener(\"click\", () => {\n this.playerName = nameInput.value.trim();\n const solanaAddress = solanaInput.value.trim();\n if (this.playerName) {\n nameInput.disabled = true;\n solanaInput.disabled = true;\n button.disabled = true;\n button.textContent = \"Saved!\";\n button.style.backgroundColor = \"#44AA44\";\n const textSize = this.isMobile ? \"14px\" : \"16px\";\n const confirmText = this.add.text(this.cameras.main.width / 2 - (this.isMobile ? 0 : 100), this.cameras.main.height - 40, `${this.playerName} saved with ${this.formatNumber(this.score)} Tung Power!`, {\n fontSize: textSize,\n fill: \"#AAFFAA\"\n }).setOrigin(0.5);\n this.gameContainer.add(confirmText);\n this.particleEmitter.explode(20, this.cameras.main.width / 2 - (this.isMobile ? 0 : 100), this.cameras.main.height - 70);\n this.saveScore(this.playerName, this.score, solanaAddress);\n }\n });\n }\n saveScore(name, score, solanaAddress = '') {\n try {\n let scores = [];\n const savedScores = localStorage.getItem('tungTungScores');\n if (savedScores) {\n scores = JSON.parse(savedScores);\n }\n scores.push({\n name,\n score,\n solanaAddress\n });\n scores.sort((a, b) => b.score - a.score);\n scores = scores.slice(0, 10);\n localStorage.setItem('tungTungScores', JSON.stringify(scores));\n } catch (error) {\n console.error(\"Error saving score:\", error);\n }\n }\n positionFormElements() {\n if (!this.nameInput || !this.solanaInput) return;\n const bounds = document.getElementById(\"app\").getBoundingClientRect();\n const centerX = bounds.left + this.cameras.main.width / 2 - (this.isMobile ? 0 : 100);\n const y = bounds.top + this.cameras.main.height - 90;\n if (this.isMobile) {\n const inputWidth = 140;\n this.nameInput.style.width = `${inputWidth}px`;\n this.nameInput.style.fontSize = '12px';\n this.nameInput.style.padding = '6px';\n this.solanaInput.style.width = `${inputWidth}px`;\n this.solanaInput.style.fontSize = '10px';\n this.solanaInput.style.padding = '6px';\n this.submitButton.style.fontSize = '12px';\n this.submitButton.style.padding = '6px 10px';\n this.nameInput.style.left = `${centerX - inputWidth - 10}px`;\n this.nameInput.style.top = `${y - 25}px`;\n this.solanaInput.style.left = `${centerX - inputWidth - 10}px`;\n this.solanaInput.style.top = `${y + 10}px`;\n this.submitButton.style.left = `${centerX + 15}px`;\n this.submitButton.style.top = `${y - 8}px`;\n } else {\n this.nameInput.style.left = `${centerX - 200}px`;\n this.nameInput.style.top = `${y - 25}px`;\n this.solanaInput.style.left = `${centerX - 200}px`;\n this.solanaInput.style.top = `${y + 15}px`;\n this.submitButton.style.left = `${centerX + 90}px`;\n this.submitButton.style.top = `${y - 5}px`;\n }\n }\n increaseScore(value) {\n this.score += value;\n this.updateScoreDisplay();\n this.checkEvolution();\n this.updateProgressBar();\n }\n updateScoreDisplay() {\n this.scoreText.setText(`Tung Tung Power: ${this.formatNumber(this.score)}`);\n this.perClickText.setText(`+${this.clickValue} per click | +${this.autoClickValue} per second`);\n }\n checkEvolution() {\n for (let i = this.evolutionThresholds.length - 1; i >= 0; i--) {\n if (this.score >= this.evolutionThresholds[i] && this.currentLevel < i + 1) {\n this.evolveCharacter(i + 1);\n break;\n }\n }\n }\n evolveCharacter(level) {\n if (level === this.currentLevel) return;\n this.currentLevel = level;\n if (this.soundOn) {\n this.tungTungSahurSound.play();\n }\n const scaleAmount = this.isMobile ? 1.3 : 1.5;\n this.tweens.add({\n targets: this.character,\n scale: this.character.scale * scaleAmount,\n duration: 500,\n yoyo: true,\n onComplete: () => {\n this.character.setTexture(`character${level}`);\n this.particleEmitter.explode(50, this.character.x, this.character.y);\n this.updateEvolutionDisplay();\n const textSize = this.isMobile ? \"30px\" : \"36px\";\n const evolveText = this.add.text(this.character.x, this.character.y - 100, \"EVOLUTION!\", {\n fontSize: textSize,\n fill: \"#FFFF00\",\n fontStyle: \"bold\",\n stroke: \"#FF4400\",\n strokeThickness: 6,\n shadow: {\n offsetX: 2,\n offsetY: 2,\n color: '#000',\n blur: 5,\n stroke: true,\n fill: true\n }\n }).setOrigin(0.5);\n this.tweens.add({\n targets: evolveText,\n scale: 1.5,\n y: evolveText.y - 50,\n alpha: 0,\n duration: 1500,\n onComplete: () => evolveText.destroy()\n });\n }\n });\n }\n autoClick() {\n if (this.autoClickValue > 0) {\n this.increaseScore(this.autoClickValue);\n if (this.soundOn && Math.random() > 0.6) {\n this.tungSound.play({\n volume: 0.7\n });\n }\n if (Math.random() > 0.7) {\n const x = this.character.x + Phaser.Math.Between(-50, 50);\n const y = this.character.y + Phaser.Math.Between(-50, 50);\n const effect = this.add.sprite(x, y, \"clickEffect\");\n effect.setScale(0);\n effect.setAlpha(0.5);\n this.tweens.add({\n targets: effect,\n scale: 1,\n alpha: 0,\n duration: 300,\n onComplete: () => effect.destroy()\n });\n }\n }\n }\n buyPowerup(key) {\n const powerup = this.powerups[key];\n if (this.score >= powerup.cost) {\n if (this.soundOn) {\n this.tungSound.play();\n }\n this.score -= powerup.cost;\n powerup.owned++;\n if (key === \"stick\") {\n powerup.description = `+${powerup.owned + 1} Click per click`;\n } else if (key === \"autoSahur\") {\n powerup.description = `${powerup.owned + 1} Click per second`;\n } else if (key === \"bombardiro\") {\n powerup.description = `+${powerup.baseValue + (powerup.owned - 1) * 5} Clicks per click`;\n } else if (key === \"factory\") {\n powerup.description = `${powerup.baseValue + (powerup.owned - 1) * 5} Clicks per second`;\n }\n powerup.costText.setText(`Cost: ${powerup.cost} | Owned: ${powerup.owned}`);\n this.updatePowerupEffects();\n this.updateScoreDisplay();\n const purchaseText = this.add.text(this.cameras.main.width - 180, this.cameras.main.height / 2 - 150, \"PURCHASED!\", {\n fontSize: \"28px\",\n fill: \"#FFFF00\",\n fontStyle: \"bold\",\n stroke: \"#FF6600\",\n strokeThickness: 4,\n shadow: {\n offsetX: 1,\n offsetY: 1,\n color: '#000',\n blur: 3,\n stroke: true,\n fill: true\n }\n }).setOrigin(0.5);\n this.particleEmitter.explode(20, this.cameras.main.width - 180, this.cameras.main.height / 2 - 150);\n if (key === \"bombardiro\") {\n if (this.soundOn) {\n this.tungTungSahurSound.play();\n }\n const specialEffect = this.add.sprite(this.cameras.main.width - 180, this.cameras.main.height / 2 - 150, this.scene.systems.textures.exists('bombardiroImage') ? 'bombardiroImage' : 'bombardiro').setScale(0);\n this.tweens.add({\n targets: specialEffect,\n scale: 2,\n alpha: 0,\n duration: 800,\n onComplete: () => specialEffect.destroy()\n });\n }\n this.tweens.add({\n targets: purchaseText,\n scale: 1.5,\n alpha: 0,\n duration: 1000,\n onComplete: () => purchaseText.destroy()\n });\n } else {\n const container = powerup.costText.parentContainer;\n this.tweens.add({\n targets: container,\n x: container.x + 10,\n duration: 50,\n yoyo: true,\n repeat: 3\n });\n const notEnoughText = this.add.text(this.cameras.main.width - 180, this.cameras.main.height / 2 - 150, \"Not enough power!\", {\n fontSize: \"24px\",\n fill: \"#FF5555\"\n }).setOrigin(0.5);\n this.tweens.add({\n targets: notEnoughText,\n alpha: 0,\n duration: 1000,\n onComplete: () => notEnoughText.destroy()\n });\n }\n }\n updatePowerupEffects() {\n this.clickValue = 1;\n this.autoClickValue = 0;\n for (let i = 0; i < this.powerups.stick.owned; i++) {\n this.clickValue += i + 1;\n }\n for (let i = 0; i < this.powerups.autoSahur.owned; i++) {\n this.autoClickValue += i + 1;\n }\n for (let i = 0; i < this.powerups.bombardiro.owned; i++) {\n this.clickValue += this.powerups.bombardiro.baseValue + i * 5;\n }\n for (let i = 0; i < this.powerups.factory.owned; i++) {\n this.autoClickValue += this.powerups.factory.baseValue + i * 5;\n }\n }\n formatNumber(num) {\n if (num < 1000) return num.toString();\n if (num < 1000000) return `${(num / 1000).toFixed(1)}K`;\n if (num < 1000000000) return `${(num / 1000000).toFixed(1)}M`;\n return `${(num / 1000000000).toFixed(1)}B`;\n }\n createCursorButton() {\n const petButtonSize = this.isMobile ? 60 : 70;\n const buttonX = 65;\n const buttonY = 140;\n const spotlight = this.add.circle(buttonX, buttonY, petButtonSize * 0.7, 0xFFFFFF, 0.2);\n this.gameContainer.add(spotlight);\n this.tweens.add({\n targets: spotlight,\n scale: 1.3,\n alpha: 0.1,\n duration: 1500,\n yoyo: true,\n repeat: -1\n });\n this.petButton = this.add.image(buttonX, buttonY, 'petsButtonImage').setDisplaySize(petButtonSize, petButtonSize).setInteractive();\n this.gameContainer.add(this.petButton);\n this.tweens.add({\n targets: this.petButton,\n alpha: 0.8,\n duration: 1000,\n yoyo: true,\n repeat: -1\n });\n const petText = this.add.text(buttonX, buttonY + 40, \"PETS\", {\n fontSize: this.isMobile ? \"14px\" : \"16px\",\n fill: \"#FFFFFF\",\n fontStyle: \"bold\",\n stroke: \"#000000\",\n strokeThickness: 2\n }).setOrigin(0.5);\n this.gameContainer.add(petText);\n this.petButton.on('pointerdown', () => {\n this.showPetShop();\n });\n }\n showPetShop() {\n this.closeAllMenus();\n const modal = this.add.container(this.cameras.main.width / 2, this.cameras.main.height / 2);\n modal.setDepth(100);\n this.currentModal = modal;\n this.gameContainer.add(modal);\n const modalWidth = this.isMobile ? 300 : 500;\n const modalHeight = this.isMobile ? 400 : 500;\n const modalBg = this.add.rectangle(0, 0, modalWidth, modalHeight, 0x222233, 1).setStrokeStyle(2, 0x4444ff);\n modalBg.setInteractive();\n modal.add(modalBg);\n const title = this.add.text(0, -modalHeight / 2 + 30, \"PET SHOP\", {\n fontSize: this.isMobile ? \"22px\" : \"28px\",\n fill: \"#FFDD00\",\n fontStyle: \"bold\",\n stroke: \"#884400\",\n strokeThickness: 3\n }).setOrigin(0.5);\n modal.add(title);\n const subtitle = this.add.text(0, -modalHeight / 2 + 60, \"Click to buy pets that follow you\", {\n fontSize: this.isMobile ? \"14px\" : \"16px\",\n fill: \"#FFFFFF\"\n }).setOrigin(0.5);\n modal.add(subtitle);\n const itemsContainer = this.add.container(0, 0);\n modal.add(itemsContainer);\n const maskGraphics = this.make.graphics();\n maskGraphics.fillRect(this.cameras.main.width / 2 - modalWidth / 2, this.cameras.main.height / 2 - modalHeight / 2 + 100, modalWidth, modalHeight - 130);\n const mask = maskGraphics.createGeometryMask();\n itemsContainer.setMask(mask);\n const itemHeight = this.isMobile ? 70 : 80;\n const startY = -modalHeight / 2 + 120;\n const itemWidth = modalWidth - 40;\n let totalHeight = 0;\n this.pets.forEach((pet, index) => {\n const itemY = startY + index * (itemHeight + 10);\n const item = this.add.container(0, itemY);\n itemsContainer.add(item);\n totalHeight = itemY + itemHeight / 2;\n const itemBg = this.add.rectangle(0, 0, itemWidth, itemHeight, 0x222244, 1).setStrokeStyle(1, pet.owned ? 0x44FF44 : 0x4444aa);\n item.add(itemBg);\n const previewBox = this.add.rectangle(-itemWidth / 2 + 35, 0, 50, 50, 0x111133, 1).setStrokeStyle(1, 0x4444aa);\n item.add(previewBox);\n if (pet.image) {\n const preview = this.add.image(-itemWidth / 2 + 35, 0, pet.image).setDisplaySize(40, 40);\n item.add(preview);\n }\n const nameText = this.add.text(-itemWidth / 2 + 70, -15, pet.name, {\n fontSize: this.isMobile ? \"16px\" : \"18px\",\n fill: \"#FFFFFF\",\n fontStyle: \"bold\"\n });\n item.add(nameText);\n const costOrOwned = pet.owned ? \"OWNED\" : `Cost: ${this.formatNumber(pet.cost)} clicks`;\n const costText = this.add.text(-itemWidth / 2 + 70, 10, costOrOwned, {\n fontSize: this.isMobile ? \"14px\" : \"16px\",\n fill: pet.owned ? \"#AAFFAA\" : \"#FFAA55\"\n });\n item.add(costText);\n if (!pet.owned) {\n itemBg.setInteractive({\n useHandCursor: true\n });\n itemBg.on('pointerover', () => {\n itemBg.setFillStyle(0x333355, 1);\n });\n itemBg.on('pointerout', () => {\n itemBg.setFillStyle(0x222244, 1);\n });\n itemBg.on('pointerdown', pointer => {\n if (this.currentLevel < pet.requiredLevel) {\n this.showMessage(`Requires Level ${pet.requiredLevel}!`, \"#FF5555\");\n this.tweens.add({\n targets: item,\n x: 10,\n duration: 50,\n yoyo: true,\n repeat: 3\n });\n return;\n }\n if (this.score >= pet.cost) {\n this.score -= pet.cost;\n pet.owned = true;\n this.activePet = pet;\n this.spawnNewPet(pet.image);\n costText.setText(\"OWNED\");\n costText.setFill(\"#AAFFAA\");\n itemBg.setStrokeStyle(1, 0x44FF44);\n this.updateScoreDisplay();\n this.playPurchaseEffect(item.x, item.y);\n } else {\n this.showNotEnoughPowerMessage();\n this.tweens.add({\n targets: item,\n x: 10,\n duration: 50,\n yoyo: true,\n repeat: 3\n });\n }\n });\n } else {\n itemBg.setInteractive({\n useHandCursor: true\n });\n if (this.activePet.id === pet.id) {\n itemBg.setFillStyle(0x335544, 1);\n const activeText = this.add.text(itemWidth / 2 - 60, 0, \"ACTIVE\", {\n fontSize: \"14px\",\n fill: \"#AAFFAA\",\n fontStyle: \"bold\"\n }).setOrigin(0.5);\n item.add(activeText);\n }\n itemBg.on('pointerover', () => {\n itemBg.setFillStyle(0x333355, 1);\n });\n itemBg.on('pointerout', () => {\n itemBg.setFillStyle(this.activePet.id === pet.id ? 0x335544 : 0x222244, 1);\n });\n itemBg.on('pointerdown', pointer => {\n this.activePet = pet;\n if (pet.id !== 'default' && pet.image) {\n this.spawnNewPet(pet.image);\n }\n modal.destroy();\n overlay.destroy();\n this.currentModal = null;\n });\n }\n });\n let scrollY = 0;\n const maxScroll = Math.max(0, totalHeight - (modalHeight - 130) / 2);\n this.input.on('wheel', (pointer, gameObjects, deltaX, deltaY, deltaZ) => {\n if (modal.active) {\n scrollY = Phaser.Math.Clamp(scrollY + deltaY * 0.5, -maxScroll, 0);\n itemsContainer.y = scrollY;\n }\n });\n let isDragging = false;\n let lastY;\n modalBg.on('pointerdown', pointer => {\n isDragging = true;\n lastY = pointer.y;\n });\n this.input.on('pointermove', pointer => {\n if (isDragging && modal.active && this.currentModal === modal) {\n const diff = pointer.y - lastY;\n scrollY = Phaser.Math.Clamp(scrollY + diff, -maxScroll, 0);\n itemsContainer.y = scrollY;\n lastY = pointer.y;\n }\n });\n this.input.on('pointerup', () => {\n isDragging = false;\n });\n const closeButton = this.add.text(modalWidth / 2 - 20, -modalHeight / 2 + 20, \"X\", {\n fontSize: \"24px\",\n fill: \"#FF4444\",\n fontStyle: \"bold\"\n }).setInteractive({\n useHandCursor: true\n }).on(\"pointerdown\", pointer => {\n modal.destroy();\n maskGraphics.destroy();\n this.input.off('wheel');\n this.input.off('pointermove');\n this.input.off('pointerup');\n this.currentModal = null;\n });\n modal.add(closeButton);\n modal.setScale(0.1);\n this.tweens.add({\n targets: modal,\n scale: 1,\n duration: 300,\n ease: 'Back.easeOut'\n });\n }\n closeAllMenus() {\n if (this.currentModal) {\n this.currentModal.destroy();\n this.currentModal = null;\n const overlays = this.children.list.filter(child => child.type === 'Rectangle' && child.fillAlpha === 0.5 && child.depth === 99);\n overlays.forEach(overlay => overlay.destroy());\n }\n }\n spawnNewPet(imageKey) {\n if (!imageKey) return;\n const pet = this.add.image(Phaser.Math.Between(100, this.cameras.main.width - 100), Phaser.Math.Between(100, this.cameras.main.height - 100), imageKey);\n pet.setScale(0.5);\n this.petContainer.add(pet);\n this.activePets.push(pet);\n this.movePet(pet);\n }\n movePet(pet) {\n if (!pet || !pet.active) return;\n const margin = 100;\n const x = Phaser.Math.Between(margin, this.cameras.main.width - margin);\n const y = Phaser.Math.Between(margin, this.cameras.main.height - margin);\n const distance = Phaser.Math.Distance.Between(pet.x, pet.y, x, y);\n const duration = distance * 10;\n pet.setFlipX(x < pet.x);\n this.tweens.add({\n targets: pet,\n x: x,\n y: y,\n duration: duration,\n ease: 'Sine.easeInOut',\n onComplete: () => {\n this.time.delayedCall(Phaser.Math.Between(1000, 3000), () => this.movePet(pet));\n }\n });\n }\n updateCustomCursor(imageKey) {\n return;\n }\n showMessage(text, color = \"#FFFFFF\") {\n const message = this.add.text(this.cameras.main.width / 2, this.cameras.main.height / 2 - 100, text, {\n fontSize: \"24px\",\n fill: color,\n stroke: \"#000\",\n strokeThickness: 3\n }).setOrigin(0.5).setDepth(1000);\n this.tweens.add({\n targets: message,\n alpha: 0,\n y: message.y - 30,\n duration: 1500,\n onComplete: () => message.destroy()\n });\n }\n playPurchaseEffect(x, y) {\n if (this.soundOn) {\n this.tungTungSahurSound.play();\n }\n this.particleEmitter.explode(20, x, y);\n const purchaseText = this.add.text(0, -30, \"CURSOR UNLOCKED!\", {\n fontSize: \"28px\",\n fill: \"#FFFF00\",\n fontStyle: \"bold\",\n stroke: \"#FF6600\",\n strokeThickness: 4\n }).setOrigin(0.5);\n this.tweens.add({\n targets: purchaseText,\n scale: 1.5,\n alpha: 0,\n duration: 1000,\n onComplete: () => purchaseText.destroy()\n });\n }\n showNotEnoughPowerMessage() {\n const notEnoughText = this.add.text(this.cameras.main.width / 2, this.cameras.main.height / 2 - 100, \"Not enough Tung Power!\", {\n fontSize: \"24px\",\n fill: \"#FF5555\",\n stroke: \"#000\",\n strokeThickness: 3\n }).setOrigin(0.5);\n this.tweens.add({\n targets: notEnoughText,\n alpha: 0,\n y: notEnoughText.y - 30,\n duration: 1500,\n onComplete: () => notEnoughText.destroy()\n });\n }\n resize() {\n if (this.background && this.cameras && this.cameras.main) {\n this.background.setDisplaySize(this.cameras.main.width, this.cameras.main.height);\n }\n this.isMobile = this.game.device.os.android || this.game.device.os.iOS || this.game.device.os.windowsPhone || window.innerWidth < 800;\n const characterScale = this.isMobile ? 0.8 : 1;\n this.character.setScale(characterScale);\n this.character.setPosition(this.cameras.main.width / 2 - (this.isMobile ? 0 : 100), this.cameras.main.height / 2);\n this.scoreText.setPosition(this.cameras.main.width / 2 - (this.isMobile ? 0 : 100), 140);\n this.perClickText.setPosition(this.cameras.main.width / 2 - (this.isMobile ? 0 : 100), 170);\n if (this.evolutionDisplay) {\n const evoContainerY = this.isMobile ? 60 : 80;\n this.evolutionDisplay.setPosition(this.cameras.main.width / 2 - (this.isMobile ? 0 : 100), evoContainerY);\n this.updateProgressBar();\n }\n if (this.powerupContainer) {\n if (this.isMobile) {\n this.powerupContainer.setPosition(this.cameras.main.width / 2, this.cameras.main.height - 120);\n } else {\n this.powerupContainer.setPosition(this.cameras.main.width - 170, this.cameras.main.height / 2);\n }\n this.powerupContainer.setVisible(true);\n this.powerupContainer.setAlpha(1);\n }\n if (this.soundButton) {\n this.soundButton.setPosition(this.cameras.main.width - 40, 40);\n }\n if (this.petButton) {\n const buttonX = 65;\n const buttonY = 140;\n this.petButton.setPosition(buttonX, buttonY);\n const petTexts = this.gameContainer.list.filter(item => item.type === 'Text' && item.text === 'PETS');\n if (petTexts.length > 0) {\n petTexts[0].setPosition(buttonX, buttonY + 40);\n }\n }\n if (this.mobileGuideButton && this.mobileGuideText) {\n this.mobileGuideButton.setPosition(this.cameras.main.width / 2, 40);\n this.mobileGuideText.setPosition(this.cameras.main.width / 2, 40);\n }\n if (this.saveIcon && this.isMobile) {\n this.saveIcon.setPosition(this.cameras.main.width - 40, this.cameras.main.height - 40);\n }\n if (this.saveFormBg) {\n this.saveFormBg.setPosition(this.cameras.main.width / 2 - (this.isMobile ? 0 : 100), this.cameras.main.height - 90);\n this.saveFormTitle.setPosition(this.cameras.main.width / 2 - (this.isMobile ? 0 : 100), this.cameras.main.height - 135);\n }\n this.positionFormElements();\n }\n update() {}\n shutdown() {\n if (this.nameInput) {\n this.nameInput.remove();\n }\n if (this.solanaInput) {\n this.solanaInput.remove();\n }\n if (this.submitButton) {\n this.submitButton.remove();\n }\n if (this.tungSound) {\n this.tungSound.stop();\n }\n if (this.tungTungSahurSound) {\n this.tungTungSahurSound.stop();\n }\n this.activePets.forEach(pet => {\n this.tweens.killTweensOf(pet);\n });\n }\n backToMenu() {\n if (this.nameInput) {\n this.nameInput.style.display = 'none';\n }\n if (this.solanaInput) {\n this.solanaInput.style.display = 'none';\n }\n if (this.submitButton) {\n this.submitButton.style.display = 'none';\n }\n if (this.petContainer) {\n this.petContainer.removeAll(true);\n }\n this.scene.start('MainMenuScene');\n }\n}\nconst config = {\n type: Phaser.AUTO,\n scale: {\n mode: Phaser.Scale.RESIZE,\n parent: \"app\",\n width: window.innerWidth,\n height: window.innerHeight\n },\n backgroundColor: \"#1A1A28\",\n physics: {\n default: \"arcade\",\n arcade: {\n gravity: {\n y: 0\n }\n }\n },\n scene: [BootScene, MainMenuScene, LeaderboardScene, GameScene]\n};\nexport const game = new Phaser.Game(config);","packageJson","{\"dependencies\":{\"phaser\":\"3.60.0\"}}","appFunctions",[],"token",{"_18":84,"_85":86,"_87":88,"_89":90,"_91":92,"_93":94,"_95":96,"_97":98,"_99":100,"_74":75},"Tung Tung Tung Sahur","symbol","Sahur","price",0.00004324,"marketcap",42641.91692196,"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",[105,109,111,113,115,117,119,121,123,125,127,129,131,133,135,136,137,138],{"_106":107,"_108":70},"day","2025-07-03","runCount",{"_106":110,"_108":70},"2025-07-04",{"_106":112,"_108":70},"2025-07-05",{"_106":114,"_108":70},"2025-07-06",{"_106":116,"_108":70},"2025-07-07",{"_106":118,"_108":70},"2025-07-08",{"_106":120,"_108":70},"2025-07-09",{"_106":122,"_108":70},"2025-07-10",{"_106":124,"_108":70},"2025-07-11",{"_106":126,"_108":70},"2025-07-12",{"_106":128,"_108":70},"2025-07-13",{"_106":130,"_108":70},"2025-07-14",{"_106":132,"_108":70},"2025-07-15",{"_106":134,"_108":70},"2025-07-16",{"_106":114,"_108":40},{"_106":118,"_108":40},{"_106":130,"_108":40},{"_106":139,"_108":40},"2025-07-17","snapshot","ogImage","https://cdn.dev.fun/og/image/f0f58ea65a15b8e6ae8e/730fa8d7.webp","isDevbase","actionData","errors"]

say something