[{"_1":2,"_143":-5,"_144":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/p.$appId",{"_12":13,"_142":-5,"_139":-5},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_27":28,"_29":-5,"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_5":40,"_52":53,"_54":55,"_56":57,"_58":59,"_60":55,"_61":17,"_62":23,"_63":64,"_65":66,"_67":68,"_69":70,"_85":-5,"_86":17,"_87":88,"_139":28,"_140":141},"id","d57b6ee055a5e845b238","isMyApp",false,"name","PUMP vs RAY","description","Devour your way to the top in this chaotic blob-eat-blob universe where you play as PUMP, consuming innocent RAYs and eventually your fellow PUMPs in a gloriously absurd battle of consumption!","isLive",true,"tags",[26],"👑","cover","https://cdn.dev.fun/snapshot/d57b6ee055a5e845b238/37506_b7c93201.webp","cdnUrl","createdAt",["D",1742509046437],"updatedAt",["D",1742790596949],"lastCommitId",["B","37506"],"tier",1,"credits",34,{"_14":41,"_42":43,"_44":43,"_45":46,"_47":43,"_48":49,"_50":51},"256a0e53-3d51-41c3-9e46-a57307b4524f","uniqueId","pumpdevjam","username","solanaWallet","CZBAeTHk1PavghSx5cRDTLa7mCFQ18pjoVSkepSjCTn3","displayName","bio","https://x.com/pumpdevjam","avatar","https://cdn.dev.fun/avatar/256a0e53-3d51-41c3-9e46-a57307b4524f/263ad306.webp","commitCount",292,"forkCount",0,"likeCount",3,"runsCount",1940,"visitorCount","isArchived","isRenamed","contractAddress","6Y2YgwZQxEKw8bQL5tK3uoqA59LvJi1oUEA22kz9pump","code","import * as Phaser from 'phaser';\nimport { StateClient } from '@devfunlabs/state-client';\nclass BootScene extends Phaser.Scene {\n constructor() {\n super({\n key: 'BootScene'\n });\n }\n preload() {\n this.createPumpTexture();\n this.load.image('food', 'https://proxy.dev.fun?url=' + encodeURIComponent('https://i.imgur.com/J1PHHDT.png'));\n this.load.image('menuBackground', 'https://proxy.dev.fun?url=' + encodeURIComponent('https://i.imgur.com/hZWKsIL.png'));\n const projectileGraphics = this.add.graphics();\n projectileGraphics.fillStyle(0xffffff, 1);\n projectileGraphics.fillCircle(16, 16, 16);\n projectileGraphics.generateTexture('projectileBase', 32, 32);\n projectileGraphics.destroy();\n const loadingText = this.add.text(this.cameras.main.width / 2, this.cameras.main.height / 2, 'Loading...', {\n font: '32px Arial',\n fill: '#ffffff',\n stroke: '#000000',\n strokeThickness: 4,\n resolution: 2\n });\n loadingText.setOrigin(0.5, 0.5);\n this.load.on('progress', value => {\n loadingText.setText(`Loading: ${Math.floor(value * 100)}%`);\n });\n this.load.on('complete', () => {\n loadingText.destroy();\n });\n this.load.on('loaderror', fileObj => {\n loadingText.setText('Error loading assets!');\n loadingText.setColor('#ff0000');\n });\n }\n createPumpTexture() {\n const scaleFactor = 4;\n const size = 100 * scaleFactor;\n const rt = this.make.renderTexture({\n width: size,\n height: size\n }, true);\n const graphics = this.make.graphics({\n x: 0,\n y: 0,\n add: false\n });\n graphics.fillStyle(0x60cd88, 1);\n graphics.fillCircle(size / 2, size / 2, size / 2);\n graphics.fillStyle(0xfffffe, 1);\n graphics.fillCircle(size * 0.35, size * 0.35, size * 0.1);\n graphics.fillCircle(size * 0.65, size * 0.35, size * 0.1);\n graphics.fillStyle(0x000000, 1);\n graphics.fillCircle(size * 0.35, size * 0.35, size * 0.05);\n graphics.fillCircle(size * 0.65, size * 0.35, size * 0.05);\n graphics.fillCircle(size * 0.5, size * 0.6, size * 0.15);\n graphics.fillStyle(0xfffffe, 1);\n graphics.fillTriangle(size * 0.45, size * 0.5, size * 0.55, size * 0.5, size * 0.5, size * 0.6);\n rt.draw(graphics);\n rt.saveTexture('pump');\n this.textures.get('pump').setFilter(Phaser.Textures.FilterMode.LINEAR);\n graphics.destroy();\n rt.destroy();\n this.registry.set('pumpTextureSize', size);\n }\n create() {\n this.scene.start('MenuScene');\n }\n}\nclass MenuScene extends Phaser.Scene {\n constructor() {\n super({\n key: 'MenuScene'\n });\n }\n create() {\n if (this.scene.get('GameScene')) {\n const gameScene = this.scene.get('GameScene');\n gameScene.shutdown();\n this.scene.remove('GameScene');\n }\n this.scene.add('GameScene', GameScene, false);\n const width = this.scale.width;\n const height = this.scale.height;\n const bg = this.add.image(width / 2, height / 2, 'menuBackground');\n const imageRatio = bg.width / bg.height;\n const screenRatio = width / height;\n if (screenRatio > imageRatio) {\n const scale = width / bg.width;\n bg.setScale(scale);\n } else {\n const scale = height / bg.height;\n bg.setScale(scale);\n }\n bg.setPosition(width / 2, height / 2);\n const chooseNameText = this.add.text(width / 2, height / 2 - 50, 'CHOOSE NAME', {\n fontFamily: 'Arial Black',\n fontSize: 20,\n color: '#ffffff',\n stroke: '#000000',\n strokeThickness: 2,\n resolution: 2\n });\n chooseNameText.setOrigin(0.5);\n const inputBox = this.add.graphics();\n inputBox.fillStyle(0x000000, 0.5);\n inputBox.lineStyle(2, 0x60cd88, 1);\n inputBox.fillRoundedRect(width / 2 - 150, height / 2 - 25, 300, 50, 10);\n inputBox.strokeRoundedRect(width / 2 - 150, height / 2 - 25, 300, 50, 10);\n let playerName = 'Player' + Math.floor(Math.random() * 1000);\n const nameText = this.add.text(width / 2, height / 2, playerName, {\n fontFamily: 'Arial',\n fontSize: 24,\n color: '#fffffe',\n resolution: 2\n });\n nameText.setOrigin(0.5);\n inputBox.setInteractive(new Phaser.Geom.Rectangle(width / 2 - 150, height / 2 - 25, 300, 50), Phaser.Geom.Rectangle.Contains);\n inputBox.on('pointerdown', () => {\n playerName = prompt('Enter your name:', playerName) || playerName;\n nameText.setText(playerName);\n });\n const buttonBg = this.add.graphics();\n buttonBg.fillStyle(0x60cd88, 1);\n buttonBg.fillRoundedRect(width / 2 - 100, height / 2 + 50, 200, 60, 15);\n buttonBg.lineStyle(3, 0xffffff, 0.8);\n buttonBg.strokeRoundedRect(width / 2 - 100, height / 2 + 50, 200, 60, 15);\n const playButton = this.add.text(width / 2, height / 2 + 80, 'PLAY', {\n fontFamily: 'Arial Black',\n fontSize: 28,\n color: '#fffffe',\n resolution: 2\n });\n playButton.setOrigin(0.5);\n buttonBg.setInteractive(new Phaser.Geom.Rectangle(width / 2 - 100, height / 2 + 50, 200, 60), Phaser.Geom.Rectangle.Contains);\n buttonBg.on('pointerdown', () => {\n this.time.delayedCall(500, () => {\n this.scene.start('GameScene', {\n playerName: playerName\n });\n });\n });\n }\n}\nclass GameScene extends Phaser.Scene {\n constructor() {\n super({\n key: 'GameScene'\n });\n this.SHOOT_BASE_COOLDOWN = 1000;\n this.SHOOT_RADIUS_MULTIPLIER = 0.5;\n this.PROJECTILE_SPEED = 240;\n this.PROJECTILE_LIFESPAN = 20000;\n this.players = {};\n this.foodItems = {};\n this.accumulator = 0;\n this.fixedTimeStep = 1000 / 60;\n this.locallyCollectedFood = new Set();\n this.projectiles = new Map();\n this.projectilePool = [];\n this.shootCooldown = 0;\n this.wobbleFrequency = 8;\n this.wobbleRecovery = 0.92;\n this.wobbleMaxAmplitude = 0.056;\n this.playerLastX = 0;\n this.playerLastY = 0;\n this.playerName = '';\n this.socket = null;\n this.playerId = null;\n this.playerData = null;\n this.worldSize = 4000;\n this.connected = false;\n this.intentionalDisconnect = false;\n this.viewportWidth = 0;\n this.viewportHeight = 0;\n this.worldContainer = null;\n this.leaderboardText = null;\n this.statusText = null;\n this.lastMoveTime = 0;\n this.lastUIUpdateTime = 0;\n this.lastLeaderboardUpdate = 0;\n this.scaleTween = null;\n this.updateThrottle = 0;\n this.foodPool = [];\n this.MAX_FOOD_POOL_SIZE = 600;\n this.MAX_PROJECTILE_POOL_SIZE = 50;\n this.VIEWPORT_UPDATE_INTERVAL = 250;\n this.LEADERBOARD_UPDATE_INTERVAL = 500;\n this.renderCallback = null;\n this.lastRenderTime = 0;\n }\n init(data) {\n this.playerName = data.playerName || 'Player' + Math.floor(Math.random() * 1000);\n this.connected = false;\n this.socket = null;\n }\n create() {\n this.viewportWidth = this.scale.width;\n this.viewportHeight = this.scale.height;\n this.worldContainer = this.add.container(this.viewportWidth / 2, this.viewportHeight / 2);\n this.worldContainer.setScrollFactor(0);\n this.worldContainer.setScale(1);\n this.cameras.main.setBackgroundColor('#1A1A28');\n if (!this.textures.exists('pump') || !this.textures.exists('food')) {\n console.warn('Required textures not loaded yet, retrying in next frame');\n this.time.delayedCall(100, () => this.create());\n return;\n }\n this.createBackground();\n this.minSpeed = 5.0;\n this.maxSpeed = 25.0;\n this.speedThreshold = 300;\n this.initPools();\n this.initProjectileTexture();\n this.setupUI();\n this.createShootCooldownUI();\n this.generateClientId();\n this.connectToServer();\n this.beforeUnloadHandler = this.handleBeforeUnload.bind(this);\n window.addEventListener('beforeunload', this.beforeUnloadHandler);\n this.lastRenderTime = 0;\n this.serverTimeOffset = 0;\n this.avgServerDelay = 100;\n this.serverTimeUpdates = [];\n this.networkUpdateBuffer = new Map();\n this.lastUpdateSent = this.game.getTime();\n this.setupShootingControls();\n this.input.on('pointermove', pointer => {\n if (!this.connected || !this.playerData || !this.socket) return;\n const centerX = this.viewportWidth / 2;\n const centerY = this.viewportHeight / 2;\n let dx = pointer.x - centerX;\n let dy = pointer.y - centerY;\n const lengthSq = dx * dx + dy * dy;\n if (lengthSq > 0) {\n const distance = Math.sqrt(lengthSq);\n let speed = this.minSpeed + (this.maxSpeed - this.minSpeed) * Math.min(distance, this.speedThreshold) / this.speedThreshold;\n const invLength = 1.0 / distance;\n dx *= invLength * speed;\n dy *= invLength * speed;\n }\n if (this.connected && this.socket?.readyState === WebSocket.OPEN) {\n if (!this.lastMoveTime || this.game.getTime() - this.lastMoveTime > 50) {\n const moveMsg = {\n type: 'move',\n velX: dx,\n velY: dy,\n speed: Math.sqrt(dx * dx + dy * dy)\n };\n this.socket.send(JSON.stringify(moveMsg));\n this.lastMoveTime = this.game.getTime();\n }\n }\n });\n }\n createBackground() {\n if (this.gridGraphics) {\n this.gridGraphics.destroy();\n }\n if (this.gridBackground) {\n this.gridBackground.destroy();\n }\n if (this.gridContainer) {\n this.gridContainer.destroy();\n }\n if (this.axesGraphics) {\n this.axesGraphics.destroy();\n }\n if (this.originText) {\n this.originText.destroy();\n }\n if (this.gridAnimationId) {\n cancelAnimationFrame(this.gridAnimationId);\n this.gridAnimationId = null;\n }\n const gridSize = 100;\n if (!this.textures.exists('gridCell')) {\n const gridGraphics = this.make.graphics({\n x: 0,\n y: 0,\n add: false\n });\n gridGraphics.lineStyle(1, 0xcccccc, 0.3);\n gridGraphics.strokeRect(0, 0, gridSize, gridSize);\n gridGraphics.generateTexture('gridCell', gridSize, gridSize);\n gridGraphics.destroy();\n }\n this.cameras.main.setBackgroundColor('#f7f5e8');\n const worldSize = this.worldSize || 4000;\n this.gridContainer = this.add.container(0, 0);\n this.gridContainer.setDepth(-1000);\n this.gridContainer.setScrollFactor(0);\n const cellsX = Math.ceil(this.viewportWidth / gridSize) + 5;\n const cellsY = Math.ceil(this.viewportHeight / gridSize) + 5;\n this.gridCells = [];\n for (let y = 0; y < cellsY; y++) {\n for (let x = 0; x < cellsX; x++) {\n const cell = this.add.image(x * gridSize - cellsX * gridSize / 2, y * gridSize - cellsY * gridSize / 2, 'gridCell');\n this.gridContainer.add(cell);\n this.gridCells.push(cell);\n }\n }\n this.gridContainer.setPosition(this.viewportWidth / 2, this.viewportHeight / 2);\n this.gridProps = {\n size: gridSize,\n cellsX: cellsX,\n cellsY: cellsY,\n width: cellsX * gridSize,\n height: cellsY * gridSize,\n halfWidth: cellsX * gridSize / 2,\n halfHeight: cellsY * gridSize / 2,\n lastWidth: this.viewportWidth,\n lastHeight: this.viewportHeight\n };\n this.axesGraphics = this.add.graphics();\n this.axesGraphics.setDepth(-999);\n this.axesGraphics.lineStyle(2, 0xaaaaaa, 0.5);\n this.axesGraphics.moveTo(-worldSize, 0);\n this.axesGraphics.lineTo(worldSize, 0);\n this.axesGraphics.moveTo(0, -worldSize);\n this.axesGraphics.lineTo(0, worldSize);\n this.axesGraphics.strokePath();\n this.axesGraphics.setScrollFactor(1);\n this.originText = this.add.text(0, 0, '+', {\n font: '24px Arial',\n fill: '#000000',\n resolution: 2\n }).setOrigin(0.5).setDepth(-999).setScrollFactor(1);\n this.gridState = {\n offsetX: 0,\n offsetY: 0,\n targetOffsetX: 0,\n targetOffsetY: 0,\n playerX: this.playerData?.x || 0,\n playerY: this.playerData?.y || 0,\n lastPlayerX: this.playerData?.x || 0,\n lastPlayerY: this.playerData?.y || 0,\n playerVelX: 0,\n playerVelY: 0,\n isFirstUpdate: true,\n lerpBase: 0.15,\n lerpMin: 0.12,\n lerpMax: 0.35,\n positionHistory: [],\n lastUpdateTime: performance.now()\n };\n this.startGridAnimation();\n this.updateGrid = () => {};\n }\n startGridAnimation() {\n const state = this.gridState;\n if (!state) return;\n const animateGrid = timestamp => {\n if (!this.gridContainer || !this.gridProps || !this.gridState) {\n this.gridAnimationId = null;\n return;\n }\n const now = timestamp;\n const timeDelta = Math.min(now - state.lastUpdateTime, 33);\n const delta = timeDelta;\n state.lastUpdateTime = now;\n if (this.playerData) {\n const playerX = this.playerData.x;\n const playerY = this.playerData.y;\n if (state.isFirstUpdate) {\n state.playerX = playerX;\n state.playerY = playerY;\n state.lastPlayerX = playerX;\n state.lastPlayerY = playerY;\n state.isFirstUpdate = false;\n this.gridAnimationId = requestAnimationFrame(animateGrid);\n return;\n }\n const dx = playerX - state.playerX;\n const dy = playerY - state.playerY;\n state.playerX = playerX;\n state.playerY = playerY;\n const velocityLerpFactor = Math.min(0.5, timeDelta / 100);\n state.playerVelX = state.playerVelX * (1 - velocityLerpFactor) + dx * velocityLerpFactor * 15;\n state.playerVelY = state.playerVelY * (1 - velocityLerpFactor) + dy * velocityLerpFactor * 15;\n state.targetOffsetX -= dx;\n state.targetOffsetY -= dy;\n state.positionHistory.push({\n x: state.offsetX,\n y: state.offsetY,\n time: now\n });\n if (state.positionHistory.length > 5) {\n state.positionHistory.shift();\n }\n const distX = state.targetOffsetX - state.offsetX;\n const distY = state.targetOffsetY - state.offsetY;\n const distanceSq = distX * distX + distY * distY;\n let lerpFactor = state.lerpBase * (delta / 16.67);\n if (distanceSq > 2500) {\n lerpFactor = Math.min(state.lerpMax, delta / 16.67 * 0.35);\n } else if (distanceSq < 25) {\n lerpFactor = Math.min(state.lerpMin, delta / 16.67 * 0.12);\n }\n state.offsetX += distX * lerpFactor;\n state.offsetY += distY * lerpFactor;\n const gridSize = this.gridProps.size;\n const visibleOffsetX = state.offsetX % gridSize;\n const visibleOffsetY = state.offsetY % gridSize;\n this.gridContainer.x = this.viewportWidth / 2 + visibleOffsetX;\n this.gridContainer.y = this.viewportHeight / 2 + visibleOffsetY;\n }\n this.gridAnimationId = requestAnimationFrame(animateGrid);\n };\n this.gridAnimationId = requestAnimationFrame(animateGrid);\n }\n setupShootingControls() {\n this.input.keyboard.on('keydown-SPACE', () => {\n this.attemptShoot(this.input.activePointer);\n });\n const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);\n if (isMobile) {\n this.input.on('pointerdown', pointer => {\n this.attemptShoot(pointer);\n });\n this.createMobileShootIndicator();\n } else {\n this.input.on('pointerdown', pointer => {\n this.attemptShoot(pointer);\n });\n }\n }\n createMobileShootIndicator() {}\n attemptShoot(pointer) {\n const now = this.game.getTime();\n if (now < this.shootCooldown) return;\n if (!this.playerData || this.playerData.size < 40) return;\n const centerX = this.viewportWidth / 2;\n const centerY = this.viewportHeight / 2;\n let dirX = pointer.x - centerX;\n let dirY = pointer.y - centerY;\n const length = Math.sqrt(dirX * dirX + dirY * dirY);\n if (length > 0) {\n dirX /= length;\n dirY /= length;\n } else {\n dirX = 1;\n dirY = 0;\n }\n const offsetX = dirX * this.playerData.size;\n const offsetY = dirY * this.playerData.size;\n if (this.connected && this.socket?.readyState === WebSocket.OPEN) {\n this.socket.send(JSON.stringify({\n type: 'shoot',\n dirX: dirX,\n dirY: dirY,\n offsetX: offsetX,\n offsetY: offsetY\n }));\n this.shootCooldown = now + this.SHOOT_BASE_COOLDOWN;\n const massCost = Math.floor(this.playerData.size * 0.1);\n this.playerData.size -= massCost;\n if (this.scoreText) {\n this.scoreText.setText(`Score: ${Math.floor(this.playerData.size)}`);\n }\n this.showShootEffect(dirX, dirY);\n }\n }\n initProjectileTexture() {\n const size = 32;\n const graphics = this.add.graphics();\n graphics.fillStyle(0xffffff, 1);\n graphics.fillCircle(size / 2, size / 2, size / 2);\n graphics.generateTexture('projectile', size, size);\n graphics.destroy();\n }\n createProjectile(data) {\n if (!this.textures.exists('projectile')) {\n console.warn('Projectile texture not loaded!');\n this.initProjectileTexture();\n if (!this.textures.exists('projectile')) {\n return null;\n }\n }\n let worldX = data.x;\n let worldY = data.y;\n if (data.ownerId === this.playerId && !data.offsetApplied) {\n worldX += data.dirX * this.playerData.size;\n worldY += data.dirY * this.playerData.size;\n }\n const projectile = {\n id: data.id,\n ownerId: data.ownerId,\n startX: worldX,\n startY: worldY,\n worldX: worldX,\n worldY: worldY,\n screenX: worldX - this.playerData.x,\n screenY: worldY - this.playerData.y,\n lastScreenX: null,\n lastScreenY: null,\n dirX: data.dirX,\n dirY: data.dirY,\n speed: data.speed,\n size: data.size,\n color: data.ownerId === this.playerId ? 0x60cd88 : 0xff5555,\n createdAt: data.createdAt || this.game.getTime(),\n lastUpdate: this.game.getTime(),\n sprite: null\n };\n projectile.sprite = this.add.sprite(projectile.screenX, projectile.screenY, 'projectile');\n projectile.sprite.setScale(projectile.size / 16);\n projectile.sprite.setTint(projectile.color);\n projectile.sprite.setDepth(10);\n projectile.sprite.setVisible(true);\n projectile.sprite.setScrollFactor(0);\n this.worldContainer.add(projectile.sprite);\n this.projectiles.set(data.id, projectile);\n return projectile;\n }\n handleProjectileCreated(data) {\n return this.createProjectile(data);\n }\n handleProjectileHit(data) {\n const projectile = this.projectiles.get(data.projectileId);\n if (!projectile) return;\n this.createHitEffect(projectile.x, projectile.y);\n if (projectile.sprite) {\n projectile.sprite.destroy();\n }\n this.projectiles.delete(data.projectileId);\n }\n handleProjectileExpired(data) {\n const projectile = this.projectiles.get(data.id);\n if (!projectile) return;\n if (projectile.sprite) {\n projectile.sprite.destroy();\n }\n this.projectiles.delete(data.id);\n }\n updateProjectiles(delta) {\n this.projectiles.forEach((projectile, id) => {\n this.checkLocalProjectileCollisions(projectile, id);\n });\n }\n createHitEffect(x, y, size = 30) {\n const explosion = this.add.graphics();\n explosion.fillStyle(0xffff00, 0.8);\n explosion.fillCircle(0, 0, size);\n explosion.x = x;\n explosion.y = y;\n explosion.setDepth(30);\n this.worldContainer.add(explosion);\n const ring = this.add.graphics();\n ring.lineStyle(3, 0xffffff, 0.7);\n ring.strokeCircle(0, 0, size * 0.8);\n ring.x = x;\n ring.y = y;\n ring.setDepth(29);\n this.worldContainer.add(ring);\n this.tweens.add({\n targets: explosion,\n alpha: 0,\n scale: 3.5,\n duration: 350,\n ease: 'Cubic.Out',\n onComplete: () => {\n explosion.destroy();\n }\n });\n this.tweens.add({\n targets: ring,\n alpha: 0,\n scale: 2.5,\n duration: 300,\n ease: 'Quad.Out',\n onComplete: () => {\n ring.destroy();\n }\n });\n const flash = this.add.graphics();\n flash.fillStyle(0xffffff, 0.4);\n flash.fillCircle(0, 0, size * 2);\n flash.x = x;\n flash.y = y;\n flash.setDepth(27);\n this.worldContainer.add(flash);\n this.tweens.add({\n targets: flash,\n alpha: 0,\n scale: 1.5,\n duration: 150,\n onComplete: () => {\n flash.destroy();\n }\n });\n }\n showShootEffect(dirX, dirY) {\n const player = this.players[this.playerId];\n if (player) {\n this.tweens.add({\n targets: player,\n x: -dirX * 15,\n y: -dirY * 15,\n duration: 120,\n yoyo: true,\n ease: 'Sine.Out'\n });\n if (player.triggerWobble) {\n player.triggerWobble(0.08);\n }\n }\n const flash = this.add.graphics();\n flash.fillStyle(0xffff00, 0.8);\n flash.fillCircle(0, 0, 20);\n flash.setDepth(20);\n this.worldContainer.add(flash);\n flash.x = player ? player.x + dirX * player.actualSize : 0;\n flash.y = player ? player.y + dirY * player.actualSize : 0;\n this.tweens.add({\n targets: flash,\n alpha: 0,\n scale: 2.5,\n duration: 150,\n ease: 'Cubic.Out',\n onComplete: () => {\n flash.destroy();\n }\n });\n }\n createShootCooldownUI() {\n this.cooldownContainer = this.add.container(20, 80);\n this.cooldownContainer.setScrollFactor(0);\n this.cooldownContainer.depth = 100;\n if (this.playerData && this.playerData.size < 40) {\n this.cooldownContainer.visible = false;\n }\n this.cooldownBg = this.add.graphics();\n this.cooldownBg.setScrollFactor(0);\n this.cooldownBg.fillStyle(0x000000, 0.6);\n this.cooldownBg.fillRoundedRect(0, 0, 50, 50, 10);\n this.cooldownFill = this.add.graphics();\n this.cooldownFill.setScrollFactor(0);\n this.cooldownFill.fillStyle(0x60cd88, 0.8);\n this.cooldownIcon = this.add.graphics();\n this.cooldownIcon.setScrollFactor(0);\n this.cooldownIcon.fillStyle(0xffffff, 0.9);\n this.cooldownIcon.fillCircle(25, 25, 8);\n this.cooldownContainer.add(this.cooldownBg);\n this.cooldownContainer.add(this.cooldownFill);\n this.cooldownContainer.add(this.cooldownIcon);\n const keyBg = this.add.graphics();\n keyBg.setScrollFactor(0);\n keyBg.fillStyle(0x333333, 0.8);\n keyBg.fillRoundedRect(60, 10, 70, 30, 5);\n keyBg.lineStyle(2, 0xffffff, 0.6);\n keyBg.strokeRoundedRect(60, 10, 70, 30, 5);\n this.cooldownContainer.add(keyBg);\n const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);\n const keyText = this.add.text(95, 25, isMobile ? \"TAP\" : \"SPACE\", {\n fontFamily: 'Arial',\n fontSize: '14px',\n fontStyle: 'bold',\n color: '#ffffff',\n align: 'center',\n resolution: 2\n });\n keyText.setOrigin(0.5);\n keyText.setScrollFactor(0);\n this.cooldownContainer.add(keyText);\n const shootLabel = this.add.text(25, 65, \"SHOOT\", {\n fontFamily: 'Arial',\n fontSize: '12px',\n color: '#ffffff',\n align: 'center',\n stroke: '#000000',\n strokeThickness: 2,\n resolution: 2\n });\n shootLabel.setOrigin(0.5);\n shootLabel.setScrollFactor(0);\n this.cooldownContainer.add(shootLabel);\n }\n updateShootCooldownUI() {\n if (!this.cooldownFill || !this.cooldownContainer) return;\n if (this.playerData && this.playerData.size < 40) {\n this.cooldownContainer.visible = false;\n return;\n } else if (this.cooldownContainer) {\n this.cooldownContainer.visible = true;\n }\n const now = this.game.getTime();\n if (now < this.shootCooldown) {\n const progress = 1 - (this.shootCooldown - now) / this.SHOOT_BASE_COOLDOWN;\n this.cooldownFill.clear();\n this.cooldownFill.fillStyle(0x60cd88, 0.8);\n this.cooldownFill.fillRoundedRect(0, 50 - progress * 50, 50, progress * 50, {\n tl: 0,\n tr: 0,\n bl: 10,\n br: 10\n });\n } else {\n this.cooldownFill.clear();\n this.cooldownFill.fillStyle(0x60cd88, 0.8);\n this.cooldownFill.fillRoundedRect(0, 0, 50, 50, 10);\n }\n }\n setupUI() {\n const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);\n if (isMobile) {\n this.leaderboardContainer = this.add.container(0, this.viewportHeight - 100);\n this.leaderboardContainer.setScrollFactor(0);\n this.leaderboardContainer.depth = 99;\n this.leaderboardBg = this.add.graphics();\n this.leaderboardBg.setScrollFactor(0);\n this.leaderboardBg.fillStyle(0x000000, 0.6);\n this.leaderboardBg.fillRoundedRect(0, 0, this.viewportWidth, 90, 10);\n this.leaderboardContainer.add(this.leaderboardBg);\n this.leaderboardTitleBg = this.add.graphics();\n this.leaderboardTitleBg.setScrollFactor(0);\n this.leaderboardTitleBg.fillStyle(0x60cd88, 0.8);\n this.leaderboardTitleBg.fillRoundedRect(0, -30, this.viewportWidth, 30, {\n tl: 10,\n tr: 10,\n bl: 0,\n br: 0\n });\n this.leaderboardContainer.add(this.leaderboardTitleBg);\n this.leaderboardTitleText = this.add.text(this.viewportWidth / 2, -15, 'TOP PLAYERS', {\n fontFamily: 'Arial Black',\n fontSize: '16px',\n color: '#ffffff',\n align: 'center',\n resolution: 2\n });\n this.leaderboardTitleText.setOrigin(0.5, 0.5);\n this.leaderboardTitleText.setScrollFactor(0);\n this.leaderboardContainer.add(this.leaderboardTitleText);\n this.leaderboardText = this.add.text(this.viewportWidth / 2, 45, '', {\n fontFamily: 'Arial',\n fontSize: '14px',\n color: '#ffffff',\n align: 'center',\n resolution: 2\n });\n this.leaderboardText.setOrigin(0.5, 0.5);\n this.leaderboardText.setScrollFactor(0);\n this.leaderboardContainer.add(this.leaderboardText);\n } else {\n this.leaderboardContainer = this.add.container(this.viewportWidth - 230, 10);\n this.leaderboardContainer.setScrollFactor(0);\n this.leaderboardContainer.depth = 99;\n this.leaderboardTitleBg = this.add.graphics();\n this.leaderboardTitleBg.setScrollFactor(0);\n this.leaderboardTitleBg.fillStyle(0x60cd88, 0.8);\n this.leaderboardTitleBg.fillRoundedRect(0, 0, 220, 40, {\n tl: 10,\n tr: 10,\n bl: 0,\n br: 0\n });\n this.leaderboardContainer.add(this.leaderboardTitleBg);\n this.leaderboardBg = this.add.graphics();\n this.leaderboardBg.setScrollFactor(0);\n this.leaderboardBg.fillStyle(0x000000, 0.6);\n this.leaderboardBg.fillRoundedRect(0, 30, 220, 170, {\n tl: 0,\n tr: 0,\n bl: 10,\n br: 10\n });\n this.leaderboardContainer.add(this.leaderboardBg);\n this.leaderboardTitleText = this.add.text(110, 20, 'LEADERBOARD', {\n fontFamily: 'Arial Black',\n fontSize: '20px',\n color: '#ffffff',\n align: 'center',\n resolution: 2\n });\n this.leaderboardTitleText.setOrigin(0.5, 0.5);\n this.leaderboardTitleText.setScrollFactor(0);\n this.leaderboardContainer.add(this.leaderboardTitleText);\n this.leaderboardText = this.add.text(10, 50, '', {\n fontFamily: 'Arial',\n fontSize: '16px',\n color: '#ffffff',\n align: 'left',\n resolution: 2\n });\n this.leaderboardText.setScrollFactor(0);\n this.leaderboardContainer.add(this.leaderboardText);\n }\n this.scoreContainer = this.add.container(20, 20);\n this.scoreContainer.setScrollFactor(0);\n this.scoreContainer.depth = 100;\n this.scoreBg = this.add.graphics();\n this.scoreBg.setScrollFactor(0);\n this.scoreBg.fillStyle(0x000000, 0.6);\n this.scoreBg.fillRoundedRect(0, 0, 150, 40, 10);\n this.scoreContainer.add(this.scoreBg);\n this.scoreText = this.add.text(75, 20, 'Score: 0', {\n fontFamily: 'Arial Black',\n fontSize: '18px',\n color: '#60cd88',\n align: 'center',\n resolution: 2\n });\n this.scoreText.setOrigin(0.5, 0.5);\n this.scoreText.setScrollFactor(0);\n this.scoreContainer.add(this.scoreText);\n }\n generateClientId() {\n let clientId = localStorage.getItem('agario_client_id');\n if (!clientId) {\n clientId = 'client_' + Math.random().toString(36).substring(2, 15);\n localStorage.setItem('agario_client_id', clientId);\n }\n this.clientId = clientId;\n return clientId;\n }\n connectToServer() {\n if (this.isReconnecting) {\n return;\n }\n this.intentionalDisconnect = false;\n this.isReconnecting = true;\n if (this.socket) {\n const oldSocket = this.socket;\n this.socket = null;\n oldSocket.onclose = null;\n oldSocket.onerror = null;\n oldSocket.onmessage = null;\n if (oldSocket.readyState !== WebSocket.CLOSED) {\n oldSocket.close();\n }\n setTimeout(() => {\n this.createNewSocketConnection();\n this.isReconnecting = false;\n }, 1000);\n } else {\n this.createNewSocketConnection();\n this.isReconnecting = false;\n }\n }\n createNewSocketConnection() {\n if (this.socket) {\n return;\n }\n this.socket = new WebSocket('wss://coom.fun:3000');\n const clientId = this.clientId;\n this.socket.onopen = () => {\n this.connected = true;\n if (this.scoreBg) {\n this.scoreBg.clear();\n this.scoreBg.fillStyle(0x000000, 0.6);\n const bgWidth = Math.max(150, this.scoreText ? this.scoreText.width + 40 : 150);\n this.scoreBg.fillRoundedRect(0, 0, bgWidth, 40, 10);\n }\n const joinMsg = {\n type: 'join',\n name: this.playerName,\n clientId: clientId\n };\n this.socket.send(JSON.stringify(joinMsg));\n };\n this.socket.onmessage = event => {\n try {\n const data = JSON.parse(event.data);\n switch (data.type) {\n case 'joined':\n this.playerId = data.id;\n this.worldSize = data.worldSize;\n break;\n case 'update':\n this.handleGameUpdate(data);\n break;\n case 'dead':\n this.intentionalDisconnect = true;\n if (this.socket?.readyState === WebSocket.OPEN) {\n this.socket.send(JSON.stringify({\n type: 'playerDied',\n id: this.playerId\n }));\n this.socket.close();\n }\n this.scene.start('DeathScene', {\n killerName: data.eatenBy,\n playerSize: this.playerData ? this.playerData.size : 0,\n playerName: this.playerName\n });\n break;\n case 'foodCollected':\n this.playerData.size = data.newSize;\n if (this.foodItems[data.foodId]) {\n this.returnToPool(this.foodItems[data.foodId]);\n delete this.foodItems[data.foodId];\n }\n this.locallyCollectedFood.delete(data.foodId);\n break;\n case 'playerEaten':\n this.playerData.size = data.newSize;\n break;\n case 'playerRemoved':\n if (this.players[data.id]) {\n if (this.players[data.id].nameTag) {\n this.players[data.id].nameTag.destroy();\n }\n if (this.players[data.id].moveTween) {\n this.players[data.id].moveTween.stop();\n }\n this.players[data.id].destroy();\n delete this.players[data.id];\n }\n if (data.leaderboard) {\n this.updateLeaderboard(data.leaderboard);\n }\n break;\n case 'projectileCreated':\n if (!this.projectiles.has(data.id)) {\n this.createProjectile(data);\n }\n break;\n case 'projectileHit':\n this.handleProjectileHit(data);\n break;\n case 'projectileExpired':\n this.handleProjectileExpired(data);\n break;\n }\n } catch (e) {\n console.error(\"Error processing message:\", e);\n }\n };\n this.socket.onclose = () => {\n this.connected = false;\n if (this.intentionalDisconnect) {\n if (this.statusText) {\n this.statusText.setText('Disconnected from server.');\n }\n return;\n }\n if (this.statusText) {\n this.statusText.setText('Disconnected from server. Reconnecting...');\n }\n if (!this.isReconnecting) {\n this.isReconnecting = true;\n setTimeout(() => {\n if (!this.connected && !this.intentionalDisconnect) {\n this.connectToServer();\n } else {\n this.isReconnecting = false;\n }\n }, 1500);\n }\n };\n this.socket.onerror = () => {\n if (this.statusText) {\n this.statusText.setText('Connection error. Retrying...');\n }\n };\n }\n handleGameUpdate(gameState) {\n const clientReceiveTime = this.game.getTime();\n const serverTime = gameState.serverTime || clientReceiveTime;\n const roundTripTime = clientReceiveTime - this.lastUpdateSent;\n const estimatedOneWayDelay = roundTripTime / 2;\n this.serverTimeUpdates.push(estimatedOneWayDelay);\n if (this.serverTimeUpdates.length > 10) {\n this.serverTimeUpdates.shift();\n }\n this.avgServerDelay = this.serverTimeUpdates.reduce((sum, val) => sum + val, 0) / Math.max(1, this.serverTimeUpdates.length);\n this.serverTimeOffset = serverTime + this.avgServerDelay - clientReceiveTime;\n this.playerLastX = this.playerData ? this.playerData.x : 0;\n this.playerLastY = this.playerData ? this.playerData.y : 0;\n if (this.playerData) {\n const targetX = gameState.self.x;\n const targetY = gameState.self.y;\n this.playerData.x = targetX;\n this.playerData.y = targetY;\n } else {\n this.playerData = gameState.self;\n }\n this.updateLeaderboard(gameState.leaderboard);\n this.updateCameraZoom();\n this.updatePlayers(gameState.players);\n this.updateFood(gameState.food);\n if (gameState.projectiles && Array.isArray(gameState.projectiles)) {\n const currentProjectiles = new Set();\n gameState.projectiles.forEach(projectileData => {\n currentProjectiles.add(projectileData.id);\n if (!this.projectiles.has(projectileData.id)) {\n this.createProjectile(projectileData);\n }\n });\n this.projectiles.forEach((projectile, id) => {\n if (!currentProjectiles.has(id)) {\n if (projectile.sprite) {\n projectile.sprite.destroy();\n }\n this.projectiles.delete(id);\n }\n });\n }\n this.lastUpdateSent = clientReceiveTime;\n }\n updateCameraZoom() {\n if (!this.playerData || !this.worldContainer) return;\n const minScale = 1.0;\n const maxScale = 0.4;\n const minSize = 30;\n const maxSize = 500;\n let targetScale = minScale - Math.min(Math.max(this.playerData.size - minSize, 0), maxSize) / (maxSize - minSize) * (minScale - maxScale);\n targetScale = Phaser.Math.Clamp(targetScale, maxScale, minScale);\n if (this.scaleTween && this.scaleTween.isPlaying()) {\n this.scaleTween.stop();\n }\n const zoomDuration = this.playerData.size > 100 ? 100 : 200;\n this.scaleTween = this.tweens.add({\n targets: this.worldContainer,\n scale: targetScale,\n duration: zoomDuration,\n ease: 'Sine.easeOut',\n onComplete: () => {\n if (this.players[this.playerId]?.nameTag) {\n const nameScale = Math.max(0.8, Math.min(2.0, this.playerData.size / 100));\n const nameTagY = -this.playerData.size - 10 * nameScale;\n this.players[this.playerId].nameTag.stableY = null;\n this.updateNameTagPosition(this.players[this.playerId].nameTag, 0, nameTagY);\n }\n }\n });\n this.cameras.main.scrollX = this.playerData.x - this.viewportWidth / 2;\n this.cameras.main.scrollY = this.playerData.y - this.viewportHeight / 2;\n }\n updateLeaderboard(leaderboardData) {\n if (this.lastLeaderboardUpdate && this.game.getTime() - this.lastLeaderboardUpdate < this.LEADERBOARD_UPDATE_INTERVAL) {\n return;\n }\n const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);\n const maxNameWidth = isMobile ? 10 : 12;\n let leaderboardText = '';\n if (isMobile) {\n for (let i = 0; i < Math.min(3, leaderboardData.length); i++) {\n const player = leaderboardData[i];\n const isPlayer = player.id === this.playerId;\n const playerName = player.name.length > maxNameWidth ? player.name.substring(0, maxNameWidth) + '...' : player.name;\n const size = Math.floor(player.size);\n leaderboardText += `${i + 1}. ${playerName}: ${size}${isPlayer ? ' ◄' : ''}\\n`;\n }\n this.leaderboardText.setText(leaderboardText);\n if (this.viewportHeight !== this.scale.height) {\n this.viewportHeight = this.scale.height;\n this.leaderboardContainer.y = this.viewportHeight - 100;\n }\n if (this.viewportWidth !== this.scale.width) {\n this.viewportWidth = this.scale.width;\n this.leaderboardTitleText.x = this.viewportWidth / 2;\n this.leaderboardText.x = this.viewportWidth / 2;\n }\n const lineCount = leaderboardText.split('\\n').length;\n const contentHeight = Math.max(90, 30 * lineCount);\n this.leaderboardBg.clear();\n this.leaderboardBg.fillStyle(0x000000, 0.6);\n this.leaderboardBg.fillRoundedRect(0, 0, this.viewportWidth, contentHeight, 10);\n this.leaderboardTitleBg.clear();\n this.leaderboardTitleBg.fillStyle(0x60cd88, 0.8);\n this.leaderboardTitleBg.fillRoundedRect(0, -30, this.viewportWidth, 30, {\n tl: 10,\n tr: 10,\n bl: 0,\n br: 0\n });\n } else {\n leaderboardData.forEach((player, index) => {\n const isPlayer = player.id === this.playerId;\n const rank = index + 1;\n const playerName = player.name.length > maxNameWidth ? player.name.substring(0, maxNameWidth) + '...' : player.name;\n const size = Math.floor(player.size);\n if (isPlayer) {\n leaderboardText += `${rank}. ${playerName}: ${size} ◄\\n`;\n } else {\n leaderboardText += `${rank}. ${playerName}: ${size}\\n`;\n }\n });\n this.leaderboardText.setText(leaderboardText);\n const contentHeight = Math.max(170, 40 + leaderboardData.length * 25);\n this.leaderboardBg.clear();\n this.leaderboardBg.fillStyle(0x000000, 0.6);\n this.leaderboardBg.fillRoundedRect(0, 30, 220, contentHeight, {\n tl: 0,\n tr: 0,\n bl: 10,\n br: 10\n });\n }\n this.lastLeaderboardUpdate = this.game.getTime();\n }\n updatePlayers(playersData) {\n const currentPlayers = {};\n const currentScale = this.worldContainer.scale;\n const visibleWidth = this.viewportWidth / currentScale;\n const visibleHeight = this.viewportHeight / currentScale;\n const visibleRenderDistanceX = visibleWidth * 0.8;\n const visibleRenderDistanceY = visibleHeight * 0.8;\n const maxVisibleDistanceSq = Math.max(visibleRenderDistanceX, visibleRenderDistanceY) ** 2;\n if (this.playerData) {\n const selfData = playersData.find(p => p.id === this.playerId);\n if (selfData) {\n this.updatePlayer(selfData, true);\n currentPlayers[this.playerId] = true;\n }\n }\n playersData.forEach(playerData => {\n if (playerData.id === this.playerId) return;\n currentPlayers[playerData.id] = true;\n const targetX = playerData.x - this.playerData.x;\n const targetY = playerData.y - this.playerData.y;\n const distanceSq = targetX * targetX + targetY * targetY;\n if (distanceSq < maxVisibleDistanceSq) {\n this.updatePlayer(playerData, false);\n } else if (this.players[playerData.id]) {\n if (this.players[playerData.id].nameTag) {\n this.players[playerData.id].nameTag.destroy();\n }\n this.players[playerData.id].destroy();\n delete this.players[playerData.id];\n }\n });\n Object.keys(this.players).forEach(id => {\n if (!currentPlayers[id] && id !== this.playerId) {\n if (this.players[id].destroyNameTag) {\n this.players[id].destroyNameTag();\n } else if (this.players[id].nameTag) {\n this.players[id].nameTag.destroy();\n }\n if (this.players[id].moveTween) {\n this.players[id].moveTween.stop();\n }\n this.players[id].destroy();\n delete this.players[id];\n }\n });\n }\n createJellyEffect(player) {\n player.baseScaleX = player.scaleX;\n player.baseScaleY = player.scaleY;\n player.wobble = {\n time: 0,\n frequency: this.wobbleFrequency,\n amplitude: 0,\n maxAmplitude: this.wobbleMaxAmplitude,\n recovery: this.wobbleRecovery,\n speedFactor: 0,\n size: player.baseScaleX * 50,\n nameTagOffsetY: 0,\n baseNameTagY: 0\n };\n player.updateJellyEffect = function (delta) {\n this.wobble.time += delta * 0.001;\n const sizeFactor = this.wobble.size > 100 ? Math.max(0.3, 1 - (this.wobble.size - 100) / 300) : 1;\n const idleWobble = Math.sin(this.wobble.time * this.wobble.frequency) * 0.0075 * sizeFactor;\n const speedWobble = this.speed ? this.wobble.speedFactor * this.speed * 0.0019 * sizeFactor : 0;\n const adjustedMaxAmplitude = this.wobble.maxAmplitude * sizeFactor;\n this.wobble.amplitude = Phaser.Math.Clamp(this.wobble.amplitude * this.wobble.recovery + speedWobble, 0, adjustedMaxAmplitude);\n const wobbleX = Math.sin(this.wobble.time * this.wobble.frequency) * this.wobble.amplitude + idleWobble;\n const wobbleY = Math.cos(this.wobble.time * this.wobble.frequency * 1.2) * this.wobble.amplitude - idleWobble;\n this.wobble.currentWobbleY = wobbleY;\n this.setScale(this.baseScaleX * (1 + wobbleX), this.baseScaleY * (1 + wobbleY));\n if (this.nameTag && this.scene) {}\n };\n player.triggerWobble = function (intensity = 0.2) {\n this.wobble.amplitude = Phaser.Math.Clamp(this.wobble.amplitude + intensity, 0, this.wobble.maxAmplitude);\n };\n return player;\n }\n updatePlayer(playerData, isSelf) {\n const textureSize = this.registry.get('pumpTextureSize') || 400;\n const originalSize = 100;\n const scaleFactor = textureSize / originalSize;\n const targetX = playerData.x - this.playerData.x;\n const targetY = playerData.y - this.playerData.y;\n if (this.players[playerData.id]) {\n const player = this.players[playerData.id];\n player.velX = playerData.velX || 0;\n player.velY = playerData.velY || 0;\n player.speed = playerData.speed || 0;\n player.lastUpdateTime = this.game.getTime();\n const previousSize = player.actualSize || playerData.size;\n player.actualSize = playerData.size;\n const newScale = playerData.size / (50 * scaleFactor);\n player.baseScaleX = newScale;\n player.baseScaleY = newScale;\n if (player.wobble) {\n player.wobble.speedFactor = Math.min(1.0, player.speed / 20);\n player.wobble.size = playerData.size;\n if (player.nameTag && !player.wobble.baseNameTagY) {\n const nameScale = Math.max(0.8, Math.min(2.0, playerData.size / 100));\n player.wobble.baseNameTagY = -playerData.size - 10 * nameScale;\n }\n }\n if (player.nameTag) {\n const nameScale = Math.max(0.8, Math.min(2.0, playerData.size / 100));\n player.nameTag.setScale(nameScale);\n player.nameTag.lastSize = playerData.size;\n }\n const isFarAway = Phaser.Math.Distance.Between(player.x, player.y, targetX, targetY) > playerData.size * 4;\n if (isFarAway) {\n player.x = targetX;\n player.y = targetY;\n if (player.nameTag) {\n const nameScale = Math.max(0.8, Math.min(2.0, playerData.size / 100));\n const nameTagY = targetY - playerData.size - 10 * nameScale;\n player.nameTag.needsSizeUpdate = true;\n this.updateNameTagPosition(player.nameTag, targetX, nameTagY);\n }\n } else if (!isSelf) {\n if (player.moveTween) {\n player.moveTween.stop();\n delete player.moveTween;\n }\n player.targetX = targetX;\n player.targetY = targetY;\n if (player.nameTag && player.nameTag.needsSizeUpdate) {\n const nameScale = Math.max(0.8, Math.min(2.0, playerData.size / 100));\n const nameTagY = player.y - playerData.size - 10 * nameScale;\n this.updateNameTagPosition(player.nameTag, player.x, nameTagY);\n player.nameTag.needsSizeUpdate = false;\n }\n } else {\n player.x = 0;\n player.y = 0;\n if (player.nameTag) {\n const nameScale = Math.max(0.8, Math.min(2.0, playerData.size / 100));\n const nameTagY = -playerData.size - 10 * nameScale;\n const significantChange = !player.nameTag.stableY || Math.abs(nameTagY - player.nameTag.baseY) > 10;\n if (significantChange) {\n this.updateNameTagPosition(player.nameTag, 0, nameTagY);\n } else {\n player.nameTag.x = 0;\n }\n this.updateNameTagScale(player.nameTag, playerData.size);\n }\n }\n } else {\n const newPlayer = this.add.sprite(targetX, targetY, 'pump');\n const newScale = playerData.size / (50 * scaleFactor);\n newPlayer.setScale(newScale);\n newPlayer.setScrollFactor(0);\n this.createJellyEffect(newPlayer);\n newPlayer.speed = playerData.speed || 0;\n newPlayer.wobble.speedFactor = Math.min(1.0, newPlayer.speed / 20);\n newPlayer.wobble.size = playerData.size;\n newPlayer.actualSize = playerData.size;\n const nameTag = this.add.text(0, 0, playerData.name, {\n fontFamily: 'Arial',\n fontSize: '16px',\n color: isSelf ? '#60cd88' : '#ffffff',\n stroke: '#000000',\n strokeThickness: 3,\n resolution: 2\n });\n nameTag.setOrigin(0.5);\n nameTag.setScrollFactor(0);\n const nameScale = Math.max(0.8, Math.min(2.0, playerData.size / 100));\n nameTag.setScale(nameScale);\n const nameTagY = targetY - playerData.size - 10 * nameScale;\n this.updateNameTagPosition(nameTag, targetX, nameTagY);\n newPlayer.targetX = targetX;\n newPlayer.targetY = targetY;\n this.worldContainer.add(nameTag);\n newPlayer.nameTag = nameTag;\n this.worldContainer.add(newPlayer);\n newPlayer.destroyNameTag = function () {\n if (this.nameTag) {\n this.nameTag.destroy();\n this.nameTag = null;\n }\n };\n this.players[playerData.id] = newPlayer;\n }\n }\n updateNameTagPosition(nameTag, x, y) {\n nameTag.x = Math.round(x);\n nameTag.y = Math.round(y);\n nameTag.needsSizeUpdate = false;\n }\n getStableNameTagY(player, size) {\n const baseScale = player.baseScaleY || player.scaleY;\n const nameScale = Math.max(0.8, Math.min(2.0, size / 100));\n return player.y - (size || baseScale * 50) - 10 * nameScale;\n }\n updateNameTagScale(nameTag, size) {\n if (!nameTag) return;\n const nameScale = Math.max(0.8, Math.min(2.0, size / 100));\n nameTag.setScale(nameScale);\n }\n updateFood(foodData) {\n if (!this.playerData) return;\n if (!this.textures.exists('food')) {\n console.warn('Food texture not loaded, skipping food update');\n return;\n }\n const currentFood = {};\n const currentScale = this.worldContainer.scale;\n const visibleWidth = this.viewportWidth / currentScale;\n const visibleHeight = this.viewportHeight / currentScale;\n const sizeBasedMargin = this.playerData.size > 200 ? 1.0 : 1.2;\n const visibleAreaMargin = sizeBasedMargin;\n const visibleDistanceSq = Math.max(visibleWidth * visibleAreaMargin, visibleHeight * visibleAreaMargin) ** 2;\n const closeToPlayerDistSq = (visibleWidth * 0.2) ** 2;\n const now = this.game.getTime();\n for (let i = 0; i < foodData.length; i++) {\n const food = foodData[i];\n if (this.locallyCollectedFood.has(food.id)) {\n continue;\n }\n currentFood[food.id] = true;\n const foodX = food.x - this.playerData.x;\n const foodY = food.y - this.playerData.y;\n const distSq = Phaser.Math.Distance.Squared(0, 0, foodX, foodY);\n if (distSq > visibleDistanceSq) {\n if (this.foodItems[food.id]) {\n this.returnToPool(this.foodItems[food.id]);\n delete this.foodItems[food.id];\n }\n continue;\n }\n if (this.foodItems[food.id]) {\n const existingFood = this.foodItems[food.id];\n if (existingFood.lastX === null) {\n existingFood.lastX = existingFood.x;\n existingFood.lastY = existingFood.y;\n }\n if (existingFood.lastUpdateTime) {\n const timeDelta = now - existingFood.lastUpdateTime;\n if (timeDelta > 0) {\n const dx = foodX - existingFood.targetX;\n const dy = foodY - existingFood.targetY;\n const velocityLerpFactor = Math.min(0.5, timeDelta / 100);\n if (existingFood.velocityX === undefined) {\n existingFood.velocityX = 0;\n existingFood.velocityY = 0;\n }\n existingFood.velocityX = existingFood.velocityX * (1 - velocityLerpFactor) + dx / timeDelta * velocityLerpFactor;\n existingFood.velocityY = existingFood.velocityY * (1 - velocityLerpFactor) + dy / timeDelta * velocityLerpFactor;\n }\n }\n existingFood.targetX = foodX;\n existingFood.targetY = foodY;\n existingFood.lastUpdateTime = now;\n } else {\n const newFood = this.getFoodFromPool();\n newFood.x = foodX;\n newFood.y = foodY;\n newFood.targetX = foodX;\n newFood.targetY = foodY;\n newFood.lastUpdateTime = now;\n newFood.velocityX = 0;\n newFood.velocityY = 0;\n newFood.positionHistory = [];\n const scale = food.size / 32 * 0.8;\n newFood.setScale(scale);\n const isVeryCloseToPlayer = distSq < closeToPlayerDistSq;\n if (isVeryCloseToPlayer && this.playerData.size < 100) {\n newFood.animTween = this.tweens.add({\n targets: newFood,\n scaleX: {\n from: scale * 0.9,\n to: scale * 1.1\n },\n scaleY: {\n from: scale * 0.9,\n to: scale * 1.1\n },\n duration: 800,\n ease: 'Sine.easeInOut',\n yoyo: true,\n repeat: -1\n });\n }\n this.foodItems[food.id] = newFood;\n }\n }\n for (const id in this.foodItems) {\n if (!currentFood[id] || this.locallyCollectedFood.has(id)) {\n if (this.foodItems[id].animTween) {\n this.foodItems[id].animTween.stop();\n this.foodItems[id].animTween = null;\n }\n this.returnToPool(this.foodItems[id]);\n delete this.foodItems[id];\n }\n }\n this.locallyCollectedFood.forEach(id => {\n if (!foodData.some(f => f.id === id)) {\n this.locallyCollectedFood.delete(id);\n }\n });\n }\n initPools() {\n if (!this.textures.exists('food')) {\n console.warn('Food texture not available yet, delaying pool initialization');\n this.time.delayedCall(100, () => this.initPools());\n return;\n }\n for (let i = 0; i < 300; i++) {\n const food = this.add.sprite(0, 0, 'food');\n food.visible = false;\n food.setScrollFactor(0);\n this.worldContainer.add(food);\n this.foodPool.push(food);\n }\n for (let i = 0; i < this.MAX_PROJECTILE_POOL_SIZE; i++) {\n const container = this.add.container(0, 0);\n container.visible = false;\n container.isCheckedContainer = true;\n const glow = this.add.graphics();\n const body = this.add.graphics();\n container.add(glow);\n container.add(body);\n this.worldContainer.add(container);\n this.projectilePool.push({\n sprite: container,\n glow: glow,\n body: body\n });\n }\n this.reusableVec = {\n x: 0,\n y: 0\n };\n this.reusableVec2 = {\n x: 0,\n y: 0\n };\n }\n checkLocalProjectileCollisions(projectile, projectileId) {\n if (projectile.ownerId !== this.playerId) return;\n for (const id in this.players) {\n if (id === this.playerId || id === projectile.ownerId) continue;\n const player = this.players[id];\n const playerWorldX = player.x + this.playerData.x;\n const playerWorldY = player.y + this.playerData.y;\n const dx = playerWorldX - projectile.worldX;\n const dy = playerWorldY - projectile.worldY;\n const distSq = dx * dx + dy * dy;\n const hitDistSq = Math.pow(player.actualSize + projectile.size / 2, 2);\n if (distSq <= hitDistSq) {\n if (this.connected && this.socket?.readyState === WebSocket.OPEN) {\n this.socket.send(JSON.stringify({\n type: 'projectileHit',\n projectileId: projectileId,\n targetId: id,\n x: projectile.worldX,\n y: projectile.worldY\n }));\n }\n this.createHitEffect(projectile.screenX, projectile.screenY);\n return true;\n }\n }\n return false;\n }\n initProjectileParticles() {}\n getFoodFromPool() {\n if (!this.textures.exists('food')) {\n console.warn('Food texture not loaded!');\n return null;\n }\n for (let i = 0; i < this.foodPool.length; i++) {\n if (!this.foodPool[i].visible) {\n const sprite = this.foodPool[i];\n sprite.setTexture('food');\n sprite.visible = true;\n sprite.alpha = 1;\n sprite.animTween = null;\n sprite.lastX = null;\n sprite.lastY = null;\n sprite.velocityX = 0;\n sprite.velocityY = 0;\n sprite.positionHistory = [];\n return sprite;\n }\n }\n if (this.foodPool.length < this.MAX_FOOD_POOL_SIZE) {\n const sprite = this.add.sprite(0, 0, 'food');\n this.worldContainer.add(sprite);\n this.foodPool.push(sprite);\n sprite.lastX = null;\n sprite.lastY = null;\n sprite.velocityX = 0;\n sprite.velocityY = 0;\n sprite.positionHistory = [];\n return sprite;\n }\n const sprite = this.foodPool[0];\n sprite.setTexture('food');\n sprite.visible = true;\n sprite.alpha = 1;\n sprite.animTween = null;\n sprite.lastX = null;\n sprite.lastY = null;\n sprite.velocityX = 0;\n sprite.velocityY = 0;\n sprite.positionHistory = [];\n return sprite;\n }\n returnToPool(sprite) {\n if (sprite.animTween) {\n sprite.animTween.stop();\n sprite.animTween = null;\n }\n sprite.visible = false;\n }\n handleBeforeUnload() {\n if (this.socket?.readyState === WebSocket.OPEN && this.playerId) {\n const msg = JSON.stringify({\n type: 'disconnect',\n id: this.playerId,\n clientId: this.clientId\n });\n try {\n const xhr = new XMLHttpRequest();\n xhr.open('POST', 'https://coom.fun:3000/disconnect', false);\n xhr.setRequestHeader('Content-Type', 'application/json');\n xhr.send(msg);\n } catch (e) {}\n this.socket.send(msg);\n }\n }\n renderFoodItems(timestamp) {}\n shutdown() {\n this.intentionalDisconnect = true;\n this.isReconnecting = false;\n if (this.beforeUnloadHandler) {\n window.removeEventListener('beforeunload', this.beforeUnloadHandler);\n this.beforeUnloadHandler = null;\n }\n if (this.gridAnimationId) {\n cancelAnimationFrame(this.gridAnimationId);\n this.gridAnimationId = null;\n }\n if (this.gridGraphics) {\n this.gridGraphics.destroy();\n this.gridGraphics = null;\n }\n if (this.gridBackground) {\n this.gridBackground.destroy();\n this.gridBackground = null;\n }\n if (this.gridContainer) {\n this.gridContainer.destroy();\n this.gridContainer = null;\n this.gridCells = [];\n }\n if (this.axesGraphics) {\n this.axesGraphics.destroy();\n this.axesGraphics = null;\n }\n this.gridState = null;\n this.updateGrid = null;\n this.tweens.killAll();\n if (this.mobileShootText) {\n this.mobileShootText.destroy();\n this.mobileShootText = null;\n }\n this.projectiles.forEach(projectile => {\n if (projectile.sprite) {\n projectile.sprite.destroy();\n }\n });\n this.projectiles.clear();\n if (this.socket) {\n const oldSocket = this.socket;\n this.socket = null;\n if (oldSocket.readyState === WebSocket.OPEN && this.playerId) {\n oldSocket.send(JSON.stringify({\n type: 'disconnect',\n id: this.playerId,\n clientId: this.clientId\n }));\n }\n oldSocket.onclose = null;\n oldSocket.onerror = null;\n oldSocket.onmessage = null;\n oldSocket.onopen = null;\n oldSocket.close();\n }\n this.connected = false;\n this.playerId = null;\n this.playerData = null;\n this.locallyCollectedFood.clear();\n for (const id in this.players) {\n if (this.players[id]) {\n if (this.players[id].nameTag) {\n this.players[id].nameTag.destroy();\n }\n this.players[id].destroy();\n }\n }\n this.players = {};\n for (const id in this.foodItems) {\n if (this.foodItems[id]) {\n if (this.foodItems[id].animTween) {\n this.foodItems[id].animTween.stop();\n this.foodItems[id].animTween = null;\n }\n this.returnToPool(this.foodItems[id]);\n }\n }\n this.foodItems = {};\n if (this.worldContainer) {\n this.worldContainer.removeAll(true);\n this.worldContainer.destroy();\n this.worldContainer = null;\n }\n if (this.scoreContainer) {\n this.scoreContainer.destroy();\n this.scoreContainer = null;\n }\n if (this.leaderboardContainer) {\n this.leaderboardContainer.destroy();\n this.leaderboardContainer = null;\n }\n this.children.removeAll(true);\n }\n cleanupBeforeRestart() {\n return new Promise(resolve => {\n this.shutdown();\n resolve();\n });\n }\n processNetworkBuffer(delta) {\n const now = this.game.getTime();\n this.networkUpdateBuffer.forEach((update, id) => {\n if (update.processed) return;\n if (now - update.receivedTime > 16) {\n const projectileData = update.data;\n if (this.projectiles.has(id)) {\n const projectile = this.projectiles.get(id);\n const errorX = projectileData.x - projectile.predictedX;\n const errorY = projectileData.y - projectile.predictedY;\n projectile.predictedX += errorX * 0.2;\n projectile.predictedY += errorY * 0.2;\n projectile.serverX = projectileData.x;\n projectile.serverY = projectileData.y;\n projectile.dirX = projectileData.dirX;\n projectile.dirY = projectileData.dirY;\n projectile.speed = projectileData.speed;\n projectile.lastServerUpdate = now;\n } else {\n this.createProjectile(projectileData);\n }\n update.processed = true;\n }\n });\n this.networkUpdateBuffer.forEach((update, id) => {\n if (update.processed) {\n this.networkUpdateBuffer.delete(id);\n }\n });\n }\n updateProjectilePositions(delta) {\n if (!this.playerData || this.projectiles.size === 0) return;\n const deltaSeconds = delta / 1000;\n this.projectiles.forEach((projectile, id) => {\n projectile.worldX += projectile.dirX * projectile.speed * deltaSeconds;\n projectile.worldY += projectile.dirY * projectile.speed * deltaSeconds;\n projectile.screenX = projectile.worldX - this.playerData.x;\n projectile.screenY = projectile.worldY - this.playerData.y;\n });\n }\n interpolateProjectilePositions(delta) {\n this.projectiles.forEach((projectile, id) => {\n if (!projectile.lastScreenX) {\n projectile.lastScreenX = projectile.screenX;\n projectile.lastScreenY = projectile.screenY;\n }\n const lerpFactor = Math.min(0.2, delta / 16.67);\n const interpolatedX = projectile.lastScreenX + (projectile.screenX - projectile.lastScreenX) * lerpFactor;\n const interpolatedY = projectile.lastScreenY + (projectile.screenY - projectile.lastScreenY) * lerpFactor;\n if (projectile.sprite && !projectile.sprite.destroyed) {\n projectile.sprite.x = interpolatedX;\n projectile.sprite.y = interpolatedY;\n projectile.sprite.visible = true;\n }\n projectile.lastScreenX = interpolatedX;\n projectile.lastScreenY = interpolatedY;\n });\n }\n preRender() {\n if (this.worldContainer && this.worldContainer.list) {\n this.worldContainer.list.forEach(child => {\n if (child.texture && child.texture.key && !this.textures.exists(child.texture.key)) {\n child.visible = false;\n }\n });\n }\n }\n update(time, delta) {\n this.preRender();\n if (!this.textures.exists('food') || !this.textures.exists('projectile') || !this.textures.exists('pump')) {\n console.warn('Essential textures missing, skipping render cycle');\n return;\n }\n const smoothDelta = Math.min(delta, 16.67);\n if (!this.playerData) {\n this.playerLastX = 0;\n this.playerLastY = 0;\n }\n if (this.viewportWidth !== this.scale.width || this.viewportHeight !== this.scale.height) {\n this.viewportWidth = this.scale.width;\n this.viewportHeight = this.scale.height;\n if (this.gridContainer && (Math.abs(this.viewportWidth - this.gridProps.lastWidth) > 100 || Math.abs(this.viewportHeight - this.gridProps.lastHeight) > 100)) {\n this.createBackground();\n } else if (this.gridContainer) {\n this.gridContainer.setPosition(this.viewportWidth / 2, this.viewportHeight / 2);\n }\n if (this.gridProps) {\n this.gridProps.lastWidth = this.viewportWidth;\n this.gridProps.lastHeight = this.viewportHeight;\n }\n }\n this.updateUI(time);\n const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);\n if (this.viewportWidth !== this.scale.width) {\n this.viewportWidth = this.scale.width;\n if (isMobile) {\n this.leaderboardContainer.x = this.viewportWidth / 2;\n } else {\n this.leaderboardContainer.setPosition(this.viewportWidth - 230, 10);\n }\n }\n if (isMobile) {\n if (this.viewportHeight !== this.scale.height) {\n this.viewportHeight = this.scale.height;\n this.leaderboardContainer.y = this.viewportHeight - 100;\n }\n if (this.viewportWidth !== this.scale.width) {\n this.viewportWidth = this.scale.width;\n this.leaderboardTitleText.x = this.viewportWidth / 2;\n this.leaderboardText.x = this.viewportWidth / 2;\n this.leaderboardBg.clear();\n this.leaderboardBg.fillStyle(0x000000, 0.6);\n this.leaderboardBg.fillRoundedRect(0, 0, this.viewportWidth, 90, 10);\n this.leaderboardTitleBg.clear();\n this.leaderboardTitleBg.fillStyle(0x60cd88, 0.8);\n this.leaderboardTitleBg.fillRoundedRect(0, -30, this.viewportWidth, 30, {\n tl: 10,\n tr: 10,\n bl: 0,\n br: 0\n });\n }\n }\n this.processNetworkBuffer(smoothDelta);\n if (this.playerData) {\n this.updateProjectilePositions(smoothDelta);\n this.interpolateProjectilePositions(smoothDelta);\n this.updateProjectiles(smoothDelta);\n for (const id in this.players) {\n const player = this.players[id];\n if (player.updateJellyEffect) {\n player.updateJellyEffect(smoothDelta);\n }\n }\n this.checkFoodCollisions();\n this.checkPlayerCollisions();\n this.updatePlayerPositions();\n this.updateFoodItems(time, smoothDelta);\n this.updateShootCooldownUI();\n this.cleanupResources(time, delta);\n }\n }\n updateUI(time) {\n if (!this.lastUIUpdateTime || time - this.lastUIUpdateTime > this.VIEWPORT_UPDATE_INTERVAL) {\n const playerSize = this.playerData ? Math.floor(this.playerData.size) : 0;\n if (this.scoreText) {\n this.scoreText.setText(`Score: ${playerSize}`);\n const padding = 20;\n const bgWidth = Math.max(150, this.scoreText.width + padding * 2);\n this.scoreBg.clear();\n this.scoreBg.fillStyle(0x000000, 0.6);\n this.scoreBg.fillRoundedRect(0, 0, bgWidth, 40, 10);\n this.scoreText.x = bgWidth / 2;\n }\n if (this.mobileShootText && this.scale.width !== this.viewportWidth) {\n this.mobileShootText.x = this.scale.width / 2;\n this.mobileShootText.y = this.scale.height / 2;\n }\n if (!this.connected || this.socket && this.socket.readyState !== WebSocket.OPEN) {\n this.scoreBg.clear();\n this.scoreBg.fillStyle(0xff0000, 0.6);\n this.scoreBg.fillRoundedRect(0, 0, this.scoreText.width + 40, 40, 10);\n }\n this.lastUIUpdateTime = time;\n }\n }\n updateFoodItems(time, smoothDelta) {\n const deltaSeconds = smoothDelta / 1000;\n for (const id in this.foodItems) {\n const food = this.foodItems[id];\n if (!food.visible) continue;\n if (food.targetX !== undefined && food.targetY !== undefined) {\n if (food.velocityX !== undefined && food.velocityY !== undefined) {\n const predictedX = food.targetX + food.velocityX * deltaSeconds * 15;\n const predictedY = food.targetY + food.velocityY * deltaSeconds * 15;\n const distX = predictedX - food.x;\n const distY = predictedY - food.y;\n const distanceSq = distX * distX + distY * distY;\n let lerpFactor = Math.min(0.25, deltaSeconds * 15);\n if (distanceSq > 2500) {\n lerpFactor = Math.min(0.35, deltaSeconds * 25);\n } else if (distanceSq < 25) {\n lerpFactor = Math.min(0.15, deltaSeconds * 8);\n }\n food.x += distX * lerpFactor;\n food.y += distY * lerpFactor;\n if (!food.positionHistory) food.positionHistory = [];\n food.positionHistory.push({\n x: food.x,\n y: food.y,\n time\n });\n if (food.positionHistory.length > 5) food.positionHistory.shift();\n } else {\n const distX = food.targetX - food.x;\n const distY = food.targetY - food.y;\n food.x += distX * Math.min(0.2, deltaSeconds * 12);\n food.y += distY * Math.min(0.2, deltaSeconds * 12);\n }\n }\n }\n }\n updatePlayerPositions() {\n for (const id in this.players) {\n if (id === this.playerId) continue;\n const player = this.players[id];\n if (!player || player.targetX === undefined) continue;\n const dx = player.targetX - player.x;\n const dy = player.targetY - player.y;\n const distSq = dx * dx + dy * dy;\n const prevX = player.x;\n const prevY = player.y;\n if (distSq < 100 && player.velX !== undefined && player.velY !== undefined && player.speed > 0) {\n const deltaFactor = this.game.loop.delta / 16.67;\n player.x += player.velX * 0.05 * deltaFactor;\n player.y += player.velY * 0.05 * deltaFactor;\n player.x += (player.targetX - player.x) * 0.03 * deltaFactor;\n player.y += (player.targetY - player.y) * 0.03 * deltaFactor;\n } else {\n let lerpFactor = 0.05;\n if (distSq > 10000) lerpFactor = 0.25;else if (distSq > 2500) lerpFactor = 0.18;else if (distSq > 100) lerpFactor = 0.12;\n lerpFactor *= this.game.loop.delta / 16.67;\n if (distSq > 40000) {\n player.x = player.targetX;\n player.y = player.targetY;\n } else {\n player.x += dx * lerpFactor;\n player.y += dy * lerpFactor;\n }\n }\n if (player.nameTag) {\n player.nameTag.x = player.x;\n const nameScale = Math.max(0.8, Math.min(2.0, player.actualSize / 100));\n const nameTagY = player.y - player.actualSize - 10 * nameScale;\n player.nameTag.y = nameTagY;\n player.nameTag.lastSize = player.actualSize;\n }\n }\n }\n cleanupResources(time, delta) {\n if (this.playerData.size > 200) {\n this.updateThrottle = (this.updateThrottle || 0) + delta;\n if (this.updateThrottle > 2000) {\n const activeFoodItems = Object.values(this.foodItems).filter(f => f.visible);\n if (activeFoodItems.length > 0) {\n const activeTweens = this.tweens.getTweensOf(activeFoodItems);\n for (let i = 0; i < activeTweens.length; i++) {\n const tween = activeTweens[i];\n if (tween.elapsed > tween.duration) {\n tween.remove();\n }\n }\n }\n this.updateThrottle = 0;\n }\n }\n }\n checkFoodCollisions() {\n if (!this.playerData || !this.players[this.playerId]) return;\n const playerRadius = this.playerData.size;\n for (const id in this.foodItems) {\n if (this.locallyCollectedFood.has(id)) continue;\n const food = this.foodItems[id];\n if (!food.visible) continue;\n const dx = food.x;\n const dy = food.y;\n const distanceSq = dx * dx + dy * dy;\n const foodRadius = 15 * 0.8 / 2;\n const collisionRadiusSq = Math.pow(playerRadius + foodRadius, 2);\n if (distanceSq <= collisionRadiusSq) {\n this.locallyCollectedFood.add(id);\n if (this.connected && this.socket?.readyState === WebSocket.OPEN) {\n this.socket.send(JSON.stringify({\n type: 'collectFood',\n foodId: id\n }));\n }\n food.alpha = 0.3;\n const myPlayer = this.players[this.playerId];\n if (myPlayer && myPlayer.triggerWobble) {\n const sizeFactor = this.playerData.size > 100 ? Math.max(0.3, 1 - (this.playerData.size - 100) / 300) : 1;\n myPlayer.triggerWobble(0.056 * sizeFactor);\n }\n }\n }\n }\n checkPlayerCollisions() {\n if (!this.playerData || !this.players[this.playerId]) return;\n const myPlayer = this.players[this.playerId];\n const mySize = this.playerData.size;\n const myRadius = mySize;\n for (const id in this.players) {\n if (id === this.playerId) continue;\n const otherPlayer = this.players[id];\n const otherSize = otherPlayer.scaleX * 50;\n const dx = otherPlayer.x;\n const dy = otherPlayer.y;\n const distanceSq = dx * dx + dy * dy;\n const collisionThresholdSq = Math.pow(Math.max(myRadius, otherSize) * 0.9, 2);\n if (distanceSq < collisionThresholdSq) {\n if (mySize > otherSize * 1.1) {\n if (this.connected && this.socket?.readyState === WebSocket.OPEN) {\n this.socket.send(JSON.stringify({\n type: 'eatPlayer',\n eatenId: id,\n playerX: this.playerData.x,\n playerY: this.playerData.y\n }));\n }\n if (myPlayer && myPlayer.triggerWobble) {\n const sizeFactor = this.playerData.size > 100 ? Math.max(0.3, 1 - (this.playerData.size - 100) / 300) : 1;\n const sizeRatio = otherSize / mySize;\n const wobbleIntensity = 0.1125 * sizeFactor * (0.5 + sizeRatio);\n myPlayer.triggerWobble(wobbleIntensity);\n }\n } else if (otherSize > mySize * 1.1) {\n if (this.connected && this.socket?.readyState === WebSocket.OPEN) {\n this.socket.send(JSON.stringify({\n type: 'getEaten',\n eaterId: id,\n playerX: this.playerData.x,\n playerY: this.playerData.y\n }));\n }\n }\n }\n }\n }\n}\nclass DeathScene extends Phaser.Scene {\n constructor() {\n super({\n key: 'DeathScene'\n });\n this.killerName = '';\n this.playerSize = 0;\n this.playerName = '';\n this.solanaAddress = '';\n this.hasSubmitted = false;\n }\n init(data) {\n this.killerName = data.killerName || 'Another PUMP';\n this.playerSize = data.playerSize || 0;\n this.playerName = data.playerName || 'Player';\n this.solanaAddress = localStorage.getItem('pumpvray_solana_address') || '';\n this.hasSubmitted = false;\n }\n create() {\n const width = this.scale.width;\n const height = this.scale.height;\n const bg = this.add.image(width / 2, height / 2, 'menuBackground');\n const imageRatio = bg.width / bg.height;\n const screenRatio = width / height;\n if (screenRatio > imageRatio) {\n const scale = width / bg.width;\n bg.setScale(scale);\n } else {\n const scale = height / bg.height;\n bg.setScale(scale);\n }\n const overlay = this.add.graphics();\n overlay.fillStyle(0xf7f5e8, 0.8);\n overlay.fillRect(0, 0, width, height);\n if (this.scene.get('GameScene')) {\n const gameScene = this.scene.get('GameScene');\n gameScene.shutdown();\n this.scene.remove('GameScene');\n }\n const deathTitle = this.add.text(width / 2, height / 4, 'YOU WERE DEVOURED!', {\n fontFamily: 'Arial Black',\n fontSize: 48,\n color: '#60cd88',\n stroke: '#000000',\n strokeThickness: 6,\n resolution: 2\n });\n deathTitle.setOrigin(0.5);\n const statsText = this.add.text(width / 2, height / 3, [`${this.playerName} was consumed by ${this.killerName}`, `Final Size: ${Math.floor(this.playerSize)}`], {\n fontFamily: 'Arial',\n fontSize: 24,\n color: '#000000',\n align: 'center',\n resolution: 2\n });\n statsText.setOrigin(0.5);\n const addressLabelText = this.add.text(width / 2, height * 0.45 - 30, 'ENTER SOLANA ADDRESS TO SAVE SCORE', {\n fontFamily: 'Arial Black',\n fontSize: 16,\n color: '#000000',\n resolution: 2\n });\n addressLabelText.setOrigin(0.5);\n const inputBox = this.add.graphics();\n inputBox.fillStyle(0x000000, 0.1);\n inputBox.lineStyle(2, 0x60cd88, 1);\n inputBox.fillRoundedRect(width / 2 - 200, height * 0.45, 400, 50, 10);\n inputBox.strokeRoundedRect(width / 2 - 200, height * 0.45, 400, 50, 10);\n const addressText = this.add.text(width / 2, height * 0.45 + 25, this.solanaAddress || 'Click to enter Solana address', {\n fontFamily: 'Arial',\n fontSize: 16,\n color: this.solanaAddress ? '#000000' : '#999999',\n align: 'center',\n resolution: 2\n });\n addressText.setOrigin(0.5);\n inputBox.setInteractive(new Phaser.Geom.Rectangle(width / 2 - 200, height * 0.45, 400, 50), Phaser.Geom.Rectangle.Contains);\n inputBox.on('pointerdown', () => {\n this.solanaAddress = prompt('Enter your Solana address:', this.solanaAddress) || this.solanaAddress;\n localStorage.setItem('pumpvray_solana_address', this.solanaAddress);\n addressText.setText(this.solanaAddress || 'Click to enter Solana address');\n addressText.setColor(this.solanaAddress ? '#000000' : '#999999');\n });\n const submitButtonWidth = 240;\n const submitButtonHeight = 50;\n const submitButtonX = width / 2 - submitButtonWidth / 2;\n const submitButtonY = height * 0.45 + 65;\n this.submitButtonBg = this.add.graphics();\n this.submitButtonBg.fillStyle(0x60cd88, 1);\n this.submitButtonBg.fillRoundedRect(submitButtonX, submitButtonY, submitButtonWidth, submitButtonHeight, 15);\n this.submitButtonBg.lineStyle(3, 0xffffff, 0.9);\n this.submitButtonBg.strokeRoundedRect(submitButtonX, submitButtonY, submitButtonWidth, submitButtonHeight, 15);\n this.submitText = this.add.text(width / 2, submitButtonY + submitButtonHeight / 2, 'SUBMIT SCORE', {\n fontFamily: 'Arial Black',\n fontSize: '22px',\n color: '#ffffff',\n stroke: '#000000',\n strokeThickness: 3,\n resolution: 2\n });\n this.submitText.setOrigin(0.5);\n const submitHitArea = new Phaser.Geom.Rectangle(submitButtonX, submitButtonY, submitButtonWidth, submitButtonHeight);\n this.submitButtonBg.setInteractive(submitHitArea, Phaser.Geom.Rectangle.Contains);\n this.submitButtonBg.on('pointerover', () => {\n if (this.hasSubmitted) return;\n this.submitButtonBg.clear();\n this.submitButtonBg.fillStyle(0x7de8a8, 1);\n this.submitButtonBg.fillRoundedRect(submitButtonX, submitButtonY, submitButtonWidth, submitButtonHeight, 15);\n this.submitButtonBg.lineStyle(3, 0xffffff, 0.9);\n this.submitButtonBg.strokeRoundedRect(submitButtonX, submitButtonY, submitButtonWidth, submitButtonHeight, 15);\n });\n this.submitButtonBg.on('pointerout', () => {\n if (this.hasSubmitted) return;\n this.submitButtonBg.clear();\n this.submitButtonBg.fillStyle(0x60cd88, 1);\n this.submitButtonBg.fillRoundedRect(submitButtonX, submitButtonY, submitButtonWidth, submitButtonHeight, 15);\n this.submitButtonBg.lineStyle(3, 0xffffff, 0.9);\n this.submitButtonBg.strokeRoundedRect(submitButtonX, submitButtonY, submitButtonWidth, submitButtonHeight, 15);\n });\n this.submitButtonBg.on('pointerdown', () => {\n if (!this.solanaAddress || this.hasSubmitted) return;\n this.hasSubmitted = true;\n this.submitButtonBg.clear();\n this.submitButtonBg.fillStyle(0x999999, 1);\n this.submitButtonBg.fillRoundedRect(submitButtonX, submitButtonY, submitButtonWidth, submitButtonHeight, 15);\n this.submitButtonBg.lineStyle(3, 0xffffff, 0.5);\n this.submitButtonBg.strokeRoundedRect(submitButtonX, submitButtonY, submitButtonWidth, submitButtonHeight, 15);\n this.submitText.setText('SUBMITTING...');\n this.submitButtonBg.disableInteractive();\n this.submitScore(this.playerName, this.playerSize, this.solanaAddress);\n });\n const buttonWidth = 240;\n const buttonHeight = 55;\n const buttonX = width / 2 - buttonWidth / 2;\n const buttonY = height * 0.65;\n const buttonBg = this.add.graphics();\n buttonBg.fillStyle(0x60cd88, 1);\n buttonBg.fillRoundedRect(buttonX, buttonY, buttonWidth, buttonHeight, 15);\n const glowGraphics = this.add.graphics();\n glowGraphics.fillStyle(0x60cd88, 0.3);\n glowGraphics.fillRoundedRect(buttonX - 5, buttonY - 5, buttonWidth + 10, buttonHeight + 10, 20);\n const buttonBorder = this.add.graphics();\n buttonBorder.lineStyle(3, 0xffffff, 0.9);\n buttonBorder.strokeRoundedRect(buttonX, buttonY, buttonWidth, buttonHeight, 15);\n const playAgainText = this.add.text(width / 2, buttonY + buttonHeight / 2, 'PLAY AGAIN', {\n fontFamily: 'Arial Black',\n fontSize: '26px',\n color: '#ffffff',\n stroke: '#000000',\n strokeThickness: 4,\n resolution: 2\n });\n playAgainText.setOrigin(0.5);\n const hitArea = new Phaser.Geom.Rectangle(buttonX, buttonY, buttonWidth, buttonHeight);\n buttonBg.setInteractive(hitArea, Phaser.Geom.Rectangle.Contains);\n this.tweens.add({\n targets: [glowGraphics],\n alpha: {\n from: 0.3,\n to: 0.7\n },\n duration: 1000,\n yoyo: true,\n repeat: -1\n });\n buttonBg.on('pointerover', () => {\n buttonBg.clear();\n buttonBg.fillStyle(0x7de8a8, 1);\n buttonBg.fillRoundedRect(buttonX, buttonY, buttonWidth, buttonHeight, 15);\n });\n buttonBg.on('pointerout', () => {\n buttonBg.clear();\n buttonBg.fillStyle(0x60cd88, 1);\n buttonBg.fillRoundedRect(buttonX, buttonY, buttonWidth, buttonHeight, 15);\n });\n buttonBg.on('pointerdown', () => {\n buttonBg.clear();\n buttonBg.fillStyle(0x4ba56b, 1);\n buttonBg.fillRoundedRect(buttonX, buttonY, buttonWidth, buttonHeight, 15);\n buttonBg.disableInteractive();\n this.tweens.killAll();\n const gameScene = this.scene.get('GameScene');\n if (gameScene) {\n gameScene.cleanupBeforeRestart().then(() => {\n this.scene.start('MenuScene');\n });\n } else {\n this.scene.start('MenuScene');\n }\n });\n const leaderboardButtonWidth = 240;\n const leaderboardButtonHeight = 50;\n const leaderboardButtonX = width / 2 - leaderboardButtonWidth / 2;\n const leaderboardButtonY = height * 0.76;\n const leaderboardButtonBg = this.add.graphics();\n leaderboardButtonBg.fillStyle(0x000000, 0.6);\n leaderboardButtonBg.fillRoundedRect(leaderboardButtonX, leaderboardButtonY, leaderboardButtonWidth, leaderboardButtonHeight, 15);\n leaderboardButtonBg.lineStyle(3, 0x60cd88, 0.9);\n leaderboardButtonBg.strokeRoundedRect(leaderboardButtonX, leaderboardButtonY, leaderboardButtonWidth, leaderboardButtonHeight, 15);\n const leaderboardText = this.add.text(width / 2, leaderboardButtonY + leaderboardButtonHeight / 2, 'LEADERBOARD', {\n fontFamily: 'Arial Black',\n fontSize: '22px',\n color: '#ffffff',\n stroke: '#000000',\n strokeThickness: 3,\n resolution: 2\n });\n leaderboardText.setOrigin(0.5);\n const leaderboardHitArea = new Phaser.Geom.Rectangle(leaderboardButtonX, leaderboardButtonY, leaderboardButtonWidth, leaderboardButtonHeight);\n leaderboardButtonBg.setInteractive(leaderboardHitArea, Phaser.Geom.Rectangle.Contains);\n leaderboardButtonBg.on('pointerover', () => {\n leaderboardButtonBg.clear();\n leaderboardButtonBg.fillStyle(0x333333, 0.6);\n leaderboardButtonBg.fillRoundedRect(leaderboardButtonX, leaderboardButtonY, leaderboardButtonWidth, leaderboardButtonHeight, 15);\n leaderboardButtonBg.lineStyle(3, 0x60cd88, 0.9);\n leaderboardButtonBg.strokeRoundedRect(leaderboardButtonX, leaderboardButtonY, leaderboardButtonWidth, leaderboardButtonHeight, 15);\n });\n leaderboardButtonBg.on('pointerout', () => {\n leaderboardButtonBg.clear();\n leaderboardButtonBg.fillStyle(0x000000, 0.6);\n leaderboardButtonBg.fillRoundedRect(leaderboardButtonX, leaderboardButtonY, leaderboardButtonWidth, leaderboardButtonHeight, 15);\n leaderboardButtonBg.lineStyle(3, 0x60cd88, 0.9);\n leaderboardButtonBg.strokeRoundedRect(leaderboardButtonX, leaderboardButtonY, leaderboardButtonWidth, leaderboardButtonHeight, 15);\n });\n leaderboardButtonBg.on('pointerdown', () => {\n leaderboardButtonBg.clear();\n leaderboardButtonBg.fillStyle(0x222222, 0.6);\n leaderboardButtonBg.fillRoundedRect(leaderboardButtonX, leaderboardButtonY, leaderboardButtonWidth, leaderboardButtonHeight, 15);\n leaderboardButtonBg.lineStyle(3, 0x60cd88, 0.9);\n leaderboardButtonBg.strokeRoundedRect(leaderboardButtonX, leaderboardButtonY, leaderboardButtonWidth, leaderboardButtonHeight, 15);\n this.scene.start('LeaderboardScene');\n });\n }\n submitScore(playerName, score, solanaAddress) {\n if (!playerName || !score || !solanaAddress) return;\n const scoreData = {\n id: `score_${Date.now()}_${Math.random().toString(36).substring(2, 8)}`,\n name: playerName,\n score: Math.floor(score),\n address: solanaAddress,\n timestamp: Date.now()\n };\n localStorage.setItem('pumpvray_player_name', playerName);\n localStorage.setItem('pumpvray_player_score', Math.floor(score).toString());\n const statusText = this.add.text(this.scale.width / 2, this.scale.height * 0.56, 'Submitting score...', {\n fontFamily: 'Arial',\n fontSize: 16,\n color: '#333333',\n resolution: 2\n }).setOrigin(0.5);\n const stateClient = new StateClient({\n baseURL: 'https://state.dev.fun',\n appId: 'd57b6ee055a5e845b238'\n });\n stateClient.getEntities('leaderboard', {\n address: solanaAddress\n }).then(existingScores => {\n let hasHigherScore = false;\n if (existingScores && existingScores.length > 0) {\n hasHigherScore = existingScores.some(oldScore => oldScore.score >= scoreData.score);\n }\n if (hasHigherScore) {\n statusText.setText('You already have a higher score!');\n statusText.setColor('#FF9900');\n this.submitText.setText('HIGHER SCORE EXISTS');\n this.time.delayedCall(2000, () => {\n statusText.destroy();\n });\n return null;\n }\n const deletePromises = [];\n if (existingScores && existingScores.length > 0) {\n existingScores.forEach(oldScore => {\n deletePromises.push(stateClient.deleteEntity('leaderboard', oldScore.id).catch(err => {\n console.error(`Failed to delete old score ${oldScore.id}:`, err);\n return null;\n }));\n });\n }\n return Promise.all(deletePromises).then(() => {\n return stateClient.createEntity('leaderboard', scoreData);\n });\n }).then(response => {\n if (response === null) {\n return;\n }\n statusText.setText('Score submitted successfully!');\n statusText.setColor('#60cd88');\n localStorage.setItem('lastSubmittedScoreId', scoreData.id);\n this.submitText.setText('SCORE SUBMITTED');\n this.time.delayedCall(2000, () => {\n statusText.destroy();\n });\n }).catch(err => {\n statusText.setText('Score saved locally. Server submission failed.');\n statusText.setColor('#ff9900');\n this.submitText.setText('SUBMISSION FAILED');\n this.hasSubmitted = false;\n this.submitButtonBg.setInteractive();\n const localScoreId = `local_${scoreData.id}`;\n localStorage.setItem('lastSubmittedScoreId', localScoreId);\n const retryButton = this.add.text(this.scale.width / 2, this.scale.height * 0.56 + 30, 'RETRY', {\n fontFamily: 'Arial Black',\n fontSize: 16,\n color: '#ffffff',\n backgroundColor: '#60cd88',\n padding: {\n x: 15,\n y: 8\n },\n resolution: 2\n }).setOrigin(0.5).setInteractive();\n retryButton.on('pointerdown', () => {\n retryButton.destroy();\n statusText.setText('Retrying submission...');\n statusText.setColor('#333333');\n stateClient.getEntities('leaderboard', {\n address: solanaAddress\n }).then(existingScores => {\n let hasHigherScore = false;\n if (existingScores && existingScores.length > 0) {\n hasHigherScore = existingScores.some(oldScore => oldScore.score >= scoreData.score);\n }\n if (hasHigherScore) {\n statusText.setText('You already have a higher score!');\n statusText.setColor('#FF9900');\n this.submitText.setText('HIGHER SCORE EXISTS');\n this.time.delayedCall(2000, () => {\n statusText.destroy();\n });\n return null;\n }\n const deletePromises = [];\n if (existingScores && existingScores.length > 0) {\n existingScores.forEach(oldScore => {\n deletePromises.push(stateClient.deleteEntity('leaderboard', oldScore.id).catch(() => null));\n });\n }\n return Promise.all(deletePromises).then(() => {\n return stateClient.createEntity('leaderboard', scoreData);\n });\n }).then(response => {\n if (response === null) {\n return;\n }\n statusText.setText('Score submitted successfully!');\n statusText.setColor('#60cd88');\n localStorage.setItem('lastSubmittedScoreId', scoreData.id);\n this.submitText.setText('SCORE SUBMITTED');\n this.time.delayedCall(2000, () => {\n statusText.destroy();\n });\n }).catch(() => {\n statusText.setText('Submission failed again. Please try later.');\n statusText.setColor('#ff0000');\n this.submitText.setText('SUBMISSION FAILED');\n this.hasSubmitted = false;\n this.submitButtonBg.setInteractive();\n this.time.delayedCall(3000, () => {\n statusText.destroy();\n });\n });\n });\n });\n }\n}\nclass LeaderboardScene extends Phaser.Scene {\n constructor() {\n super({\n key: 'LeaderboardScene'\n });\n this.leaderboardData = [];\n this.isLoading = true;\n this.currentPage = 0;\n this.itemsPerPage = 10;\n this.scrollOffset = 0;\n this.scrollSpeed = 0;\n this.isDragging = false;\n this.lastY = 0;\n }\n preload() {\n if (!this.textures.exists('menuBackground')) {\n this.load.image('menuBackground', 'https://proxy.dev.fun?url=' + encodeURIComponent('https://i.imgur.com/hZWKsIL.png'));\n }\n }\n create() {\n const width = this.scale.width;\n const height = this.scale.height;\n const bg = this.add.image(width / 2, height / 2, 'menuBackground');\n const imageRatio = bg.width / bg.height;\n const screenRatio = width / height;\n if (screenRatio > imageRatio) {\n const scale = width / bg.width;\n bg.setScale(scale);\n } else {\n const scale = height / bg.height;\n bg.setScale(scale);\n }\n const overlay = this.add.graphics();\n overlay.fillStyle(0xf7f5e8, 0.85);\n overlay.fillRect(0, 0, width, height);\n const titleText = this.add.text(width / 2, height * 0.1, 'TOP PLAYERS', {\n fontFamily: 'Arial Black',\n fontSize: 48,\n color: '#60cd88',\n stroke: '#000000',\n strokeThickness: 6,\n resolution: 2\n });\n titleText.setOrigin(0.5);\n this.loadingText = this.add.text(width / 2, height / 2, 'Loading leaderboard...', {\n fontFamily: 'Arial',\n fontSize: 24,\n color: '#000000',\n align: 'center',\n resolution: 2\n });\n this.loadingText.setOrigin(0.5);\n this.leaderboardContainer = this.add.container(0, 0);\n const maskGraphics = this.add.graphics();\n maskGraphics.fillStyle(0xffffff);\n maskGraphics.fillRect(width * 0.1, height * 0.2, width * 0.8, height * 0.65);\n const mask = new Phaser.Display.Masks.GeometryMask(this, maskGraphics);\n this.leaderboardContainer.setMask(mask);\n this.leaderboardContainer.setVisible(true);\n this.leaderboardContainer.setDepth(100);\n this.containerBg = this.add.graphics();\n this.containerBg.fillStyle(0x000000, 0.1);\n this.containerBg.fillRect(width * 0.1, height * 0.2, width * 0.8, height * 0.65);\n this.containerBg.lineStyle(2, 0x60cd88, 1);\n this.containerBg.strokeRect(width * 0.1, height * 0.2, width * 0.8, height * 0.65);\n const backButtonWidth = 200;\n const backButtonHeight = 50;\n const backButtonX = width / 2 - backButtonWidth / 2;\n const backButtonY = height * 0.9;\n const backButtonBg = this.add.graphics();\n backButtonBg.fillStyle(0x60cd88, 1);\n backButtonBg.fillRoundedRect(backButtonX, backButtonY, backButtonWidth, backButtonHeight, 15);\n backButtonBg.lineStyle(3, 0xffffff, 0.9);\n backButtonBg.strokeRoundedRect(backButtonX, backButtonY, backButtonWidth, backButtonHeight, 15);\n const backText = this.add.text(width / 2, backButtonY + backButtonHeight / 2, 'BACK', {\n fontFamily: 'Arial Black',\n fontSize: '24px',\n color: '#ffffff',\n stroke: '#000000',\n strokeThickness: 3,\n resolution: 2\n });\n backText.setOrigin(0.5);\n const backHitArea = new Phaser.Geom.Rectangle(backButtonX, backButtonY, backButtonWidth, backButtonHeight);\n backButtonBg.setInteractive(backHitArea, Phaser.Geom.Rectangle.Contains);\n backButtonBg.on('pointerover', () => {\n backButtonBg.clear();\n backButtonBg.fillStyle(0x7de8a8, 1);\n backButtonBg.fillRoundedRect(backButtonX, backButtonY, backButtonWidth, backButtonHeight, 15);\n backButtonBg.lineStyle(3, 0xffffff, 0.9);\n backButtonBg.strokeRoundedRect(backButtonX, backButtonY, backButtonWidth, backButtonHeight, 15);\n });\n backButtonBg.on('pointerout', () => {\n backButtonBg.clear();\n backButtonBg.fillStyle(0x60cd88, 1);\n backButtonBg.fillRoundedRect(backButtonX, backButtonY, backButtonWidth, backButtonHeight, 15);\n backButtonBg.lineStyle(3, 0xffffff, 0.9);\n backButtonBg.strokeRoundedRect(backButtonX, backButtonY, backButtonWidth, backButtonHeight, 15);\n });\n backButtonBg.on('pointerdown', () => {\n backButtonBg.clear();\n backButtonBg.fillStyle(0x4ba56b, 1);\n backButtonBg.fillRoundedRect(backButtonX, backButtonY, backButtonWidth, backButtonHeight, 15);\n this.scene.start('DeathScene');\n });\n const headerY = height * 0.2 + 25;\n const headerBg = this.add.graphics();\n headerBg.fillStyle(0x60cd88, 0.3);\n headerBg.fillRect(width * 0.1, height * 0.2, width * 0.8, 50);\n this.add.text(width * 0.15, headerY, 'RANK', {\n fontFamily: 'Arial Black',\n fontSize: 18,\n color: '#000000',\n resolution: 2\n }).setOrigin(0, 0.5);\n this.add.text(width * 0.25, headerY, 'PLAYER', {\n fontFamily: 'Arial Black',\n fontSize: 18,\n color: '#000000',\n resolution: 2\n }).setOrigin(0, 0.5);\n this.add.text(width * 0.55, headerY, 'SCORE', {\n fontFamily: 'Arial Black',\n fontSize: 18,\n color: '#000000',\n resolution: 2\n }).setOrigin(0, 0.5);\n this.add.text(width * 0.7, headerY, 'DATE', {\n fontFamily: 'Arial Black',\n fontSize: 18,\n color: '#000000',\n resolution: 2\n }).setOrigin(0, 0.5);\n this.setupScrolling();\n this.loadLeaderboardData();\n }\n setupScrolling() {\n const zone = this.add.zone(this.scale.width * 0.1, this.scale.height * 0.2, this.scale.width * 0.8, this.scale.height * 0.65).setOrigin(0).setInteractive();\n zone.on('pointerdown', pointer => {\n this.isDragging = true;\n this.lastY = pointer.y;\n this.scrollSpeed = 0;\n });\n zone.on('pointermove', pointer => {\n if (this.isDragging) {\n const deltaY = pointer.y - this.lastY;\n this.scrollOffset += deltaY;\n this.lastY = pointer.y;\n this.scrollSpeed = deltaY;\n this.updateLeaderboardDisplay();\n }\n });\n zone.on('pointerup', () => {\n this.isDragging = false;\n });\n zone.on('pointerout', () => {\n this.isDragging = false;\n });\n this.input.on('wheel', (pointer, gameObjects, deltaX, deltaY, deltaZ) => {\n this.scrollOffset -= deltaY * 10;\n this.updateLeaderboardDisplay();\n });\n }\n update() {\n if (!this.isDragging && this.scrollSpeed !== 0) {\n this.scrollSpeed *= 0.9;\n if (Math.abs(this.scrollSpeed) < 0.5) {\n this.scrollSpeed = 0;\n } else {\n this.scrollOffset += this.scrollSpeed;\n this.updateLeaderboardDisplay();\n }\n }\n }\n prepareValidData(data) {\n try {\n let validData = data.filter(entry => entry && typeof entry.score === 'number' && entry.name && typeof entry.name === 'string' && entry.address && typeof entry.address === 'string');\n const addressScoreMap = new Map();\n validData.forEach(entry => {\n const address = entry.address;\n if (!addressScoreMap.has(address) || entry.score > addressScoreMap.get(address).score || entry.score === addressScoreMap.get(address).score && entry.timestamp > addressScoreMap.get(address).timestamp) {\n addressScoreMap.set(address, entry);\n }\n });\n validData = Array.from(addressScoreMap.values());\n validData.sort((a, b) => {\n if (b.score !== a.score) {\n return b.score - a.score;\n }\n return b.timestamp - a.timestamp;\n });\n validData = validData.slice(0, 100);\n console.log(`Prepared ${validData.length} valid entries for display`);\n return validData;\n } catch (err) {\n console.error('Error preparing leaderboard data:', err);\n return [];\n }\n }\n forceRenderLeaderboard() {\n if (!this.leaderboardContainer) {\n return;\n }\n this.leaderboardContainer.removeAll(true);\n this.leaderboardContainer.setVisible(true);\n this.leaderboardContainer.setDepth(100);\n const width = this.scale.width;\n const height = this.scale.height;\n const startY = height * 0.2 + 50;\n const itemHeight = 50;\n const entriesToShow = Math.min(10, this.leaderboardData.length);\n for (let i = 0; i < entriesToShow; i++) {\n const entry = this.leaderboardData[i];\n if (!entry) continue;\n const entryY = startY + i * itemHeight;\n const rowBg = this.add.graphics();\n rowBg.fillStyle(i % 2 === 0 ? 0xffffff : 0x000000, i % 2 === 0 ? 0.1 : 0.05);\n rowBg.fillRect(width * 0.1, entryY, width * 0.8, itemHeight);\n this.leaderboardContainer.add(rowBg);\n const rankText = this.add.text(width * 0.15, entryY + itemHeight / 2, `${i + 1}`, {\n fontFamily: 'Arial Black',\n fontSize: 16,\n color: i < 3 ? '#ffffff' : '#000000',\n fontStyle: i < 3 ? 'bold' : 'normal',\n resolution: 2,\n stroke: i < 3 ? '#000000' : null,\n strokeThickness: i < 3 ? 2 : 0\n }).setOrigin(0, 0.5);\n this.leaderboardContainer.add(rankText);\n let displayName = entry.name || \"Unknown\";\n if (displayName.length > 15) {\n displayName = displayName.substring(0, 12) + '...';\n }\n const nameText = this.add.text(width * 0.25, entryY + itemHeight / 2, displayName, {\n fontFamily: 'Arial',\n fontSize: 16,\n color: '#000000',\n resolution: 2\n }).setOrigin(0, 0.5);\n this.leaderboardContainer.add(nameText);\n const scoreText = this.add.text(width * 0.55, entryY + itemHeight / 2, `${entry.score.toLocaleString()}`, {\n fontFamily: 'Arial Black',\n fontSize: 16,\n color: i < 3 ? '#000000' : '#60cd88',\n resolution: 2\n }).setOrigin(0, 0.5);\n this.leaderboardContainer.add(scoreText);\n let dateString = \"Unknown\";\n if (entry.timestamp) {\n try {\n const date = new Date(entry.timestamp);\n dateString = `${date.getMonth() + 1}/${date.getDate()}/${date.getFullYear()}`;\n } catch (e) {\n console.error(\"Error parsing date:\", e);\n }\n }\n const dateText = this.add.text(width * 0.7, entryY + itemHeight / 2, dateString, {\n fontFamily: 'Arial',\n fontSize: 14,\n color: '#666666',\n resolution: 2\n }).setOrigin(0, 0.5);\n this.leaderboardContainer.add(dateText);\n }\n const countText = this.add.text(width * 0.8, height * 0.2 + 15, `${this.leaderboardData.length} Players`, {\n fontFamily: 'Arial',\n fontSize: 14,\n color: '#666666',\n resolution: 2\n }).setOrigin(1, 0.5);\n this.leaderboardContainer.add(countText);\n if (this.loadingText) {\n this.loadingText.setVisible(false);\n }\n }\n loadLeaderboardData() {\n this.isLoading = true;\n this.loadingText.setText('Loading leaderboard...');\n this.loadingText.setVisible(true);\n this.scrollOffset = localStorage.getItem('leaderboardScrollPosition') ? parseFloat(localStorage.getItem('leaderboardScrollPosition')) : 0;\n const stateClient = new StateClient({\n baseURL: 'https://state.dev.fun',\n appId: 'd57b6ee055a5e845b238'\n });\n const fetchData = (retryCount = 0) => {\n stateClient.getEntities('leaderboard').then(data => {\n if (data && Array.isArray(data)) {\n this.leaderboardData = this.prepareValidData(data);\n this.isLoading = false;\n this.loadingText.setVisible(false);\n const lastSubmittedScoreId = localStorage.getItem('lastSubmittedScoreId');\n if (lastSubmittedScoreId) {\n const scoreIndex = this.leaderboardData.findIndex(score => score.id === lastSubmittedScoreId);\n if (scoreIndex >= 0) {\n const itemHeight = 50;\n this.scrollOffset = -scoreIndex * itemHeight;\n }\n }\n this.time.delayedCall(300, () => {\n this.forceRenderLeaderboard();\n });\n } else if (retryCount < 3) {\n this.loadingText.setText(`No valid entries found.\\nRetrying (${retryCount + 1}/3)...`);\n setTimeout(() => fetchData(retryCount + 1), 1000);\n } else {\n this.isLoading = false;\n this.loadingText.setText('No leaderboard data yet.\\n\\nBe the first to submit your score!');\n this.loadingText.setVisible(true);\n }\n }).catch(err => {\n if (retryCount < 3) {\n this.loadingText.setText(`Connection error.\\nRetrying (${retryCount + 1}/3)...`);\n setTimeout(() => fetchData(retryCount + 1), 1500);\n } else {\n this.isLoading = false;\n this.loadingText.setText('Unable to connect to leaderboard server.\\n\\nPlease check your connection and try again.');\n }\n const retryButton = this.add.text(this.scale.width / 2, this.scale.height / 2 + 110, 'RETRY', {\n fontFamily: 'Arial Black',\n fontSize: 20,\n color: '#ffffff',\n backgroundColor: '#60cd88',\n padding: {\n x: 30,\n y: 10\n },\n resolution: 2\n }).setOrigin(0.5).setInteractive();\n retryButton.on('pointerover', () => {\n retryButton.setBackgroundColor('#7de8a8');\n });\n retryButton.on('pointerout', () => {\n retryButton.setBackgroundColor('#60cd88');\n });\n retryButton.on('pointerdown', () => {\n retryButton.destroy();\n if (errorDetails) errorDetails.destroy();\n this.loadingText.setText('Loading leaderboard...');\n fetchData(0);\n });\n });\n };\n fetchData();\n }\n updateLeaderboardDisplay() {\n if (!this.leaderboardContainer) {\n return;\n }\n this.leaderboardContainer.setVisible(true);\n if (this.isLoading) {\n return;\n }\n this.leaderboardContainer.removeAll(true);\n const width = this.scale.width;\n const height = this.scale.height;\n const startY = height * 0.2 + 50;\n if (!this.leaderboardData || this.leaderboardData.length === 0) {\n this.loadingText.setVisible(true);\n if (this.loadingText.text === 'Loading leaderboard...') {\n this.loadingText.setText('No leaderboard data yet.\\nBe the first to submit your score!');\n }\n return;\n }\n const maxItems = this.leaderboardData.length;\n const itemHeight = 50;\n const maxScroll = Math.max(0, maxItems * itemHeight - (height * 0.65 - 50));\n this.scrollOffset = Phaser.Math.Clamp(this.scrollOffset, -maxScroll, 0);\n localStorage.setItem('leaderboardScrollPosition', this.scrollOffset.toString());\n const lastSubmittedScoreId = localStorage.getItem('lastSubmittedScoreId');\n const firstVisibleIndex = Math.floor(-this.scrollOffset / itemHeight);\n const visibleCount = Math.ceil(height * 0.65 / itemHeight) + 2;\n for (let i = Math.max(0, firstVisibleIndex); i < Math.min(maxItems, firstVisibleIndex + visibleCount); i++) {\n const entry = this.leaderboardData[i];\n if (!entry) {\n continue;\n }\n const entryY = startY + i * itemHeight + this.scrollOffset;\n const isUserScore = entry.id === lastSubmittedScoreId;\n const rowBg = this.add.graphics();\n if (isUserScore) {\n rowBg.fillStyle(0x60cd88, 0.2);\n } else if (i % 2 === 0) {\n rowBg.fillStyle(0xffffff, 0.1);\n } else {\n rowBg.fillStyle(0x000000, 0.05);\n }\n rowBg.fillRect(width * 0.1, entryY, width * 0.8, itemHeight);\n this.leaderboardContainer.add(rowBg);\n if (i < 3) {\n const medalColors = [0xFFD700, 0xC0C0C0, 0xCD7F32];\n const medalGraphics = this.add.graphics();\n medalGraphics.fillStyle(medalColors[i], 1);\n medalGraphics.fillCircle(width * 0.15 - 10, entryY + itemHeight / 2, 12);\n medalGraphics.lineStyle(1, 0x000000, 0.5);\n medalGraphics.strokeCircle(width * 0.15 - 10, entryY + itemHeight / 2, 12);\n this.leaderboardContainer.add(medalGraphics);\n }\n const rankText = this.add.text(width * 0.15, entryY + itemHeight / 2, `${i + 1}`, {\n fontFamily: 'Arial Black',\n fontSize: 16,\n color: i < 3 ? '#ffffff' : '#000000',\n fontStyle: i < 3 ? 'bold' : 'normal',\n resolution: 2,\n stroke: i < 3 ? '#000000' : null,\n strokeThickness: i < 3 ? 2 : 0\n }).setOrigin(0, 0.5);\n let displayName = entry.name || \"Unknown\";\n if (displayName.length > 15) {\n displayName = displayName.substring(0, 12) + '...';\n }\n const nameText = this.add.text(width * 0.25, entryY + itemHeight / 2, displayName, {\n fontFamily: 'Arial',\n fontSize: 16,\n color: isUserScore ? '#60cd88' : '#000000',\n fontStyle: isUserScore ? 'bold' : 'normal',\n resolution: 2\n }).setOrigin(0, 0.5);\n const scoreText = this.add.text(width * 0.55, entryY + itemHeight / 2, `${entry.score.toLocaleString()}`, {\n fontFamily: 'Arial Black',\n fontSize: 16,\n color: isUserScore ? '#60cd88' : i < 3 ? '#000000' : '#60cd88',\n resolution: 2\n }).setOrigin(0, 0.5);\n let dateString = \"Unknown\";\n if (entry.timestamp) {\n try {\n const date = new Date(entry.timestamp);\n const now = new Date();\n const isRecent = now - date < 24 * 60 * 60 * 1000;\n if (isRecent) {\n const hours = date.getHours().toString().padStart(2, '0');\n const minutes = date.getMinutes().toString().padStart(2, '0');\n dateString = `Today ${hours}:${minutes}`;\n } else {\n dateString = `${date.getMonth() + 1}/${date.getDate()}/${date.getFullYear()}`;\n }\n } catch (err) {\n dateString = \"Invalid date\";\n }\n }\n const dateText = this.add.text(width * 0.7, entryY + itemHeight / 2, dateString, {\n fontFamily: 'Arial',\n fontSize: 14,\n color: '#666666',\n resolution: 2\n }).setOrigin(0, 0.5);\n this.leaderboardContainer.add([rankText, nameText, scoreText, dateText]);\n }\n if (maxScroll > 0) {\n if (this.scrollOffset > -maxScroll) {\n const downIndicator = this.add.text(width * 0.5, height * 0.2 + height * 0.65 - 20, '▼', {\n fontFamily: 'Arial',\n fontSize: 20,\n color: '#60cd88',\n resolution: 2\n }).setOrigin(0.5);\n downIndicator.setInteractive({\n useHandCursor: true\n });\n downIndicator.on('pointerdown', () => {\n this.scrollOffset -= 100;\n this.scrollOffset = Math.max(this.scrollOffset, -maxScroll);\n this.updateLeaderboardDisplay();\n });\n this.leaderboardContainer.add(downIndicator);\n }\n if (this.scrollOffset < 0) {\n const upIndicator = this.add.text(width * 0.5, height * 0.2 + 20, '▲', {\n fontFamily: 'Arial',\n fontSize: 20,\n color: '#60cd88',\n resolution: 2\n }).setOrigin(0.5);\n upIndicator.setInteractive({\n useHandCursor: true\n });\n upIndicator.on('pointerdown', () => {\n this.scrollOffset += 100;\n this.scrollOffset = Math.min(this.scrollOffset, 0);\n this.updateLeaderboardDisplay();\n });\n this.leaderboardContainer.add(upIndicator);\n }\n }\n const countText = this.add.text(width * 0.8, height * 0.2 + 15, `${this.leaderboardData.length} Players`, {\n fontFamily: 'Arial',\n fontSize: 14,\n color: '#666666',\n resolution: 2\n }).setOrigin(1, 0.5);\n this.leaderboardContainer.add(countText);\n }\n}\nconst config = {\n type: Phaser.WEBGL,\n antialias: true,\n pixelArt: false,\n roundPixels: false,\n resolution: window.devicePixelRatio,\n powerPreference: 'high-performance',\n scale: {\n mode: Phaser.Scale.RESIZE,\n parent: 'app',\n width: window.innerWidth,\n height: window.innerHeight\n },\n backgroundColor: '#f7f5e8',\n render: {\n antialias: true,\n pixelArt: false,\n roundPixels: false,\n transparent: false,\n clearBeforeRender: true,\n premultipliedAlpha: true\n },\n physics: {\n default: 'arcade',\n arcade: {\n debug: false,\n gravity: {\n y: 0\n }\n }\n },\n scene: [BootScene, MenuScene, GameScene, DeathScene, LeaderboardScene]\n};\nconst game = new Phaser.Game(config);","packageJson","{\"dependencies\":{\"phaser\":\"3.55.2\",\"socket.io-client\":\"4.7.1\",\"@devfunlabs/state-client\":\"0.8.1\"}}","token",{"_18":71,"_72":73,"_74":75,"_76":77,"_78":79,"_80":81,"_82":49,"_83":37,"_84":37,"_63":64},"pump dev jam","symbol","PUMPDEV","price",0.00000384,"marketcap",3326,"image","https://pump.mypinata.cloud/ipfs/QmVAMMsJKrwesvopDM8e6KtrePXUzZRRoKeRt77meDWDAK?img-width=256&img-dpr=2","website","https://dev.fun/p/d57b6ee055a5e845b238","twitter","devCount","appCount","upstreamApp","isLordOfDev","analytics",[89,93,95,97,99,101,103,105,107,109,111,113,115,117,119,121,123,125,127,129,131,132,134,136,137],{"_90":91,"_92":55},"day","2025-03-17","runCount",{"_90":94,"_92":55},"2025-03-18",{"_90":96,"_92":55},"2025-03-19",{"_90":98,"_92":55},"2025-03-20",{"_90":100,"_92":55},"2025-03-21",{"_90":102,"_92":55},"2025-03-22",{"_90":104,"_92":55},"2025-03-23",{"_90":106,"_92":55},"2025-03-24",{"_90":108,"_92":55},"2025-03-25",{"_90":110,"_92":55},"2025-03-26",{"_90":112,"_92":55},"2025-03-27",{"_90":114,"_92":55},"2025-03-28",{"_90":116,"_92":55},"2025-03-29",{"_90":118,"_92":55},"2025-03-30",{"_90":98,"_92":120},4,{"_90":100,"_92":122},20,{"_90":102,"_92":124},29,{"_90":104,"_92":126},23,{"_90":106,"_92":128},1785,{"_90":108,"_92":130},43,{"_90":110,"_92":122},{"_90":112,"_92":133},5,{"_90":114,"_92":135},8,{"_90":116,"_92":37},{"_90":118,"_92":138},2,"snapshot","ogImage","https://cdn.dev.fun/og/image/d57b6ee055a5e845b238/e583e5bc.webp","commitDetail","actionData","errors"]