[{"_1":2,"_126":-5,"_127":-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,"_124":-5,"_115":-7,"_125":17},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":27,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_5":45,"_56":57,"_58":59,"_60":59,"_61":62,"_63":59,"_64":59,"_65":59,"_66":59,"_67":59,"_68":59,"_69":17,"_70":27,"_71":-5,"_72":73,"_74":75,"_76":77,"_78":-5,"_79":-5,"_80":17,"_81":17,"_82":83,"_115":32,"_116":117,"_118":27,"_119":120},"id","78218717ad8736799437","isMyApp",false,"projectId","cmgznjnu7003i10ncogmq3e5y","name","pumpcircle","description","Devour your friends in a neon-soaked crypto feeding frenzy where circles eat circles and only the biggest bags survive! Gobble up meme coins, trigger chaotic \"PUMP\" events that randomly explode circles to massive sizes, and climb the leaderboard to prove you're the ultimate degen. It's Agar.io meets 80s arcade madness with synthwave vibes and absolutely unhinged multiplayer chaos.","brief","Eat circles, collect meme coins, pump to the moon in this neon multiplayer chaos!","isLive",true,"isPublic","tags",[],"cover","https://cdn.dev.fun/snapshot/78218717ad8736799437/130736_759a8d74.webp","cdnUrl","https://cdn.dev.fun/app/78218717ad8736799437/130736","createdAt",["D",1760998852003],"updatedAt",["D",1761033943995],"lastCommitId",["B","130736"],"tier",1,"credits",-565,{"_14":46,"_47":48,"_49":-5,"_50":48,"_51":52,"_53":-5,"_54":55},"d9716b68-2ce9-495e-bae6-1cfb75ec8acd","uniqueId","J3WmMHUixgfcUtL5ov4Cn6LE65cDybgAg7mc1PWGyVY","username","solanaWallet","displayName","J3W...yVY","bio","avatar","/avatar.svg","commitCount",80,"forkCount",0,"likeCount","runsCount",33,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","code","import * as Phaser from \"phaser\";\nimport { StateClient } from '@devfunlabs/state-client';\nimport io from 'socket.io-client';\nconst stateClient = new StateClient({\n baseURL: 'https://state.dev.fun',\n appId: '78218717ad8736799437'\n});\nconst COLORS = {\n neon_red: 0xff1744,\n neon_orange: 0xff9100,\n neon_yellow: 0xffd600,\n neon_pink: 0xff006e,\n neon_purple: 0xd500f9,\n dark_bg: 0x0a0a14,\n grid: 0x1a1a2e\n};\nconst ARENA_SIZE = 3000;\nconst MIN_SIZE = 20;\nconst PUMP_EVENT_INTERVAL = 3600000;\nlet walletAddress = null;\nlet profilePictureUrl = null;\nclass BootScene extends Phaser.Scene {\n constructor() {\n super({\n key: `BootScene`\n });\n }\n preload() {\n const graphics = this.make.graphics({\n x: 0,\n y: 0\n });\n graphics.fillStyle(0xffffff, 1);\n graphics.fillCircle(4, 4, 4);\n graphics.generateTexture(`particle`, 8, 8);\n graphics.clear();\n graphics.fillStyle(0xffffff, 1);\n graphics.fillCircle(8, 8, 8);\n graphics.generateTexture(`glow`, 16, 16);\n graphics.clear();\n graphics.fillStyle(0xffd700, 1);\n graphics.fillCircle(6, 6, 6);\n graphics.lineStyle(1, 0xffaa00, 1);\n graphics.strokeCircle(6, 6, 6);\n graphics.generateTexture(`token`, 12, 12);\n graphics.clear();\n graphics.fillStyle(0x666666, 1);\n graphics.fillCircle(32, 32, 32);\n graphics.generateTexture(`defaultProfile`, 64, 64);\n graphics.clear();\n graphics.fillStyle(0x00ff00, 1);\n for (let i = 0; i < 12; i++) {\n const angle = i / 12 * Math.PI * 2;\n const x = 25 + Math.cos(angle) * 20;\n const y = 25 + Math.sin(angle) * 20;\n graphics.fillCircle(x, y, 5);\n }\n graphics.lineStyle(2, 0x00aa00, 1);\n graphics.strokeCircle(25, 25, 20);\n graphics.generateTexture(`trap`, 50, 50);\n graphics.clear();\n graphics.destroy();\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 const {\n width,\n height\n } = this.scale;\n const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);\n if (isMobile) {\n this.cameras.main.setZoom(0.55);\n }\n const bg = this.add.rectangle(0, 0, width * 2, height * 2, COLORS.dark_bg);\n bg.setOrigin(0);\n for (let i = 0; i < 50; i++) {\n const x = Phaser.Math.Between(0, width);\n const y = Phaser.Math.Between(0, height);\n const size = Phaser.Math.Between(20, 100);\n const color = Phaser.Math.RND.pick([COLORS.neon_red, COLORS.neon_orange, COLORS.neon_yellow, COLORS.neon_pink]);\n const circle = this.add.circle(x, y, size, color, 0.1);\n this.tweens.add({\n targets: circle,\n alpha: 0.3,\n duration: 2000,\n yoyo: true,\n repeat: -1\n });\n }\n const title = this.add.text(width / 2, height / 3, `PUMPCIRCLE`, {\n fontFamily: `monospace`,\n fontSize: `80px`,\n color: `#ff1744`,\n stroke: `#ff9100`,\n strokeThickness: 6\n });\n title.setOrigin(0.5);\n this.tweens.add({\n targets: title,\n scaleX: 1.1,\n scaleY: 1.1,\n duration: 1000,\n yoyo: true,\n repeat: -1\n });\n const particles = this.add.particles(width / 2, height / 3, `particle`, {\n speed: {\n min: 50,\n max: 100\n },\n scale: {\n start: 1,\n end: 0\n },\n blendMode: Phaser.BlendModes.ADD,\n lifespan: 1000,\n tint: [COLORS.neon_red, COLORS.neon_orange, COLORS.neon_yellow],\n frequency: 50\n });\n const subtitle = this.add.text(width / 2, height / 3 + 80, `powered by pump.fun`, {\n fontFamily: `monospace`,\n fontSize: `20px`,\n color: `#ffd600`\n });\n subtitle.setOrigin(0.5);\n const inputWidth = isMobile ? Math.min(width * 0.85, 600) : 600;\n const inputHeight = isMobile ? 80 : 50;\n const inputBg = this.add.rectangle(width / 2, height / 2 + 30, inputWidth, inputHeight, 0x1a1a2e, 1);\n inputBg.setStrokeStyle(4, walletAddress ? 0x00ff00 : 0xff9100);\n const walletInputText = this.add.text(width / 2, height / 2 + 30, walletAddress || `TAP HERE: Enter Wallet`, {\n fontFamily: `monospace`,\n fontSize: isMobile ? `18px` : `16px`,\n color: walletAddress ? `#00ff00` : `#888888`\n });\n walletInputText.setOrigin(0.5);\n const handleWalletInput = () => {\n inputBg.setFillStyle(0x2a2a3e, 1);\n this.time.delayedCall(100, () => {\n inputBg.setFillStyle(0x1a1a2e, 1);\n });\n this.time.delayedCall(50, () => {\n const manualInput = prompt(`Enter or paste your Solana wallet address:`);\n if (manualInput && manualInput.trim().length >= 32) {\n walletAddress = manualInput.trim();\n walletInputText.setText(`${walletAddress.slice(0, 8)}...${walletAddress.slice(-8)}`);\n walletInputText.setColor(`#00ff00`);\n inputBg.setStrokeStyle(4, 0x00ff00);\n playBtn.setVisible(true);\n const successFlash = this.add.rectangle(width / 2, height / 2 + 30, inputWidth, inputHeight, 0x00ff00, 0.3);\n this.tweens.add({\n targets: successFlash,\n alpha: 0,\n duration: 300,\n onComplete: () => successFlash.destroy()\n });\n } else if (manualInput !== null) {\n alert(`Invalid wallet address. Please enter a valid Solana wallet address (minimum 32 characters).`);\n }\n });\n };\n inputBg.setInteractive({\n useHandCursor: !isMobile,\n pixelPerfect: false\n });\n inputBg.on(`pointerdown`, handleWalletInput);\n walletInputText.setInteractive({\n useHandCursor: !isMobile,\n pixelPerfect: false\n });\n walletInputText.on(`pointerdown`, handleWalletInput);\n if (!isMobile) {\n walletInputText.on(`pointerover`, () => {\n walletInputText.setColor(walletAddress ? `#00ff00` : `#aaaaaa`);\n });\n walletInputText.on(`pointerout`, () => {\n walletInputText.setColor(walletAddress ? `#00ff00` : `#888888`);\n });\n }\n const fileInput = document.createElement(`input`);\n fileInput.type = `file`;\n fileInput.accept = `image/*`;\n fileInput.capture = `environment`;\n fileInput.style.position = `absolute`;\n fileInput.style.left = `0px`;\n fileInput.style.top = `0px`;\n fileInput.style.width = isMobile ? `300px` : `250px`;\n fileInput.style.height = isMobile ? `60px` : `40px`;\n fileInput.style.opacity = `0`;\n fileInput.style.cursor = `pointer`;\n fileInput.style.zIndex = `9999`;\n fileInput.style.pointerEvents = `auto`;\n document.body.appendChild(fileInput);\n fileInput.addEventListener(`change`, e => {\n const file = e.target.files?.[0];\n if (file) {\n const reader = new FileReader();\n reader.onload = event => {\n profilePictureUrl = event.target.result;\n profileBtn.setText(`[ PIC UPLOADED ✓ ]`);\n profileBtn.setColor(`#ff9100`);\n };\n reader.readAsDataURL(file);\n }\n fileInput.value = ``;\n });\n const profileBtnBg = this.add.rectangle(width / 2, height / 2 + 110, isMobile ? 300 : 250, isMobile ? 60 : 40, 0x1a1a2e, 0.8);\n profileBtnBg.setStrokeStyle(3, 0x00ff00);\n profileBtnBg.setInteractive({\n useHandCursor: !isMobile,\n pixelPerfect: false\n });\n profileBtnBg.on(`pointerdown`, () => {\n profileBtnBg.setFillStyle(0x2a2a3e, 0.9);\n this.time.delayedCall(100, () => {\n profileBtnBg.setFillStyle(0x1a1a2e, 0.8);\n });\n fileInput.click();\n });\n const profileBtn = this.add.text(width / 2, height / 2 + 110, `[ TAP: UPLOAD PROFILE PIC ]`, {\n fontFamily: `monospace`,\n fontSize: isMobile ? `18px` : `20px`,\n color: `#00ff00`,\n stroke: `#000000`,\n strokeThickness: 2\n });\n profileBtn.setOrigin(0.5);\n profileBtn.setInteractive({\n useHandCursor: !isMobile,\n pixelPerfect: false\n });\n profileBtn.on(`pointerdown`, () => {\n fileInput.click();\n });\n const updateFileInputPosition = () => {\n const canvas = this.game.canvas;\n const rect = canvas.getBoundingClientRect();\n const zoom = isMobile ? 0.55 : 1;\n const screenX = rect.left + width / 2 * zoom;\n const screenY = rect.top + (height / 2 + 110) * zoom;\n fileInput.style.left = `${screenX}px`;\n fileInput.style.top = `${screenY}px`;\n fileInput.style.transform = `translate(-50%, -50%)`;\n };\n updateFileInputPosition();\n if (!isMobile) {\n profileBtn.on(`pointerover`, () => {\n profileBtn.setColor(`#ff1744`);\n profileBtn.setScale(1.1);\n profileBtnBg.setStrokeStyle(3, 0xff1744);\n });\n profileBtn.on(`pointerout`, () => {\n profileBtn.setColor(`#00ff00`);\n profileBtn.setScale(1);\n profileBtnBg.setStrokeStyle(3, 0x00ff00);\n });\n }\n const playBtn = this.add.text(width / 2, height / 2 + 180, `[ PLAY ]`, {\n fontFamily: `monospace`,\n fontSize: isMobile ? `50px` : `40px`,\n color: `#00ff00`,\n stroke: `#000000`,\n strokeThickness: 3\n });\n playBtn.setOrigin(0.5);\n playBtn.setVisible(false);\n playBtn.setInteractive({\n useHandCursor: true\n });\n playBtn.on(`pointerover`, () => {\n playBtn.setColor(`#ff1744`);\n playBtn.setScale(1.2);\n });\n playBtn.on(`pointerout`, () => {\n playBtn.setColor(`#00ff00`);\n playBtn.setScale(1);\n });\n playBtn.on(`pointerdown`, () => {\n if (!walletAddress) {\n alert(`Please connect your wallet first to play!`);\n return;\n }\n particles.destroy();\n this.scene.start(`GameScene`);\n });\n const instructions = this.add.text(width / 2, height - 100, `Be the top 3 in leaderboard and win airdrop`, {\n fontFamily: `monospace`,\n fontSize: `20px`,\n color: `#ffd600`,\n alpha: 0.8,\n stroke: `#ff9100`,\n strokeThickness: 2\n });\n instructions.setOrigin(0.5);\n this.tweens.add({\n targets: instructions,\n alpha: 1,\n scaleX: 1.05,\n scaleY: 1.05,\n duration: 1000,\n yoyo: true,\n repeat: -1\n });\n this.scale.on(`resize`, gameSize => {\n this.resize(gameSize);\n updateFileInputPosition();\n });\n this.events.on(`shutdown`, () => {\n if (fileInput && fileInput.parentNode) {\n document.body.removeChild(fileInput);\n }\n });\n }\n resize(gameSize) {\n if (!this.cameras || !this.cameras.main) return;\n const {\n width,\n height\n } = gameSize;\n this.cameras.main.setViewport(0, 0, width, height);\n }\n}\nclass GameScene extends Phaser.Scene {\n constructor() {\n super({\n key: `GameScene`\n });\n this.players = new Map();\n this.tokens = [];\n this.myId = walletAddress || `player_${Date.now()}`;\n this.tokenSpawnTimer = 0;\n this.pumpEventTimer = 0;\n this.myScore = 0;\n this.velocityX = 0;\n this.velocityY = 0;\n this.globalLeaderboard = [];\n this.myCells = [];\n this.ejectedMass = [];\n this.profileTextureLoaded = false;\n this.traps = [];\n this.mobileJoystick = null;\n this.mobileButtons = null;\n this.isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);\n }\n create() {\n const {\n width,\n height\n } = this.scale;\n if (this.isMobile) {\n this.cameras.main.setZoom(0.6);\n }\n this.socket = io('wss://ws.dev.fun/app-78218717ad8736799437');\n this.socket.on('playerJoined', data => {\n if (data.id !== this.myId) {\n this.addNetworkPlayer(data);\n }\n });\n this.socket.on('playerUpdate', data => {\n if (data.id !== this.myId) {\n this.updateNetworkPlayer(data);\n }\n });\n this.socket.on('playerLeft', playerId => {\n this.removeNetworkPlayer(playerId);\n });\n this.socket.on('devfun:user_count', count => {\n console.log(`Players online: ${count}`);\n });\n this.socket.on('tokenCollected', data => {\n if (data.tokenIndex !== undefined && this.tokens[data.tokenIndex]) {\n this.tokens[data.tokenIndex].setActive(false);\n this.tokens[data.tokenIndex].setVisible(false);\n }\n });\n this.socket.on('tokenSpawned', data => {\n if (data.tokenIndex !== undefined && data.x && data.y) {\n if (this.tokens[data.tokenIndex]) {\n this.tokens[data.tokenIndex].setPosition(data.x, data.y);\n this.tokens[data.tokenIndex].setActive(true);\n this.tokens[data.tokenIndex].setVisible(true);\n if (this.tokens[data.tokenIndex].glow) {\n this.tokens[data.tokenIndex].glow.setPosition(data.x, data.y);\n }\n } else {\n this.createToken(data.tokenIndex, {\n x: data.x,\n y: data.y,\n active: true\n });\n }\n }\n });\n this.socket.on('trapHit', data => {\n const trap = this.traps.find(t => t.x === data.x && t.y === data.y);\n if (trap) {\n const trapIndex = this.traps.indexOf(trap);\n trap.sprite.destroy();\n trap.glow.destroy();\n this.traps.splice(trapIndex, 1);\n }\n });\n this.socket.on('playerEatenBy', data => {\n if (data.victimId === this.myId) {\n this.time.delayedCall(500, () => {\n this.gameOver();\n });\n }\n });\n this.socket.emit('playerJoined', {\n id: this.myId,\n wallet: walletAddress,\n x: 0,\n y: 0,\n size: MIN_SIZE,\n score: 0,\n cells: []\n });\n this.cameras.main.setBounds(0, 0, ARENA_SIZE, ARENA_SIZE);\n this.physics.world.setBounds(0, 0, ARENA_SIZE, ARENA_SIZE);\n this.add.rectangle(ARENA_SIZE / 2, ARENA_SIZE / 2, ARENA_SIZE, ARENA_SIZE, COLORS.dark_bg);\n for (let x = 0; x < ARENA_SIZE; x += 100) {\n const line = this.add.line(0, 0, x, 0, x, ARENA_SIZE, COLORS.grid, 0.2);\n line.setOrigin(0);\n }\n for (let y = 0; y < ARENA_SIZE; y += 100) {\n const line = this.add.line(0, 0, 0, y, ARENA_SIZE, y, COLORS.grid, 0.2);\n line.setOrigin(0);\n }\n const leaderboardWidth = this.isMobile ? 240 : 280;\n const leaderboardHeight = this.isMobile ? 220 : 250;\n const leaderboardX = this.isMobile ? 15 : 10;\n const leaderboardY = this.isMobile ? 15 : 10;\n this.leaderboardBg = this.add.rectangle(leaderboardX, leaderboardY, leaderboardWidth, leaderboardHeight, 0x000000, 0.8);\n this.leaderboardBg.setOrigin(0);\n this.leaderboardBg.setScrollFactor(0);\n this.leaderboardBg.setDepth(1000);\n this.leaderboardBg.setVisible(!this.isMobile);\n this.leaderboardTitle = this.add.text(leaderboardX + 10, leaderboardY + 10, `Top 3 Receive $Pill AirDrop`, {\n fontFamily: `monospace`,\n fontSize: this.isMobile ? `13px` : `14px`,\n color: `#ffd600`,\n stroke: `#ff9100`,\n strokeThickness: 2\n });\n this.leaderboardTitle.setScrollFactor(0);\n this.leaderboardTitle.setDepth(1001);\n this.leaderboardTitle.setVisible(!this.isMobile);\n this.leaderboardTexts = [];\n this.leaderboardPics = [];\n const textSpacing = this.isMobile ? 18 : 20;\n const textStartY = this.isMobile ? 40 : 45;\n const textStartX = this.isMobile ? 25 : 20;\n const picSize = this.isMobile ? 12 : 14;\n for (let i = 0; i < 10; i++) {\n const picX = textStartX;\n const picY = leaderboardY + textStartY + i * textSpacing;\n const picCircle = this.add.circle(picX, picY, picSize / 2, 0x666666, 1);\n picCircle.setScrollFactor(0);\n picCircle.setDepth(1001);\n picCircle.setVisible(!this.isMobile);\n this.leaderboardPics.push(picCircle);\n const text = this.add.text(textStartX + picSize + 5, leaderboardY + textStartY + i * textSpacing, ``, {\n fontFamily: `monospace`,\n fontSize: this.isMobile ? `12px` : `12px`,\n color: `#ffffff`\n });\n text.setScrollFactor(0);\n text.setDepth(1001);\n text.setVisible(!this.isMobile);\n this.leaderboardTexts.push(text);\n }\n const countdownX = this.isMobile ? width - 15 : width / 2;\n const countdownY = this.isMobile ? 15 : 50;\n const countdownOriginX = this.isMobile ? 1 : 0.5;\n this.countdownText = this.add.text(countdownX, countdownY, ``, {\n fontFamily: `monospace`,\n fontSize: this.isMobile ? `16px` : `24px`,\n color: `#ff9100`,\n stroke: `#000000`,\n strokeThickness: this.isMobile ? 3 : 3\n });\n this.countdownText.setOrigin(countdownOriginX, 0);\n this.countdownText.setScrollFactor(0);\n this.countdownText.setDepth(1002);\n this.countdownText.setVisible(!this.isMobile);\n this.pumpText = this.add.text(width / 2, 100, ``, {\n fontFamily: `monospace`,\n fontSize: `60px`,\n color: `#ff1744`,\n stroke: `#ff9100`,\n strokeThickness: 6\n });\n this.pumpText.setOrigin(0.5);\n this.pumpText.setScrollFactor(0);\n this.pumpText.setDepth(1002);\n this.pumpText.setVisible(false);\n const scoreY = this.isMobile ? 50 : 20;\n this.scoreText = this.add.text(width - 15, scoreY, `PILLS: 0`, {\n fontFamily: `monospace`,\n fontSize: this.isMobile ? `22px` : `28px`,\n color: `#00ff00`,\n stroke: `#000000`,\n strokeThickness: this.isMobile ? 3 : 4\n });\n this.scoreText.setOrigin(1, 0);\n this.scoreText.setScrollFactor(0);\n this.scoreText.setDepth(1002);\n if (!this.isMobile) {\n this.controlsText = this.add.text(20, height - 80, `SPACE: Split | W: Shoot Mass`, {\n fontFamily: `monospace`,\n fontSize: `18px`,\n color: `#ffd600`,\n stroke: `#000000`,\n strokeThickness: 3\n });\n this.controlsText.setScrollFactor(0);\n this.controlsText.setDepth(1002);\n }\n const x = Phaser.Math.Between(100, ARENA_SIZE - 100);\n const y = Phaser.Math.Between(100, ARENA_SIZE - 100);\n const color = Phaser.Math.RND.pick([COLORS.neon_red, COLORS.neon_orange, COLORS.neon_yellow, COLORS.neon_pink, COLORS.neon_purple]);\n this.createPlayerCell(x, y, MIN_SIZE, color, profilePictureUrl ? true : false);\n if (profilePictureUrl) {\n if (!this.textures.exists(`playerProfile`)) {\n const img = new Image();\n img.onload = () => {\n if (!this.textures.exists(`playerProfile`)) {\n this.textures.addImage(`playerProfile`, img);\n }\n this.profileTextureLoaded = true;\n this.applyProfilePictureToFirstCell();\n };\n img.onerror = () => {\n console.warn(`Profile picture failed to load, using default circle`);\n this.profileTextureLoaded = false;\n };\n img.src = profilePictureUrl;\n } else {\n this.profileTextureLoaded = true;\n this.time.delayedCall(100, () => {\n this.applyProfilePictureToFirstCell();\n });\n }\n }\n for (let i = 0; i < 200; i++) {\n const tokenX = Phaser.Math.Between(50, ARENA_SIZE - 50);\n const tokenY = Phaser.Math.Between(50, ARENA_SIZE - 50);\n this.createToken(i, {\n x: tokenX,\n y: tokenY,\n active: true\n });\n }\n this.socket.on('syncTraps', traps => {\n this.traps.forEach(trap => {\n trap.sprite.destroy();\n trap.glow.destroy();\n });\n this.traps = [];\n traps.forEach(trapData => {\n this.createTrap(trapData.x, trapData.y);\n });\n });\n this.socket.on('syncTokens', tokens => {\n tokens.forEach((tokenData, index) => {\n if (tokenData.active) {\n if (this.tokens[index]) {\n this.tokens[index].setPosition(tokenData.x, tokenData.y);\n this.tokens[index].setActive(true);\n this.tokens[index].setVisible(true);\n if (this.tokens[index].glow) {\n this.tokens[index].glow.setPosition(tokenData.x, tokenData.y);\n }\n } else {\n this.createToken(index, {\n x: tokenData.x,\n y: tokenData.y,\n active: true\n });\n }\n }\n });\n });\n for (let i = 0; i < 15; i++) {\n const trapX = Phaser.Math.Between(100, ARENA_SIZE - 100);\n const trapY = Phaser.Math.Between(100, ARENA_SIZE - 100);\n this.createTrap(trapX, trapY);\n }\n this.mouseX = x;\n this.mouseY = y;\n if (this.isMobile) {\n this.setupMobileControls();\n } else {\n this.input.on(`pointermove`, pointer => {\n this.mouseX = pointer.x + this.cameras.main.scrollX;\n this.mouseY = pointer.y + this.cameras.main.scrollY;\n });\n this.input.keyboard.on(`keydown-SPACE`, () => {\n this.splitCells();\n });\n this.input.keyboard.on(`keydown-W`, () => {\n this.ejectMass();\n });\n }\n this.loadGlobalLeaderboard();\n this.scale.on(`resize`, this.resize, this);\n }\n async loadGlobalLeaderboard() {\n try {\n const scores = await stateClient.getEntities(`scores`);\n this.globalLeaderboard = scores.sort((a, b) => b.score - a.score).slice(0, 10);\n } catch (err) {\n this.globalLeaderboard = [];\n }\n }\n async saveScore(score) {\n if (!walletAddress || walletAddress.startsWith(`anon_`)) return;\n try {\n const existingScore = await stateClient.getEntity(`scores`, walletAddress);\n if (existingScore) {\n if (score > existingScore.score) {\n await stateClient.updateEntity(`scores`, walletAddress, {\n score,\n timestamp: Date.now()\n });\n await this.loadGlobalLeaderboard();\n }\n } else {\n await stateClient.createEntity(`scores`, {\n id: walletAddress,\n score,\n timestamp: Date.now()\n });\n await this.loadGlobalLeaderboard();\n }\n } catch (err) {\n console.error(`Failed to save score:`, err);\n }\n }\n setupMobileControls() {\n const {\n width,\n height\n } = this.scale;\n const joystickSize = 60;\n const joystickBase = this.add.circle(120, height - 120, joystickSize, 0xffffff, 0.4);\n joystickBase.setScrollFactor(0);\n joystickBase.setDepth(2000);\n joystickBase.setStrokeStyle(4, 0xffd600, 0.8);\n const joystickThumb = this.add.circle(120, height - 120, 30, 0x00ff00, 0.8);\n joystickThumb.setScrollFactor(0);\n joystickThumb.setDepth(2001);\n joystickThumb.setStrokeStyle(3, 0xffffff, 1);\n const btnWidth = 120;\n const btnHeight = 70;\n const splitBtn = this.add.rectangle(width - 140, height - 140, btnWidth, btnHeight, 0xff9100, 0.9);\n splitBtn.setScrollFactor(0);\n splitBtn.setDepth(2000);\n splitBtn.setInteractive({\n useHandCursor: true,\n pixelPerfect: false\n });\n splitBtn.setStrokeStyle(4, 0xffffff, 0.9);\n const splitText = this.add.text(width - 140, height - 140, `SPLIT`, {\n fontFamily: `monospace`,\n fontSize: `22px`,\n color: `#ffffff`,\n stroke: `#000000`,\n strokeThickness: 3\n });\n splitText.setOrigin(0.5);\n splitText.setScrollFactor(0);\n splitText.setDepth(2001);\n const ejectBtn = this.add.rectangle(width - 140, height - 60, btnWidth, btnHeight, 0x00ff00, 0.9);\n ejectBtn.setScrollFactor(0);\n ejectBtn.setDepth(2000);\n ejectBtn.setInteractive({\n useHandCursor: true,\n pixelPerfect: false\n });\n ejectBtn.setStrokeStyle(4, 0xffffff, 0.9);\n const ejectText = this.add.text(width - 140, height - 60, `EJECT`, {\n fontFamily: `monospace`,\n fontSize: `22px`,\n color: `#ffffff`,\n stroke: `#000000`,\n strokeThickness: 3\n });\n ejectText.setOrigin(0.5);\n ejectText.setScrollFactor(0);\n ejectText.setDepth(2001);\n this.mobileJoystick = {\n base: joystickBase,\n thumb: joystickThumb,\n active: false,\n startX: 120,\n startY: height - 120\n };\n this.mobileButtons = {\n split: {\n btn: splitBtn,\n text: splitText\n },\n eject: {\n btn: ejectBtn,\n text: ejectText\n }\n };\n const activePointers = new Map();\n this.input.on(`pointerdown`, pointer => {\n const x = pointer.x;\n const y = pointer.y;\n const dist = Phaser.Math.Distance.Between(x, y, 120, height - 120);\n if (dist < 90 && !activePointers.has(pointer.id)) {\n this.mobileJoystick.active = true;\n activePointers.set(pointer.id, `joystick`);\n }\n });\n this.input.on(`pointermove`, pointer => {\n if (activePointers.get(pointer.id) === `joystick` && this.mobileJoystick.active) {\n const x = pointer.x;\n const y = pointer.y;\n const angle = Math.atan2(y - this.mobileJoystick.startY, x - this.mobileJoystick.startX);\n const distance = Math.min(Phaser.Math.Distance.Between(x, y, this.mobileJoystick.startX, this.mobileJoystick.startY), 50);\n this.mobileJoystick.thumb.x = this.mobileJoystick.startX + Math.cos(angle) * distance;\n this.mobileJoystick.thumb.y = this.mobileJoystick.startY + Math.sin(angle) * distance;\n if (this.myCells.length > 0 && this.myCells[0]) {\n const targetDist = 200;\n this.mouseX = this.myCells[0].circle.x + Math.cos(angle) * targetDist;\n this.mouseY = this.myCells[0].circle.y + Math.sin(angle) * targetDist;\n }\n }\n });\n this.input.on(`pointerup`, pointer => {\n if (activePointers.get(pointer.id) === `joystick`) {\n this.mobileJoystick.active = false;\n this.mobileJoystick.thumb.x = this.mobileJoystick.startX;\n this.mobileJoystick.thumb.y = this.mobileJoystick.startY;\n activePointers.delete(pointer.id);\n } else {\n activePointers.delete(pointer.id);\n }\n });\n splitBtn.on(`pointerdown`, pointer => {\n activePointers.set(pointer.id, `split`);\n this.splitCells();\n splitBtn.setFillStyle(0xff1744, 1);\n splitBtn.setScale(0.95);\n this.time.delayedCall(150, () => {\n splitBtn.setFillStyle(0xff9100, 0.9);\n splitBtn.setScale(1);\n });\n });\n ejectBtn.on(`pointerdown`, pointer => {\n activePointers.set(pointer.id, `eject`);\n this.ejectMass();\n ejectBtn.setFillStyle(0x00aa00, 1);\n ejectBtn.setScale(0.95);\n this.time.delayedCall(150, () => {\n ejectBtn.setFillStyle(0x00ff00, 0.9);\n ejectBtn.setScale(1);\n });\n });\n }\n applyProfilePictureToFirstCell() {\n if (this.myCells.length > 0 && this.myCells[0] && this.textures.exists(`playerProfile`)) {\n const firstCell = this.myCells[0];\n if (!firstCell.hasProfilePic) {\n const oldCircle = firstCell.circle;\n const x = oldCircle.x;\n const y = oldCircle.y;\n const size = firstCell.size;\n oldCircle.destroy();\n const sprite = this.add.sprite(x, y, `playerProfile`);\n sprite.setDisplaySize(size * 2, size * 2);\n const maskShape = this.make.graphics();\n maskShape.fillStyle(0xffffff);\n maskShape.fillCircle(0, 0, size);\n maskShape.setPosition(x, y);\n const mask = maskShape.createGeometryMask();\n sprite.setMask(mask);\n sprite.maskShape = maskShape;\n firstCell.circle = sprite;\n firstCell.hasProfilePic = true;\n firstCell.glow.startFollow(sprite);\n }\n }\n }\n getSizeFromPills(pillCount) {\n const baseArea = MIN_SIZE * MIN_SIZE;\n const totalArea = baseArea + pillCount * 25;\n return Math.sqrt(totalArea);\n }\n createPlayerCell(x, y, size, color, useProfilePic = false) {\n let circle;\n let hasProfilePic = false;\n if (this.profileTextureLoaded && this.textures.exists(`playerProfile`)) {\n circle = this.add.sprite(x, y, `playerProfile`);\n circle.setDisplaySize(size * 2, size * 2);\n const maskShape = this.make.graphics();\n maskShape.fillStyle(0xffffff);\n maskShape.fillCircle(0, 0, size);\n maskShape.setPosition(x, y);\n const mask = maskShape.createGeometryMask();\n circle.setMask(mask);\n circle.maskShape = maskShape;\n hasProfilePic = true;\n } else {\n circle = this.add.circle(x, y, size, color, 1);\n circle.setStrokeStyle(3, 0xffffff, 0.8);\n }\n const glow = this.add.particles(x, y, `glow`, {\n follow: circle,\n scale: {\n start: size / 16,\n end: 0\n },\n alpha: {\n start: 0.6,\n end: 0\n },\n blendMode: Phaser.BlendModes.ADD,\n lifespan: 500,\n frequency: 50,\n tint: color\n });\n const displayName = walletAddress ? `${walletAddress.slice(0, 4)}...${walletAddress.slice(-4)}` : `YOU`;\n const nameText = this.add.text(x, y - size - 20, displayName, {\n fontFamily: `monospace`,\n fontSize: `14px`,\n color: `#ffffff`,\n stroke: `#000000`,\n strokeThickness: 3\n });\n nameText.setOrigin(0.5);\n const cell = {\n circle,\n glow,\n nameText,\n size,\n color,\n velocityX: 0,\n velocityY: 0,\n hasProfilePic,\n mergeTime: Date.now() + 5000,\n targetSize: size\n };\n this.myCells.push(cell);\n return cell;\n }\n addNetworkPlayer(data) {\n if (this.players.has(data.id) || data.id === this.myId) return;\n const color = Phaser.Math.RND.pick([COLORS.neon_red, COLORS.neon_orange, COLORS.neon_yellow, COLORS.neon_pink, COLORS.neon_purple]);\n const circle = this.add.circle(data.x || 500, data.y || 500, data.size || MIN_SIZE, color, 1);\n circle.setStrokeStyle(3, 0xffffff, 0.8);\n const glow = this.add.particles(data.x || 500, data.y || 500, `glow`, {\n follow: circle,\n scale: {\n start: (data.size || MIN_SIZE) / 16,\n end: 0\n },\n alpha: {\n start: 0.6,\n end: 0\n },\n blendMode: Phaser.BlendModes.ADD,\n lifespan: 500,\n frequency: 50,\n tint: color\n });\n const displayName = data.wallet ? `${data.wallet.slice(0, 4)}...${data.wallet.slice(-4)}` : `Player`;\n const nameText = this.add.text(data.x || 500, (data.y || 500) - (data.size || MIN_SIZE) - 20, displayName, {\n fontFamily: `monospace`,\n fontSize: `14px`,\n color: `#ffffff`,\n stroke: `#000000`,\n strokeThickness: 3\n });\n nameText.setOrigin(0.5);\n this.players.set(data.id, {\n circle,\n glow,\n nameText,\n size: data.size || MIN_SIZE,\n color,\n cells: data.cells || [],\n score: data.score || 0,\n wallet: data.wallet\n });\n }\n updateNetworkPlayer(data) {\n if (!this.players.has(data.id)) {\n this.addNetworkPlayer(data);\n return;\n }\n const player = this.players.get(data.id);\n if (data.cells && data.cells.length > 0) {\n data.cells.forEach(cellData => {\n this.tweens.add({\n targets: player.circle,\n x: cellData.x,\n y: cellData.y,\n duration: 100,\n ease: 'Linear'\n });\n player.size = cellData.size;\n this.tweens.add({\n targets: player.circle,\n radius: cellData.size,\n duration: 200,\n ease: 'Sine.easeOut'\n });\n player.nameText.x = cellData.x;\n player.nameText.y = cellData.y - cellData.size - 20;\n });\n }\n if (data.score !== undefined) {\n player.score = data.score;\n }\n if (data.wallet) {\n player.wallet = data.wallet;\n }\n }\n removeNetworkPlayer(playerId) {\n if (this.players.has(playerId)) {\n const player = this.players.get(playerId);\n player.circle.destroy();\n player.glow.destroy();\n player.nameText.destroy();\n this.players.delete(playerId);\n }\n }\n splitCells() {\n if (this.myScore < 50) return;\n const cellsToSplit = [...this.myCells];\n const MIN_SPLIT_SIZE = 25;\n const pillsPerCell = Math.floor(this.myScore / 2);\n const newSize = this.getSizeFromPills(pillsPerCell);\n if (newSize < MIN_SPLIT_SIZE) return;\n cellsToSplit.forEach(cell => {\n if (!cell || !cell.circle) return;\n const angle = Math.atan2(this.mouseY - cell.circle.y, this.mouseX - cell.circle.x);\n const distance = cell.size * 1.5;\n const newX = cell.circle.x + Math.cos(angle) * distance;\n const newY = cell.circle.y + Math.sin(angle) * distance;\n const splitEffect = this.add.particles(cell.circle.x, cell.circle.y, `particle`, {\n speed: {\n min: 50,\n max: 150\n },\n scale: {\n start: 1,\n end: 0\n },\n blendMode: Phaser.BlendModes.ADD,\n lifespan: 400,\n tint: cell.color,\n quantity: 15,\n emitting: false\n });\n splitEffect.explode(15);\n this.time.delayedCall(500, () => splitEffect.destroy());\n cell.targetSize = newSize;\n this.tweens.add({\n targets: cell,\n size: newSize,\n duration: 180,\n ease: 'Back.easeOut',\n onUpdate: () => {\n if (!cell || !cell.circle) return;\n if (!cell.hasProfilePic) {\n if (cell.circle.radius !== undefined) {\n cell.circle.radius = cell.size;\n }\n } else {\n if (cell.circle.setDisplaySize) {\n cell.circle.setDisplaySize(cell.size * 2, cell.size * 2);\n }\n if (cell.circle.maskShape && cell.circle.x !== undefined && cell.circle.y !== undefined) {\n cell.circle.maskShape.clear();\n cell.circle.maskShape.fillStyle(0xffffff);\n cell.circle.maskShape.fillCircle(0, 0, cell.size);\n cell.circle.maskShape.setPosition(cell.circle.x, cell.circle.y);\n }\n }\n }\n });\n const newCell = this.createPlayerCell(newX, newY, newSize, cell.color, false);\n newCell.velocityX = Math.cos(angle) * 18;\n newCell.velocityY = Math.sin(angle) * 18;\n newCell.mergeTime = Date.now() + 2500;\n cell.mergeTime = Date.now() + 2500;\n });\n }\n ejectMass() {\n this.myCells.forEach(cell => {\n if (cell.size > MIN_SIZE + 5 && cell.circle) {\n const angle = Math.atan2(this.mouseY - cell.circle.y, this.mouseX - cell.circle.x);\n const distance = cell.size + 15;\n const massX = cell.circle.x + Math.cos(angle) * distance;\n const massY = cell.circle.y + Math.sin(angle) * distance;\n this.socket?.emit('massEjected', {\n playerId: this.myId,\n x: massX,\n y: massY,\n velocityX: Math.cos(angle) * 25,\n velocityY: Math.sin(angle) * 25,\n color: cell.color\n });\n const areaLost = 25;\n const newArea = Math.max(cell.size * cell.size - areaLost, MIN_SIZE * MIN_SIZE);\n this.tweens.add({\n targets: cell,\n size: Math.sqrt(newArea),\n duration: 150,\n ease: 'Sine.easeOut',\n onUpdate: () => {\n if (!cell || !cell.circle) return;\n if (!cell.hasProfilePic) {\n if (cell.circle.radius !== undefined) {\n cell.circle.radius = cell.size;\n }\n } else {\n if (cell.circle.setDisplaySize) {\n cell.circle.setDisplaySize(cell.size * 2, cell.size * 2);\n }\n if (cell.circle.maskShape && cell.circle.x !== undefined && cell.circle.y !== undefined) {\n cell.circle.maskShape.clear();\n cell.circle.maskShape.fillStyle(0xffffff);\n cell.circle.maskShape.fillCircle(cell.circle.x, cell.circle.y, cell.size);\n }\n }\n }\n });\n const mass = this.add.circle(massX, massY, 6, cell.color, 1);\n mass.setStrokeStyle(2, 0xffffff, 1);\n const shootEffect = this.add.particles(massX, massY, `particle`, {\n speed: {\n min: 20,\n max: 60\n },\n scale: {\n start: 0.8,\n end: 0\n },\n blendMode: Phaser.BlendModes.ADD,\n lifespan: 300,\n tint: cell.color,\n quantity: 8,\n emitting: false\n });\n shootEffect.explode(8);\n this.time.delayedCall(400, () => shootEffect.destroy());\n const massGlow = this.add.particles(massX, massY, `particle`, {\n follow: mass,\n scale: {\n start: 0.4,\n end: 0\n },\n alpha: {\n start: 0.8,\n end: 0\n },\n blendMode: Phaser.BlendModes.ADD,\n lifespan: 400,\n frequency: 80,\n tint: cell.color\n });\n this.ejectedMass.push({\n circle: mass,\n glow: massGlow,\n velocityX: Math.cos(angle) * 25,\n velocityY: Math.sin(angle) * 25,\n createdTime: Date.now()\n });\n this.myScore = Math.max(0, this.myScore - 1);\n this.scoreText.setText(`PILLS: ${this.myScore}`);\n }\n });\n }\n createTrap(x, y) {\n const trap = this.add.sprite(x, y, `trap`);\n trap.setScale(1);\n const size = 25;\n const glow = this.add.particles(x, y, `particle`, {\n follow: trap,\n scale: {\n start: 0.8,\n end: 0\n },\n alpha: {\n start: 0.5,\n end: 0\n },\n blendMode: Phaser.BlendModes.ADD,\n lifespan: 400,\n frequency: 80,\n tint: [0x00ff00, 0x00aa00]\n });\n this.tweens.add({\n targets: trap,\n scaleX: 1.1,\n scaleY: 1.1,\n duration: 1500,\n yoyo: true,\n repeat: -1,\n ease: 'Sine.easeInOut'\n });\n this.traps.push({\n sprite: trap,\n glow: glow,\n x: x,\n y: y,\n size: size\n });\n }\n createToken(index, data) {\n const pillGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n pillGraphics.fillStyle(0x00ff00, 1);\n pillGraphics.fillCircle(4, 8, 4);\n pillGraphics.fillRect(4, 4, 4, 8);\n pillGraphics.fillStyle(0xffffff, 1);\n pillGraphics.fillRect(8, 4, 4, 8);\n pillGraphics.fillCircle(12, 8, 4);\n pillGraphics.lineStyle(1.5, 0x22aa22, 1);\n pillGraphics.strokeRoundedRect(1, 4, 14, 8, 4);\n pillGraphics.generateTexture(`pill_${index}`, 16, 16);\n pillGraphics.destroy();\n const token = this.add.sprite(data.x, data.y, `pill_${index}`);\n const glow = this.add.particles(data.x, data.y, `particle`, {\n follow: token,\n scale: {\n start: 0.5,\n end: 0\n },\n alpha: {\n start: 0.8,\n end: 0\n },\n blendMode: Phaser.BlendModes.ADD,\n lifespan: 300,\n frequency: 100,\n tint: [0x00ff00, 0xffffff]\n });\n token.glow = glow;\n this.tokens[index] = token;\n }\n update(time, delta) {\n if (time % 2000 < delta) {\n this.loadGlobalLeaderboard();\n }\n if (time % 3000 < delta && walletAddress) {\n this.saveScore(this.myScore);\n }\n this.myCells.forEach((cell, index) => {\n if (!cell || !cell.circle) return;\n const dx = this.mouseX - cell.circle.x;\n const dy = this.mouseY - cell.circle.y;\n const dist = Math.sqrt(dx * dx + dy * dy);\n const maxSpeed = Math.max(6.0 - cell.size / 20, 0.5);\n const acceleration = 0.3;\n const friction = 0.92;\n if (dist > 10) {\n cell.velocityX += dx / dist * acceleration;\n cell.velocityY += dy / dist * acceleration;\n }\n const currentSpeed = Math.sqrt(cell.velocityX * cell.velocityX + cell.velocityY * cell.velocityY);\n if (currentSpeed > maxSpeed) {\n cell.velocityX = cell.velocityX / currentSpeed * maxSpeed;\n cell.velocityY = cell.velocityY / currentSpeed * maxSpeed;\n }\n cell.velocityX *= friction;\n cell.velocityY *= friction;\n cell.circle.x += cell.velocityX * delta / 16;\n cell.circle.y += cell.velocityY * delta / 16;\n cell.circle.x = Phaser.Math.Clamp(cell.circle.x, cell.size, ARENA_SIZE - cell.size);\n cell.circle.y = Phaser.Math.Clamp(cell.circle.y, cell.size, ARENA_SIZE - cell.size);\n if (cell.hasProfilePic) {\n cell.circle.setDisplaySize(cell.size * 2, cell.size * 2);\n if (cell.circle.maskShape) {\n cell.circle.maskShape.x = cell.circle.x;\n cell.circle.maskShape.y = cell.circle.y;\n cell.circle.maskShape.clear();\n cell.circle.maskShape.fillStyle(0xffffff);\n cell.circle.maskShape.fillCircle(0, 0, cell.size);\n }\n }\n cell.nameText.x = cell.circle.x;\n cell.nameText.y = cell.circle.y - cell.size - 20;\n for (let j = index + 1; j < this.myCells.length; j++) {\n const otherCell = this.myCells[j];\n if (!otherCell || !otherCell.circle) continue;\n if (Date.now() > cell.mergeTime && Date.now() > otherCell.mergeTime && cell.circle && otherCell.circle) {\n const mergeDist = Phaser.Math.Distance.Between(cell.circle.x, cell.circle.y, otherCell.circle.x, otherCell.circle.y);\n const mergeThreshold = (cell.size + otherCell.size) * 0.8;\n if (mergeDist < mergeThreshold) {\n const targetSize = this.getSizeFromPills(this.myScore);\n this.tweens.add({\n targets: cell,\n size: targetSize,\n duration: 150,\n ease: 'Back.easeOut',\n onUpdate: () => {\n if (!cell || !cell.circle) return;\n if (!cell.hasProfilePic) {\n if (cell.circle && cell.circle.radius !== undefined) {\n cell.circle.radius = cell.size;\n }\n } else {\n if (cell.circle && cell.circle.setDisplaySize) {\n cell.circle.setDisplaySize(cell.size * 2, cell.size * 2);\n }\n if (cell.circle && cell.circle.maskShape) {\n cell.circle.maskShape.clear();\n cell.circle.maskShape.fillStyle(0xffffff);\n cell.circle.maskShape.fillCircle(0, 0, cell.size);\n cell.circle.maskShape.setPosition(cell.circle.x, cell.circle.y);\n }\n }\n }\n });\n this.tweens.add({\n targets: otherCell.circle,\n x: cell.circle.x,\n y: cell.circle.y,\n alpha: 0,\n scale: 0.5,\n duration: 150,\n ease: 'Back.easeIn',\n onComplete: () => {\n otherCell.circle.destroy();\n otherCell.glow.destroy();\n otherCell.nameText.destroy();\n if (otherCell.circle.maskShape) {\n otherCell.circle.maskShape.destroy();\n }\n }\n });\n this.myCells.splice(j, 1);\n }\n }\n }\n });\n this.myCells.forEach(cell => {\n if (!cell || !cell.circle) return;\n this.players.forEach((player, playerId) => {\n if (!cell || !cell.circle || !player || !player.circle) return;\n const dist = Phaser.Math.Distance.Between(cell.circle.x, cell.circle.y, player.circle.x, player.circle.y);\n const radiusSum = cell.size + player.size;\n if (dist < radiusSum * 0.7) {\n if (cell.size > player.size * 1.2) {\n const pillsGained = player.score || Math.floor(player.size / 5);\n this.myScore += pillsGained;\n this.scoreText.setText(`PILLS: ${this.myScore}`);\n const newSize = this.getSizeFromPills(this.myScore);\n cell.size = newSize;\n if (cell && cell.circle) {\n if (!cell.hasProfilePic) {\n if (cell.circle && cell.circle.radius !== undefined) {\n cell.circle.radius = cell.size;\n }\n } else {\n if (cell.circle && cell.circle.setDisplaySize) {\n cell.circle.setDisplaySize(cell.size * 2, cell.size * 2);\n }\n if (cell.circle && cell.circle.maskShape) {\n cell.circle.maskShape.clear();\n cell.circle.maskShape.fillStyle(0xffffff);\n cell.circle.maskShape.fillCircle(0, 0, cell.size);\n cell.circle.maskShape.setPosition(cell.circle.x, cell.circle.y);\n }\n }\n }\n this.tweens.add({\n targets: player.circle,\n alpha: 0,\n scale: 0.5,\n duration: 300,\n ease: 'Sine.easeIn'\n });\n this.time.delayedCall(300, () => {\n this.removeNetworkPlayer(playerId);\n });\n this.socket?.emit('playerEaten', {\n victimId: playerId,\n killerId: this.myId\n });\n } else if (player.size > cell.size * 1.2) {\n if (cell && cell.circle) {\n this.tweens.add({\n targets: cell.circle,\n alpha: 0,\n scale: 0.5,\n duration: 300,\n ease: 'Sine.easeIn',\n onComplete: () => {\n if (cell.circle) {\n cell.circle.destroy();\n }\n if (cell.glow) {\n cell.glow.destroy();\n }\n if (cell.nameText) {\n cell.nameText.destroy();\n }\n if (cell.circle && cell.circle.maskShape) {\n cell.circle.maskShape.destroy();\n }\n }\n });\n }\n const cellIdx = this.myCells.indexOf(cell);\n if (cellIdx !== -1) {\n this.myCells.splice(cellIdx, 1);\n }\n if (this.myCells.length === 0) {\n this.time.delayedCall(500, () => {\n this.gameOver();\n });\n }\n }\n }\n });\n });\n this.ejectedMass.forEach((mass, index) => {\n mass.velocityX *= 0.95;\n mass.velocityY *= 0.95;\n mass.circle.x += mass.velocityX * delta / 16;\n mass.circle.y += mass.velocityY * delta / 16;\n mass.circle.x = Phaser.Math.Clamp(mass.circle.x, 5, ARENA_SIZE - 5);\n mass.circle.y = Phaser.Math.Clamp(mass.circle.y, 5, ARENA_SIZE - 5);\n if (Date.now() - mass.createdTime > 5000) {\n this.myCells.forEach(cell => {\n const dist = Phaser.Math.Distance.Between(cell.circle.x, cell.circle.y, mass.circle.x, mass.circle.y);\n if (dist < cell.size) {\n const areaGain = 16;\n const newArea = cell.size * cell.size + areaGain;\n const newSize = Math.sqrt(newArea);\n cell.size = newSize;\n if (cell.circle) {\n if (!cell.hasProfilePic) {\n if (cell.circle.radius !== undefined) {\n cell.circle.radius = cell.size;\n }\n } else {\n if (cell.circle.setDisplaySize) {\n cell.circle.setDisplaySize(cell.size * 2, cell.size * 2);\n }\n if (cell.circle.maskShape) {\n cell.circle.maskShape.clear();\n cell.circle.maskShape.fillStyle(0xffffff);\n cell.circle.maskShape.fillCircle(0, 0, cell.size);\n }\n }\n }\n }\n });\n }\n });\n this.checkCollisions();\n if (this.socket && time % 100 < delta) {\n const cellsData = this.myCells.map(cell => ({\n x: cell.circle.x,\n y: cell.circle.y,\n size: cell.size\n }));\n this.socket.emit('playerUpdate', {\n id: this.myId,\n wallet: walletAddress,\n cells: cellsData,\n score: this.myScore\n });\n }\n this.tokenSpawnTimer += delta;\n if (this.tokenSpawnTimer > 100) {\n this.tokenSpawnTimer = 0;\n const activeCount = this.tokens.filter(token => token && token.active).length;\n const tokensToSpawn = Math.min(200 - activeCount, 5);\n for (let i = 0; i < tokensToSpawn; i++) {\n const emptySlot = this.tokens.findIndex(token => !token || !token.active);\n if (emptySlot !== -1) {\n const tokenX = Phaser.Math.Between(50, ARENA_SIZE - 50);\n const tokenY = Phaser.Math.Between(50, ARENA_SIZE - 50);\n this.socket?.emit('tokenSpawned', {\n tokenIndex: emptySlot,\n x: tokenX,\n y: tokenY\n });\n if (this.tokens[emptySlot]) {\n this.tokens[emptySlot].setPosition(tokenX, tokenY);\n this.tokens[emptySlot].setActive(true);\n this.tokens[emptySlot].setVisible(true);\n if (this.tokens[emptySlot].glow) {\n this.tokens[emptySlot].glow.setPosition(tokenX, tokenY);\n }\n } else {\n this.createToken(emptySlot, {\n x: tokenX,\n y: tokenY,\n active: true\n });\n }\n }\n }\n }\n this.pumpEventTimer += delta;\n const timeLeft = PUMP_EVENT_INTERVAL - this.pumpEventTimer;\n const hours = Math.floor(timeLeft / 3600000);\n const minutes = Math.floor(timeLeft % 3600000 / 60000);\n const seconds = Math.floor(timeLeft % 60000 / 1000);\n this.countdownText.setText(`NEXT AIRDROP: ${hours}h ${minutes}m ${seconds}s`);\n if (this.pumpEventTimer >= PUMP_EVENT_INTERVAL) {\n this.pumpEventTimer = this.pumpEventTimer % PUMP_EVENT_INTERVAL;\n const playerIds = Array.from(this.players.keys());\n if (playerIds.length > 0) {\n const luckyId = Phaser.Math.RND.pick(playerIds);\n const luckyPlayer = this.players.get(luckyId);\n luckyPlayer.size = Math.min(luckyPlayer.size * 2, 150);\n if (!luckyPlayer.hasProfilePic) {\n luckyPlayer.circle.radius = luckyPlayer.size;\n }\n this.showPumpEvent(luckyId);\n }\n }\n if (this.myCells.length > 0) {\n let avgX = 0;\n let avgY = 0;\n let totalArea = 0;\n this.myCells.forEach(cell => {\n avgX += cell.circle.x;\n avgY += cell.circle.y;\n totalArea += cell.size * cell.size;\n });\n avgX /= this.myCells.length;\n avgY /= this.myCells.length;\n this.cameras.main.centerOn(avgX, avgY);\n const equivalentRadius = Math.sqrt(totalArea);\n const baseZoom = this.isMobile ? 0.4 : 0.5;\n const maxZoom = this.isMobile ? 0.7 : 1;\n const zoom = Phaser.Math.Clamp(maxZoom - equivalentRadius / 300, baseZoom, maxZoom);\n this.cameras.main.setZoom(zoom);\n }\n this.updateLeaderboard();\n }\n checkCollisions() {\n this.myCells.forEach((cell, cellIndex) => {\n if (!cell || !cell.circle) return;\n this.tokens.forEach((token, index) => {\n if (token && token.active && cell && cell.circle) {\n const dist = Phaser.Math.Distance.Between(cell.circle.x, cell.circle.y, token.x, token.y);\n if (dist < cell.size) {\n token.setActive(false);\n token.setVisible(false);\n this.myScore += 1;\n this.scoreText.setText(`PILLS: ${this.myScore}`);\n this.socket?.emit('tokenCollected', {\n playerId: this.myId,\n tokenIndex: index\n });\n const areaGain = 25;\n const newArea = cell.size * cell.size + areaGain;\n const newSize = Math.sqrt(newArea);\n this.tweens.add({\n targets: cell,\n size: newSize,\n duration: 150,\n ease: 'Back.easeOut',\n onUpdate: () => {\n if (!cell || !cell.circle) return;\n if (!cell.hasProfilePic) {\n if (cell.circle.radius !== undefined) {\n cell.circle.radius = cell.size;\n }\n } else {\n if (cell.circle.setDisplaySize) {\n cell.circle.setDisplaySize(cell.size * 2, cell.size * 2);\n }\n if (cell.circle.maskShape && cell.circle.x !== undefined && cell.circle.y !== undefined) {\n cell.circle.maskShape.clear();\n cell.circle.maskShape.fillStyle(0xffffff);\n cell.circle.maskShape.fillCircle(0, 0, cell.size);\n cell.circle.maskShape.setPosition(cell.circle.x, cell.circle.y);\n }\n }\n }\n });\n this.tweens.add({\n targets: cell.circle,\n scaleX: 1.2,\n scaleY: 1.2,\n duration: 120,\n yoyo: true,\n ease: 'Back.easeOut'\n });\n }\n }\n });\n this.ejectedMass.forEach((mass, index) => {\n if (!cell || !cell.circle || !mass || !mass.circle) return;\n const dist = Phaser.Math.Distance.Between(cell.circle.x, cell.circle.y, mass.circle.x, mass.circle.y);\n if (dist < cell.size && Date.now() - mass.createdTime > 200) {\n const areaGain = 9;\n const newArea = cell.size * cell.size + areaGain;\n const newSize = Math.sqrt(newArea);\n cell.size = newSize;\n if (cell && cell.circle) {\n if (!cell.hasProfilePic) {\n if (cell.circle && cell.circle.radius !== undefined) {\n cell.circle.radius = cell.size;\n }\n } else {\n if (cell.circle && cell.circle.setDisplaySize) {\n cell.circle.setDisplaySize(cell.size * 2, cell.size * 2);\n }\n if (cell.circle && cell.circle.maskShape) {\n cell.circle.maskShape.clear();\n cell.circle.maskShape.fillStyle(0xffffff);\n cell.circle.maskShape.fillCircle(0, 0, cell.size);\n cell.circle.maskShape.setPosition(cell.circle.x, cell.circle.y);\n }\n }\n }\n this.myScore += 1;\n this.scoreText.setText(`PILLS: ${this.myScore}`);\n this.tweens.add({\n targets: cell.circle,\n scaleX: 1.15,\n scaleY: 1.15,\n duration: 100,\n yoyo: true,\n ease: 'Back.easeOut'\n });\n mass.circle.destroy();\n mass.glow.destroy();\n this.ejectedMass.splice(index, 1);\n }\n });\n this.traps.forEach((trap, trapIndex) => {\n if (!cell || !cell.circle || !trap) return;\n const dist = Phaser.Math.Distance.Between(cell.circle.x, cell.circle.y, trap.x, trap.y);\n if (dist < cell.size + trap.size) {\n if (cell.size > trap.size * 1.2) {\n this.socket?.emit('trapHit', {\n playerId: this.myId,\n x: trap.x,\n y: trap.y\n });\n this.explodeCell(cell, cellIndex);\n const explosion = this.add.particles(trap.x, trap.y, `particle`, {\n speed: {\n min: 100,\n max: 300\n },\n scale: {\n start: 1.5,\n end: 0\n },\n blendMode: Phaser.BlendModes.ADD,\n lifespan: 800,\n tint: [0x00ff00, 0x00aa00],\n quantity: 30,\n emitting: false\n });\n explosion.explode(30);\n this.time.delayedCall(1000, () => {\n explosion.destroy();\n });\n trap.sprite.destroy();\n trap.glow.destroy();\n this.traps.splice(trapIndex, 1);\n this.time.delayedCall(10000, () => {\n const newX = Phaser.Math.Between(100, ARENA_SIZE - 100);\n const newY = Phaser.Math.Between(100, ARENA_SIZE - 100);\n this.createTrap(newX, newY);\n });\n }\n }\n });\n });\n }\n calculateSizeFromArea(area) {\n return Math.sqrt(area);\n }\n calculateTotalArea() {\n let totalArea = 0;\n this.myCells.forEach(cell => {\n if (cell && cell.size) {\n totalArea += cell.size * cell.size;\n }\n });\n return totalArea;\n }\n explodeCell(cell, cellIndex) {\n if (!cell || !cell.circle) return;\n const numPieces = Phaser.Math.Between(8, 12);\n const pillsPerPiece = Math.floor(this.myScore / numPieces);\n const pieceSize = this.getSizeFromPills(pillsPerPiece);\n const explosionEffect = this.add.particles(cell.circle.x, cell.circle.y, `particle`, {\n speed: {\n min: 100,\n max: 250\n },\n scale: {\n start: 1.2,\n end: 0\n },\n blendMode: Phaser.BlendModes.ADD,\n lifespan: 600,\n tint: cell.color,\n quantity: 25,\n emitting: false\n });\n explosionEffect.explode(25);\n this.time.delayedCall(700, () => explosionEffect.destroy());\n this.myCells.splice(cellIndex, 1);\n if (cell.circle) {\n cell.circle.destroy();\n }\n if (cell.glow) {\n cell.glow.destroy();\n }\n if (cell.nameText) {\n cell.nameText.destroy();\n }\n if (cell.circle && cell.circle.maskShape) {\n cell.circle.maskShape.destroy();\n }\n for (let i = 0; i < numPieces; i++) {\n const angle = i / numPieces * Math.PI * 2;\n const distance = cell.size * 0.8;\n const newX = cell.circle.x + Math.cos(angle) * distance;\n const newY = cell.circle.y + Math.sin(angle) * distance;\n const newCell = this.createPlayerCell(newX, newY, pieceSize, cell.color, true);\n newCell.velocityX = Math.cos(angle) * 10;\n newCell.velocityY = Math.sin(angle) * 10;\n newCell.mergeTime = Date.now() + 2000;\n }\n }\n updateLeaderboard() {\n const allPlayers = [];\n if (walletAddress) {\n allPlayers.push({\n id: walletAddress,\n wallet: walletAddress,\n score: this.myScore,\n isMe: true,\n hasProfilePic: this.profileTextureLoaded && this.textures.exists(`playerProfile`)\n });\n }\n this.players.forEach((player, playerId) => {\n if (player.wallet && player.wallet !== walletAddress) {\n allPlayers.push({\n id: playerId,\n wallet: player.wallet,\n score: player.score || 0,\n isMe: false,\n hasProfilePic: false\n });\n }\n });\n allPlayers.sort((a, b) => b.score - a.score);\n const top10 = allPlayers.slice(0, 10);\n top10.forEach((entry, index) => {\n if (this.leaderboardTexts[index] && this.leaderboardPics[index]) {\n let displayName;\n if (entry.wallet && entry.wallet.length > 20) {\n displayName = entry.wallet.slice(0, 4) + `...` + entry.wallet.slice(-4);\n } else {\n displayName = entry.wallet || entry.id;\n }\n const score = Math.floor(entry.score);\n const meIndicator = entry.isMe ? ` (YOU)` : ``;\n this.leaderboardTexts[index].setText(`${index + 1}. ${displayName} - ${score}${meIndicator}`);\n const picSize = this.isMobile ? 12 : 14;\n const pic = this.leaderboardPics[index];\n if (entry.hasProfilePic) {\n if (!pic.texture || pic.texture.key !== `playerProfile`) {\n if (pic.maskShape) {\n pic.maskShape.destroy();\n }\n pic.destroy();\n const picX = this.leaderboardTexts[index].x - picSize - 5;\n const picY = this.leaderboardTexts[index].y + 6;\n const sprite = this.add.sprite(picX, picY, `playerProfile`);\n sprite.setDisplaySize(picSize, picSize);\n sprite.setScrollFactor(0);\n sprite.setDepth(1001);\n sprite.setVisible(!this.isMobile);\n const maskShape = this.make.graphics();\n maskShape.fillStyle(0xffffff);\n maskShape.fillCircle(0, 0, picSize / 2);\n maskShape.setPosition(picX, picY);\n maskShape.setScrollFactor(0);\n const mask = maskShape.createGeometryMask();\n sprite.setMask(mask);\n sprite.maskShape = maskShape;\n this.leaderboardPics[index] = sprite;\n }\n } else {\n if (!pic.type || pic.type !== `Circle`) {\n if (pic.maskShape) {\n pic.maskShape.destroy();\n }\n pic.destroy();\n const picX = this.leaderboardTexts[index].x - picSize - 5;\n const picY = this.leaderboardTexts[index].y + 6;\n const circle = this.add.circle(picX, picY, picSize / 2, 0xff1744, 1);\n circle.setScrollFactor(0);\n circle.setDepth(1001);\n circle.setVisible(!this.isMobile);\n this.leaderboardPics[index] = circle;\n } else {\n pic.setFillStyle(0xff1744, 1);\n }\n }\n this.leaderboardPics[index].setVisible(!this.isMobile);\n }\n });\n for (let i = top10.length; i < 10; i++) {\n if (this.leaderboardTexts[i]) {\n this.leaderboardTexts[i].setText(``);\n }\n if (this.leaderboardPics[i]) {\n this.leaderboardPics[i].setVisible(false);\n }\n }\n }\n showPumpEvent(playerId) {\n this.pumpText.setText(`PUMP EVENT!`);\n this.pumpText.setVisible(true);\n const {\n width\n } = this.scale;\n this.pumpText.setPosition(width / 2, 100);\n this.tweens.add({\n targets: this.pumpText,\n scaleX: 1.5,\n scaleY: 1.5,\n duration: 300,\n yoyo: true,\n onComplete: () => {\n this.time.delayedCall(1000, () => {\n this.pumpText.setVisible(false);\n this.pumpText.setScale(1);\n });\n }\n });\n if (this.players.has(playerId)) {\n const player = this.players.get(playerId);\n if (player && player.circle) {\n const explosion = this.add.particles(player.circle.x, player.circle.y, `particle`, {\n speed: {\n min: 200,\n max: 400\n },\n scale: {\n start: 2,\n end: 0\n },\n blendMode: Phaser.BlendModes.ADD,\n lifespan: 1000,\n tint: [COLORS.neon_red, COLORS.neon_orange, COLORS.neon_yellow],\n quantity: 50,\n emitting: false\n });\n explosion.explode(50);\n this.time.delayedCall(1500, () => {\n explosion.destroy();\n });\n }\n }\n }\n async gameOver() {\n await this.saveScore(this.myScore);\n if (this.socket) {\n this.socket.emit('playerLeft', this.myId);\n this.socket.disconnect();\n this.socket = null;\n }\n this.scene.start(`GameOverScene`, {\n finalScore: this.myScore\n });\n }\n destroy() {\n if (this.socket) {\n this.socket.disconnect();\n this.socket = null;\n }\n }\n resize(gameSize) {\n if (!this.cameras || !this.cameras.main) return;\n const {\n width,\n height\n } = gameSize;\n this.cameras.main.setViewport(0, 0, width, height);\n if (this.pumpText) {\n this.pumpText.setPosition(width / 2, 100);\n }\n if (this.countdownText) {\n const countdownX = this.isMobile ? width - 15 : width / 2;\n const countdownY = this.isMobile ? 15 : 50;\n this.countdownText.setPosition(countdownX, countdownY);\n }\n if (this.scoreText) {\n const scoreY = this.isMobile ? 50 : 20;\n this.scoreText.setPosition(width - 15, scoreY);\n }\n if (this.controlsText && !this.isMobile) {\n this.controlsText.setPosition(20, height - 80);\n }\n if (this.mobileJoystick) {\n this.mobileJoystick.base.setPosition(120, height - 120);\n this.mobileJoystick.thumb.setPosition(120, height - 120);\n this.mobileJoystick.startX = 120;\n this.mobileJoystick.startY = height - 120;\n }\n if (this.mobileButtons) {\n this.mobileButtons.split.btn.setPosition(width - 140, height - 140);\n this.mobileButtons.split.text.setPosition(width - 140, height - 140);\n this.mobileButtons.eject.btn.setPosition(width - 140, height - 60);\n this.mobileButtons.eject.text.setPosition(width - 140, height - 60);\n }\n }\n}\nclass GameOverScene extends Phaser.Scene {\n constructor() {\n super({\n key: `GameOverScene`\n });\n }\n init(data) {\n this.finalScore = data.finalScore || 0;\n }\n create() {\n const {\n width,\n height\n } = this.scale;\n this.add.rectangle(0, 0, width * 2, height * 2, COLORS.dark_bg, 1).setOrigin(0);\n const title = this.add.text(width / 2, height / 3 - 50, `GAME OVER`, {\n fontFamily: `monospace`,\n fontSize: `60px`,\n color: `#ff1744`,\n stroke: `#000000`,\n strokeThickness: 6\n });\n title.setOrigin(0.5);\n const scoreText = this.add.text(width / 2, height / 3 + 20, `Pills Eaten: ${this.finalScore}`, {\n fontFamily: `monospace`,\n fontSize: `32px`,\n color: `#ffd600`\n });\n scoreText.setOrigin(0.5);\n const subtitle = this.add.text(width / 2, height / 2, `You got devoured!`, {\n fontFamily: `monospace`,\n fontSize: `24px`,\n color: `#ffffff`\n });\n subtitle.setOrigin(0.5);\n const retryBtn = this.add.text(width / 2, height / 2 + 100, `[ RETRY ]`, {\n fontFamily: `monospace`,\n fontSize: `40px`,\n color: `#00ff00`\n });\n retryBtn.setOrigin(0.5);\n retryBtn.setInteractive({\n useHandCursor: true\n });\n retryBtn.on(`pointerover`, () => {\n retryBtn.setColor(`#ff1744`);\n retryBtn.setScale(1.2);\n });\n retryBtn.on(`pointerout`, () => {\n retryBtn.setColor(`#00ff00`);\n retryBtn.setScale(1);\n });\n retryBtn.on(`pointerdown`, () => {\n this.scene.start(`GameScene`);\n });\n const menuBtn = this.add.text(width / 2, height / 2 + 160, `[ MENU ]`, {\n fontFamily: `monospace`,\n fontSize: `30px`,\n color: `#ffd600`\n });\n menuBtn.setOrigin(0.5);\n menuBtn.setInteractive({\n useHandCursor: true\n });\n menuBtn.on(`pointerover`, () => {\n menuBtn.setColor(`#ff9100`);\n menuBtn.setScale(1.1);\n });\n menuBtn.on(`pointerout`, () => {\n menuBtn.setColor(`#ffd600`);\n menuBtn.setScale(1);\n });\n menuBtn.on(`pointerdown`, () => {\n this.scene.start(`MenuScene`);\n });\n this.scale.on(`resize`, this.resize, this);\n }\n resize(gameSize) {\n if (!this.cameras || !this.cameras.main) return;\n const {\n width,\n height\n } = gameSize;\n this.cameras.main.setViewport(0, 0, width, height);\n }\n}\nconst config = {\n type: Phaser.AUTO,\n scale: {\n mode: Phaser.Scale.RESIZE,\n parent: `app`,\n width: window.innerWidth,\n height: window.innerHeight\n },\n backgroundColor: `#0a0a14`,\n physics: {\n default: `arcade`,\n arcade: {\n gravity: {\n y: 0\n },\n debug: false\n }\n },\n scene: [BootScene, MenuScene, GameScene, GameOverScene]\n};\nexport const game = new Phaser.Game(config);","packageJson","{\"dependencies\":{\"phaser\":\"3.60.0\",\"socket.io-client\":\"4.7.1\",\"@devfunlabs/state-client\":\"0.8.1\",\"@solana/web3.js\":\"1.95.8\"}}","appFunctions",[],"token","upstreamApp","isLordOfDev","isExternalApp","analytics",[84,88,90,92,94,96,98,100,102,104,106,108,110,112,114],{"_85":86,"_87":59},"day","2025-10-09","runCount",{"_85":89,"_87":59},"2025-10-10",{"_85":91,"_87":59},"2025-10-11",{"_85":93,"_87":59},"2025-10-12",{"_85":95,"_87":59},"2025-10-13",{"_85":97,"_87":59},"2025-10-14",{"_85":99,"_87":59},"2025-10-15",{"_85":101,"_87":59},"2025-10-16",{"_85":103,"_87":59},"2025-10-17",{"_85":105,"_87":59},"2025-10-18",{"_85":107,"_87":59},"2025-10-19",{"_85":109,"_87":59},"2025-10-20",{"_85":111,"_87":59},"2025-10-21",{"_85":113,"_87":59},"2025-10-22",{"_85":111,"_87":62},"snapshot","ogImage","https://cdn.dev.fun/og/image/78218717ad8736799437/00521139.webp","isDevbase","project",{"_14":19,"_121":-5,"_20":122,"_123":-5,"_22":-5},"image","project-nu62f","oneliner","commitDetail","livestream","actionData","errors"]