[{"_1":2,"_120":-5,"_121":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/app.$appId",{"_12":13},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_5":44,"_56":57,"_58":59,"_60":41,"_61":62,"_63":59,"_64":65,"_66":41,"_67":65,"_68":59,"_69":59,"_70":17,"_71":25,"_72":-5,"_73":74,"_75":76,"_77":78,"_79":-5,"_80":-5,"_81":17,"_82":83,"_116":31,"_117":118,"_119":25},"id","87e747e0a2e9b21d20a9","isMyApp",false,"name","DEATH Arena","description","Welcome to Pixel Purgatory, where your chat commands dictate life or pixelated death! Viewers become gladiators, navigating a chaotic 2D arena, dodging bombs and snatching coins, all while the streamer, the ultimate puppet master, rains down chaos with emojis. Survive the pixelated onslaught, outscore your rivals, and claim your fleeting glory before your wallet address is etched into the digital hall of fame... or infamy, as your pixelated ghost haunts the arena with your last chat message.","brief","Command pixel gladiators via chat, dodge streamer-spawned chaos, and fight for survival in a brutal 2D arena where only one wallet reigns supreme.","isLive",true,"isPublic","tags",[29],"👑","cover","https://cdn.dev.fun/snapshot/87e747e0a2e9b21d20a9/88332_7ca176c0.webp","cdnUrl","https://cdn.dev.fun/app/87e747e0a2e9b21d20a9/88332","createdAt",["D",1752266405653],"updatedAt",["D",1752692210171],"lastCommitId",["B","88332"],"tier",1,"credits",8,{"_14":45,"_46":47,"_48":47,"_49":50,"_51":47,"_52":53,"_54":55},"1eaec144-69a9-4224-b940-fffc75be6107","uniqueId","kasper","username","solanaWallet","6SxLVfFovSjR2LAFcJ5wfT6RFjc8GxsscRekGnLq8BMe","displayName","bio","i paint pictures in my mind\nhttps://x.com/kasperwtrcolor","avatar","https://cdn.dev.fun/avatar/1eaec144-69a9-4224-b940-fffc75be6107/fe34aaaa.webp","commitCount",45,"forkCount",0,"likeCount","runsCount",49,"downvoteCount","upvoteCount",2,"upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","code","import * as Phaser from \"phaser\";\nimport { io } from \"socket.io-client\";\nimport { StateClient } from \"@devfunlabs/state-client\";\nconst STREAMER_WALLET = \"STREAMER_ADDRESS\";\nconst ROUND_DURATION = 180000;\nlet gameStarted = false;\nlet currentScene = null;\nclass SplashScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"SplashScene\"\n });\n this.demoPlayers = [];\n this.demoItems = [];\n this.animationActive = true;\n this.sceneTransitioned = false;\n }\n preload() {\n const graphics = this.make.graphics({\n x: 0,\n y: 0\n });\n graphics.fillStyle(0x333333, 1);\n graphics.fillRect(0, 0, 8, 8);\n graphics.generateTexture(\"particle\", 8, 8);\n graphics.destroy();\n this.load.image('logo', 'https://cdn.dev.fun/asset/87e747e0a2e9b21d20a9/image-removebg-preview%20(2)_9a386b2b.png');\n }\n create() {\n if (gameStarted) {\n this.scene.start(\"GameScene\");\n return;\n }\n currentScene = \"SplashScene\";\n this.createBackground();\n this.createTitle();\n this.createDemoArena();\n this.startDemoAnimation();\n this.createClickToContinue();\n this.input.once('pointerdown', () => {\n if (!this.sceneTransitioned) {\n this.sceneTransitioned = true;\n this.animationActive = false;\n gameStarted = true;\n this.scene.start(\"BootScene\");\n }\n });\n }\n createBackground() {\n const graphics = this.add.graphics();\n graphics.fillGradientStyle(0x6a3de8, 0x6a3de8, 0xff5bac, 0x3d91e8, 1, 1, 1, 1);\n graphics.fillRect(0, 0, this.scale.width, this.scale.height);\n for (let i = 0; i < 30; i++) {\n const x = Phaser.Math.Between(0, this.scale.width);\n const y = Phaser.Math.Between(0, this.scale.height);\n const particle = this.add.image(x, y, \"particle\");\n particle.setAlpha(0.3);\n particle.setTint(0xFFFFFF);\n particle.setScale(Phaser.Math.FloatBetween(0.5, 1.5));\n this.tweens.add({\n targets: particle,\n y: y - 50,\n alpha: 0.1,\n duration: Phaser.Math.Between(3000, 6000),\n repeat: -1,\n yoyo: true\n });\n }\n }\n createTitle() {\n const isMobile = window.innerWidth <= 768;\n const logo = this.add.image(this.scale.width / 2, isMobile ? 100 : 150, 'logo').setOrigin(0.5);\n const logoScale = isMobile ? 0.4 : 0.6;\n logo.setScale(logoScale);\n this.tweens.add({\n targets: logo,\n scaleX: logoScale * 1.1,\n scaleY: logoScale * 1.1,\n duration: 1500,\n yoyo: true,\n repeat: -1\n });\n }\n createDemoArena() {\n const isMobile = window.innerWidth <= 768;\n this.gridSize = 40;\n this.arenaWidth = 20 * this.gridSize;\n this.arenaHeight = 18 * this.gridSize;\n this.arenaLeft = (this.scale.width - this.arenaWidth) / 2;\n this.arenaTop = isMobile ? 180 : 250;\n const graphics = this.add.graphics();\n graphics.lineStyle(6, 0xFFFFFF, 1);\n graphics.strokeRect(this.arenaLeft, this.arenaTop, this.arenaWidth, this.arenaHeight);\n this.tweens.add({\n targets: graphics,\n alpha: 0.6,\n duration: 1000,\n yoyo: true,\n repeat: -1\n });\n graphics.lineStyle(2, 0xFFFFFF, 0.4);\n for (let x = this.arenaLeft + this.gridSize; x < this.arenaLeft + this.arenaWidth; x += this.gridSize) {\n graphics.moveTo(x, this.arenaTop);\n graphics.lineTo(x, this.arenaTop + this.arenaHeight);\n }\n for (let y = this.arenaTop + this.gridSize; y < this.arenaTop + this.arenaHeight; y += this.gridSize) {\n graphics.moveTo(this.arenaLeft, y);\n graphics.lineTo(this.arenaLeft + this.arenaWidth, y);\n }\n graphics.strokePath();\n }\n startDemoAnimation() {\n const faceEmojis = [\"😀\", \"😃\", \"😄\", \"😁\", \"😆\", \"😅\", \"🤣\", \"😂\", \"🙂\", \"🙃\", \"😉\", \"😊\"];\n for (let i = 0; i < 4; i++) {\n const x = this.arenaLeft + Phaser.Math.Between(50, this.arenaWidth - 50);\n const y = this.arenaTop + Phaser.Math.Between(50, this.arenaHeight - 50);\n const emoji = faceEmojis[i % faceEmojis.length];\n const player = this.add.text(x, y, emoji, {\n fontSize: \"24px\",\n fontFamily: \"monospace\"\n }).setOrigin(0.5);\n const nameText = this.add.text(x, y - 30, `Player${i + 1}`, {\n fontSize: \"10px\",\n color: \"#ffffff\",\n fontFamily: \"monospace\"\n }).setOrigin(0.5);\n const trail = this.add.particles(0, 0, \"particle\", {\n follow: player,\n quantity: 1,\n scale: {\n start: 0.3,\n end: 0\n },\n lifespan: 500,\n alpha: {\n start: 0.5,\n end: 0\n }\n });\n this.demoPlayers.push({\n sprite: player,\n nameText: nameText,\n trail: trail\n });\n this.animatePlayer(player, nameText);\n }\n this.time.addEvent({\n delay: 2000,\n callback: this.spawnDemoItem,\n callbackScope: this,\n loop: true\n });\n for (let i = 0; i < 3; i++) {\n this.time.delayedCall(i * 500, () => this.spawnDemoItem());\n }\n }\n animatePlayer(player, nameText) {\n if (!this.animationActive) return;\n const moveToRandomPosition = () => {\n if (!this.animationActive) return;\n const newX = this.arenaLeft + Phaser.Math.Between(30, this.arenaWidth - 30);\n const newY = this.arenaTop + Phaser.Math.Between(30, this.arenaHeight - 30);\n this.tweens.add({\n targets: player,\n x: newX,\n y: newY,\n duration: 2000,\n ease: 'Power2',\n onUpdate: () => {\n nameText.setPosition(player.x, player.y - 30);\n },\n onComplete: () => {\n this.time.delayedCall(1000, moveToRandomPosition);\n }\n });\n };\n moveToRandomPosition();\n }\n spawnDemoItem() {\n if (!this.animationActive) return;\n const itemTypes = [{\n emoji: \"💰\",\n color: 0xffff00\n }, {\n emoji: \"💣\",\n color: 0xff0000\n }, {\n emoji: \"⚡\",\n color: 0xff00ff\n }];\n const randomType = itemTypes[Math.floor(Math.random() * itemTypes.length)];\n const x = this.arenaLeft + Phaser.Math.Between(30, this.arenaWidth - 30);\n const y = this.arenaTop + Phaser.Math.Between(30, this.arenaHeight - 30);\n const item = this.add.text(x, y, randomType.emoji, {\n fontSize: \"28px\",\n color: \"#ffffff\"\n }).setOrigin(0.5);\n if (randomType.emoji === \"💰\") {\n this.tweens.add({\n targets: item,\n scaleX: 1.2,\n scaleY: 1.2,\n duration: 500,\n yoyo: true,\n repeat: -1\n });\n } else if (randomType.emoji === \"⚡\") {\n this.tweens.add({\n targets: item,\n rotation: Math.PI * 2,\n duration: 1000,\n repeat: -1\n });\n } else if (randomType.emoji === \"💣\") {\n this.tweens.add({\n targets: item,\n alpha: 0.5,\n duration: 300,\n yoyo: true,\n repeat: -1\n });\n }\n this.demoItems.push(item);\n this.time.delayedCall(4000, () => {\n if (this.animationActive && item.scene) {\n const emitter = this.add.particles(item.x, item.y, \"particle\", {\n speed: {\n min: 50,\n max: 100\n },\n scale: {\n start: 0.5,\n end: 0\n },\n lifespan: 300,\n tint: randomType.color,\n quantity: 8,\n emitting: false\n });\n emitter.explode(8);\n this.time.delayedCall(500, () => {\n if (emitter.scene) emitter.destroy();\n });\n item.destroy();\n const index = this.demoItems.indexOf(item);\n if (index > -1) {\n this.demoItems.splice(index, 1);\n }\n }\n });\n }\n createClickToContinue() {\n const isMobile = window.innerWidth <= 768;\n const continueText = this.add.text(this.scale.width / 2, this.scale.height - (isMobile ? 60 : 80), 'CLICK ANYWHERE TO CONTINUE', {\n fontSize: isMobile ? \"18px\" : \"24px\",\n color: \"#FFFFFF\",\n fontFamily: `'VT323', 'Silkscreen', monospace`,\n fontWeight: \"bold\"\n }).setOrigin(0.5);\n this.tweens.add({\n targets: continueText,\n alpha: 0.3,\n duration: 1000,\n yoyo: true,\n repeat: -1\n });\n }\n update() {}\n}\nclass BootScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"BootScene\"\n });\n }\n preload() {\n const graphics = this.make.graphics({\n x: 0,\n y: 0\n });\n graphics.fillStyle(0x333333, 1);\n graphics.fillRect(0, 0, 8, 8);\n graphics.generateTexture(\"particle\", 8, 8);\n graphics.destroy();\n }\n create() {\n currentScene = \"BootScene\";\n this.scene.start(\"GameScene\");\n }\n}\nclass GameScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"GameScene\"\n });\n this.players = new Map();\n this.items = new Map();\n this.roundActive = false;\n this.roundTimer = 0;\n this.roundStartTime = 0;\n this.connectedWallet = null;\n this.currentToken = null;\n this.currentRoundLeaderboard = [];\n this.allTimeLeaderboard = [];\n this.roundNumber = 0;\n this.winnerPopupShown = false;\n this.eliminatedPlayers = [];\n this.faceEmojis = [\"😀\", \"😃\", \"😄\", \"😁\", \"😆\", \"😅\", \"🤣\", \"😂\", \"🙂\", \"🙃\", \"😉\", \"😊\", \"😇\", \"🥰\", \"😍\", \"🤩\", \"😘\", \"😗\", \"😚\", \"😙\", \"🥲\", \"😋\", \"😛\", \"😜\", \"🤪\", \"😝\", \"🤑\", \"🤗\", \"🤭\", \"🤫\", \"🤔\", \"🤐\", \"🤨\", \"😐\", \"😑\", \"😶\", \"😏\", \"😒\", \"🙄\", \"😬\", \"🤥\", \"😔\", \"😪\", \"🤤\", \"😴\", \"😷\", \"🤒\", \"🤕\", \"🤢\", \"🤮\", \"🤧\", \"🥵\", \"🥶\", \"🥴\", \"😵\", \"🤯\", \"🤠\", \"🥳\", \"🥸\", \"😎\", \"🤓\", \"🧐\", \"😕\", \"😟\", \"🙁\", \"😮\", \"😯\", \"😲\", \"😳\", \"🥺\", \"😦\", \"😧\", \"😨\", \"😰\", \"😥\", \"😢\", \"😭\", \"😱\", \"😖\", \"😣\", \"😞\", \"😓\", \"😩\", \"😫\", \"🥱\", \"😤\", \"😡\", \"😠\", \"🤬\", \"😈\", \"👿\", \"💀\", \"💩\", \"🤡\", \"👹\", \"👺\", \"👻\", \"👽\", \"👾\", \"🤖\"];\n this.usedEmojis = new Set();\n this.playerEmojis = new Map();\n this.sceneInitialized = false;\n }\n create() {\n if (this.sceneInitialized) {\n return;\n }\n this.sceneInitialized = true;\n currentScene = \"GameScene\";\n this.injectGlobalStyles();\n this.stateClient = new StateClient({\n baseURL: \"https://state.dev.fun\",\n appId: \"87e747e0a2e9b21d20a9\"\n });\n this.socket = io(\"wss://ws.dev.fun/app-87e747e0a2e9b21d20a9\");\n this.createHeaderUI();\n this.createArena();\n this.setupChat();\n this.createUI();\n this.physics.world.setBounds(50, 20, this.scale.width - 100, this.scale.height - 120);\n this.socket.on(\"pumpfun:newMessage\", message => {\n this.handleChatMessage(message);\n });\n this.time.addEvent({\n delay: 1000,\n callback: this.updateTimer,\n callbackScope: this,\n loop: true\n });\n this.loadLeaderboard();\n }\n createHeaderUI() {\n const isMobile = window.innerWidth <= 768;\n const headerDiv = document.createElement('div');\n headerDiv.style.position = 'fixed';\n headerDiv.style.top = '0';\n headerDiv.style.left = '0';\n headerDiv.style.width = '100%';\n headerDiv.style.height = isMobile ? '120px' : '80px';\n headerDiv.style.background = 'linear-gradient(90deg, #6a3de8 0%, #ff5bac 50%, #3d91e8 100%)';\n headerDiv.classList.add('header-div');\n headerDiv.style.borderBottom = 'var(--pixel-border)';\n headerDiv.style.display = 'flex';\n headerDiv.style.flexDirection = isMobile ? 'column' : 'row';\n headerDiv.style.alignItems = 'center';\n headerDiv.style.justifyContent = 'space-between';\n headerDiv.style.padding = isMobile ? '10px' : '0 20px';\n headerDiv.style.zIndex = '1000';\n headerDiv.style.fontFamily = `'Courier New', Monaco, monospace`;\n const leftSection = document.createElement('div');\n leftSection.style.display = 'flex';\n leftSection.style.flexDirection = isMobile ? 'column' : 'row';\n leftSection.style.alignItems = 'center';\n leftSection.style.gap = isMobile ? '8px' : '15px';\n leftSection.style.width = isMobile ? '100%' : 'auto';\n const title = document.createElement('h1');\n title.textContent = 'DEATH Arena';\n title.style.fontFamily = `'VT323', 'Silkscreen', monospace`;\n title.style.color = '#FFFFFF';\n title.style.margin = '0';\n title.style.fontSize = isMobile ? '18px' : '24px';\n title.style.fontWeight = 'bold';\n const inputContainer = document.createElement('div');\n inputContainer.style.display = 'flex';\n inputContainer.style.alignItems = 'center';\n inputContainer.style.gap = '5px';\n inputContainer.style.flexWrap = 'wrap';\n const tokenLabel = document.createElement('label');\n tokenLabel.textContent = 'Token:';\n tokenLabel.style.color = '#fff';\n tokenLabel.style.fontSize = isMobile ? '12px' : '14px';\n const tokenInput = document.createElement('input');\n tokenInput.type = 'text';\n tokenInput.placeholder = isMobile ? 'Token address...' : 'Enter pump.fun token address...';\n tokenInput.value = new URLSearchParams(window.location.search).get(\"token\") || \"3h9qxTziiuyH8vc3RVnZHUiihUVq2y8engyPGuPxpump\";\n tokenInput.style.padding = isMobile ? '6px' : '8px';\n tokenInput.style.fontSize = isMobile ? '10px' : '12px';\n tokenInput.style.backgroundColor = '#FFFFFF';\n tokenInput.style.color = '#0a2540';\n tokenInput.style.borderRadius = '0px';\n tokenInput.style.width = isMobile ? '150px' : '300px';\n const connectBtn = document.createElement('button');\n connectBtn.textContent = isMobile ? 'Connect' : 'Connect Chat';\n connectBtn.style.padding = isMobile ? '6px 10px' : '8px 15px';\n connectBtn.style.fontSize = isMobile ? '10px' : '12px';\n connectBtn.style.backgroundColor = 'var(--battle-green)';\n connectBtn.style.color = '#000';\n connectBtn.style.border = 'none';\n connectBtn.style.borderRadius = '0px';\n connectBtn.style.cursor = 'pointer';\n connectBtn.style.fontWeight = 'bold';\n const rightSection = document.createElement('div');\n rightSection.style.display = 'flex';\n rightSection.style.alignItems = 'center';\n rightSection.style.gap = isMobile ? '8px' : '15px';\n rightSection.style.flexWrap = 'wrap';\n const walletBtn = document.createElement('button');\n walletBtn.textContent = isMobile ? 'Wallet' : 'Connect Wallet';\n walletBtn.style.padding = isMobile ? '6px 10px' : '8px 15px';\n walletBtn.style.fontSize = isMobile ? '10px' : '12px';\n walletBtn.style.backgroundColor = 'var(--primary-blue)';\n walletBtn.style.color = '#fff';\n walletBtn.style.border = 'none';\n walletBtn.style.borderRadius = '0px';\n walletBtn.style.cursor = 'pointer';\n walletBtn.style.fontWeight = 'bold';\n const statusDiv = document.createElement('div');\n statusDiv.style.color = '#FFFFFF';\n statusDiv.style.fontSize = isMobile ? '10px' : '12px';\n statusDiv.style.textAlign = isMobile ? 'center' : 'right';\n connectBtn.onclick = () => {\n const token = tokenInput.value.trim();\n if (token) {\n this.currentToken = token;\n this.socket.emit(\"join\", `pumpfun-${token}`);\n statusDiv.innerHTML = `Connected to: ${token.slice(0, 8)}...
Status: Active`;\n if (this.chatContainer) {\n this.chatContainer.style.display = 'block';\n }\n }\n };\n const controlBtn = document.createElement('button');\n controlBtn.textContent = isMobile ? 'Panel' : 'Streamer Panel';\n controlBtn.style.padding = isMobile ? '6px 10px' : '8px 15px';\n controlBtn.style.fontSize = isMobile ? '10px' : '12px';\n controlBtn.style.backgroundColor = 'var(--action-pink)';\n controlBtn.style.color = '#FFFFFF';\n controlBtn.style.border = 'none';\n controlBtn.style.borderRadius = '0px';\n controlBtn.style.cursor = 'pointer';\n controlBtn.style.fontWeight = 'bold';\n controlBtn.style.display = 'none';\n walletBtn.onclick = async () => {\n if (window.solana && window.solana.isPhantom) {\n try {\n const response = await window.solana.connect();\n this.connectedWallet = response.publicKey.toString();\n walletBtn.textContent = `${this.connectedWallet.slice(0, 4)}...${this.connectedWallet.slice(-4)}`;\n walletBtn.style.backgroundColor = 'var(--battle-green)';\n walletBtn.style.color = '#000';\n controlBtn.style.display = 'block';\n if (this.connectedWallet === STREAMER_WALLET) {\n statusDiv.innerHTML += '
STREAMER MODE';\n if (this.streamerPanel) {\n this.streamerPanel.style.display = 'block';\n }\n }\n } catch (error) {\n console.error('Wallet connection failed:', error);\n }\n } else {\n alert('Please install Phantom wallet');\n }\n };\n controlBtn.onclick = () => {\n if (this.streamerPanel) {\n this.streamerPanel.style.display = this.streamerPanel.style.display === 'none' ? 'block' : 'none';\n }\n };\n leftSection.appendChild(title);\n inputContainer.appendChild(tokenLabel);\n inputContainer.appendChild(tokenInput);\n inputContainer.appendChild(connectBtn);\n leftSection.appendChild(inputContainer);\n rightSection.appendChild(walletBtn);\n rightSection.appendChild(controlBtn);\n rightSection.appendChild(statusDiv);\n headerDiv.appendChild(leftSection);\n headerDiv.appendChild(rightSection);\n document.body.appendChild(headerDiv);\n const gameContainer = document.getElementById('app');\n gameContainer.style.marginTop = isMobile ? '120px' : '80px';\n gameContainer.style.height = isMobile ? 'calc(100vh - 120px)' : 'calc(100vh - 80px)';\n }\n createArena() {\n this.gridSize = 40;\n this.arenaWidth = 20 * this.gridSize;\n this.arenaHeight = 18 * this.gridSize;\n this.arenaLeft = (this.scale.width - this.arenaWidth) / 2;\n this.arenaTop = 20;\n const graphics = this.add.graphics();\n graphics.fillStyle(0x000000, 0.8);\n graphics.fillRect(this.arenaLeft + 3, this.arenaTop + 3, this.arenaWidth, this.arenaHeight);\n graphics.fillStyle(0x6a3de8, 0.3);\n graphics.fillRect(this.arenaLeft, this.arenaTop, this.arenaWidth, this.arenaHeight);\n graphics.lineStyle(2, 0x000000, 1);\n graphics.strokeRect(this.arenaLeft, this.arenaTop, this.arenaWidth, this.arenaHeight);\n graphics.lineStyle(1, 0xFFFFFF, 0.2);\n for (let x = this.arenaLeft + this.gridSize; x < this.arenaLeft + this.arenaWidth; x += this.gridSize) {\n graphics.moveTo(x, this.arenaTop);\n graphics.lineTo(x, this.arenaTop + this.arenaHeight);\n }\n for (let y = this.arenaTop + this.gridSize; y < this.arenaTop + this.arenaHeight; y += this.gridSize) {\n graphics.moveTo(this.arenaLeft, y);\n graphics.lineTo(this.arenaLeft + this.arenaWidth, y);\n }\n graphics.strokePath();\n for (let i = 0; i < 20; i++) {\n const x = Phaser.Math.Between(60, this.scale.width - 60);\n const y = Phaser.Math.Between(30, this.scale.height - 30);\n const particle = this.add.image(x, y, \"particle\");\n particle.setAlpha(0.5);\n particle.setTint(0xFFFFFF);\n }\n }\n createUI() {\n const isMobile = window.innerWidth <= 768;\n this.statusText = this.add.text(this.scale.width / 2, isMobile ? 140 : 100, `Waiting for round to start...`, {\n fontSize: isMobile ? \"16px\" : \"20px\",\n color: \"#FFFFFF\",\n fontFamily: `'VT323', 'Silkscreen', monospace`,\n fontWeight: \"bold\"\n }).setOrigin(0.5);\n const infoIcon = this.add.text(this.scale.width - 30, 40, \"ℹ️\", {\n fontSize: isMobile ? \"16px\" : \"20px\",\n color: \"#FFFFFF\"\n }).setOrigin(0.5).setInteractive({\n useHandCursor: true\n });\n infoIcon.on('pointerdown', () => {\n this.showInstructionsPopup();\n });\n this.createChatDisplay();\n this.createPersistentLeaderboard();\n this.createPersistentStreamerPanel();\n }\n setupChat() {\n const tokenAddress = new URLSearchParams(window.location.search).get(\"token\") || \"3h9qxTziiuyH8vc3RVnZHUiihUVq2y8engyPGuPxpump\";\n this.socket.emit(\"join\", `pumpfun-${tokenAddress}`);\n }\n async loadPlayers() {\n try {\n const activePlayers = await this.stateClient.getEntities(\"active_players\");\n activePlayers.forEach(player => {\n if (player.status === \"alive\") {\n this.createPlayerSprite(player);\n }\n });\n } catch (error) {\n console.error(\"Error loading players:\", error);\n }\n }\n async loadLeaderboard() {\n try {\n const players = await this.stateClient.getEntities(\"players\");\n console.log(\"Raw players data:\", players);\n this.allTimeLeaderboard = players.filter(player => player.walletAddress && player.username).sort((a, b) => (b.score || 0) - (a.score || 0)).slice(0, 10);\n console.log(\"Processed all-time leaderboard:\", this.allTimeLeaderboard);\n } catch (error) {\n console.error(\"Error loading all-time leaderboard:\", error);\n this.allTimeLeaderboard = [];\n }\n }\n async updatePlayerScore(userAddress, username, points = 1) {\n try {\n let player = await this.stateClient.getEntity(\"players\", userAddress);\n const now = new Date().toISOString();\n if (player) {\n const updatedPlayer = {\n ...player,\n score: (player.score || 0) + points,\n totalHits: (player.totalHits || 0) + 1,\n lastHit: now\n };\n await this.stateClient.updateEntity(\"players\", userAddress, updatedPlayer);\n } else {\n const newPlayer = {\n id: userAddress,\n username: username,\n score: points,\n lastHit: now,\n joinDate: now,\n totalHits: 1,\n gamesPlayed: 1,\n walletAddress: userAddress\n };\n await this.stateClient.createEntity(\"players\", newPlayer);\n }\n const existingRoundPlayer = this.currentRoundLeaderboard.find(p => p.wallet === userAddress);\n if (existingRoundPlayer) {\n existingRoundPlayer.roundScore += points;\n } else {\n this.currentRoundLeaderboard.push({\n wallet: userAddress,\n username: username,\n roundScore: points\n });\n }\n this.currentRoundLeaderboard.sort((a, b) => b.roundScore - a.roundScore);\n await this.loadLeaderboard();\n } catch (error) {\n console.error(\"Error updating player score:\", error);\n }\n }\n async saveRoundResults() {\n try {\n this.roundNumber++;\n const roundResult = {\n id: `round_${this.roundNumber}_${Date.now()}`,\n roundNumber: this.roundNumber,\n startedBy: this.connectedWallet || \"unknown\",\n endedAt: new Date().toISOString(),\n playerCount: this.currentRoundLeaderboard.length,\n leaderboard: JSON.stringify(this.currentRoundLeaderboard)\n };\n await this.stateClient.createEntity(\"round_results\", roundResult);\n console.log(\"Round results saved:\", roundResult);\n } catch (error) {\n console.error(\"Error saving round results:\", error);\n }\n }\n async handleChatMessage(message) {\n const {\n username,\n userAddress,\n message: text\n } = message;\n this.displayChatMessage(username, text);\n const command = text.toLowerCase().trim();\n const moveMatch = command.match(/^(up|down|left|right)(\\d*)$/);\n if (moveMatch) {\n const direction = moveMatch[1];\n const distance = parseInt(moveMatch[2]) || 1;\n console.log(\"Movement command received:\", {\n username,\n userAddress,\n direction,\n distance,\n roundActive: this.roundActive\n });\n await this.handleMovement(userAddress, username, direction, distance);\n }\n }\n createPersistentStreamerPanel() {\n const isMobile = window.innerWidth <= 768;\n const panel = document.createElement('div');\n panel.classList.add('popup-panel');\n panel.style.position = 'fixed';\n panel.style.bottom = '20px';\n panel.style.right = '20px';\n panel.style.background = 'var(--wallet-purple)';\n panel.style.borderRadius = '0px';\n panel.style.padding = isMobile ? '15px' : '20px';\n panel.style.fontFamily = `'Courier New', Monaco, monospace`;\n panel.style.color = '#fff';\n panel.style.width = isMobile ? '200px' : '250px';\n panel.style.maxHeight = isMobile ? '300px' : '400px';\n panel.style.overflowY = 'auto';\n panel.style.zIndex = '1000';\n panel.style.display = 'block';\n const title = document.createElement('h3');\n title.textContent = 'STREAMER PANEL';\n title.style.fontFamily = `'VT323', 'Silkscreen', monospace`;\n title.style.color = '#FFFFFF';\n title.style.textAlign = 'center';\n title.style.marginTop = '0';\n title.style.marginBottom = '15px';\n title.style.fontSize = isMobile ? '14px' : '16px';\n const roundSection = document.createElement('div');\n roundSection.style.marginBottom = '15px';\n const roundTitle = document.createElement('div');\n roundTitle.textContent = 'ROUND CONTROL';\n roundTitle.style.fontFamily = `'VT323', 'Silkscreen', monospace`;\n roundTitle.style.color = '#FFFFFF';\n roundTitle.style.fontSize = isMobile ? '12px' : '14px';\n roundTitle.style.marginBottom = '10px';\n roundTitle.style.fontWeight = 'bold';\n const buttonStyle = {\n padding: isMobile ? '6px 10px' : '8px 12px',\n fontSize: isMobile ? '10px' : '12px',\n border: 'none',\n borderRadius: '0px',\n fontWeight: 'bold',\n cursor: 'pointer',\n fontFamily: `'VT323', 'Silkscreen', monospace`,\n margin: '3px',\n width: '100%',\n display: 'block'\n };\n const startBtn = document.createElement('button');\n startBtn.textContent = 'START ROUND';\n Object.assign(startBtn.style, buttonStyle);\n startBtn.style.backgroundColor = 'var(--battle-green)';\n startBtn.style.color = '#000';\n startBtn.onclick = async () => {\n await this.startRound();\n };\n const resetBtn = document.createElement('button');\n resetBtn.textContent = 'RESET GAME';\n Object.assign(resetBtn.style, buttonStyle);\n resetBtn.style.backgroundColor = 'var(--live-red)';\n resetBtn.style.color = '#FFFFFF';\n resetBtn.onclick = async () => {\n await this.resetGame();\n };\n const itemSection = document.createElement('div');\n const itemTitle = document.createElement('div');\n itemTitle.textContent = 'SPAWN ITEMS';\n itemTitle.style.fontFamily = `'VT323', 'Silkscreen', monospace`;\n itemTitle.style.color = '#FFFFFF';\n itemTitle.style.fontSize = isMobile ? '12px' : '14px';\n itemTitle.style.marginBottom = '10px';\n itemTitle.style.fontWeight = 'bold';\n const coinBtn = document.createElement('button');\n coinBtn.textContent = '💰 COIN';\n Object.assign(coinBtn.style, buttonStyle);\n coinBtn.style.backgroundColor = 'var(--battle-green)';\n coinBtn.style.color = '#000';\n coinBtn.onclick = () => {\n this.spawnItem(\"coin\");\n };\n const bombBtn = document.createElement('button');\n bombBtn.textContent = '💣 BOMB';\n Object.assign(bombBtn.style, buttonStyle);\n bombBtn.style.backgroundColor = 'var(--live-red)';\n bombBtn.style.color = '#FFFFFF';\n bombBtn.onclick = () => {\n this.spawnItem(\"bomb\");\n };\n const powerupBtn = document.createElement('button');\n powerupBtn.textContent = '⚡ POWERUP';\n Object.assign(powerupBtn.style, buttonStyle);\n powerupBtn.style.backgroundColor = 'var(--action-pink)';\n powerupBtn.style.color = '#FFFFFF';\n powerupBtn.onclick = () => {\n this.spawnItem(\"powerup\");\n };\n roundSection.appendChild(roundTitle);\n roundSection.appendChild(startBtn);\n roundSection.appendChild(resetBtn);\n itemSection.appendChild(itemTitle);\n itemSection.appendChild(coinBtn);\n itemSection.appendChild(bombBtn);\n itemSection.appendChild(powerupBtn);\n panel.appendChild(title);\n panel.appendChild(roundSection);\n panel.appendChild(itemSection);\n document.body.appendChild(panel);\n this.streamerPanel = panel;\n }\n async startRound() {\n if (this.roundActive) return;\n this.roundActive = true;\n this.roundStartTime = Date.now();\n this.roundTimer = ROUND_DURATION;\n this.currentRoundLeaderboard = [];\n this.eliminatedPlayers = [];\n this.winnerPopupShown = false;\n try {\n const oldActivePlayers = await this.stateClient.getEntities(\"active_players\");\n for (const player of oldActivePlayers) {\n await this.stateClient.deleteEntity(\"active_players\", player.id);\n }\n this.players.forEach(sprite => sprite.destroy());\n this.players.clear();\n this.items.forEach(sprite => sprite.destroy());\n this.items.clear();\n console.log(\"Round started - waiting for players to join\");\n await this.updateLeaderboardDisplay();\n } catch (error) {\n console.error(\"Error starting round:\", error);\n }\n this.statusText.setText(`ROUND ACTIVE! ${this.roundTimer / 1000}s remaining`);\n }\n async resetGame() {\n this.roundActive = false;\n this.roundTimer = 0;\n this.currentRoundLeaderboard = [];\n this.eliminatedPlayers = [];\n this.winnerPopupShown = false;\n this.players.forEach(sprite => sprite.destroy());\n this.players.clear();\n this.items.forEach(sprite => sprite.destroy());\n this.items.clear();\n this.usedEmojis.clear();\n this.playerEmojis.clear();\n try {\n const activePlayers = await this.stateClient.getEntities(\"active_players\");\n for (const player of activePlayers) {\n await this.stateClient.deleteEntity(\"active_players\", player.id);\n }\n } catch (error) {\n console.error(\"Error resetting game:\", error);\n }\n this.statusText.setText(`Game reset! Waiting for next round...`);\n await this.updateLeaderboardDisplay();\n }\n async handleMovement(wallet, username, direction, distance = 1) {\n try {\n const actualWallet = wallet;\n let activePlayer = await this.stateClient.getEntity(\"active_players\", actualWallet);\n if (!activePlayer) {\n const maxGridX = 19;\n const maxGridY = 17;\n const gridX = Phaser.Math.Between(0, maxGridX);\n const gridY = Phaser.Math.Between(0, maxGridY);\n const spawnX = this.arenaLeft + gridX * this.gridSize + this.gridSize / 2;\n const spawnY = this.arenaTop + gridY * this.gridSize + this.gridSize / 2;\n console.log(\"Arena bounds:\", {\n left: this.arenaLeft,\n top: this.arenaTop,\n width: this.arenaWidth,\n height: this.arenaHeight,\n gridSize: this.gridSize\n });\n console.log(\"Calculated spawn position:\", {\n spawnX,\n spawnY,\n gridX,\n gridY\n });\n activePlayer = {\n id: actualWallet,\n username,\n wallet: actualWallet,\n x: spawnX,\n y: spawnY,\n roundScore: 0,\n status: \"alive\"\n };\n console.log(\"Creating new active player with data:\", activePlayer);\n await this.stateClient.createEntity(\"active_players\", activePlayer);\n console.log(\"Active player saved to database successfully\");\n let allTimePlayer = await this.stateClient.getEntity(\"players\", actualWallet);\n if (!allTimePlayer) {\n const now = new Date().toISOString();\n const newAllTimePlayer = {\n id: actualWallet,\n username: username,\n score: 0,\n lastHit: now,\n joinDate: now,\n totalHits: 0,\n gamesPlayed: 1,\n walletAddress: actualWallet\n };\n await this.stateClient.createEntity(\"players\", newAllTimePlayer);\n }\n this.createPlayerSprite(activePlayer);\n const createdSprite = this.players.get(actualWallet);\n console.log(\"Sprite created and stored in players map:\", !!createdSprite);\n if (createdSprite) {\n console.log(\"Sprite position:\", {\n x: createdSprite.x,\n y: createdSprite.y\n });\n console.log(\"Sprite visible:\", createdSprite.visible);\n console.log(\"Sprite active:\", createdSprite.active);\n }\n this.currentRoundLeaderboard.push({\n wallet: actualWallet,\n username: username,\n roundScore: 0\n });\n this.time.delayedCall(100, async () => {\n await this.updateLeaderboardDisplay();\n console.log(\"Leaderboard updated after new player creation\");\n });\n return;\n }\n if (activePlayer.status !== \"alive\") {\n console.log(\"Player is not alive, status:\", activePlayer.status);\n return;\n }\n let sprite = this.players.get(actualWallet);\n if (!sprite) {\n console.log(\"Sprite not found for existing player, recreating...\");\n this.createPlayerSprite(activePlayer);\n sprite = this.players.get(actualWallet);\n if (!sprite) {\n console.error(\"Failed to create sprite for player:\", actualWallet);\n return;\n }\n }\n const maxDistance = Math.min(distance, 10);\n const movePixels = maxDistance * this.gridSize;\n let newX = sprite.x;\n let newY = sprite.y;\n switch (direction) {\n case \"up\":\n newY = Math.max(this.arenaTop + this.gridSize / 2, sprite.y - movePixels);\n break;\n case \"down\":\n newY = Math.min(this.arenaTop + this.arenaHeight - this.gridSize / 2, sprite.y + movePixels);\n break;\n case \"left\":\n newX = Math.max(this.arenaLeft + this.gridSize / 2, sprite.x - movePixels);\n break;\n case \"right\":\n newX = Math.min(this.arenaLeft + this.arenaWidth - this.gridSize / 2, sprite.x + movePixels);\n break;\n }\n sprite.setPosition(newX, newY);\n await this.stateClient.updateEntity(\"active_players\", actualWallet, {\n ...activePlayer,\n x: newX,\n y: newY\n });\n this.checkCollisions(sprite, actualWallet);\n } catch (error) {\n console.error(\"Error handling movement:\", error);\n }\n }\n createPlayerSprite(player) {\n if (this.players.has(player.wallet)) {\n console.log(\"Sprite already exists for player:\", player.wallet);\n return;\n }\n console.log(\"Creating sprite for player:\", player.wallet, \"at position:\", player.x, player.y);\n const posX = Math.max(this.arenaLeft + 20, Math.min(this.arenaLeft + this.arenaWidth - 20, player.x));\n const posY = Math.max(this.arenaTop + 20, Math.min(this.arenaTop + this.arenaHeight - 20, player.y));\n console.log(\"Adjusted position:\", {\n posX,\n posY\n });\n let emoji = this.assignPlayerEmoji(player.wallet);\n console.log(\"Assigned emoji:\", emoji);\n const sprite = this.add.text(posX, posY, emoji, {\n fontSize: \"32px\",\n fontFamily: \"monospace\",\n color: \"#ffffff\"\n }).setOrigin(0.5);\n sprite.setDepth(10);\n sprite.setVisible(true);\n sprite.setActive(true);\n console.log(\"Sprite created with properties:\", {\n x: sprite.x,\n y: sprite.y,\n visible: sprite.visible,\n active: sprite.active,\n text: sprite.text,\n depth: sprite.depth\n });\n if (this.usedEmojis.size > this.faceEmojis.length) {\n const colors = [0xff6b6b, 0x4ecdc4, 0x45b7d1, 0x96ceb4, 0xffeaa7, 0xdda0dd, 0x98d8c8];\n const randomColor = colors[Math.floor(Math.random() * colors.length)];\n sprite.setTint(randomColor);\n }\n const nameText = this.add.text(posX, posY - 40, player.username.slice(0, 8), {\n fontSize: \"12px\",\n color: \"#ffffff\",\n fontFamily: `'Courier New', Monaco, monospace`\n }).setOrigin(0.5);\n nameText.setDepth(11);\n nameText.setVisible(true);\n nameText.setActive(true);\n sprite.nameText = nameText;\n this.players.set(player.wallet, sprite);\n console.log(\"Sprite stored in players map. Total players:\", this.players.size);\n const trail = this.add.particles(0, 0, \"particle\", {\n follow: sprite,\n quantity: 1,\n scale: {\n start: 0.3,\n end: 0\n },\n lifespan: 500,\n alpha: {\n start: 0.5,\n end: 0\n }\n });\n sprite.trail = trail;\n console.log(\"Player sprite created successfully for:\", player.username);\n this.time.delayedCall(50, () => {\n console.log(\"Post-creation check - sprite still exists:\", !!this.players.get(player.wallet));\n const checkSprite = this.players.get(player.wallet);\n if (checkSprite) {\n console.log(\"Sprite final state:\", {\n x: checkSprite.x,\n y: checkSprite.y,\n visible: checkSprite.visible,\n scene: !!checkSprite.scene\n });\n }\n });\n }\n assignPlayerEmoji(wallet) {\n if (this.playerEmojis.has(wallet)) {\n return this.playerEmojis.get(wallet);\n }\n let availableEmojis = this.faceEmojis.filter(emoji => !this.usedEmojis.has(emoji));\n if (availableEmojis.length === 0) {\n availableEmojis = [...this.faceEmojis];\n }\n const randomEmoji = availableEmojis[Math.floor(Math.random() * availableEmojis.length)];\n this.usedEmojis.add(randomEmoji);\n this.playerEmojis.set(wallet, randomEmoji);\n return randomEmoji;\n }\n spawnItem(type) {\n if (!this.roundActive) return;\n const gridCols = 20;\n const gridRows = 18;\n const gridX = Phaser.Math.Between(0, gridCols - 1);\n const gridY = Phaser.Math.Between(0, gridRows - 1);\n const x = this.arenaLeft + gridX * this.gridSize + this.gridSize / 2;\n const y = this.arenaTop + gridY * this.gridSize + this.gridSize / 2;\n let emoji = \"\";\n if (type === \"coin\") emoji = \"💰\";else if (type === \"bomb\") emoji = \"💣\";else if (type === \"powerup\") emoji = \"⚡\";\n const item = this.add.text(x, y, emoji, {\n fontSize: \"32px\",\n color: \"#ffffff\"\n }).setOrigin(0.5);\n const itemId = Date.now().toString() + Math.random();\n item.setData(\"type\", type);\n item.setData(\"id\", itemId);\n this.items.set(itemId, item);\n if (type === \"bomb\") {\n this.time.delayedCall(5000, () => {\n this.explodeBomb(item);\n });\n } else if (type === \"coin\") {\n this.tweens.add({\n targets: item,\n scaleX: 1.2,\n scaleY: 1.2,\n duration: 500,\n yoyo: true,\n repeat: -1\n });\n } else if (type === \"powerup\") {\n this.tweens.add({\n targets: item,\n rotation: Math.PI * 2,\n duration: 1000,\n repeat: -1\n });\n }\n }\n checkCollisions(playerSprite, wallet) {\n this.items.forEach((item, itemId) => {\n const distance = Phaser.Math.Distance.Between(playerSprite.x, playerSprite.y, item.x, item.y);\n if (distance < 20) {\n this.handleItemCollision(wallet, item, itemId);\n }\n });\n }\n async handleItemCollision(wallet, item, itemId) {\n const itemType = item.getData(\"type\");\n try {\n const activePlayer = await this.stateClient.getEntity(\"active_players\", wallet);\n if (!activePlayer || activePlayer.status !== \"alive\") return;\n if (itemType === \"coin\") {\n const updatedActivePlayer = {\n ...activePlayer,\n roundScore: (activePlayer.roundScore || 0) + 1\n };\n await this.stateClient.updateEntity(\"active_players\", wallet, updatedActivePlayer);\n await this.updatePlayerScore(wallet, activePlayer.username, 1);\n console.log(\"Player scored coin:\", updatedActivePlayer);\n this.createCollectEffect(item.x, item.y, 0xffff00);\n this.showPointsText(item.x, item.y, \"+1\");\n await this.updateLeaderboardDisplay();\n } else if (itemType === \"bomb\") {\n const updatedActivePlayer = {\n ...activePlayer,\n status: \"eliminated\"\n };\n await this.stateClient.updateEntity(\"active_players\", wallet, updatedActivePlayer);\n console.log(\"Player eliminated by bomb:\", updatedActivePlayer);\n this.eliminatePlayer(wallet);\n this.createExplosionEffect(item.x, item.y);\n await this.updateLeaderboardDisplay();\n } else if (itemType === \"powerup\") {\n const updatedActivePlayer = {\n ...activePlayer,\n roundScore: (activePlayer.roundScore || 0) + 3\n };\n await this.stateClient.updateEntity(\"active_players\", wallet, updatedActivePlayer);\n await this.updatePlayerScore(wallet, activePlayer.username, 3);\n console.log(\"Player got powerup:\", updatedActivePlayer);\n this.createCollectEffect(item.x, item.y, 0xff00ff);\n this.showPointsText(item.x, item.y, \"+3\");\n await this.updateLeaderboardDisplay();\n }\n item.destroy();\n this.items.delete(itemId);\n } catch (error) {\n console.error(\"Error handling item collision:\", error);\n }\n }\n showPointsText(x, y, points) {\n const pointsText = this.add.text(x, y, points, {\n fontSize: \"24px\",\n color: \"#ffff00\",\n fontFamily: `'VT323', 'Silkscreen', monospace`,\n fontWeight: \"bold\"\n }).setOrigin(0.5);\n pointsText.setShadow(2, 2, '#000000', 2, true, true);\n this.tweens.add({\n targets: pointsText,\n y: y - 50,\n alpha: 0,\n duration: 1000,\n onComplete: () => {\n pointsText.destroy();\n }\n });\n }\n eliminatePlayer(wallet) {\n const sprite = this.players.get(wallet);\n if (sprite) {\n const existingPlayer = this.currentRoundLeaderboard.find(p => p.wallet === wallet);\n if (existingPlayer && !this.eliminatedPlayers.find(p => p.wallet === wallet)) {\n this.eliminatedPlayers.push({\n wallet: wallet,\n username: existingPlayer.username,\n roundScore: existingPlayer.roundScore\n });\n }\n if (sprite.trail) sprite.trail.destroy();\n if (sprite.nameText) sprite.nameText.destroy();\n sprite.destroy();\n this.players.delete(wallet);\n if (this.playerEmojis.has(wallet)) {\n const emoji = this.playerEmojis.get(wallet);\n this.usedEmojis.delete(emoji);\n this.playerEmojis.delete(wallet);\n }\n }\n }\n async explodeBomb(bombSprite) {\n this.createExplosionEffect(bombSprite.x, bombSprite.y);\n const eliminationPromises = [];\n this.players.forEach(async (playerSprite, wallet) => {\n const distance = Phaser.Math.Distance.Between(playerSprite.x, playerSprite.y, bombSprite.x, bombSprite.y);\n if (distance < 50) {\n try {\n const activePlayer = await this.stateClient.getEntity(\"active_players\", wallet);\n if (activePlayer && activePlayer.status === \"alive\") {\n const updatePromise = this.stateClient.updateEntity(\"active_players\", wallet, {\n ...activePlayer,\n status: \"eliminated\"\n });\n eliminationPromises.push(updatePromise);\n this.eliminatePlayer(wallet);\n }\n } catch (error) {\n console.error(\"Error eliminating player:\", error);\n }\n }\n });\n if (eliminationPromises.length > 0) {\n try {\n await Promise.all(eliminationPromises);\n this.time.delayedCall(100, () => {\n this.updateLeaderboardDisplay();\n });\n } catch (error) {\n console.error(\"Error processing eliminations:\", error);\n }\n }\n const itemId = bombSprite.getData(\"id\");\n this.items.delete(itemId);\n bombSprite.destroy();\n }\n createCollectEffect(x, y, color) {\n const emitter = this.add.particles(x, y, \"particle\", {\n speed: {\n min: 50,\n max: 100\n },\n scale: {\n start: 0.5,\n end: 0\n },\n lifespan: 300,\n tint: color,\n quantity: 10,\n emitting: false\n });\n emitter.explode(10);\n this.time.delayedCall(500, () => emitter.destroy());\n }\n createExplosionEffect(x, y) {\n const emitter = this.add.particles(x, y, \"particle\", {\n speed: {\n min: 100,\n max: 200\n },\n scale: {\n start: 0.8,\n end: 0\n },\n lifespan: 500,\n tint: [0xff0000, 0xff4400, 0xffff00],\n quantity: 20,\n emitting: false\n });\n emitter.explode(20);\n this.time.delayedCall(1000, () => emitter.destroy());\n }\n updateTimer() {\n if (!this.roundActive) return;\n this.roundTimer -= 1000;\n const seconds = Math.max(0, Math.floor(this.roundTimer / 1000));\n this.statusText.setText(`ROUND ACTIVE! ${seconds}s remaining`);\n if (this.roundTimer <= 0) {\n this.endRound();\n }\n this.updateLeaderboardDisplay().catch(error => {\n console.error(\"Error updating leaderboard in timer:\", error);\n });\n }\n async updateLeaderboardDisplay() {\n try {\n if (this.roundActive) {\n const activePlayers = await this.stateClient.getEntities(\"active_players\");\n console.log(\"Active players for leaderboard:\", activePlayers);\n }\n await this.loadLeaderboard();\n console.log(\"All-time leaderboard updated:\", this.allTimeLeaderboard);\n if (this.leaderboardContainer) {\n this.updatePersistentLeaderboardContent();\n }\n } catch (error) {\n console.error(\"Error updating leaderboard display:\", error);\n }\n }\n createPersistentLeaderboard() {\n const isMobile = window.innerWidth <= 768;\n const leaderboardContainer = document.createElement('div');\n leaderboardContainer.style.position = 'fixed';\n leaderboardContainer.style.top = isMobile ? '130px' : '90px';\n leaderboardContainer.style.left = '10px';\n leaderboardContainer.style.width = isMobile ? '250px' : '300px';\n leaderboardContainer.style.height = isMobile ? '400px' : '500px';\n leaderboardContainer.classList.add('popup-panel');\n leaderboardContainer.style.background = 'var(--primary-blue)';\n leaderboardContainer.style.borderRadius = '0px';\n leaderboardContainer.style.padding = isMobile ? '15px' : '20px';\n leaderboardContainer.style.zIndex = '999';\n leaderboardContainer.style.fontFamily = `'Courier New', Monaco, monospace`;\n leaderboardContainer.style.color = '#fff';\n leaderboardContainer.style.overflowY = 'auto';\n const title = document.createElement('div');\n title.textContent = '📊 LEADERBOARD';\n title.style.fontFamily = `'VT323', 'Silkscreen', monospace`;\n title.style.color = '#FFFFFF';\n title.style.textAlign = 'center';\n title.style.marginBottom = '15px';\n title.style.fontSize = isMobile ? '16px' : '18px';\n title.style.fontWeight = 'bold';\n const content = document.createElement('div');\n content.style.fontSize = isMobile ? '11px' : '12px';\n content.style.lineHeight = '1.3';\n leaderboardContainer.appendChild(title);\n leaderboardContainer.appendChild(content);\n document.body.appendChild(leaderboardContainer);\n this.leaderboardContainer = leaderboardContainer;\n this.leaderboardContent = content;\n this.updatePersistentLeaderboardContent();\n }\n updatePersistentLeaderboardContent() {\n if (!this.leaderboardContent) return;\n let html = '';\n if (this.roundActive) {\n html += `

🟢 ACTIVE PLAYERS

`;\n const activePlayers = this.currentRoundLeaderboard.filter(p => !this.eliminatedPlayers.find(ep => ep.wallet === p.wallet));\n if (activePlayers.length === 0) {\n html += `

No active players

`;\n } else {\n activePlayers.slice(0, 5).forEach((player, index) => {\n const rank = index + 1;\n const medal = rank === 1 ? '🥇' : rank === 2 ? '🥈' : rank === 3 ? '🥉' : `${rank}.`;\n html += `\n

\n ${medal} ${player.username.slice(0, 8)}\n ${player.roundScore} pts\n

\n `;\n });\n }\n html += `

💀 ELIMINATED

`;\n if (this.eliminatedPlayers.length === 0) {\n html += `

No eliminations yet

`;\n } else {\n this.eliminatedPlayers.slice(0, 5).forEach(player => {\n html += `\n

\n 💀 ${player.username.slice(0, 8)}\n ${player.roundScore} pts\n

\n `;\n });\n }\n html += `

`;\n }\n html += `

🏆 ALL-TIME TOP 5

`;\n if (this.allTimeLeaderboard.length === 0) {\n html += `

No data available

`;\n } else {\n this.allTimeLeaderboard.slice(0, 5).forEach((player, index) => {\n const rank = index + 1;\n const medal = rank === 1 ? '👑' : rank === 2 ? '🥈' : rank === 3 ? '🥉' : `${rank}.`;\n html += `\n

\n ${medal} ${player.username.slice(0, 8)}\n ${player.score || 0}\n

\n `;\n });\n }\n this.leaderboardContent.innerHTML = html;\n }\n async endRound() {\n this.roundActive = false;\n try {\n await this.saveRoundResults();\n await new Promise(resolve => setTimeout(resolve, 200));\n this.statusText.setText(`Round ended! Check results...`);\n if (!this.winnerPopupShown) {\n if (this.currentRoundLeaderboard.length === 0) {\n this.showWinnerPopup(null, \"No players joined this round!\");\n } else {\n const winner = this.currentRoundLeaderboard[0];\n if (winner && winner.roundScore > 0) {\n this.showWinnerPopup(winner, null);\n } else {\n this.showWinnerPopup(null, \"No scores recorded this round!\");\n }\n }\n }\n this.currentRoundLeaderboard = [];\n this.eliminatedPlayers = [];\n const activePlayers = await this.stateClient.getEntities(\"active_players\");\n for (const player of activePlayers) {\n await this.stateClient.deleteEntity(\"active_players\", player.id);\n }\n this.time.delayedCall(100, () => {\n this.updateLeaderboardDisplay();\n });\n } catch (error) {\n console.error(\"Error ending round:\", error);\n this.statusText.setText(`Round ended! Error determining winner.`);\n if (!this.winnerPopupShown) {\n this.showWinnerPopup(null, \"Error determining winner!\");\n }\n }\n }\n showWinnerPopup(winner, errorMessage) {\n if (this.winnerPopupShown) return;\n this.winnerPopupShown = true;\n const isMobile = window.innerWidth <= 768;\n const overlay = document.createElement('div');\n overlay.style.position = 'fixed';\n overlay.style.top = '0';\n overlay.style.left = '0';\n overlay.style.width = '100%';\n overlay.style.height = '100%';\n overlay.style.backgroundColor = 'rgba(0, 0, 0, 0.9)';\n overlay.style.zIndex = '3000';\n overlay.style.display = 'flex';\n overlay.style.alignItems = 'center';\n overlay.style.justifyContent = 'center';\n overlay.style.padding = isMobile ? '20px' : '0';\n const panel = document.createElement('div');\n panel.classList.add('popup-panel');\n panel.style.background = 'var(--wallet-purple)';\n panel.style.borderRadius = '0px';\n panel.style.padding = isMobile ? '30px' : '40px';\n panel.style.fontFamily = `'Courier New', Monaco, monospace`;\n panel.style.color = '#fff';\n panel.style.minWidth = isMobile ? '90%' : '500px';\n panel.style.maxHeight = isMobile ? '90%' : 'auto';\n panel.style.overflowY = 'auto';\n panel.style.textAlign = 'center';\n const title = document.createElement('h1');\n title.style.fontFamily = `'VT323', 'Silkscreen', monospace`;\n title.style.color = '#FFFFFF';\n title.style.marginTop = '0';\n title.style.marginBottom = '30px';\n title.style.fontSize = isMobile ? '24px' : '32px';\n title.style.textShadow = '2px 2px 4px rgba(0,0,0,0.5)';\n const content = document.createElement('div');\n content.style.fontSize = isMobile ? '16px' : '18px';\n content.style.lineHeight = '1.6';\n content.style.marginBottom = '30px';\n if (winner) {\n title.textContent = '🏆 ROUND WINNER! 🏆';\n const winnerWallet = winner.wallet || \"Unknown\";\n const winnerUsername = winner.username || \"Unknown Player\";\n const winnerScore = winner.roundScore || 0;\n content.innerHTML = `\n

${winnerUsername}

Score: ${winnerScore} points

{this.style.color='#fff'; this.innerHTML='${winnerWallet}';}, 2000);\">\n ${winnerWallet}\n

Click wallet to copy

\n `;\n } else {\n title.textContent = '🎮 ROUND ENDED 🎮';\n content.innerHTML = `\n

${errorMessage}

Better luck next round!

\n `;\n }\n const closeBtn = document.createElement('button');\n closeBtn.textContent = 'CLOSE';\n closeBtn.style.padding = isMobile ? '12px 25px' : '15px 30px';\n closeBtn.style.fontSize = isMobile ? '14px' : '16px';\n closeBtn.style.backgroundColor = 'var(--live-red)';\n closeBtn.style.color = '#FFFFFF';\n closeBtn.style.border = 'none';\n closeBtn.style.borderRadius = '0px';\n closeBtn.style.fontWeight = 'bold';\n closeBtn.style.cursor = 'pointer';\n closeBtn.style.fontFamily = `'VT323', 'Silkscreen', monospace`;\n closeBtn.style.marginTop = '20px';\n closeBtn.onclick = () => {\n document.body.removeChild(overlay);\n };\n overlay.onclick = e => {\n if (e.target === overlay && (this.connectedWallet === STREAMER_WALLET || winner && this.connectedWallet === winner.wallet)) {\n document.body.removeChild(overlay);\n }\n };\n panel.appendChild(title);\n panel.appendChild(content);\n panel.appendChild(closeBtn);\n overlay.appendChild(panel);\n document.body.appendChild(overlay);\n }\n update() {\n this.players.forEach(sprite => {\n if (sprite.nameText) {\n sprite.nameText.setPosition(sprite.x, sprite.y - 40);\n }\n });\n }\n createChatDisplay() {\n const isMobile = window.innerWidth <= 768;\n const chatContainer = document.createElement('div');\n chatContainer.style.position = 'fixed';\n chatContainer.style.top = isMobile ? '130px' : '90px';\n chatContainer.style.right = '10px';\n chatContainer.style.width = isMobile ? '250px' : '300px';\n chatContainer.style.height = isMobile ? '250px' : '400px';\n chatContainer.classList.add('chat-container');\n chatContainer.style.background = 'rgba(10, 61, 98, 0.8)';\n chatContainer.style.borderRadius = '0px';\n chatContainer.style.padding = isMobile ? '8px' : '10px';\n chatContainer.style.zIndex = '999';\n chatContainer.style.display = 'none';\n const chatHeader = document.createElement('div');\n chatHeader.textContent = 'PUMP.FUN CHAT';\n chatHeader.style.color = '#FFFFFF';\n chatHeader.style.fontSize = isMobile ? '12px' : '14px';\n chatHeader.style.fontWeight = 'bold';\n chatHeader.style.marginBottom = isMobile ? '8px' : '10px';\n chatHeader.style.fontFamily = `'VT323', 'Silkscreen', monospace`;\n const chatMessages = document.createElement('div');\n chatMessages.style.height = isMobile ? '200px' : '350px';\n chatMessages.style.overflowY = 'auto';\n chatMessages.style.fontSize = isMobile ? '10px' : '12px';\n chatMessages.style.fontFamily = `'Courier New', Monaco, monospace`;\n chatMessages.style.color = '#FFFFFF';\n chatContainer.appendChild(chatHeader);\n chatContainer.appendChild(chatMessages);\n document.body.appendChild(chatContainer);\n this.chatContainer = chatContainer;\n this.chatMessages = chatMessages;\n }\n displayChatMessage(username, text) {\n if (!this.chatMessages) return;\n const messageDiv = document.createElement('div');\n messageDiv.style.marginBottom = '5px';\n messageDiv.style.wordWrap = 'break-word';\n const usernameSpan = document.createElement('span');\n usernameSpan.textContent = `${username.slice(0, 12)}: `;\n usernameSpan.style.color = 'var(--battle-green)';\n usernameSpan.style.fontWeight = 'bold';\n const messageSpan = document.createElement('span');\n messageSpan.textContent = text;\n messageSpan.style.color = '#FFFFFF';\n messageDiv.appendChild(usernameSpan);\n messageDiv.appendChild(messageSpan);\n this.chatMessages.appendChild(messageDiv);\n this.chatMessages.scrollTop = this.chatMessages.scrollHeight;\n while (this.chatMessages.children.length > 50) {\n this.chatMessages.removeChild(this.chatMessages.firstChild);\n }\n if (this.chatContainer.style.display === 'none') {\n this.chatContainer.style.display = 'block';\n }\n }\n showInstructionsPopup() {\n const isMobile = window.innerWidth <= 768;\n const overlay = document.createElement('div');\n overlay.style.position = 'fixed';\n overlay.style.top = '0';\n overlay.style.left = '0';\n overlay.style.width = '100%';\n overlay.style.height = '100%';\n overlay.style.backgroundColor = 'rgba(0, 0, 0, 0.8)';\n overlay.style.zIndex = '2000';\n overlay.style.display = 'flex';\n overlay.style.alignItems = 'center';\n overlay.style.justifyContent = 'center';\n overlay.style.padding = isMobile ? '20px' : '0';\n const popup = document.createElement('div');\n popup.classList.add('popup-panel');\n popup.style.background = 'var(--wallet-purple)';\n popup.style.borderRadius = '0px';\n popup.style.padding = isMobile ? '20px' : '30px';\n popup.style.maxWidth = isMobile ? '100%' : '500px';\n popup.style.maxHeight = isMobile ? '90%' : 'auto';\n popup.style.overflowY = isMobile ? 'auto' : 'visible';\n popup.style.fontFamily = `'Courier New', Monaco, monospace`;\n popup.style.color = '#fff';\n const title = document.createElement('h2');\n title.textContent = 'HOW TO PLAY';\n title.style.fontFamily = `'VT323', 'Silkscreen', monospace`;\n title.style.color = '#FFFFFF';\n title.style.textAlign = 'center';\n title.style.marginTop = '0';\n title.style.marginBottom = '20px';\n const instructions = document.createElement('div');\n instructions.innerHTML = `\n

PLAYER COMMANDS:

• Type \"up\", \"down\", \"left\", \"right\" in chat to move 1 grid

• Add numbers to move multiple grids: \"up5\", \"left3\"

• Or use the mobile control buttons below

• Collect coins 💰 to earn points

STREAMER CONTROLS:

• 🟢 START - Start round

• 🔄 RESET - Reset game

• 💰 - Spawn coin

• 💣 - Spawn bomb

• ⚡ - Spawn powerup

OBJECTIVES:

• Survive 180 seconds

• Avoid bombs 💣

• Score highest to win!

\n `;\n const closeBtn = document.createElement('button');\n closeBtn.textContent = 'CLOSE';\n closeBtn.style.display = 'block';\n closeBtn.style.margin = '20px auto 0';\n closeBtn.style.padding = '10px 20px';\n closeBtn.style.backgroundColor = 'var(--live-red)';\n closeBtn.style.color = '#FFFFFF';\n closeBtn.style.border = 'none';\n closeBtn.style.borderRadius = '0px';\n closeBtn.style.fontSize = '14px';\n closeBtn.style.fontWeight = 'bold';\n closeBtn.style.cursor = 'pointer';\n closeBtn.style.fontFamily = `'VT323', 'Silkscreen', monospace`;\n closeBtn.onclick = () => {\n document.body.removeChild(overlay);\n };\n overlay.onclick = e => {\n if (e.target === overlay) {\n document.body.removeChild(overlay);\n }\n };\n popup.appendChild(title);\n popup.appendChild(instructions);\n popup.appendChild(closeBtn);\n overlay.appendChild(popup);\n document.body.appendChild(overlay);\n }\n createMobileControls() {\n if (window.innerWidth <= 768) {\n const controlsContainer = document.createElement('div');\n controlsContainer.style.position = 'fixed';\n controlsContainer.style.bottom = '20px';\n controlsContainer.style.left = '50%';\n controlsContainer.style.transform = 'translateX(-50%)';\n controlsContainer.style.display = 'grid';\n controlsContainer.style.gridTemplateColumns = '1fr 1fr 1fr';\n controlsContainer.style.gridTemplateRows = '1fr 1fr 1fr';\n controlsContainer.style.gap = '10px';\n controlsContainer.style.zIndex = '1500';\n controlsContainer.style.width = '150px';\n controlsContainer.style.height = '150px';\n const buttonStyle = {\n padding: '15px',\n fontSize: '20px',\n backgroundColor: 'var(--action-pink)',\n color: '#FFFFFF',\n border: 'var(--pixel-border)',\n borderRadius: '0px',\n fontWeight: 'bold',\n cursor: 'pointer',\n fontFamily: `'VT323', 'Silkscreen', monospace`,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n boxShadow: 'var(--pixel-shadow)'\n };\n const upBtn = document.createElement('button');\n upBtn.textContent = '↑';\n upBtn.style.gridColumn = '2';\n upBtn.style.gridRow = '1';\n Object.assign(upBtn.style, buttonStyle);\n upBtn.onclick = () => this.handleMobileMove('up');\n const leftBtn = document.createElement('button');\n leftBtn.textContent = '←';\n leftBtn.style.gridColumn = '1';\n leftBtn.style.gridRow = '2';\n Object.assign(leftBtn.style, buttonStyle);\n leftBtn.onclick = () => this.handleMobileMove('left');\n const rightBtn = document.createElement('button');\n rightBtn.textContent = '→';\n rightBtn.style.gridColumn = '3';\n rightBtn.style.gridRow = '2';\n Object.assign(rightBtn.style, buttonStyle);\n rightBtn.onclick = () => this.handleMobileMove('right');\n const downBtn = document.createElement('button');\n downBtn.textContent = '↓';\n downBtn.style.gridColumn = '2';\n downBtn.style.gridRow = '3';\n Object.assign(downBtn.style, buttonStyle);\n downBtn.onclick = () => this.handleMobileMove('down');\n controlsContainer.appendChild(upBtn);\n controlsContainer.appendChild(leftBtn);\n controlsContainer.appendChild(rightBtn);\n controlsContainer.appendChild(downBtn);\n document.body.appendChild(controlsContainer);\n this.mobileControls = controlsContainer;\n }\n }\n async handleMobileMove(direction) {\n if (!this.roundActive || !this.connectedWallet) return;\n await this.handleMovement(this.connectedWallet, 'Mobile Player', direction, 1);\n }\n injectGlobalStyles() {\n const style = document.createElement('style');\n const fontLink = document.createElement('link');\n fontLink.href = 'https://fonts.googleapis.com/css2?family=Silkscreen&family=VT323&display=swap';\n fontLink.rel = 'stylesheet';\n document.head.appendChild(fontLink);\n style.textContent = `\n :root {\n --primary-blue: #3498db;\n --secondary-cyan: #33e6ff;\n --accent-yellow: #ffde00;\n --action-pink: #ff69b4;\n --battle-green: #4cd964;\n --text-dark-blue: #0a3d62;\n --live-red: #ff3b30;\n --wallet-purple: #6c5ce7;\n --pixel-shadow: 3px 3px 0 rgba(0,0,0,0.8);\n --pixel-border: 2px solid #000;\n }\n body {\n font-family: 'Courier New', Monaco, monospace;\n }\n button, input[type=\"button\"] {\n font-family: 'VT323', 'Silkscreen', monospace !important;\n box-shadow: var(--pixel-shadow) !important;\n border: var(--pixel-border) !important;\n transition: transform 0.1s ease, box-shadow 0.1s ease !important;\n text-transform: uppercase;\n position: relative;\n border-radius: 0 !important;\n }\n button:hover, input[type=\"button\"]:hover {\n transform: scale(1.05);\n box-shadow: 3px 3px 0 var(--accent-yellow), 0 0 10px var(--accent-yellow) !important;\n }\n button:active, input[type=\"button\"]:active {\n transform: translateY(2px) scale(1.02) !important;\n box-shadow: 1px 1px 0 rgba(0,0,0,0.8) !important;\n }\n .popup-panel, .chat-container, .header-div {\n border: var(--pixel-border) !important;\n box-shadow: var(--pixel-shadow) !important;\n border-radius: 0 !important;\n }\n .header-div {\n border-bottom: var(--pixel-border) !important;\n }\n input[type=\"text\"] {\n font-family: 'Courier New', Monaco, monospace;\n border: var(--pixel-border) !important;\n box-shadow: inset 2px 2px 0 rgba(0,0,0,0.2);\n border-radius: 0 !important;\n }\n `;\n document.head.appendChild(style);\n }\n destroy() {\n if (this.socket) {\n this.socket.disconnect();\n this.socket = undefined;\n }\n if (this.chatContainer) {\n document.body.removeChild(this.chatContainer);\n }\n if (this.leaderboardContainer) {\n document.body.removeChild(this.leaderboardContainer);\n }\n if (this.mobileControls) {\n document.body.removeChild(this.mobileControls);\n }\n }\n}\nconst config = {\n type: Phaser.AUTO,\n scale: {\n mode: Phaser.Scale.NONE,\n parent: \"app\",\n width: window.innerWidth,\n height: window.innerHeight\n },\n backgroundColor: \"#6a3de8\",\n physics: {\n default: \"arcade\",\n arcade: {\n gravity: {\n y: 0\n },\n debug: false\n }\n },\n scene: [SplashScene, BootScene, GameScene]\n};\nexport const game = new Phaser.Game(config);\nwindow.addEventListener('resize', () => {\n if (currentScene === \"GameScene\" && game.scene.scenes[2]) {\n game.scale.resize(window.innerWidth, window.innerHeight);\n }\n});","packageJson","{\"dependencies\":{\"phaser\":\"3.60.0\",\"socket.io-client\":\"4.7.1\",\"@devfunlabs/state-client\":\"0.8.1\"}}","appFunctions",[],"token","upstreamApp","isLordOfDev","analytics",[84,88,90,92,94,96,98,100,102,104,106,108,110,112,114],{"_85":86,"_87":59},"day","2025-08-17","runCount",{"_85":89,"_87":59},"2025-08-18",{"_85":91,"_87":59},"2025-08-19",{"_85":93,"_87":59},"2025-08-20",{"_85":95,"_87":59},"2025-08-21",{"_85":97,"_87":59},"2025-08-22",{"_85":99,"_87":59},"2025-08-23",{"_85":101,"_87":59},"2025-08-24",{"_85":103,"_87":59},"2025-08-25",{"_85":105,"_87":59},"2025-08-26",{"_85":107,"_87":59},"2025-08-27",{"_85":109,"_87":59},"2025-08-28",{"_85":111,"_87":59},"2025-08-29",{"_85":113,"_87":41},"2025-08-30",{"_85":115,"_87":41},"2025-08-31","snapshot","ogImage","https://cdn.dev.fun/og/image/87e747e0a2e9b21d20a9/caf57779.webp","isDevbase","actionData","errors"]

say something