[{"_1":2,"_188":-5,"_189":-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,"_187":-5,"_103":-5},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_5":44,"_55":56,"_57":58,"_59":58,"_60":61,"_62":58,"_63":58,"_64":58,"_65":58,"_66":58,"_67":17,"_68":17,"_69":70,"_71":72,"_73":74,"_75":76,"_92":93,"_145":17,"_146":147,"_103":31,"_105":186},"id","2cb35fd8418efdf7b05a","isMyApp",false,"name","pepedash","description","Leap through an endless chaos-scape as the internet's most resilient meme frog, dodging absurd obstacles and collecting rare Pepe coins with maximum memetic energy! One slip-up sends your amphibian avatar into a gloriously over-the-top wipeout, but your legendary score remains immortalized on our real-time leaderboard where you can watch yourself rise (or catastrophically fall) among fellow Pepe enthusiasts.","brief","Race the internet's favorite frog through endless chaos, collecting rare Pepe coins and failing spectacularly!","isLive",true,"isPublic","tags",[29],"👑","cover","https://cdn.dev.fun/snapshot/2cb35fd8418efdf7b05a/69577_8f8a94fe.webp","cdnUrl","https://cdn.dev.fun/app/2cb35fd8418efdf7b05a/69577","createdAt",["D",1748104268559],"updatedAt",["D",1748106088251],"lastCommitId",["B","69577"],"tier",1,"credits",26,{"_14":45,"_46":47,"_48":-5,"_49":47,"_50":51,"_52":-5,"_53":54},"0cbe2b03-0984-4cae-8c45-c504da54c388","uniqueId","BcAH7jG5EN9Bd5Nv9FRgcQfeVStvpG3PKeDXsK1dBFd5","username","solanaWallet","displayName","BcA...Fd5","bio","avatar","/avatar.svg","commitCount",4,"forkCount",0,"likeCount","runsCount",92,"downvoteCount","upvoteCount","upvoteRate","commentCount","visitorCount","isArchived","isRenamed","contractAddress","C8HHDmo1mEUNxZt3WVGjpkZrjcihmANst3KQ5xApump","code","import * as Phaser from \"phaser\";\nimport { io } from \"socket.io-client\";\nimport { StateClient } from \"@devfunlabs/state-client\";\nconst stateClient = new StateClient({\n baseURL: \"https://state.dev.fun\",\n appId: \"2cb35fd8418efdf7b05a\"\n});\nconst getProvider = () => {\n if (\"solana\" in window) {\n const provider = window.solana;\n if (provider.isPhantom) {\n return provider;\n }\n }\n window.open(\"https://phantom.app/\", \"_blank\");\n return null;\n};\nclass BootScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"BootScene\"\n });\n }\n preload() {\n const progressBar = this.add.graphics();\n const progressBox = this.add.graphics();\n progressBox.fillStyle(0x222222, 0.8);\n progressBox.fillRect(this.cameras.main.width / 2 - 160, this.cameras.main.height / 2 - 25, 320, 50);\n for (let i = 1; i <= 4; i++) {\n this.createStickmanRunFrame(i);\n }\n const loadingText = this.add.text(this.cameras.main.width / 2, this.cameras.main.height / 2 - 50, 'Loading...', {\n font: '20px Arial',\n fill: '#ffffff'\n }).setOrigin(0.5, 0.5);\n this.load.on('progress', value => {\n progressBar.clear();\n progressBar.fillStyle(0xffffff, 1);\n progressBar.fillRect(this.cameras.main.width / 2 - 150, this.cameras.main.height / 2 - 15, 300 * value, 30);\n });\n this.load.on('complete', () => {\n progressBar.destroy();\n progressBox.destroy();\n loadingText.destroy();\n });\n const pepeGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n pepeGraphics.fillStyle(0x44FF44, 1);\n pepeGraphics.fillEllipse(25, 20, 22, 18);\n pepeGraphics.fillEllipse(25, 40, 20, 25);\n pepeGraphics.fillStyle(0xFFFFFF, 1);\n pepeGraphics.fillCircle(18, 12, 7);\n pepeGraphics.fillCircle(32, 12, 7);\n pepeGraphics.fillStyle(0x000000, 1);\n pepeGraphics.fillCircle(18, 12, 3);\n pepeGraphics.fillCircle(32, 12, 3);\n pepeGraphics.lineStyle(3, 0x000000, 1);\n pepeGraphics.beginPath();\n pepeGraphics.arc(25, 25, 15, 0, Math.PI, false);\n pepeGraphics.strokePath();\n pepeGraphics.fillStyle(0x44FF44, 1);\n pepeGraphics.fillEllipse(15, 55, 8, 10);\n pepeGraphics.fillEllipse(35, 55, 8, 10);\n pepeGraphics.fillStyle(0x33DD33, 1);\n pepeGraphics.fillEllipse(13, 65, 9, 5);\n pepeGraphics.fillEllipse(37, 65, 9, 5);\n pepeGraphics.generateTexture('stickman', 50, 70);\n pepeGraphics.clear();\n for (let i = 1; i <= 4; i++) {\n this.createSwordStickmanFrame(i);\n }\n const obstacleGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n obstacleGraphics.fillStyle(0xFF0000, 1);\n obstacleGraphics.fillRect(0, 0, 30, 60);\n obstacleGraphics.generateTexture('obstacle', 30, 60);\n obstacleGraphics.clear();\n const spikeBallGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n spikeBallGraphics.fillStyle(0xFF00FF, 1);\n spikeBallGraphics.fillCircle(15, 15, 15);\n spikeBallGraphics.lineStyle(2, 0xFFFFFF, 1);\n for (let i = 0; i < 8; i++) {\n const angle = i / 8 * Math.PI * 2;\n const x1 = 15 + Math.cos(angle) * 15;\n const y1 = 15 + Math.sin(angle) * 15;\n const x2 = 15 + Math.cos(angle) * 25;\n const y2 = 15 + Math.sin(angle) * 25;\n spikeBallGraphics.lineBetween(x1, y1, x2, y2);\n }\n spikeBallGraphics.generateTexture('spikeBall', 30, 30);\n spikeBallGraphics.clear();\n const coinGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n coinGraphics.fillStyle(0xFFD700, 1);\n coinGraphics.fillCircle(15, 15, 15);\n coinGraphics.lineStyle(2, 0x000000, 1);\n coinGraphics.fillStyle(0x44FF44, 1);\n coinGraphics.fillEllipse(15, 15, 12, 10);\n coinGraphics.fillStyle(0xFFFFFF, 1);\n coinGraphics.fillCircle(11, 12, 3.5);\n coinGraphics.fillCircle(19, 12, 3.5);\n coinGraphics.fillStyle(0x000000, 1);\n coinGraphics.fillCircle(11, 12, 1.5);\n coinGraphics.fillCircle(19, 12, 1.5);\n coinGraphics.lineStyle(1.5, 0x000000, 1);\n coinGraphics.beginPath();\n coinGraphics.arc(15, 17, 7, 0, Math.PI, false);\n coinGraphics.strokePath();\n coinGraphics.generateTexture('coin', 30, 30);\n coinGraphics.clear();\n const coinShineGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n coinShineGraphics.fillStyle(0xFFFFFF, 1);\n coinShineGraphics.fillCircle(3, 3, 3);\n coinShineGraphics.generateTexture('coinParticle', 6, 6);\n coinShineGraphics.clear();\n const platformGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n platformGraphics.fillStyle(0x87CEEB, 1);\n platformGraphics.fillRect(0, 0, 800, 100);\n platformGraphics.generateTexture('platform', 800, 100);\n platformGraphics.clear();\n const bgGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n bgGraphics.fillGradientStyle(0x3498db, 0x3498db, 0x87CEEB, 0x87CEEB, 1);\n bgGraphics.fillRect(0, 0, 800, 600);\n bgGraphics.generateTexture('background', 800, 600);\n bgGraphics.clear();\n const cloudGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n cloudGraphics.fillStyle(0xFFFFFF, 0.7);\n cloudGraphics.fillCircle(20, 20, 20);\n cloudGraphics.fillCircle(40, 15, 15);\n cloudGraphics.fillCircle(60, 20, 20);\n cloudGraphics.fillCircle(30, 25, 15);\n cloudGraphics.fillCircle(50, 25, 15);\n cloudGraphics.generateTexture('cloud', 80, 40);\n cloudGraphics.clear();\n const explosionGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n explosionGraphics.fillStyle(0xFFFFFF, 1);\n explosionGraphics.fillCircle(4, 4, 4);\n explosionGraphics.generateTexture('explosion', 8, 8);\n explosionGraphics.clear();\n }\n createStickmanRunFrame(frame) {\n const graphics = this.make.graphics({\n x: 0,\n y: 0\n });\n graphics.fillStyle(0x44FF44, 1);\n graphics.fillEllipse(25, 20, 22, 18);\n graphics.fillEllipse(25, 40, 20, 25);\n graphics.fillStyle(0xFFFFFF, 1);\n graphics.fillCircle(18, 12, 7);\n graphics.fillCircle(32, 12, 7);\n graphics.fillStyle(0x000000, 1);\n graphics.fillCircle(18, 12, 3);\n graphics.fillCircle(32, 12, 3);\n graphics.lineStyle(3, 0x000000, 1);\n graphics.beginPath();\n graphics.arc(25, 25, 15, 0, Math.PI, false);\n graphics.strokePath();\n if (frame === 1) {\n graphics.fillStyle(0x44FF44, 1);\n graphics.fillEllipse(15, 60, 8, 12);\n graphics.fillEllipse(35, 50, 8, 10);\n graphics.fillStyle(0x33DD33, 1);\n graphics.fillEllipse(13, 72, 10, 5);\n graphics.fillEllipse(37, 60, 10, 5);\n } else if (frame === 2) {\n graphics.fillStyle(0x44FF44, 1);\n graphics.fillEllipse(15, 55, 8, 8);\n graphics.fillEllipse(35, 55, 8, 8);\n graphics.fillStyle(0x33DD33, 1);\n graphics.fillEllipse(13, 63, 10, 5);\n graphics.fillEllipse(37, 63, 10, 5);\n } else if (frame === 3) {\n graphics.fillStyle(0x44FF44, 1);\n graphics.fillEllipse(15, 50, 8, 10);\n graphics.fillEllipse(35, 60, 8, 12);\n graphics.fillStyle(0x33DD33, 1);\n graphics.fillEllipse(13, 60, 10, 5);\n graphics.fillEllipse(37, 72, 10, 5);\n } else if (frame === 4) {\n graphics.fillStyle(0x44FF44, 1);\n graphics.fillEllipse(20, 60, 8, 10);\n graphics.fillEllipse(30, 60, 8, 10);\n graphics.fillStyle(0x33DD33, 1);\n graphics.fillEllipse(18, 70, 12, 5);\n graphics.fillEllipse(32, 70, 12, 5);\n }\n const textureName = `stickman-run${frame}`;\n graphics.generateTexture(textureName, 50, 70);\n graphics.clear();\n return {\n key: textureName\n };\n }\n createSwordStickmanFrame(frame) {\n const graphics = this.make.graphics({\n x: 0,\n y: 0\n });\n graphics.fillStyle(0xFF4444, 1);\n graphics.fillEllipse(25, 20, 22, 18);\n graphics.fillEllipse(25, 40, 20, 25);\n graphics.fillStyle(0xFFFFFF, 1);\n graphics.fillCircle(18, 12, 7);\n graphics.fillCircle(32, 12, 7);\n graphics.fillStyle(0x000000, 1);\n graphics.fillCircle(18, 12, 2);\n graphics.fillCircle(32, 12, 2);\n graphics.lineStyle(1, 0x000000, 1);\n graphics.lineStyle(2, 0x000000, 1);\n graphics.beginPath();\n graphics.arc(25, 30, 10, Math.PI, 0, false);\n graphics.strokePath();\n graphics.fillStyle(0xFF4444, 1);\n graphics.fillEllipse(15, 55, 8, 10);\n graphics.fillEllipse(35, 55, 8, 10);\n graphics.fillStyle(0xDD3333, 1);\n graphics.fillEllipse(13, 65, 9, 5);\n graphics.fillEllipse(37, 65, 9, 5);\n graphics.fillStyle(0xDD2222, 0.5);\n graphics.fillCircle(15, 30, 5);\n graphics.fillCircle(35, 30, 5);\n graphics.fillCircle(25, 45, 6);\n graphics.lineStyle(3, 0x0088FF, 1);\n if (frame === 1) {\n graphics.lineBetween(25, 30, 10, 10);\n graphics.lineBetween(10, 10, -5, 5);\n } else if (frame === 2) {\n graphics.lineBetween(25, 30, 5, 20);\n graphics.lineBetween(5, 20, -10, 25);\n } else if (frame === 3) {\n graphics.lineBetween(25, 30, 5, 30);\n graphics.lineBetween(5, 30, -15, 30);\n } else if (frame === 4) {\n graphics.lineBetween(25, 30, 10, 40);\n graphics.lineBetween(10, 40, -5, 50);\n }\n const textureName = `sword-stickman${frame}`;\n graphics.generateTexture(textureName, 70, 70);\n graphics.clear();\n return {\n key: textureName\n };\n }\n create() {\n this.anims.create({\n key: 'run',\n frames: [{\n key: 'stickman-run1'\n }, {\n key: 'stickman-run2'\n }, {\n key: 'stickman-run3'\n }, {\n key: 'stickman-run4'\n }],\n frameRate: 10,\n repeat: -1\n });\n this.anims.create({\n key: 'sword-swing',\n frames: [{\n key: 'sword-stickman1'\n }, {\n key: 'sword-stickman2'\n }, {\n key: 'sword-stickman3'\n }, {\n key: 'sword-stickman4'\n }, {\n key: 'sword-stickman3'\n }, {\n key: 'sword-stickman2'\n }],\n frameRate: 8,\n repeat: -1\n });\n this.scene.start('MainMenuScene');\n }\n}\nclass MainMenuScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"MainMenuScene\"\n });\n this.walletAddress = \"\";\n this.isWalletConnected = false;\n }\n create() {\n const centerX = this.cameras.main.width / 2;\n const centerY = this.cameras.main.height / 2;\n this.add.tileSprite(0, 0, this.cameras.main.width, this.cameras.main.height, 'background').setOrigin(0, 0).setScrollFactor(0);\n for (let i = 0; i < 5; i++) {\n const x = Phaser.Math.Between(100, this.cameras.main.width - 100);\n const y = Phaser.Math.Between(50, 200);\n const cloud = this.add.image(x, y, 'cloud').setAlpha(0.8);\n this.tweens.add({\n targets: cloud,\n x: cloud.x + Phaser.Math.Between(50, 150),\n duration: Phaser.Math.Between(15000, 25000),\n yoyo: true,\n repeat: -1\n });\n }\n const element = document.createElement('style');\n document.head.appendChild(element);\n element.sheet.insertRule(`\n @font-face {\n font-family: 'PressStart2P';\n src: url('https://fonts.gstatic.com/s/pressstart2p/v15/e3t4euO8T-267oIAQAu6jDQyK3nVivNm4I81.woff2') format('woff2');\n font-weight: 400;\n font-style: normal;\n }\n `, 0);\n const titleText = this.add.text(centerX, 80, 'PEPEDASH', {\n fontFamily: 'PressStart2P, Arial, monospace',\n fontSize: 48,\n color: '#44ff44',\n stroke: '#000000',\n strokeThickness: 6,\n shadow: {\n offsetX: 3,\n offsetY: 3,\n color: '#000',\n blur: 5,\n fill: true\n }\n }).setOrigin(0.5);\n this.tweens.add({\n targets: titleText,\n y: titleText.y - 10,\n duration: 1500,\n ease: 'Sine.easeInOut',\n yoyo: true,\n repeat: -1\n });\n this.add.text(centerX, 140, 'Collect as many rare Pepe coins as you can!', {\n fontFamily: 'Arial',\n fontSize: 24,\n align: 'center',\n color: '#ffffff',\n stroke: '#000000',\n strokeThickness: 4\n }).setOrigin(0.5);\n this.add.text(centerX, 170, 'Daily top 10 scores on the leaderboard will receive Rare Pepes and Solana tokens as a prize', {\n fontFamily: 'Arial',\n fontSize: 18,\n align: 'center',\n color: '#ffff00',\n stroke: '#000000',\n strokeThickness: 3\n }).setOrigin(0.5);\n const stickman = this.add.sprite(centerX - 80, centerY - 80, 'stickman');\n stickman.play('run');\n const enemyStickman = this.add.sprite(centerX + 80, centerY - 80, 'sword-stickman1');\n enemyStickman.play('sword-swing');\n this.add.text(centerX, centerY, 'Collect Rare Pepe coins and dodge deadly obstacles!\\nBeware of enemy Pepes, laser walls, and fire pits!\\nHold UP ARROW or SPACE to jump higher', {\n fontFamily: 'Arial',\n fontSize: 24,\n align: 'center',\n color: '#ffffff',\n stroke: '#000000',\n strokeThickness: 4\n }).setOrigin(0.5);\n const walletContainer = this.add.container(centerX, centerY + 80);\n this.connectWalletText = this.add.text(0, 0, 'Connect your Phantom wallet to play:', {\n fontFamily: 'Arial',\n fontSize: 20,\n color: '#ffffff'\n }).setOrigin(0.5);\n walletContainer.add(this.connectWalletText);\n this.walletButton = this.add.text(0, 35, 'CONNECT WALLET', {\n fontFamily: 'Arial',\n fontSize: 24,\n color: '#ffff00',\n backgroundColor: '#663399',\n padding: {\n x: 20,\n y: 10\n }\n }).setOrigin(0.5).setInteractive({\n useHandCursor: true\n });\n walletContainer.add(this.walletButton);\n this.walletStatus = this.add.text(0, 75, 'Not connected', {\n fontFamily: 'Arial',\n fontSize: 16,\n color: '#ff6666'\n }).setOrigin(0.5);\n walletContainer.add(this.walletStatus);\n this.walletButton.on('pointerover', () => {\n this.walletButton.setScale(1.1);\n });\n this.walletButton.on('pointerout', () => {\n this.walletButton.setScale(1);\n });\n this.walletButton.on('pointerdown', async () => {\n if (this.isWalletConnected) {\n await this.disconnectWallet();\n } else {\n await this.connectWallet();\n }\n });\n const buttonContainer = this.add.container(centerX, centerY + 220);\n this.practiceButton = this.add.text(-150, 0, 'PRACTICE MODE', {\n fontFamily: 'Arial',\n fontSize: 28,\n color: '#ffffff',\n backgroundColor: '#885500',\n padding: {\n x: 15,\n y: 10\n }\n }).setOrigin(0.5).setInteractive({\n useHandCursor: true\n });\n buttonContainer.add(this.practiceButton);\n this.startButton = this.add.text(150, 0, 'START GAME', {\n fontFamily: 'Arial',\n fontSize: 28,\n color: '#ffffff',\n backgroundColor: '#444444',\n padding: {\n x: 15,\n y: 10\n }\n }).setOrigin(0.5).setInteractive({\n useHandCursor: true\n });\n buttonContainer.add(this.startButton);\n const leaderboardButton = this.add.text(0, 60, 'LEADERBOARD', {\n fontFamily: 'Arial',\n fontSize: 24,\n color: '#ffffff',\n backgroundColor: '#0000aa',\n padding: {\n x: 20,\n y: 10\n }\n }).setOrigin(0.5).setInteractive({\n useHandCursor: true\n });\n buttonContainer.add(leaderboardButton);\n const leaderboardTooltip = this.add.text(leaderboardButton.x, leaderboardButton.y + 30, 'View top scores - No wallet needed!', {\n fontFamily: 'Arial',\n fontSize: 14,\n color: '#aaaaff'\n }).setOrigin(0.5).setAlpha(0);\n buttonContainer.add(leaderboardTooltip);\n leaderboardButton.on('pointerover', () => {\n leaderboardButton.setScale(1.1);\n leaderboardTooltip.setAlpha(1);\n });\n leaderboardButton.on('pointerout', () => {\n leaderboardButton.setScale(1);\n leaderboardTooltip.setAlpha(0);\n });\n this.practiceButton.on('pointerover', () => {\n this.practiceButton.setScale(1.1);\n });\n this.practiceButton.on('pointerout', () => {\n this.practiceButton.setScale(1);\n });\n this.practiceButton.on('pointerdown', () => {\n this.scene.start('GameScene', {\n walletAddress: '',\n isPracticeMode: true\n });\n });\n this.startButton.on('pointerover', () => {\n if (this.isWalletConnected) {\n this.startButton.setScale(1.1);\n }\n });\n this.startButton.on('pointerout', () => {\n this.startButton.setScale(1);\n });\n this.startButton.on('pointerdown', () => {\n if (this.isWalletConnected) {\n this.scene.start('GameScene', {\n walletAddress: this.walletAddress,\n isPracticeMode: false\n });\n } else {\n this.tweens.add({\n targets: this.walletButton,\n x: this.walletButton.x + 10,\n duration: 50,\n yoyo: true,\n repeat: 3\n });\n this.walletStatus.setText('Please connect wallet first!');\n this.walletStatus.setColor('#ff0000');\n }\n });\n leaderboardButton.on('pointerover', () => {\n leaderboardButton.setScale(1.1);\n });\n leaderboardButton.on('pointerout', () => {\n leaderboardButton.setScale(1);\n });\n leaderboardButton.on('pointerdown', () => {\n this.scene.launch('LeaderboardScene');\n });\n const xLogoContainer = this.add.container(centerX, centerY + 320);\n const xSymbol = this.add.text(0, 0, \"𝕏\", {\n fontFamily: 'Arial',\n fontSize: 32,\n color: '#ffffff',\n fontStyle: 'bold'\n }).setOrigin(0.5);\n xSymbol.setInteractive({\n useHandCursor: true\n });\n const twitterText = this.add.text(0, 30, '@PepedashSOL', {\n fontFamily: 'Arial',\n fontSize: 14,\n color: '#aaaaff'\n }).setOrigin(0.5);\n xLogoContainer.add([xSymbol, twitterText]);\n xSymbol.on('pointerover', () => {\n xSymbol.setScale(1.2);\n twitterText.setAlpha(1);\n });\n xSymbol.on('pointerout', () => {\n xSymbol.setScale(1);\n twitterText.setAlpha(0.8);\n });\n xSymbol.on('pointerdown', () => {\n window.open('https://x.com/PepedashSOL', '_blank');\n });\n this.connectWallet = async () => {\n try {\n const provider = getProvider();\n if (!provider) return;\n this.walletStatus.setText('Connecting...');\n this.walletStatus.setColor('#ffff00');\n await provider.connect();\n const publicKey = provider.publicKey.toString();\n this.walletAddress = publicKey;\n this.isWalletConnected = true;\n const shortAddress = `${publicKey.substring(0, 4)}...${publicKey.substring(publicKey.length - 4)}`;\n this.walletStatus.setText(`Connected: ${shortAddress}`);\n this.walletStatus.setColor('#00ff00');\n this.walletButton.setText('DISCONNECT WALLET');\n this.startButton.setBackgroundColor('#00aa00');\n } catch (error) {\n console.error('Error connecting wallet:', error);\n this.walletStatus.setText('Connection failed');\n this.walletStatus.setColor('#ff0000');\n }\n };\n this.disconnectWallet = async () => {\n try {\n const provider = getProvider();\n if (provider) {\n await provider.disconnect();\n }\n this.walletAddress = \"\";\n this.isWalletConnected = false;\n this.walletStatus.setText('Not connected');\n this.walletStatus.setColor('#ff6666');\n this.walletButton.setText('CONNECT WALLET');\n this.startButton.setBackgroundColor('#444444');\n } catch (error) {\n console.error('Error disconnecting wallet:', error);\n }\n };\n this.tryAutoConnect = async provider => {\n try {\n const publicKey = provider.publicKey.toString();\n this.walletAddress = publicKey;\n this.isWalletConnected = true;\n const shortAddress = `${publicKey.substring(0, 4)}...${publicKey.substring(publicKey.length - 4)}`;\n this.walletStatus.setText(`Connected: ${shortAddress}`);\n this.walletStatus.setColor('#00ff00');\n this.walletButton.setText('DISCONNECT WALLET');\n this.startButton.setBackgroundColor('#00aa00');\n } catch (error) {\n console.error('Error auto-connecting wallet:', error);\n }\n };\n const provider = getProvider();\n if (provider && provider.isConnected) {\n this.tryAutoConnect(provider);\n }\n }\n}\nclass GameScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"GameScene\"\n });\n this.walletAddress = \"\";\n this.score = 0;\n this.coinsCollected = 0;\n this.distance = 0;\n this.gameSpeed = 5;\n this.isGameOver = false;\n this.obstacleSpawnTime = 2000;\n this.coinSpawnTime = 1500;\n this.isPracticeMode = false;\n this.isJumping = false;\n this.jumpTimer = 0;\n this.maxJumpTime = 0.3;\n this.obstacleTypes = ['basic', 'spikeBall', 'firePit', 'laser'];\n this.currentDifficulty = 0;\n }\n init(data) {\n if (data.walletAddress) {\n this.walletAddress = data.walletAddress;\n }\n this.isPracticeMode = data.isPracticeMode || false;\n this.score = 0;\n this.coinsCollected = 0;\n this.distance = 0;\n this.gameSpeed = 5;\n this.isGameOver = false;\n this.isJumping = false;\n this.jumpTimer = 0;\n this.maxJumpHeight = 0;\n this.isFalling = false;\n }\n create() {\n if (!this.isPracticeMode) {\n this.socket = io('wss://ws.dev.fun/app-2cb35fd8418efdf7b05a');\n }\n this.background = this.add.tileSprite(0, 0, this.cameras.main.width, this.cameras.main.height, 'background').setOrigin(0, 0).setScrollFactor(0);\n this.screenWidth = this.cameras.main.width;\n if (this.isPracticeMode) {\n this.practiceText = this.add.text(this.cameras.main.width - 20, 20, 'PRACTICE MODE', {\n fontSize: '18px',\n color: '#ffaa00',\n stroke: '#000000',\n strokeThickness: 4\n }).setOrigin(1, 0).setScrollFactor(0);\n }\n const tipText = this.add.text(this.cameras.main.width / 2, 150, 'TIP: New obstacles unlock as your score increases!', {\n fontFamily: 'Arial',\n fontSize: 20,\n align: 'center',\n color: '#ffff00',\n stroke: '#000000',\n strokeThickness: 3\n }).setOrigin(0.5).setScrollFactor(0).setDepth(100);\n this.tweens.add({\n targets: tipText,\n alpha: {\n from: 0.5,\n to: 1\n },\n duration: 500,\n ease: 'Sine.InOut',\n yoyo: true,\n repeat: 1,\n onComplete: () => {\n tipText.destroy();\n }\n });\n this.isJumping = false;\n this.jumpTimer = 0;\n this.input.keyboard.on('keyup-SPACE', () => {\n this.isJumping = false;\n });\n this.input.keyboard.on('keyup-UP', () => {\n this.isJumping = false;\n });\n this.clouds = [];\n for (let i = 0; i < 5; i++) {\n const cloud = this.add.image(Phaser.Math.Between(0, this.cameras.main.width), Phaser.Math.Between(50, 150), 'cloud').setAlpha(0.7);\n this.clouds.push(cloud);\n }\n this.ground = this.physics.add.staticGroup();\n const platformWidth = 800;\n const numPlatforms = Math.ceil(this.screenWidth / platformWidth) + 2;\n for (let i = 0; i < numPlatforms; i++) {\n this.ground.create(i * platformWidth, this.cameras.main.height - 50, 'platform');\n }\n this.player = this.physics.add.sprite(150, this.cameras.main.height - 150, 'stickman');\n this.player.setGravityY(1000);\n this.player.setCollideWorldBounds(true);\n this.player.play('run');\n this.player.setSize(20, 65);\n this.physics.add.collider(this.player, this.ground);\n this.obstacles = this.physics.add.group();\n this.coins = this.physics.add.group();\n this.physics.add.overlap(this.player, this.obstacles, this.hitObstacle, null, this);\n this.physics.add.overlap(this.player, this.coins, this.collectCoin, null, this);\n this.cursors = this.input.keyboard.createCursorKeys();\n this.scoreText = this.add.text(20, 20, 'Score: 0', {\n fontSize: '24px',\n color: '#ffffff',\n stroke: '#000000',\n strokeThickness: 4\n }).setScrollFactor(0);\n this.obstacleTimer = this.time.addEvent({\n delay: this.obstacleSpawnTime,\n callback: this.spawnObstacle,\n callbackScope: this,\n loop: true\n });\n this.coinTimer = this.time.addEvent({\n delay: this.coinSpawnTime,\n callback: this.spawnCoin,\n callbackScope: this,\n loop: true\n });\n this.speedIncreaseTimer = this.time.addEvent({\n delay: 10000,\n callback: this.increaseGameSpeed,\n callbackScope: this,\n loop: true\n });\n }\n spawnDoubleJumpChallenge() {\n if (this.isGameOver) return;\n let firstObstacle = this.obstacles.create(this.cameras.main.width + 100, this.cameras.main.height - 110, 'sword-stickman1');\n firstObstacle.play('sword-swing');\n firstObstacle.setScale(1, 1);\n firstObstacle.setData('type', 'basic');\n firstObstacle.setImmovable(true);\n const gapDistance = Phaser.Math.Between(200, 250);\n let secondObstacle;\n const secondType = Phaser.Math.Between(0, 2);\n if (secondType === 0) {\n secondObstacle = this.obstacles.create(this.cameras.main.width + 100 + gapDistance, this.cameras.main.height - 110, 'sword-stickman1');\n secondObstacle.play('sword-swing');\n secondObstacle.setScale(1, 1);\n secondObstacle.setData('type', 'basic');\n } else if (secondType === 1) {\n secondObstacle = this.obstacles.create(this.cameras.main.width + 100 + gapDistance, this.cameras.main.height - 180, 'obstacle');\n secondObstacle.setScale(0.8, 0.8);\n secondObstacle.setCircle(15);\n secondObstacle.setTint(0xFF00FF);\n secondObstacle.setData('type', 'spikeBall');\n } else {\n secondObstacle = this.obstacles.create(this.cameras.main.width + 100 + gapDistance, this.cameras.main.height - 75, 'obstacle');\n secondObstacle.setScale(2.5, 0.4);\n secondObstacle.setTint(0xFF6600);\n secondObstacle.setData('type', 'firePit');\n const fireParticles = this.add.particles(secondObstacle.x, secondObstacle.y - 10, 'explosion', {\n speed: {\n min: 50,\n max: 100\n },\n angle: {\n min: 230,\n max: 310\n },\n scale: {\n start: 0.6,\n end: 0\n },\n lifespan: 600,\n frequency: 10,\n tint: [0xff0000, 0xffff00]\n });\n secondObstacle.setData('particles', fireParticles);\n }\n secondObstacle.setImmovable(true);\n }\n update() {\n if (this.isGameOver) return;\n this.background.tilePositionX += this.gameSpeed * 0.5;\n this.clouds.forEach((cloud, index) => {\n cloud.x -= this.gameSpeed * (0.2 + index * 0.05);\n if (cloud.x < -100) {\n cloud.x = this.cameras.main.width + 100;\n cloud.y = Phaser.Math.Between(50, 150);\n }\n });\n if (this.player.body.touching.down) {\n this.isFalling = false;\n this.player.setGravityY(1000);\n if (this.cursors.up.isDown || this.cursors.space.isDown) {\n this.player.setVelocityY(-450);\n this.isJumping = true;\n this.jumpTimer = 0;\n this.maxJumpHeight = this.player.y;\n }\n }\n if (this.isJumping) {\n if (this.player.y < this.maxJumpHeight) {\n this.maxJumpHeight = this.player.y;\n }\n if ((this.cursors.up.isDown || this.cursors.space.isDown) && this.jumpTimer < this.maxJumpTime) {\n this.player.setVelocityY(-450 - this.jumpTimer * 200);\n this.jumpTimer += this.scene.systems.game.loop.delta / 1000;\n } else {\n this.isJumping = false;\n }\n }\n if (!this.player.body.touching.down && this.player.body.velocity.y > 0) {\n if (!this.isFalling) {\n this.isFalling = true;\n const groundY = this.cameras.main.height - 150;\n const jumpHeight = groundY - this.maxJumpHeight;\n const maxPossibleHeight = 150;\n const jumpPercent = jumpHeight / maxPossibleHeight;\n if (jumpPercent < 0.7) {\n const gravityMultiplier = 2.0 - jumpPercent;\n this.player.setGravityY(1000 * gravityMultiplier);\n }\n }\n }\n this.distance += this.gameSpeed / 10;\n this.score = this.coinsCollected * 10;\n this.scoreText.setText(`Score: ${this.score} (Coins: ${this.coinsCollected})`);\n this.ground.getChildren().forEach(ground => {\n ground.x -= this.gameSpeed;\n if (ground.x < -800) {\n let rightmostX = -Infinity;\n this.ground.getChildren().forEach(platform => {\n if (platform.x > rightmostX) {\n rightmostX = platform.x;\n }\n });\n ground.x = rightmostX + 800;\n }\n });\n this.obstacles.getChildren().forEach(obstacle => {\n obstacle.x -= this.gameSpeed;\n if (obstacle.getData('type') === 'spikeBall') {} else if (obstacle.getData('type') === 'firePit') {\n const particles = obstacle.getData('particles');\n if (particles) {\n particles.setPosition(obstacle.x, obstacle.y - 10);\n }\n } else if (obstacle.getData('type') === 'laser') {}\n if (obstacle.x < -obstacle.width) {\n if (obstacle.getData('type') === 'firePit') {\n const particles = obstacle.getData('particles');\n if (particles) {\n particles.destroy();\n }\n }\n obstacle.destroy();\n }\n });\n this.coins.getChildren().forEach(coin => {\n coin.x -= this.gameSpeed;\n if (coin.x < -coin.width) {\n if (coin.shine) {\n coin.shine.destroy();\n }\n coin.destroy();\n }\n if (coin.update) {\n coin.update();\n }\n coin.angle += 2;\n });\n }\n spawnObstacle() {\n if (this.isGameOver) return;\n let maxObstacleType = 2;\n if (this.score > 50) maxObstacleType = 3;\n if (this.score > 100) maxObstacleType = 4;\n if (this.score > 150) maxObstacleType = 5;\n if (this.score > 150 && Phaser.Math.Between(1, 10) <= 4) {\n this.spawnDoubleJumpChallenge();\n return;\n }\n const obstacleType = Phaser.Math.Between(0, maxObstacleType);\n let obstacle;\n if (obstacleType > 5) {\n obstacle = this.obstacles.create(this.cameras.main.width + 100, this.cameras.main.height - 110, 'sword-stickman1');\n obstacle.play('sword-swing');\n obstacle.setScale(1, 1);\n obstacle.setData('type', 'basic');\n } else if (obstacleType === 0) {\n obstacle = this.obstacles.create(this.cameras.main.width + 100, this.cameras.main.height - 110, 'sword-stickman1');\n obstacle.play('sword-swing');\n obstacle.setScale(1, 1);\n obstacle.setData('type', 'basic');\n } else if (obstacleType === 1) {\n obstacle = this.obstacles.create(this.cameras.main.width + 100, this.cameras.main.height - 110, 'sword-stickman1');\n obstacle.play('sword-swing');\n obstacle.setScale(1.2, 1.2);\n obstacle.setData('type', 'basic');\n } else if (obstacleType === 2) {\n obstacle = this.obstacles.create(this.cameras.main.width + 100, this.cameras.main.height - 110, 'sword-stickman1');\n obstacle.play('sword-swing');\n obstacle.setScale(0.9, 0.9);\n obstacle.setData('type', 'basic');\n } else if (obstacleType === 3) {\n obstacle = this.obstacles.create(this.cameras.main.width + 100, this.cameras.main.height - 180, 'obstacle');\n obstacle.setScale(0.8, 0.8);\n obstacle.setCircle(15);\n obstacle.setTint(0xFF00FF);\n obstacle.setData('type', 'spikeBall');\n obstacle.setData('baseY', obstacle.y);\n this.tweens.add({\n targets: obstacle,\n y: obstacle.y + 60,\n duration: 1000,\n yoyo: true,\n repeat: -1\n });\n } else if (obstacleType === 4) {\n obstacle = this.obstacles.create(this.cameras.main.width + 100, this.cameras.main.height - 75, 'obstacle');\n obstacle.setScale(2.5, 0.4);\n obstacle.setTint(0xFF6600);\n obstacle.setData('type', 'firePit');\n const fireParticles = this.add.particles(obstacle.x, obstacle.y - 10, 'explosion', {\n speed: {\n min: 50,\n max: 100\n },\n angle: {\n min: 230,\n max: 310\n },\n scale: {\n start: 0.6,\n end: 0\n },\n lifespan: 600,\n frequency: 10,\n tint: [0xff0000, 0xffff00]\n });\n obstacle.setData('particles', fireParticles);\n } else if (obstacleType === 5) {\n obstacle = this.obstacles.create(this.cameras.main.width + 100, this.cameras.main.height - 160, 'obstacle');\n obstacle.setScale(0.5, 2.5);\n obstacle.setTint(0xFF8000);\n obstacle.setData('type', 'laser');\n this.tweens.add({\n targets: obstacle,\n alpha: {\n from: 0.9,\n to: 0.5\n },\n scale: {\n x: 0.6,\n y: 2.6\n },\n duration: 300,\n yoyo: true,\n repeat: -1\n });\n }\n if (obstacle) {\n obstacle.setImmovable(true);\n this.obstacleSpawnTime = Math.max(500, this.obstacleSpawnTime - 10);\n this.obstacleTimer.delay = this.obstacleSpawnTime;\n }\n }\n spawnCoin() {\n if (this.isGameOver) return;\n const coinHeight = Phaser.Math.Between(0, 2);\n let yPosition;\n if (coinHeight === 0) {\n yPosition = this.cameras.main.height - 130;\n } else if (coinHeight === 1) {\n yPosition = this.cameras.main.height - 180;\n } else {\n yPosition = this.cameras.main.height - 240;\n }\n const coin = this.coins.create(this.cameras.main.width + 100, yPosition, 'coin');\n this.tweens.add({\n targets: coin,\n angle: 360,\n duration: 1500,\n repeat: -1,\n ease: 'Linear'\n });\n const shine = this.add.image(coin.x, coin.y, 'coinParticle').setScale(0).setBlendMode('ADD');\n this.tweens.add({\n targets: shine,\n scale: 1.5,\n alpha: {\n from: 0.8,\n to: 0\n },\n duration: 700,\n repeat: -1,\n repeatDelay: 1000,\n ease: 'Sine.easeOut'\n });\n coin.shine = shine;\n coin.update = function () {\n if (this.shine) {\n this.shine.x = this.x;\n this.shine.y = this.y;\n }\n };\n }\n collectCoin(player, coin) {\n const coinEffect = this.add.particles(coin.x, coin.y, 'coinParticle', {\n speed: {\n min: 50,\n max: 150\n },\n scale: {\n start: 0.8,\n end: 0\n },\n lifespan: 300,\n quantity: 15,\n blendMode: 'ADD',\n emitting: false\n });\n coinEffect.explode(15);\n this.time.delayedCall(300, () => {\n coinEffect.destroy();\n });\n if (coin.shine) {\n coin.shine.destroy();\n }\n coin.destroy();\n this.coinsCollected++;\n this.score = this.coinsCollected * 10;\n this.scoreText.setText(`Score: ${this.score} (Coins: ${this.coinsCollected})`);\n this.tweens.add({\n targets: this.scoreText,\n scale: 1.2,\n duration: 100,\n yoyo: true\n });\n }\n hitObstacle(player, obstacle) {\n if (this.isGameOver) return;\n this.isGameOver = true;\n player.play('run');\n player.setTint(0xff0000);\n this.obstacleTimer.remove();\n this.coinTimer.remove();\n this.speedIncreaseTimer.remove();\n const obstacleType = obstacle.getData('type');\n let particleColor = [0xff0000, 0xffff00];\n let particleCount = 40;\n let particleSpeed = {\n min: 100,\n max: 300\n };\n if (obstacleType === 'basic') {\n particleColor = [0xff8888, 0xffaaaa];\n particleCount = 30;\n obstacle.anims.timeScale = 2;\n this.tweens.add({\n targets: obstacle,\n y: obstacle.y - 20,\n duration: 300,\n yoyo: true,\n repeat: 2\n });\n } else if (obstacleType === 'spikeBall') {\n particleColor = [0xff00ff, 0xff88ff];\n particleCount = 60;\n this.tweens.add({\n targets: obstacle,\n scale: 1.5,\n alpha: 0,\n duration: 300\n });\n } else if (obstacleType === 'firePit') {\n particleColor = [0xff0000, 0xffaa00];\n particleCount = 80;\n particleSpeed = {\n min: 150,\n max: 350\n };\n } else if (obstacleType === 'laser') {\n particleColor = [0xFF8000, 0xFFAA00];\n this.tweens.add({\n targets: player,\n alpha: 0,\n scale: 1.5,\n duration: 500\n });\n }\n this.add.particles(player.x, player.y, 'explosion', {\n speed: particleSpeed,\n scale: {\n start: 1,\n end: 0\n },\n lifespan: 800,\n blendMode: 'ADD',\n tint: particleColor,\n quantity: particleCount\n });\n this.cameras.main.shake(500, 0.05);\n this.submitScore();\n this.time.delayedCall(1200, () => {\n this.scene.start('GameOverScene', {\n score: this.score,\n walletAddress: this.walletAddress,\n isPracticeMode: this.isPracticeMode,\n deathBy: obstacleType\n });\n if (this.socket) {\n this.socket.disconnect();\n this.socket = undefined;\n }\n });\n }\n increaseGameSpeed() {\n this.gameSpeed = Math.min(15, this.gameSpeed + 0.5);\n }\n async submitScore() {\n if (this.isPracticeMode) {\n return;\n }\n try {\n const timestamp = new Date().toISOString();\n const id = Date.now().toString();\n await stateClient.createEntity('leaderboard', {\n id,\n walletAddress: this.walletAddress,\n score: this.score,\n timestamp: timestamp\n });\n if (this.socket) {\n const shortAddress = `${this.walletAddress.substring(0, 4)}...${this.walletAddress.substring(this.walletAddress.length - 4)}`;\n this.socket.emit('new-score', {\n playerName: shortAddress,\n score: this.score,\n walletAddress: this.walletAddress,\n timestamp: timestamp\n });\n }\n } catch (error) {\n console.error(\"Error submitting score:\", error);\n }\n }\n}\nclass GameOverScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"GameOverScene\"\n });\n }\n init(data) {\n this.score = data.score || 0;\n this.walletAddress = data.walletAddress || \"\";\n this.isPracticeMode = data.isPracticeMode || false;\n this.deathBy = data.deathBy || \"basic\";\n }\n create() {\n const centerX = this.cameras.main.width / 2;\n const centerY = this.cameras.main.height / 2;\n this.add.tileSprite(0, 0, this.cameras.main.width, this.cameras.main.height, 'background').setOrigin(0, 0).setScrollFactor(0).setTint(0x888888);\n let gameOverText = 'GAME OVER';\n let textColor = '#ff0000';\n if (this.deathBy === 'basic') {\n gameOverText = 'SLICED!';\n textColor = '#ff4444';\n } else if (this.deathBy === 'spikeBall') {\n gameOverText = 'SPIKED!';\n textColor = '#ff00ff';\n } else if (this.deathBy === 'firePit') {\n gameOverText = 'BURNED!';\n textColor = '#ff6600';\n } else if (this.deathBy === 'laser') {\n gameOverText = 'ZAPPED!';\n textColor = '#00ffff';\n }\n this.add.text(centerX, 100, gameOverText, {\n fontFamily: 'Arial',\n fontSize: 64,\n color: textColor,\n stroke: '#000000',\n strokeThickness: 6\n }).setOrigin(0.5);\n const infoContainer = this.add.container(centerX, 180);\n if (this.isPracticeMode) {\n infoContainer.add(this.add.text(0, 0, 'PRACTICE MODE', {\n fontFamily: 'Arial',\n fontSize: 28,\n color: '#ffaa00',\n stroke: '#000000',\n strokeThickness: 4\n }).setOrigin(0.5));\n } else {\n const shortAddress = this.walletAddress ? `${this.walletAddress.substring(0, 4)}...${this.walletAddress.substring(this.walletAddress.length - 4)}` : \"Unknown Wallet\";\n infoContainer.add(this.add.text(0, 0, `Wallet: ${shortAddress}`, {\n fontFamily: 'Arial',\n fontSize: 24,\n color: '#ffffff',\n stroke: '#000000',\n strokeThickness: 4\n }).setOrigin(0.5));\n }\n const coinsCollected = Math.floor(this.score / 10);\n infoContainer.add(this.add.text(0, 40, `Score: ${this.score} (Coins: ${coinsCollected})`, {\n fontFamily: 'Arial',\n fontSize: 32,\n color: '#ffffff',\n stroke: '#000000',\n strokeThickness: 4\n }).setOrigin(0.5));\n if (this.isPracticeMode) {\n infoContainer.add(this.add.text(0, 80, 'Connect wallet to record your scores!', {\n fontFamily: 'Arial',\n fontSize: 20,\n color: '#ffaa00',\n stroke: '#000000',\n strokeThickness: 3\n }).setOrigin(0.5));\n } else if (this.walletAddress) {\n const walletInfo = this.add.text(0, 80, 'Your score has been saved to the leaderboard', {\n fontFamily: 'Arial',\n fontSize: 20,\n color: '#00ffff',\n stroke: '#000000',\n strokeThickness: 3\n }).setOrigin(0.5);\n infoContainer.add(walletInfo);\n }\n const buttonContainer = this.add.container(centerX, centerY + 60);\n const playAgainButton = this.add.text(-150, 0, 'PLAY AGAIN', {\n fontFamily: 'Arial',\n fontSize: 28,\n color: '#ffffff',\n backgroundColor: '#008800',\n padding: {\n x: 20,\n y: 10\n }\n }).setOrigin(0.5).setInteractive({\n useHandCursor: true\n });\n const mainMenuButton = this.add.text(150, 0, 'MAIN MENU', {\n fontFamily: 'Arial',\n fontSize: 28,\n color: '#ffffff',\n backgroundColor: '#0000aa',\n padding: {\n x: 20,\n y: 10\n }\n }).setOrigin(0.5).setInteractive({\n useHandCursor: true\n });\n const leaderboardButton = this.add.text(0, 70, 'VIEW LEADERBOARD', {\n fontFamily: 'Arial',\n fontSize: 24,\n color: '#ffffff',\n backgroundColor: '#aa5500',\n padding: {\n x: 20,\n y: 10\n }\n }).setOrigin(0.5).setInteractive({\n useHandCursor: true\n });\n buttonContainer.add([playAgainButton, mainMenuButton, leaderboardButton]);\n if (this.isPracticeMode) {\n const connectWalletButton = this.add.text(0, 140, 'CONNECT WALLET TO COMPETE', {\n fontFamily: 'Arial',\n fontSize: 20,\n color: '#ffffff',\n backgroundColor: '#005599',\n padding: {\n x: 20,\n y: 10\n }\n }).setOrigin(0.5).setInteractive({\n useHandCursor: true\n });\n connectWalletButton.on('pointerover', () => connectWalletButton.setScale(1.1));\n connectWalletButton.on('pointerout', () => connectWalletButton.setScale(1));\n connectWalletButton.on('pointerdown', () => {\n this.scene.start('MainMenuScene');\n });\n buttonContainer.add(connectWalletButton);\n }\n playAgainButton.on('pointerover', () => playAgainButton.setScale(1.1));\n playAgainButton.on('pointerout', () => playAgainButton.setScale(1));\n playAgainButton.on('pointerdown', () => {\n this.scene.start('GameScene', {\n walletAddress: this.walletAddress,\n isPracticeMode: this.isPracticeMode\n });\n });\n mainMenuButton.on('pointerover', () => mainMenuButton.setScale(1.1));\n mainMenuButton.on('pointerout', () => mainMenuButton.setScale(1));\n mainMenuButton.on('pointerdown', () => {\n this.scene.start('MainMenuScene');\n });\n leaderboardButton.on('pointerover', () => leaderboardButton.setScale(1.1));\n leaderboardButton.on('pointerout', () => leaderboardButton.setScale(1));\n leaderboardButton.on('pointerdown', () => {\n this.scene.launch('LeaderboardScene');\n });\n this.add.particles(centerX, -10, 'explosion', {\n x: {\n min: -this.cameras.main.width / 2,\n max: this.cameras.main.width / 2\n },\n y: 0,\n speed: {\n min: 50,\n max: 150\n },\n angle: {\n min: 80,\n max: 100\n },\n scale: {\n start: 0.2,\n end: 0\n },\n lifespan: 4000,\n frequency: 500,\n blendMode: 'ADD',\n tint: [0xff0000, 0xffff00, 0x00ff00]\n });\n }\n}\nclass LeaderboardScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"LeaderboardScene\"\n });\n this.leaderboardData = [];\n }\n async create() {\n const centerX = this.cameras.main.width / 2;\n this.add.rectangle(0, 0, this.cameras.main.width, this.cameras.main.height, 0x000000, 0.8).setOrigin(0, 0);\n this.add.rectangle(centerX, 80, 300, 2, 0xffffff, 0.8).setOrigin(0.5);\n const loadingText = this.add.text(centerX, 300, 'Loading today\\'s scores...', {\n fontFamily: 'Arial',\n fontSize: 24,\n color: '#ffffff'\n }).setOrigin(0.5);\n try {\n const leaderboardData = await stateClient.getEntities('leaderboard');\n const now = new Date();\n const startOfDay = new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate()));\n const dailyScores = leaderboardData.filter(entry => {\n const scoreTimestamp = new Date(entry.timestamp);\n return scoreTimestamp >= startOfDay;\n });\n this.leaderboardData = dailyScores.sort((a, b) => b.score - a.score).slice(0, 10);\n loadingText.destroy();\n const tableContainer = this.add.container(centerX, 120);\n const headerBg = this.add.rectangle(0, 0, 600, 40, 0x333366).setOrigin(0.5, 0);\n tableContainer.add(headerBg);\n const headerRank = this.add.text(-200, 8, 'RANK', {\n fontFamily: 'Arial',\n fontSize: 24,\n color: '#ffff00'\n }).setOrigin(0.5, 0);\n const headerWallet = this.add.text(0, 8, 'WALLET', {\n fontFamily: 'Arial',\n fontSize: 24,\n color: '#ffff00'\n }).setOrigin(0.5, 0);\n const headerScore = this.add.text(200, 8, 'SCORE', {\n fontFamily: 'Arial',\n fontSize: 24,\n color: '#ffff00'\n }).setOrigin(0.5, 0);\n tableContainer.add([headerRank, headerWallet, headerScore]);\n if (this.leaderboardData.length === 0) {\n const noScoresText = this.add.text(0, 80, 'No scores yet today. Be the first!', {\n fontFamily: 'Arial',\n fontSize: 24,\n color: '#ffffff'\n }).setOrigin(0.5);\n tableContainer.add(noScoresText);\n } else {\n this.leaderboardData.forEach((entry, index) => {\n const rowY = 50 + index * 45;\n const rowBg = this.add.rectangle(0, rowY, 600, 40, index % 2 === 0 ? 0x222244 : 0x333355).setOrigin(0.5, 0);\n tableContainer.add(rowBg);\n let rankColor;\n let rankPrefix = '#';\n if (index === 0) {\n rankColor = '#ffd700';\n rankPrefix = '🥇 ';\n } else if (index === 1) {\n rankColor = '#c0c0c0';\n rankPrefix = '🥈 ';\n } else if (index === 2) {\n rankColor = '#cd7f32';\n rankPrefix = '🥉 ';\n } else {\n rankColor = '#ffffff';\n }\n const rankText = this.add.text(-200, rowY + 8, `${rankPrefix}${index + 1}`, {\n fontFamily: 'Arial',\n fontSize: 20,\n color: rankColor\n }).setOrigin(0.5, 0);\n tableContainer.add(rankText);\n const shortAddress = entry.walletAddress ? `${entry.walletAddress.substring(0, 4)}...${entry.walletAddress.substring(entry.walletAddress.length - 4)}` : entry.playerName || \"Unknown\";\n const addressText = this.add.text(0, rowY + 8, shortAddress, {\n fontFamily: 'Arial',\n fontSize: 20,\n color: '#ffffff'\n }).setOrigin(0.5, 0);\n tableContainer.add(addressText);\n if (entry.walletAddress) {\n addressText.setInteractive({\n useHandCursor: true\n });\n addressText.on('pointerdown', () => {\n window.open(`https://solscan.io/account/${entry.walletAddress}?cluster=devnet`, '_blank');\n });\n addressText.on('pointerover', () => {\n addressText.setColor('#00ffff');\n const underline = this.add.line(addressText.x - addressText.width / 2, addressText.y + addressText.height, 0, 0, addressText.width, 0, 0x00ffff).setOrigin(0, 0);\n addressText.underline = underline;\n tableContainer.add(underline);\n });\n addressText.on('pointerout', () => {\n addressText.setColor('#ffffff');\n if (addressText.underline) {\n addressText.underline.destroy();\n delete addressText.underline;\n }\n });\n }\n const scoreColor = entry.score > 100 ? '#ffff00' : '#ffffff';\n const scoreText = this.add.text(200, rowY + 8, entry.score.toString(), {\n fontFamily: 'Arial',\n fontSize: 20,\n color: scoreColor\n }).setOrigin(0.5, 0);\n tableContainer.add(scoreText);\n });\n }\n } catch (error) {\n loadingText.setText('Error loading leaderboard data');\n console.error(\"Error fetching leaderboard:\", error);\n }\n this.socket = io('wss://ws.dev.fun/app-2cb35fd8418efdf7b05a');\n this.socket.on('new-score', data => {\n const displayName = data.playerName || (data.walletAddress ? `${data.walletAddress.substring(0, 4)}...${data.walletAddress.substring(data.walletAddress.length - 4)}` : \"Unknown\");\n const now = new Date();\n const startOfDay = new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate()));\n const scoreTimestamp = data.timestamp ? new Date(data.timestamp) : now;\n if (scoreTimestamp >= startOfDay) {\n const notificationBg = this.add.rectangle(centerX, this.cameras.main.height - 100, 400, 60, 0x550000).setOrigin(0.5);\n const notification = this.add.text(centerX, this.cameras.main.height - 100, `${displayName} just scored ${data.score} points!`, {\n fontFamily: 'Arial',\n fontSize: 20,\n color: '#ffff00',\n padding: {\n x: 10,\n y: 5\n }\n }).setOrigin(0.5);\n this.tweens.add({\n targets: [notificationBg, notification],\n y: '-=20',\n alpha: {\n from: 0,\n to: 1\n },\n duration: 500,\n ease: 'Back.easeOut',\n onComplete: () => {\n this.time.delayedCall(2000, () => {\n this.tweens.add({\n targets: [notificationBg, notification],\n y: '+=20',\n alpha: 0,\n duration: 500,\n ease: 'Back.easeIn',\n onComplete: () => {\n notificationBg.destroy();\n notification.destroy();\n }\n });\n });\n }\n });\n }\n });\n const controlsContainer = this.add.container(centerX, this.cameras.main.height - 40);\n const closeButton = this.add.text(0, 0, 'CLOSE', {\n fontFamily: 'Arial',\n fontSize: 24,\n color: '#ffffff',\n backgroundColor: '#880000',\n padding: {\n x: 30,\n y: 12\n }\n }).setOrigin(0.5).setInteractive({\n useHandCursor: true\n });\n controlsContainer.add(closeButton);\n closeButton.on('pointerover', () => {\n closeButton.setScale(1.1);\n });\n closeButton.on('pointerout', () => {\n closeButton.setScale(1);\n });\n closeButton.on('pointerdown', () => {\n if (this.socket) {\n this.socket.disconnect();\n this.socket = undefined;\n }\n this.scene.stop();\n });\n this.input.keyboard.on('keydown-ESC', () => {\n if (this.socket) {\n this.socket.disconnect();\n this.socket = undefined;\n }\n this.scene.stop();\n });\n const escText = this.add.text(centerX, this.cameras.main.height - 12, 'Press ESC to close', {\n fontFamily: 'Arial',\n fontSize: 14,\n color: '#888888'\n }).setOrigin(0.5);\n controlsContainer.add(escText);\n this.resetTimerUpdateEvent = this.time.addEvent({\n delay: 60000,\n callback: this.updateResetTimer,\n callbackScope: this,\n loop: true\n });\n }\n updateResetTimer() {\n const now = new Date();\n const tomorrow = new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate() + 1));\n const timeUntilReset = tomorrow - now;\n const hoursUntilReset = Math.floor(timeUntilReset / (1000 * 60 * 60));\n const minutesUntilReset = Math.floor(timeUntilReset % (1000 * 60 * 60) / (1000 * 60));\n const resetTimerText = this.children.list.find(child => child.type === 'Text' && child.text.includes('Next reset in'));\n if (resetTimerText) {\n resetTimerText.setText(`Next reset in: ${hoursUntilReset}h ${minutesUntilReset}m`);\n }\n }\n shutdown() {\n if (this.resetTimerUpdateEvent) {\n this.resetTimerUpdateEvent.remove();\n }\n if (this.socket) {\n this.socket.disconnect();\n this.socket = undefined;\n }\n super.shutdown();\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 min: {\n width: 375,\n height: 667\n },\n max: {\n width: 1920,\n height: 1080\n }\n },\n physics: {\n default: \"arcade\",\n arcade: {\n gravity: {\n y: 0\n },\n debug: false\n }\n },\n backgroundColor: \"#1A1A28\",\n scene: [BootScene, MainMenuScene, GameScene, GameOverScene, LeaderboardScene]\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\"}}","token",{"_18":77,"_78":79,"_80":81,"_82":83,"_84":85,"_86":87,"_88":89,"_90":41,"_91":41,"_69":70},"PepeDash","symbol","PEPEDASH","price",0.00000555,"marketcap",5550.53,"image","https://pump.mypinata.cloud/ipfs/QmTn8yFpJ982nrih6PBmpZuBHSPma36UbnVUHW2oRxM7r2?img-width=256&img-dpr=2","website","https://dev.fun/p/2cb35fd8418efdf7b05a","twitter","https://x.com/PepeDashSOL","devCount","appCount","upstreamApp",{"_14":94,"_34":95,"_36":96,"_97":98,"_18":99,"_20":100,"_22":101,"_69":102,"_103":104,"_105":106,"_32":107,"_40":41,"_42":108,"_109":110,"_111":-5,"_112":17,"_26":25,"_67":17,"_68":17,"_113":17,"_114":17,"_115":25,"_55":116,"_57":117,"_59":58,"_60":118,"_65":58,"_63":58,"_62":58,"_119":120,"_121":-5,"_38":122,"_123":124,"_143":17,"_24":25,"_64":58,"_27":144},"07c024f204856a6b4e97",["D",1746541322251],["D",1748365113679],"template","phaser","stickdash","Race through an endless obstacle course as the world's most determined stickman, dodging deadly barriers and snatching shiny coins with reckless abandon! One wrong move sends your stick hero to a hilariously dramatic demise, but your high score lives forever on our real-time leaderboard where you can watch yourself climb (or plummet) among global players.","Dodge, collect, dominate! Watch your stick hero sprint to leaderboard glory or spectacular doom.","YUh7M9vEEigerBP7GfLTsieuKRUUztE7pXk4jHPpump","snapshot","https://cdn.dev.fun/snapshot/07c024f204856a6b4e97/63194_65345a4e.webp","ogImage","https://cdn.dev.fun/og/image/07c024f204856a6b4e97/9a9d224d.webp","https://cdn.dev.fun/app/07c024f204856a6b4e97/63194",77,"featureScore","0","devbaseSchema","isAutomated","isTagHot","isTagMoney","isTagCrown",37,2,194,"userId","3ad0b652-8194-4d3a-af4e-bc28eaae6fa5","upstreamAppId",["B","63194"],"lastCommit",{"_14":122,"_34":125,"_126":127,"_128":129,"_71":130,"_73":131,"_132":133,"_134":135,"_136":129,"_103":104,"_32":107,"_137":17,"_138":17,"_139":25,"_97":98,"_140":-5,"_111":-5,"_6":94,"_119":120,"_141":142},["D",1746549613151],"input","make sure the blue ground floor stretches all across the screen when playing","output","<<<<<<< OLD\n create() {\n if (!this.isPracticeMode) {\n this.socket = io('wss://ws.dev.fun/app-07c024f204856a6b4e97');\n }\n this.background = this.add.tileSprite(0, 0, this.cameras.main.width, this.cameras.main.height, 'background').setOrigin(0, 0).setScrollFactor(0);\n=======\n create() {\n if (!this.isPracticeMode) {\n this.socket = io('wss://ws.dev.fun/app-07c024f204856a6b4e97');\n }\n this.background = this.add.tileSprite(0, 0, this.cameras.main.width, this.cameras.main.height, 'background').setOrigin(0, 0).setScrollFactor(0);\n this.screenWidth = this.cameras.main.width;\n>>>>>>> NEW\n\n<<<<<<< OLD\n this.ground = this.physics.add.staticGroup();\n for (let i = 0; i < 3; i++) {\n this.ground.create(i * 800, this.cameras.main.height - 50, 'platform');\n }\n=======\n // Create ground that extends across the entire screen width\n this.ground = this.physics.add.staticGroup();\n \n // Calculate how many platform pieces we need based on screen width\n const platformWidth = 800;\n const numPlatforms = Math.ceil(this.screenWidth / platformWidth) + 2; // +2 for buffer\n \n for (let i = 0; i < numPlatforms; i++) {\n this.ground.create(i * platformWidth, this.cameras.main.height - 50, 'platform');\n }\n>>>>>>> NEW\n\n<<<<<<< OLD\n update() {\n if (this.isGameOver) return;\n this.background.tilePositionX += this.gameSpeed * 0.5;\n this.clouds.forEach((cloud, index) => {\n cloud.x -= this.gameSpeed * (0.2 + index * 0.05);\n if (cloud.x < -100) {\n cloud.x = this.cameras.main.width + 100;\n cloud.y = Phaser.Math.Between(50, 150);\n }\n });\n=======\n update() {\n if (this.isGameOver) return;\n this.background.tilePositionX += this.gameSpeed * 0.5;\n this.clouds.forEach((cloud, index) => {\n cloud.x -= this.gameSpeed * (0.2 + index * 0.05);\n if (cloud.x < -100) {\n cloud.x = this.cameras.main.width + 100;\n cloud.y = Phaser.Math.Between(50, 150);\n }\n });\n>>>>>>> NEW\n\n<<<<<<< OLD\n this.ground.getChildren().forEach(ground => {\n if (ground.x < -800) {\n ground.x += 2400;\n }\n ground.x -= this.gameSpeed;\n });\n=======\n // Handle ground movement ensuring full coverage\n this.ground.getChildren().forEach(ground => {\n ground.x -= this.gameSpeed;\n \n // If platform goes off screen to the left, move it to the right\n if (ground.x < -800) {\n // Get the rightmost platform\n let rightmostX = -Infinity;\n this.ground.getChildren().forEach(platform => {\n if (platform.x > rightmostX) {\n rightmostX = platform.x;\n }\n });\n \n // Position the current platform to the right of the rightmost one\n ground.x = rightmostX + 800;\n }\n });\n>>>>>>> NEW\n\n<<<<<<< OLD\nconst platformGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n platformGraphics.fillStyle(0x87CEEB, 1);\n platformGraphics.fillRect(0, 0, 800, 100);\n platformGraphics.generateTexture('platform', 800, 100);\n platformGraphics.clear();\n=======\nconst platformGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n platformGraphics.fillStyle(0x87CEEB, 1);\n platformGraphics.fillRect(0, 0, 800, 100);\n platformGraphics.generateTexture('platform', 800, 100);\n platformGraphics.clear();\n>>>>>>> NEW","import * as Phaser from \"phaser\";\nimport { io } from \"socket.io-client\";\nimport { StateClient } from \"@devfunlabs/state-client\";\nconst stateClient = new StateClient({\n baseURL: \"https://state.dev.fun\",\n appId: \"07c024f204856a6b4e97\"\n});\nconst getProvider = () => {\n if (\"solana\" in window) {\n const provider = window.solana;\n if (provider.isPhantom) {\n return provider;\n }\n }\n window.open(\"https://phantom.app/\", \"_blank\");\n return null;\n};\nclass BootScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"BootScene\"\n });\n }\n preload() {\n const progressBar = this.add.graphics();\n const progressBox = this.add.graphics();\n progressBox.fillStyle(0x222222, 0.8);\n progressBox.fillRect(this.cameras.main.width / 2 - 160, this.cameras.main.height / 2 - 25, 320, 50);\n for (let i = 1; i <= 4; i++) {\n this.createStickmanRunFrame(i);\n }\n const loadingText = this.add.text(this.cameras.main.width / 2, this.cameras.main.height / 2 - 50, 'Loading...', {\n font: '20px Arial',\n fill: '#ffffff'\n }).setOrigin(0.5, 0.5);\n this.load.on('progress', value => {\n progressBar.clear();\n progressBar.fillStyle(0xffffff, 1);\n progressBar.fillRect(this.cameras.main.width / 2 - 150, this.cameras.main.height / 2 - 15, 300 * value, 30);\n });\n this.load.on('complete', () => {\n progressBar.destroy();\n progressBox.destroy();\n loadingText.destroy();\n });\n const stickmanGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n stickmanGraphics.fillStyle(0xFFFFFF, 1);\n stickmanGraphics.fillCircle(25, 15, 10);\n stickmanGraphics.lineStyle(3, 0xFFFFFF, 1);\n stickmanGraphics.lineBetween(25, 25, 25, 45);\n stickmanGraphics.lineBetween(25, 30, 15, 40);\n stickmanGraphics.lineBetween(25, 30, 35, 40);\n stickmanGraphics.lineBetween(25, 45, 15, 60);\n stickmanGraphics.lineBetween(25, 45, 35, 60);\n stickmanGraphics.generateTexture('stickman', 50, 70);\n stickmanGraphics.clear();\n for (let i = 1; i <= 4; i++) {\n this.createSwordStickmanFrame(i);\n }\n const obstacleGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n obstacleGraphics.fillStyle(0xFF0000, 1);\n obstacleGraphics.fillRect(0, 0, 30, 60);\n obstacleGraphics.generateTexture('obstacle', 30, 60);\n obstacleGraphics.clear();\n const spikeBallGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n spikeBallGraphics.fillStyle(0xFF00FF, 1);\n spikeBallGraphics.fillCircle(15, 15, 15);\n spikeBallGraphics.lineStyle(2, 0xFFFFFF, 1);\n for (let i = 0; i < 8; i++) {\n const angle = i / 8 * Math.PI * 2;\n const x1 = 15 + Math.cos(angle) * 15;\n const y1 = 15 + Math.sin(angle) * 15;\n const x2 = 15 + Math.cos(angle) * 25;\n const y2 = 15 + Math.sin(angle) * 25;\n spikeBallGraphics.lineBetween(x1, y1, x2, y2);\n }\n spikeBallGraphics.generateTexture('spikeBall', 30, 30);\n spikeBallGraphics.clear();\n const coinGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n coinGraphics.fillStyle(0xFFD700, 1);\n coinGraphics.fillCircle(15, 15, 15);\n coinGraphics.lineStyle(2, 0x000000, 1);\n coinGraphics.fillStyle(0x000000, 1);\n coinGraphics.fillCircle(15, 10, 4);\n coinGraphics.lineBetween(15, 14, 15, 20);\n coinGraphics.lineBetween(15, 16, 10, 18);\n coinGraphics.lineBetween(15, 16, 20, 18);\n coinGraphics.lineBetween(15, 20, 11, 25);\n coinGraphics.lineBetween(15, 20, 19, 25);\n coinGraphics.generateTexture('coin', 30, 30);\n coinGraphics.clear();\n const coinShineGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n coinShineGraphics.fillStyle(0xFFFFFF, 1);\n coinShineGraphics.fillCircle(3, 3, 3);\n coinShineGraphics.generateTexture('coinParticle', 6, 6);\n coinShineGraphics.clear();\n const platformGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n platformGraphics.fillStyle(0x87CEEB, 1);\n platformGraphics.fillRect(0, 0, 800, 100);\n platformGraphics.generateTexture('platform', 800, 100);\n platformGraphics.clear();\n const bgGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n bgGraphics.fillGradientStyle(0x3498db, 0x3498db, 0x87CEEB, 0x87CEEB, 1);\n bgGraphics.fillRect(0, 0, 800, 600);\n bgGraphics.generateTexture('background', 800, 600);\n bgGraphics.clear();\n const cloudGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n cloudGraphics.fillStyle(0xFFFFFF, 0.7);\n cloudGraphics.fillCircle(20, 20, 20);\n cloudGraphics.fillCircle(40, 15, 15);\n cloudGraphics.fillCircle(60, 20, 20);\n cloudGraphics.fillCircle(30, 25, 15);\n cloudGraphics.fillCircle(50, 25, 15);\n cloudGraphics.generateTexture('cloud', 80, 40);\n cloudGraphics.clear();\n const explosionGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n explosionGraphics.fillStyle(0xFFFFFF, 1);\n explosionGraphics.fillCircle(4, 4, 4);\n explosionGraphics.generateTexture('explosion', 8, 8);\n explosionGraphics.clear();\n }\n createStickmanRunFrame(frame) {\n const graphics = this.make.graphics({\n x: 0,\n y: 0\n });\n graphics.fillStyle(0xFFFFFF, 1);\n graphics.lineStyle(3, 0xFFFFFF, 1);\n graphics.fillCircle(25, 15, 10);\n graphics.lineBetween(25, 25, 25, 45);\n if (frame === 1) {\n graphics.lineBetween(25, 30, 35, 20);\n graphics.lineBetween(25, 30, 15, 35);\n graphics.lineBetween(25, 45, 35, 60);\n graphics.lineBetween(25, 45, 15, 50);\n } else if (frame === 2) {\n graphics.lineBetween(25, 30, 35, 30);\n graphics.lineBetween(25, 30, 15, 30);\n graphics.lineBetween(25, 45, 30, 60);\n graphics.lineBetween(25, 45, 20, 60);\n } else if (frame === 3) {\n graphics.lineBetween(25, 30, 35, 35);\n graphics.lineBetween(25, 30, 15, 20);\n graphics.lineBetween(25, 45, 15, 60);\n graphics.lineBetween(25, 45, 35, 50);\n } else if (frame === 4) {\n graphics.lineBetween(25, 30, 30, 35);\n graphics.lineBetween(25, 30, 20, 35);\n graphics.lineBetween(25, 45, 20, 60);\n graphics.lineBetween(25, 45, 30, 60);\n }\n const textureName = `stickman-run${frame}`;\n graphics.generateTexture(textureName, 50, 70);\n graphics.clear();\n return {\n key: textureName\n };\n }\n createSwordStickmanFrame(frame) {\n const graphics = this.make.graphics({\n x: 0,\n y: 0\n });\n graphics.fillStyle(0xFF4444, 1);\n graphics.lineStyle(3, 0xFF4444, 1);\n graphics.fillCircle(25, 15, 10);\n graphics.lineBetween(25, 25, 25, 45);\n graphics.lineBetween(25, 30, 15, 40);\n graphics.lineBetween(25, 45, 15, 60);\n graphics.lineBetween(25, 45, 35, 60);\n graphics.lineStyle(3, 0x0088FF, 1);\n if (frame === 1) {\n graphics.lineBetween(25, 30, 10, 10);\n graphics.lineBetween(10, 10, -5, 5);\n } else if (frame === 2) {\n graphics.lineBetween(25, 30, 5, 20);\n graphics.lineBetween(5, 20, -10, 25);\n } else if (frame === 3) {\n graphics.lineBetween(25, 30, 5, 30);\n graphics.lineBetween(5, 30, -15, 30);\n } else if (frame === 4) {\n graphics.lineBetween(25, 30, 10, 40);\n graphics.lineBetween(10, 40, -5, 50);\n }\n const textureName = `sword-stickman${frame}`;\n graphics.generateTexture(textureName, 70, 70);\n graphics.clear();\n return {\n key: textureName\n };\n }\n create() {\n this.anims.create({\n key: 'run',\n frames: [{\n key: 'stickman-run1'\n }, {\n key: 'stickman-run2'\n }, {\n key: 'stickman-run3'\n }, {\n key: 'stickman-run4'\n }],\n frameRate: 10,\n repeat: -1\n });\n this.anims.create({\n key: 'sword-swing',\n frames: [{\n key: 'sword-stickman1'\n }, {\n key: 'sword-stickman2'\n }, {\n key: 'sword-stickman3'\n }, {\n key: 'sword-stickman4'\n }, {\n key: 'sword-stickman3'\n }, {\n key: 'sword-stickman2'\n }],\n frameRate: 8,\n repeat: -1\n });\n this.scene.start('MainMenuScene');\n }\n}\nclass MainMenuScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"MainMenuScene\"\n });\n this.walletAddress = \"\";\n this.isWalletConnected = false;\n }\n create() {\n const centerX = this.cameras.main.width / 2;\n const centerY = this.cameras.main.height / 2;\n this.add.tileSprite(0, 0, this.cameras.main.width, this.cameras.main.height, 'background').setOrigin(0, 0).setScrollFactor(0);\n for (let i = 0; i < 5; i++) {\n const x = Phaser.Math.Between(100, this.cameras.main.width - 100);\n const y = Phaser.Math.Between(50, 200);\n const cloud = this.add.image(x, y, 'cloud').setAlpha(0.8);\n this.tweens.add({\n targets: cloud,\n x: cloud.x + Phaser.Math.Between(50, 150),\n duration: Phaser.Math.Between(15000, 25000),\n yoyo: true,\n repeat: -1\n });\n }\n const titleText = this.add.text(centerX, 80, 'STICKDASH', {\n fontFamily: 'Arial',\n fontSize: 64,\n color: '#ffffff',\n stroke: '#000000',\n strokeThickness: 6\n }).setOrigin(0.5);\n this.tweens.add({\n targets: titleText,\n y: titleText.y - 10,\n duration: 1500,\n ease: 'Sine.easeInOut',\n yoyo: true,\n repeat: -1\n });\n this.add.text(centerX, 140, 'Collect as many coins as you can!', {\n fontFamily: 'Arial',\n fontSize: 24,\n align: 'center',\n color: '#ffffff',\n stroke: '#000000',\n strokeThickness: 4\n }).setOrigin(0.5);\n this.add.text(centerX, 170, 'Daily top 10 scores on the leaderboard will receive Stickman and Solana tokens as a prize', {\n fontFamily: 'Arial',\n fontSize: 18,\n align: 'center',\n color: '#ffff00',\n stroke: '#000000',\n strokeThickness: 3\n }).setOrigin(0.5);\n const stickman = this.add.sprite(centerX - 80, centerY - 80, 'stickman');\n stickman.play('run');\n const enemyStickman = this.add.sprite(centerX + 80, centerY - 80, 'sword-stickman1');\n enemyStickman.play('sword-swing');\n this.add.text(centerX, centerY, 'Collect coins and dodge deadly obstacles!\\nBeware of enemies, laser walls, and fire pits!\\nHold UP ARROW or SPACE to jump higher', {\n fontFamily: 'Arial',\n fontSize: 24,\n align: 'center',\n color: '#ffffff',\n stroke: '#000000',\n strokeThickness: 4\n }).setOrigin(0.5);\n const walletContainer = this.add.container(centerX, centerY + 80);\n this.connectWalletText = this.add.text(0, 0, 'Connect your Phantom wallet to play:', {\n fontFamily: 'Arial',\n fontSize: 20,\n color: '#ffffff'\n }).setOrigin(0.5);\n walletContainer.add(this.connectWalletText);\n this.walletButton = this.add.text(0, 35, 'CONNECT WALLET', {\n fontFamily: 'Arial',\n fontSize: 24,\n color: '#ffff00',\n backgroundColor: '#663399',\n padding: {\n x: 20,\n y: 10\n }\n }).setOrigin(0.5).setInteractive({\n useHandCursor: true\n });\n walletContainer.add(this.walletButton);\n this.walletStatus = this.add.text(0, 75, 'Not connected', {\n fontFamily: 'Arial',\n fontSize: 16,\n color: '#ff6666'\n }).setOrigin(0.5);\n walletContainer.add(this.walletStatus);\n this.walletButton.on('pointerover', () => {\n this.walletButton.setScale(1.1);\n });\n this.walletButton.on('pointerout', () => {\n this.walletButton.setScale(1);\n });\n this.walletButton.on('pointerdown', async () => {\n if (this.isWalletConnected) {\n await this.disconnectWallet();\n } else {\n await this.connectWallet();\n }\n });\n const buttonContainer = this.add.container(centerX, centerY + 220);\n this.practiceButton = this.add.text(-150, 0, 'PRACTICE MODE', {\n fontFamily: 'Arial',\n fontSize: 28,\n color: '#ffffff',\n backgroundColor: '#885500',\n padding: {\n x: 15,\n y: 10\n }\n }).setOrigin(0.5).setInteractive({\n useHandCursor: true\n });\n buttonContainer.add(this.practiceButton);\n this.startButton = this.add.text(150, 0, 'START GAME', {\n fontFamily: 'Arial',\n fontSize: 28,\n color: '#ffffff',\n backgroundColor: '#444444',\n padding: {\n x: 15,\n y: 10\n }\n }).setOrigin(0.5).setInteractive({\n useHandCursor: true\n });\n buttonContainer.add(this.startButton);\n const leaderboardButton = this.add.text(0, 60, 'LEADERBOARD', {\n fontFamily: 'Arial',\n fontSize: 24,\n color: '#ffffff',\n backgroundColor: '#0000aa',\n padding: {\n x: 20,\n y: 10\n }\n }).setOrigin(0.5).setInteractive({\n useHandCursor: true\n });\n buttonContainer.add(leaderboardButton);\n const leaderboardTooltip = this.add.text(leaderboardButton.x, leaderboardButton.y + 30, 'View top scores - No wallet needed!', {\n fontFamily: 'Arial',\n fontSize: 14,\n color: '#aaaaff'\n }).setOrigin(0.5).setAlpha(0);\n buttonContainer.add(leaderboardTooltip);\n leaderboardButton.on('pointerover', () => {\n leaderboardButton.setScale(1.1);\n leaderboardTooltip.setAlpha(1);\n });\n leaderboardButton.on('pointerout', () => {\n leaderboardButton.setScale(1);\n leaderboardTooltip.setAlpha(0);\n });\n this.practiceButton.on('pointerover', () => {\n this.practiceButton.setScale(1.1);\n });\n this.practiceButton.on('pointerout', () => {\n this.practiceButton.setScale(1);\n });\n this.practiceButton.on('pointerdown', () => {\n this.scene.start('GameScene', {\n walletAddress: '',\n isPracticeMode: true\n });\n });\n this.startButton.on('pointerover', () => {\n if (this.isWalletConnected) {\n this.startButton.setScale(1.1);\n }\n });\n this.startButton.on('pointerout', () => {\n this.startButton.setScale(1);\n });\n this.startButton.on('pointerdown', () => {\n if (this.isWalletConnected) {\n this.scene.start('GameScene', {\n walletAddress: this.walletAddress,\n isPracticeMode: false\n });\n } else {\n this.tweens.add({\n targets: this.walletButton,\n x: this.walletButton.x + 10,\n duration: 50,\n yoyo: true,\n repeat: 3\n });\n this.walletStatus.setText('Please connect wallet first!');\n this.walletStatus.setColor('#ff0000');\n }\n });\n leaderboardButton.on('pointerover', () => {\n leaderboardButton.setScale(1.1);\n });\n leaderboardButton.on('pointerout', () => {\n leaderboardButton.setScale(1);\n });\n leaderboardButton.on('pointerdown', () => {\n this.scene.launch('LeaderboardScene');\n });\n const xLogoContainer = this.add.container(centerX, centerY + 320);\n const xSymbol = this.add.text(0, 0, \"𝕏\", {\n fontFamily: 'Arial',\n fontSize: 32,\n color: '#ffffff',\n fontStyle: 'bold'\n }).setOrigin(0.5);\n xSymbol.setInteractive({\n useHandCursor: true\n });\n const twitterText = this.add.text(0, 30, '@StickdashSOL', {\n fontFamily: 'Arial',\n fontSize: 14,\n color: '#aaaaff'\n }).setOrigin(0.5);\n xLogoContainer.add([xSymbol, twitterText]);\n xSymbol.on('pointerover', () => {\n xSymbol.setScale(1.2);\n twitterText.setAlpha(1);\n });\n xSymbol.on('pointerout', () => {\n xSymbol.setScale(1);\n twitterText.setAlpha(0.8);\n });\n xSymbol.on('pointerdown', () => {\n window.open('https://x.com/StickdashSOL', '_blank');\n });\n this.connectWallet = async () => {\n try {\n const provider = getProvider();\n if (!provider) return;\n this.walletStatus.setText('Connecting...');\n this.walletStatus.setColor('#ffff00');\n await provider.connect();\n const publicKey = provider.publicKey.toString();\n this.walletAddress = publicKey;\n this.isWalletConnected = true;\n const shortAddress = `${publicKey.substring(0, 4)}...${publicKey.substring(publicKey.length - 4)}`;\n this.walletStatus.setText(`Connected: ${shortAddress}`);\n this.walletStatus.setColor('#00ff00');\n this.walletButton.setText('DISCONNECT WALLET');\n this.startButton.setBackgroundColor('#00aa00');\n } catch (error) {\n console.error('Error connecting wallet:', error);\n this.walletStatus.setText('Connection failed');\n this.walletStatus.setColor('#ff0000');\n }\n };\n this.disconnectWallet = async () => {\n try {\n const provider = getProvider();\n if (provider) {\n await provider.disconnect();\n }\n this.walletAddress = \"\";\n this.isWalletConnected = false;\n this.walletStatus.setText('Not connected');\n this.walletStatus.setColor('#ff6666');\n this.walletButton.setText('CONNECT WALLET');\n this.startButton.setBackgroundColor('#444444');\n } catch (error) {\n console.error('Error disconnecting wallet:', error);\n }\n };\n this.tryAutoConnect = async provider => {\n try {\n const publicKey = provider.publicKey.toString();\n this.walletAddress = publicKey;\n this.isWalletConnected = true;\n const shortAddress = `${publicKey.substring(0, 4)}...${publicKey.substring(publicKey.length - 4)}`;\n this.walletStatus.setText(`Connected: ${shortAddress}`);\n this.walletStatus.setColor('#00ff00');\n this.walletButton.setText('DISCONNECT WALLET');\n this.startButton.setBackgroundColor('#00aa00');\n } catch (error) {\n console.error('Error auto-connecting wallet:', error);\n }\n };\n const provider = getProvider();\n if (provider && provider.isConnected) {\n this.tryAutoConnect(provider);\n }\n }\n}\nclass GameScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"GameScene\"\n });\n this.walletAddress = \"\";\n this.score = 0;\n this.coinsCollected = 0;\n this.distance = 0;\n this.gameSpeed = 5;\n this.isGameOver = false;\n this.obstacleSpawnTime = 2000;\n this.coinSpawnTime = 1500;\n this.isPracticeMode = false;\n this.isJumping = false;\n this.jumpTimer = 0;\n this.maxJumpTime = 0.3;\n this.obstacleTypes = ['basic', 'spikeBall', 'firePit', 'laser'];\n this.currentDifficulty = 0;\n }\n init(data) {\n if (data.walletAddress) {\n this.walletAddress = data.walletAddress;\n }\n this.isPracticeMode = data.isPracticeMode || false;\n this.score = 0;\n this.coinsCollected = 0;\n this.distance = 0;\n this.gameSpeed = 5;\n this.isGameOver = false;\n this.isJumping = false;\n this.jumpTimer = 0;\n this.maxJumpHeight = 0;\n this.isFalling = false;\n }\n create() {\n if (!this.isPracticeMode) {\n this.socket = io('wss://ws.dev.fun/app-07c024f204856a6b4e97');\n }\n this.background = this.add.tileSprite(0, 0, this.cameras.main.width, this.cameras.main.height, 'background').setOrigin(0, 0).setScrollFactor(0);\n this.screenWidth = this.cameras.main.width;\n if (this.isPracticeMode) {\n this.practiceText = this.add.text(this.cameras.main.width - 20, 20, 'PRACTICE MODE', {\n fontSize: '18px',\n color: '#ffaa00',\n stroke: '#000000',\n strokeThickness: 4\n }).setOrigin(1, 0).setScrollFactor(0);\n }\n const tipText = this.add.text(this.cameras.main.width / 2, 150, 'TIP: New obstacles unlock as your score increases!', {\n fontFamily: 'Arial',\n fontSize: 20,\n align: 'center',\n color: '#ffff00',\n stroke: '#000000',\n strokeThickness: 3\n }).setOrigin(0.5).setScrollFactor(0).setDepth(100);\n this.tweens.add({\n targets: tipText,\n alpha: {\n from: 0.5,\n to: 1\n },\n duration: 500,\n ease: 'Sine.InOut',\n yoyo: true,\n repeat: 1,\n onComplete: () => {\n tipText.destroy();\n }\n });\n this.isJumping = false;\n this.jumpTimer = 0;\n this.input.keyboard.on('keyup-SPACE', () => {\n this.isJumping = false;\n });\n this.input.keyboard.on('keyup-UP', () => {\n this.isJumping = false;\n });\n this.clouds = [];\n for (let i = 0; i < 5; i++) {\n const cloud = this.add.image(Phaser.Math.Between(0, this.cameras.main.width), Phaser.Math.Between(50, 150), 'cloud').setAlpha(0.7);\n this.clouds.push(cloud);\n }\n this.ground = this.physics.add.staticGroup();\n const platformWidth = 800;\n const numPlatforms = Math.ceil(this.screenWidth / platformWidth) + 2;\n for (let i = 0; i < numPlatforms; i++) {\n this.ground.create(i * platformWidth, this.cameras.main.height - 50, 'platform');\n }\n this.player = this.physics.add.sprite(150, this.cameras.main.height - 150, 'stickman');\n this.player.setGravityY(1000);\n this.player.setCollideWorldBounds(true);\n this.player.play('run');\n this.player.setSize(20, 65);\n this.physics.add.collider(this.player, this.ground);\n this.obstacles = this.physics.add.group();\n this.coins = this.physics.add.group();\n this.physics.add.overlap(this.player, this.obstacles, this.hitObstacle, null, this);\n this.physics.add.overlap(this.player, this.coins, this.collectCoin, null, this);\n this.cursors = this.input.keyboard.createCursorKeys();\n this.scoreText = this.add.text(20, 20, 'Score: 0', {\n fontSize: '24px',\n color: '#ffffff',\n stroke: '#000000',\n strokeThickness: 4\n }).setScrollFactor(0);\n this.obstacleTimer = this.time.addEvent({\n delay: this.obstacleSpawnTime,\n callback: this.spawnObstacle,\n callbackScope: this,\n loop: true\n });\n this.coinTimer = this.time.addEvent({\n delay: this.coinSpawnTime,\n callback: this.spawnCoin,\n callbackScope: this,\n loop: true\n });\n this.speedIncreaseTimer = this.time.addEvent({\n delay: 10000,\n callback: this.increaseGameSpeed,\n callbackScope: this,\n loop: true\n });\n }\n spawnDoubleJumpChallenge() {\n if (this.isGameOver) return;\n let firstObstacle = this.obstacles.create(this.cameras.main.width + 100, this.cameras.main.height - 110, 'sword-stickman1');\n firstObstacle.play('sword-swing');\n firstObstacle.setScale(1, 1);\n firstObstacle.setData('type', 'basic');\n firstObstacle.setImmovable(true);\n const gapDistance = Phaser.Math.Between(200, 250);\n let secondObstacle;\n const secondType = Phaser.Math.Between(0, 2);\n if (secondType === 0) {\n secondObstacle = this.obstacles.create(this.cameras.main.width + 100 + gapDistance, this.cameras.main.height - 110, 'sword-stickman1');\n secondObstacle.play('sword-swing');\n secondObstacle.setScale(1, 1);\n secondObstacle.setData('type', 'basic');\n } else if (secondType === 1) {\n secondObstacle = this.obstacles.create(this.cameras.main.width + 100 + gapDistance, this.cameras.main.height - 180, 'obstacle');\n secondObstacle.setScale(0.8, 0.8);\n secondObstacle.setCircle(15);\n secondObstacle.setTint(0xFF00FF);\n secondObstacle.setData('type', 'spikeBall');\n } else {\n secondObstacle = this.obstacles.create(this.cameras.main.width + 100 + gapDistance, this.cameras.main.height - 75, 'obstacle');\n secondObstacle.setScale(2.5, 0.4);\n secondObstacle.setTint(0xFF6600);\n secondObstacle.setData('type', 'firePit');\n const fireParticles = this.add.particles(secondObstacle.x, secondObstacle.y - 10, 'explosion', {\n speed: {\n min: 50,\n max: 100\n },\n angle: {\n min: 230,\n max: 310\n },\n scale: {\n start: 0.6,\n end: 0\n },\n lifespan: 600,\n frequency: 10,\n tint: [0xff0000, 0xffff00]\n });\n secondObstacle.setData('particles', fireParticles);\n }\n secondObstacle.setImmovable(true);\n }\n update() {\n if (this.isGameOver) return;\n this.background.tilePositionX += this.gameSpeed * 0.5;\n this.clouds.forEach((cloud, index) => {\n cloud.x -= this.gameSpeed * (0.2 + index * 0.05);\n if (cloud.x < -100) {\n cloud.x = this.cameras.main.width + 100;\n cloud.y = Phaser.Math.Between(50, 150);\n }\n });\n if (this.player.body.touching.down) {\n this.isFalling = false;\n this.player.setGravityY(1000);\n if (this.cursors.up.isDown || this.cursors.space.isDown) {\n this.player.setVelocityY(-450);\n this.isJumping = true;\n this.jumpTimer = 0;\n this.maxJumpHeight = this.player.y;\n }\n }\n if (this.isJumping) {\n if (this.player.y < this.maxJumpHeight) {\n this.maxJumpHeight = this.player.y;\n }\n if ((this.cursors.up.isDown || this.cursors.space.isDown) && this.jumpTimer < this.maxJumpTime) {\n this.player.setVelocityY(-450 - this.jumpTimer * 200);\n this.jumpTimer += this.scene.systems.game.loop.delta / 1000;\n } else {\n this.isJumping = false;\n }\n }\n if (!this.player.body.touching.down && this.player.body.velocity.y > 0) {\n if (!this.isFalling) {\n this.isFalling = true;\n const groundY = this.cameras.main.height - 150;\n const jumpHeight = groundY - this.maxJumpHeight;\n const maxPossibleHeight = 150;\n const jumpPercent = jumpHeight / maxPossibleHeight;\n if (jumpPercent < 0.7) {\n const gravityMultiplier = 2.0 - jumpPercent;\n this.player.setGravityY(1000 * gravityMultiplier);\n }\n }\n }\n this.distance += this.gameSpeed / 10;\n this.score = this.coinsCollected * 10;\n this.scoreText.setText(`Score: ${this.score} (Coins: ${this.coinsCollected})`);\n this.ground.getChildren().forEach(ground => {\n ground.x -= this.gameSpeed;\n if (ground.x < -800) {\n let rightmostX = -Infinity;\n this.ground.getChildren().forEach(platform => {\n if (platform.x > rightmostX) {\n rightmostX = platform.x;\n }\n });\n ground.x = rightmostX + 800;\n }\n });\n this.obstacles.getChildren().forEach(obstacle => {\n obstacle.x -= this.gameSpeed;\n if (obstacle.getData('type') === 'spikeBall') {} else if (obstacle.getData('type') === 'firePit') {\n const particles = obstacle.getData('particles');\n if (particles) {\n particles.setPosition(obstacle.x, obstacle.y - 10);\n }\n } else if (obstacle.getData('type') === 'laser') {}\n if (obstacle.x < -obstacle.width) {\n if (obstacle.getData('type') === 'firePit') {\n const particles = obstacle.getData('particles');\n if (particles) {\n particles.destroy();\n }\n }\n obstacle.destroy();\n }\n });\n this.coins.getChildren().forEach(coin => {\n coin.x -= this.gameSpeed;\n if (coin.x < -coin.width) {\n if (coin.shine) {\n coin.shine.destroy();\n }\n coin.destroy();\n }\n if (coin.update) {\n coin.update();\n }\n coin.angle += 2;\n });\n }\n spawnObstacle() {\n if (this.isGameOver) return;\n let maxObstacleType = 2;\n if (this.score > 50) maxObstacleType = 3;\n if (this.score > 100) maxObstacleType = 4;\n if (this.score > 150) maxObstacleType = 5;\n if (this.score > 150 && Phaser.Math.Between(1, 10) <= 4) {\n this.spawnDoubleJumpChallenge();\n return;\n }\n const obstacleType = Phaser.Math.Between(0, maxObstacleType);\n let obstacle;\n if (obstacleType > 5) {\n obstacle = this.obstacles.create(this.cameras.main.width + 100, this.cameras.main.height - 110, 'sword-stickman1');\n obstacle.play('sword-swing');\n obstacle.setScale(1, 1);\n obstacle.setData('type', 'basic');\n } else if (obstacleType === 0) {\n obstacle = this.obstacles.create(this.cameras.main.width + 100, this.cameras.main.height - 110, 'sword-stickman1');\n obstacle.play('sword-swing');\n obstacle.setScale(1, 1);\n obstacle.setData('type', 'basic');\n } else if (obstacleType === 1) {\n obstacle = this.obstacles.create(this.cameras.main.width + 100, this.cameras.main.height - 110, 'sword-stickman1');\n obstacle.play('sword-swing');\n obstacle.setScale(1.2, 1.2);\n obstacle.setData('type', 'basic');\n } else if (obstacleType === 2) {\n obstacle = this.obstacles.create(this.cameras.main.width + 100, this.cameras.main.height - 110, 'sword-stickman1');\n obstacle.play('sword-swing');\n obstacle.setScale(0.9, 0.9);\n obstacle.setData('type', 'basic');\n } else if (obstacleType === 3) {\n obstacle = this.obstacles.create(this.cameras.main.width + 100, this.cameras.main.height - 180, 'obstacle');\n obstacle.setScale(0.8, 0.8);\n obstacle.setCircle(15);\n obstacle.setTint(0xFF00FF);\n obstacle.setData('type', 'spikeBall');\n obstacle.setData('baseY', obstacle.y);\n this.tweens.add({\n targets: obstacle,\n y: obstacle.y + 60,\n duration: 1000,\n yoyo: true,\n repeat: -1\n });\n } else if (obstacleType === 4) {\n obstacle = this.obstacles.create(this.cameras.main.width + 100, this.cameras.main.height - 75, 'obstacle');\n obstacle.setScale(2.5, 0.4);\n obstacle.setTint(0xFF6600);\n obstacle.setData('type', 'firePit');\n const fireParticles = this.add.particles(obstacle.x, obstacle.y - 10, 'explosion', {\n speed: {\n min: 50,\n max: 100\n },\n angle: {\n min: 230,\n max: 310\n },\n scale: {\n start: 0.6,\n end: 0\n },\n lifespan: 600,\n frequency: 10,\n tint: [0xff0000, 0xffff00]\n });\n obstacle.setData('particles', fireParticles);\n } else if (obstacleType === 5) {\n obstacle = this.obstacles.create(this.cameras.main.width + 100, this.cameras.main.height - 160, 'obstacle');\n obstacle.setScale(0.5, 2.5);\n obstacle.setTint(0xFF8000);\n obstacle.setData('type', 'laser');\n this.tweens.add({\n targets: obstacle,\n alpha: {\n from: 0.9,\n to: 0.5\n },\n scale: {\n x: 0.6,\n y: 2.6\n },\n duration: 300,\n yoyo: true,\n repeat: -1\n });\n }\n if (obstacle) {\n obstacle.setImmovable(true);\n this.obstacleSpawnTime = Math.max(500, this.obstacleSpawnTime - 10);\n this.obstacleTimer.delay = this.obstacleSpawnTime;\n }\n }\n spawnCoin() {\n if (this.isGameOver) return;\n const coinHeight = Phaser.Math.Between(0, 2);\n let yPosition;\n if (coinHeight === 0) {\n yPosition = this.cameras.main.height - 130;\n } else if (coinHeight === 1) {\n yPosition = this.cameras.main.height - 180;\n } else {\n yPosition = this.cameras.main.height - 240;\n }\n const coin = this.coins.create(this.cameras.main.width + 100, yPosition, 'coin');\n this.tweens.add({\n targets: coin,\n angle: 360,\n duration: 1500,\n repeat: -1,\n ease: 'Linear'\n });\n const shine = this.add.image(coin.x, coin.y, 'coinParticle').setScale(0).setBlendMode('ADD');\n this.tweens.add({\n targets: shine,\n scale: 1.5,\n alpha: {\n from: 0.8,\n to: 0\n },\n duration: 700,\n repeat: -1,\n repeatDelay: 1000,\n ease: 'Sine.easeOut'\n });\n coin.shine = shine;\n coin.update = function () {\n if (this.shine) {\n this.shine.x = this.x;\n this.shine.y = this.y;\n }\n };\n }\n collectCoin(player, coin) {\n const coinEffect = this.add.particles(coin.x, coin.y, 'coinParticle', {\n speed: {\n min: 50,\n max: 150\n },\n scale: {\n start: 0.8,\n end: 0\n },\n lifespan: 300,\n quantity: 15,\n blendMode: 'ADD',\n emitting: false\n });\n coinEffect.explode(15);\n this.time.delayedCall(300, () => {\n coinEffect.destroy();\n });\n if (coin.shine) {\n coin.shine.destroy();\n }\n coin.destroy();\n this.coinsCollected++;\n this.score = this.coinsCollected * 10;\n this.scoreText.setText(`Score: ${this.score} (Coins: ${this.coinsCollected})`);\n this.tweens.add({\n targets: this.scoreText,\n scale: 1.2,\n duration: 100,\n yoyo: true\n });\n }\n hitObstacle(player, obstacle) {\n if (this.isGameOver) return;\n this.isGameOver = true;\n player.play('run');\n player.setTint(0xff0000);\n this.obstacleTimer.remove();\n this.coinTimer.remove();\n this.speedIncreaseTimer.remove();\n const obstacleType = obstacle.getData('type');\n let particleColor = [0xff0000, 0xffff00];\n let particleCount = 40;\n let particleSpeed = {\n min: 100,\n max: 300\n };\n if (obstacleType === 'basic') {\n particleColor = [0xff8888, 0xffaaaa];\n particleCount = 30;\n obstacle.anims.timeScale = 2;\n this.tweens.add({\n targets: obstacle,\n y: obstacle.y - 20,\n duration: 300,\n yoyo: true,\n repeat: 2\n });\n } else if (obstacleType === 'spikeBall') {\n particleColor = [0xff00ff, 0xff88ff];\n particleCount = 60;\n this.tweens.add({\n targets: obstacle,\n scale: 1.5,\n alpha: 0,\n duration: 300\n });\n } else if (obstacleType === 'firePit') {\n particleColor = [0xff0000, 0xffaa00];\n particleCount = 80;\n particleSpeed = {\n min: 150,\n max: 350\n };\n } else if (obstacleType === 'laser') {\n particleColor = [0xFF8000, 0xFFAA00];\n this.tweens.add({\n targets: player,\n alpha: 0,\n scale: 1.5,\n duration: 500\n });\n }\n this.add.particles(player.x, player.y, 'explosion', {\n speed: particleSpeed,\n scale: {\n start: 1,\n end: 0\n },\n lifespan: 800,\n blendMode: 'ADD',\n tint: particleColor,\n quantity: particleCount\n });\n this.cameras.main.shake(500, 0.05);\n this.submitScore();\n this.time.delayedCall(1200, () => {\n this.scene.start('GameOverScene', {\n score: this.score,\n walletAddress: this.walletAddress,\n isPracticeMode: this.isPracticeMode,\n deathBy: obstacleType\n });\n if (this.socket) {\n this.socket.disconnect();\n this.socket = undefined;\n }\n });\n }\n increaseGameSpeed() {\n this.gameSpeed = Math.min(15, this.gameSpeed + 0.5);\n }\n async submitScore() {\n if (this.isPracticeMode) {\n return;\n }\n try {\n const timestamp = new Date().toISOString();\n const id = Date.now().toString();\n await stateClient.createEntity('leaderboard', {\n id,\n walletAddress: this.walletAddress,\n score: this.score,\n timestamp: timestamp\n });\n if (this.socket) {\n const shortAddress = `${this.walletAddress.substring(0, 4)}...${this.walletAddress.substring(this.walletAddress.length - 4)}`;\n this.socket.emit('new-score', {\n playerName: shortAddress,\n score: this.score,\n walletAddress: this.walletAddress,\n timestamp: timestamp\n });\n }\n } catch (error) {\n console.error(\"Error submitting score:\", error);\n }\n }\n}\nclass GameOverScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"GameOverScene\"\n });\n }\n init(data) {\n this.score = data.score || 0;\n this.walletAddress = data.walletAddress || \"\";\n this.isPracticeMode = data.isPracticeMode || false;\n this.deathBy = data.deathBy || \"basic\";\n }\n create() {\n const centerX = this.cameras.main.width / 2;\n const centerY = this.cameras.main.height / 2;\n this.add.tileSprite(0, 0, this.cameras.main.width, this.cameras.main.height, 'background').setOrigin(0, 0).setScrollFactor(0).setTint(0x888888);\n let gameOverText = 'GAME OVER';\n let textColor = '#ff0000';\n if (this.deathBy === 'basic') {\n gameOverText = 'SLICED!';\n textColor = '#ff4444';\n } else if (this.deathBy === 'spikeBall') {\n gameOverText = 'SPIKED!';\n textColor = '#ff00ff';\n } else if (this.deathBy === 'firePit') {\n gameOverText = 'BURNED!';\n textColor = '#ff6600';\n } else if (this.deathBy === 'laser') {\n gameOverText = 'ZAPPED!';\n textColor = '#00ffff';\n }\n this.add.text(centerX, 100, gameOverText, {\n fontFamily: 'Arial',\n fontSize: 64,\n color: textColor,\n stroke: '#000000',\n strokeThickness: 6\n }).setOrigin(0.5);\n const infoContainer = this.add.container(centerX, 180);\n if (this.isPracticeMode) {\n infoContainer.add(this.add.text(0, 0, 'PRACTICE MODE', {\n fontFamily: 'Arial',\n fontSize: 28,\n color: '#ffaa00',\n stroke: '#000000',\n strokeThickness: 4\n }).setOrigin(0.5));\n } else {\n const shortAddress = this.walletAddress ? `${this.walletAddress.substring(0, 4)}...${this.walletAddress.substring(this.walletAddress.length - 4)}` : \"Unknown Wallet\";\n infoContainer.add(this.add.text(0, 0, `Wallet: ${shortAddress}`, {\n fontFamily: 'Arial',\n fontSize: 24,\n color: '#ffffff',\n stroke: '#000000',\n strokeThickness: 4\n }).setOrigin(0.5));\n }\n const coinsCollected = Math.floor(this.score / 10);\n infoContainer.add(this.add.text(0, 40, `Score: ${this.score} (Coins: ${coinsCollected})`, {\n fontFamily: 'Arial',\n fontSize: 32,\n color: '#ffffff',\n stroke: '#000000',\n strokeThickness: 4\n }).setOrigin(0.5));\n if (this.isPracticeMode) {\n infoContainer.add(this.add.text(0, 80, 'Connect wallet to record your scores!', {\n fontFamily: 'Arial',\n fontSize: 20,\n color: '#ffaa00',\n stroke: '#000000',\n strokeThickness: 3\n }).setOrigin(0.5));\n } else if (this.walletAddress) {\n const walletInfo = this.add.text(0, 80, 'Your score has been saved to the leaderboard', {\n fontFamily: 'Arial',\n fontSize: 20,\n color: '#00ffff',\n stroke: '#000000',\n strokeThickness: 3\n }).setOrigin(0.5);\n infoContainer.add(walletInfo);\n }\n const buttonContainer = this.add.container(centerX, centerY + 60);\n const playAgainButton = this.add.text(-150, 0, 'PLAY AGAIN', {\n fontFamily: 'Arial',\n fontSize: 28,\n color: '#ffffff',\n backgroundColor: '#008800',\n padding: {\n x: 20,\n y: 10\n }\n }).setOrigin(0.5).setInteractive({\n useHandCursor: true\n });\n const mainMenuButton = this.add.text(150, 0, 'MAIN MENU', {\n fontFamily: 'Arial',\n fontSize: 28,\n color: '#ffffff',\n backgroundColor: '#0000aa',\n padding: {\n x: 20,\n y: 10\n }\n }).setOrigin(0.5).setInteractive({\n useHandCursor: true\n });\n const leaderboardButton = this.add.text(0, 70, 'VIEW LEADERBOARD', {\n fontFamily: 'Arial',\n fontSize: 24,\n color: '#ffffff',\n backgroundColor: '#aa5500',\n padding: {\n x: 20,\n y: 10\n }\n }).setOrigin(0.5).setInteractive({\n useHandCursor: true\n });\n buttonContainer.add([playAgainButton, mainMenuButton, leaderboardButton]);\n if (this.isPracticeMode) {\n const connectWalletButton = this.add.text(0, 140, 'CONNECT WALLET TO COMPETE', {\n fontFamily: 'Arial',\n fontSize: 20,\n color: '#ffffff',\n backgroundColor: '#005599',\n padding: {\n x: 20,\n y: 10\n }\n }).setOrigin(0.5).setInteractive({\n useHandCursor: true\n });\n connectWalletButton.on('pointerover', () => connectWalletButton.setScale(1.1));\n connectWalletButton.on('pointerout', () => connectWalletButton.setScale(1));\n connectWalletButton.on('pointerdown', () => {\n this.scene.start('MainMenuScene');\n });\n buttonContainer.add(connectWalletButton);\n }\n playAgainButton.on('pointerover', () => playAgainButton.setScale(1.1));\n playAgainButton.on('pointerout', () => playAgainButton.setScale(1));\n playAgainButton.on('pointerdown', () => {\n this.scene.start('GameScene', {\n walletAddress: this.walletAddress,\n isPracticeMode: this.isPracticeMode\n });\n });\n mainMenuButton.on('pointerover', () => mainMenuButton.setScale(1.1));\n mainMenuButton.on('pointerout', () => mainMenuButton.setScale(1));\n mainMenuButton.on('pointerdown', () => {\n this.scene.start('MainMenuScene');\n });\n leaderboardButton.on('pointerover', () => leaderboardButton.setScale(1.1));\n leaderboardButton.on('pointerout', () => leaderboardButton.setScale(1));\n leaderboardButton.on('pointerdown', () => {\n this.scene.launch('LeaderboardScene');\n });\n this.add.particles(centerX, -10, 'explosion', {\n x: {\n min: -this.cameras.main.width / 2,\n max: this.cameras.main.width / 2\n },\n y: 0,\n speed: {\n min: 50,\n max: 150\n },\n angle: {\n min: 80,\n max: 100\n },\n scale: {\n start: 0.2,\n end: 0\n },\n lifespan: 4000,\n frequency: 500,\n blendMode: 'ADD',\n tint: [0xff0000, 0xffff00, 0x00ff00]\n });\n }\n}\nclass LeaderboardScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"LeaderboardScene\"\n });\n this.leaderboardData = [];\n }\n async create() {\n const centerX = this.cameras.main.width / 2;\n this.add.rectangle(0, 0, this.cameras.main.width, this.cameras.main.height, 0x000000, 0.8).setOrigin(0, 0);\n this.add.rectangle(centerX, 80, 300, 2, 0xffffff, 0.8).setOrigin(0.5);\n const now = new Date();\n const tomorrow = new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate() + 1));\n const timeUntilReset = tomorrow - now;\n const loadingText = this.add.text(centerX, 300, 'Loading today\\'s scores...', {\n fontFamily: 'Arial',\n fontSize: 24,\n color: '#ffffff'\n }).setOrigin(0.5);\n try {\n const leaderboardData = await stateClient.getEntities('leaderboard');\n const now = new Date();\n const startOfDay = new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate()));\n const dailyScores = leaderboardData.filter(entry => {\n const scoreTimestamp = new Date(entry.timestamp);\n return scoreTimestamp >= startOfDay;\n });\n this.leaderboardData = dailyScores.sort((a, b) => b.score - a.score).slice(0, 10);\n loadingText.destroy();\n const tableContainer = this.add.container(centerX, 120);\n const headerBg = this.add.rectangle(0, 0, 600, 40, 0x333366).setOrigin(0.5, 0);\n tableContainer.add(headerBg);\n const headerRank = this.add.text(-200, 8, 'RANK', {\n fontFamily: 'Arial',\n fontSize: 24,\n color: '#ffff00'\n }).setOrigin(0.5, 0);\n const headerWallet = this.add.text(0, 8, 'WALLET', {\n fontFamily: 'Arial',\n fontSize: 24,\n color: '#ffff00'\n }).setOrigin(0.5, 0);\n const headerScore = this.add.text(200, 8, 'SCORE', {\n fontFamily: 'Arial',\n fontSize: 24,\n color: '#ffff00'\n }).setOrigin(0.5, 0);\n tableContainer.add([headerRank, headerWallet, headerScore]);\n if (this.leaderboardData.length === 0) {\n const noScoresText = this.add.text(0, 80, 'No scores yet today. Be the first!', {\n fontFamily: 'Arial',\n fontSize: 24,\n color: '#ffffff'\n }).setOrigin(0.5);\n tableContainer.add(noScoresText);\n } else {\n this.leaderboardData.forEach((entry, index) => {\n const rowY = 50 + index * 45;\n const rowBg = this.add.rectangle(0, rowY, 600, 40, index % 2 === 0 ? 0x222244 : 0x333355).setOrigin(0.5, 0);\n tableContainer.add(rowBg);\n let rankColor;\n let rankPrefix = '#';\n if (index === 0) {\n rankColor = '#ffd700';\n rankPrefix = '🥇 ';\n } else if (index === 1) {\n rankColor = '#c0c0c0';\n rankPrefix = '🥈 ';\n } else if (index === 2) {\n rankColor = '#cd7f32';\n rankPrefix = '🥉 ';\n } else {\n rankColor = '#ffffff';\n }\n const rankText = this.add.text(-200, rowY + 8, `${rankPrefix}${index + 1}`, {\n fontFamily: 'Arial',\n fontSize: 20,\n color: rankColor\n }).setOrigin(0.5, 0);\n tableContainer.add(rankText);\n const shortAddress = entry.walletAddress ? `${entry.walletAddress.substring(0, 4)}...${entry.walletAddress.substring(entry.walletAddress.length - 4)}` : entry.playerName || \"Unknown\";\n const addressText = this.add.text(0, rowY + 8, shortAddress, {\n fontFamily: 'Arial',\n fontSize: 20,\n color: '#ffffff'\n }).setOrigin(0.5, 0);\n tableContainer.add(addressText);\n if (entry.walletAddress) {\n addressText.setInteractive({\n useHandCursor: true\n });\n addressText.on('pointerdown', () => {\n window.open(`https://solscan.io/account/${entry.walletAddress}?cluster=devnet`, '_blank');\n });\n addressText.on('pointerover', () => {\n addressText.setColor('#00ffff');\n const underline = this.add.line(addressText.x - addressText.width / 2, addressText.y + addressText.height, 0, 0, addressText.width, 0, 0x00ffff).setOrigin(0, 0);\n addressText.underline = underline;\n tableContainer.add(underline);\n });\n addressText.on('pointerout', () => {\n addressText.setColor('#ffffff');\n if (addressText.underline) {\n addressText.underline.destroy();\n delete addressText.underline;\n }\n });\n }\n const scoreColor = entry.score > 100 ? '#ffff00' : '#ffffff';\n const scoreText = this.add.text(200, rowY + 8, entry.score.toString(), {\n fontFamily: 'Arial',\n fontSize: 20,\n color: scoreColor\n }).setOrigin(0.5, 0);\n tableContainer.add(scoreText);\n });\n }\n } catch (error) {\n loadingText.setText('Error loading leaderboard data');\n console.error(\"Error fetching leaderboard:\", error);\n }\n this.socket = io('wss://ws.dev.fun/app-07c024f204856a6b4e97');\n this.socket.on('new-score', data => {\n const displayName = data.playerName || (data.walletAddress ? `${data.walletAddress.substring(0, 4)}...${data.walletAddress.substring(data.walletAddress.length - 4)}` : \"Unknown\");\n const now = new Date();\n const startOfDay = new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate()));\n const scoreTimestamp = data.timestamp ? new Date(data.timestamp) : now;\n if (scoreTimestamp >= startOfDay) {\n const notificationBg = this.add.rectangle(centerX, this.cameras.main.height - 100, 400, 60, 0x550000).setOrigin(0.5);\n const notification = this.add.text(centerX, this.cameras.main.height - 100, `${displayName} just scored ${data.score} points!`, {\n fontFamily: 'Arial',\n fontSize: 20,\n color: '#ffff00',\n padding: {\n x: 10,\n y: 5\n }\n }).setOrigin(0.5);\n this.tweens.add({\n targets: [notificationBg, notification],\n y: '-=20',\n alpha: {\n from: 0,\n to: 1\n },\n duration: 500,\n ease: 'Back.easeOut',\n onComplete: () => {\n this.time.delayedCall(2000, () => {\n this.tweens.add({\n targets: [notificationBg, notification],\n y: '+=20',\n alpha: 0,\n duration: 500,\n ease: 'Back.easeIn',\n onComplete: () => {\n notificationBg.destroy();\n notification.destroy();\n }\n });\n });\n }\n });\n }\n });\n const controlsContainer = this.add.container(centerX, this.cameras.main.height - 40);\n const closeButton = this.add.text(0, 0, 'CLOSE', {\n fontFamily: 'Arial',\n fontSize: 24,\n color: '#ffffff',\n backgroundColor: '#880000',\n padding: {\n x: 30,\n y: 12\n }\n }).setOrigin(0.5).setInteractive({\n useHandCursor: true\n });\n controlsContainer.add(closeButton);\n closeButton.on('pointerover', () => {\n closeButton.setScale(1.1);\n });\n closeButton.on('pointerout', () => {\n closeButton.setScale(1);\n });\n closeButton.on('pointerdown', () => {\n if (this.socket) {\n this.socket.disconnect();\n this.socket = undefined;\n }\n this.scene.stop();\n });\n this.input.keyboard.on('keydown-ESC', () => {\n if (this.socket) {\n this.socket.disconnect();\n this.socket = undefined;\n }\n this.scene.stop();\n });\n const escText = this.add.text(centerX, this.cameras.main.height - 12, 'Press ESC to close', {\n fontFamily: 'Arial',\n fontSize: 14,\n color: '#888888'\n }).setOrigin(0.5);\n controlsContainer.add(escText);\n this.resetTimerUpdateEvent = this.time.addEvent({\n delay: 60000,\n callback: this.updateResetTimer,\n callbackScope: this,\n loop: true\n });\n }\n updateResetTimer() {\n const now = new Date();\n const tomorrow = new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate() + 1));\n const timeUntilReset = tomorrow - now;\n const hoursUntilReset = Math.floor(timeUntilReset / (1000 * 60 * 60));\n const minutesUntilReset = Math.floor(timeUntilReset % (1000 * 60 * 60) / (1000 * 60));\n const resetTimerText = this.children.list.find(child => child.type === 'Text' && child.text.includes('Next reset in'));\n if (resetTimerText) {\n resetTimerText.setText(`Next reset in: ${hoursUntilReset}h ${minutesUntilReset}m`);\n }\n }\n shutdown() {\n if (this.resetTimerUpdateEvent) {\n this.resetTimerUpdateEvent.remove();\n }\n if (this.socket) {\n this.socket.disconnect();\n this.socket = undefined;\n }\n super.shutdown();\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 min: {\n width: 375,\n height: 667\n },\n max: {\n width: 1920,\n height: 1080\n }\n },\n physics: {\n default: \"arcade\",\n arcade: {\n gravity: {\n y: 0\n },\n debug: false\n }\n },\n backgroundColor: \"#1A1A28\",\n scene: [BootScene, MainMenuScene, GameScene, GameOverScene, LeaderboardScene]\n};\nexport const game = new Phaser.Game(config);","{\"dependencies\":{\"phaser\":\"3.60.0\",\"socket.io-client\":\"4.7.1\",\"@devfunlabs/state-client\":\"0.8.1\",\"@solana/web3.js\":\"^1.73.0\",\"simplex-noise\":\"4.0.1\"}}","thinking","The latest requirement is to ensure that the blue ground floor stretches all across the screen when playing. Looking at the current code, I can see that there's a platform implementation in the GameScene that creates the ground:\n\n```javascript\nthis.ground = this.physics.add.staticGroup();\nfor (let i = 0; i < 3; i++) {\n this.ground.create(i * 800, this.cameras.main.height - 50, 'platform');\n}\n```\n\nThis code creates three platform pieces with width 800 each (as defined in the BootScene where the platform texture is generated). The issue might be that as the game scrolls horizontally, there could be gaps or the ground might not be properly sized for varying screen widths.\n\nTo fix this, I need to:\n\n1. Make sure the platform texture/ground is wide enough to cover the entire screen width\n2. Make sure there are enough platform pieces to cover the entire visible area as the player moves\n3. Ensure that the platforms are properly positioned to avoid any gaps\n\nLet's modify the code to address this:\n\n1. First, I'll look at how the platform texture is created in the BootScene:\n\n```javascript\nconst platformGraphics = this.make.graphics({\n x: 0,\n y: 0\n});\nplatformGraphics.fillStyle(0x87CEEB, 1);\nplatformGraphics.fillRect(0, 0, 800, 100);\nplatformGraphics.generateTexture('platform', 800, 100);\nplatformGraphics.clear();\n```\n\nThis creates a platform texture of width 800, which might not be enough for wider screens.\n\n2. In the GameScene's update method, there's code to handle the platform movement:\n\n```javascript\nthis.ground.getChildren().forEach(ground => {\n if (ground.x < -800) {\n ground.x += 2400;\n }\n ground.x -= this.gameSpeed;\n});\n```\n\nThis code moves the ground pieces to the left and repositions them when they go off-screen to the left. However, it might not handle all screen sizes properly.\n\nLet's modify these parts to ensure the ground floor stretches across the entire screen width:","changelog","Fixed the ground floor to stretch perfectly across the entire screen! Now the blue platform extends fully from edge to edge without any gaps as you play through the game.","diff","isRephrased","isDebug","isSuccess","error","messageId",["B","126912"],"isDraft",[29],"isLordOfDev","analytics",[148,152,154,156,158,160,162,164,166,168,170,172,174,176,178,180,182,184],{"_149":150,"_151":58},"day","2025-05-13","runCount",{"_149":153,"_151":58},"2025-05-14",{"_149":155,"_151":58},"2025-05-15",{"_149":157,"_151":58},"2025-05-16",{"_149":159,"_151":58},"2025-05-17",{"_149":161,"_151":58},"2025-05-18",{"_149":163,"_151":58},"2025-05-19",{"_149":165,"_151":58},"2025-05-20",{"_149":167,"_151":58},"2025-05-21",{"_149":169,"_151":58},"2025-05-22",{"_149":171,"_151":58},"2025-05-23",{"_149":173,"_151":58},"2025-05-24",{"_149":175,"_151":58},"2025-05-25",{"_149":177,"_151":58},"2025-05-26",{"_149":173,"_151":179},76,{"_149":175,"_151":181},12,{"_149":177,"_151":183},3,{"_149":185,"_151":41},"2025-05-27","https://cdn.dev.fun/og/image/2cb35fd8418efdf7b05a/857bbdfe.webp","commitDetail","actionData","errors"]