[{"_1":2,"_152":-5,"_153":-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,"_150":-5,"_141":-7,"_151":17},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":27,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_5":45,"_56":57,"_58":59,"_60":42,"_61":62,"_63":64,"_65":66,"_67":42,"_68":64,"_69":64,"_70":64,"_71":17,"_72":27,"_73":19,"_74":75,"_76":77,"_78":79,"_80":81,"_104":-5,"_105":17,"_106":107,"_141":32,"_142":143,"_144":17,"_145":146},"id","b9c8f3c9307f1123c7a6","isMyApp",false,"projectId","AgYVbX4CueNVrBAXZh84DoFQtZhG6wpi3JgXHyCKpump","name","Flappy Coq","description","Navigate a determined chicken through a chaotic obstacle course of farm equipment and corn stalks! Tap to flap as your feathered friend desperately tries to escape becoming tonight's dinner while collecting golden eggs for extra points.","brief","Guide a frantic chicken through farm obstacles with perfectly-timed flaps and avoid becoming dinner!","isLive",true,"isPublic","tags",[],"cover","https://cdn.dev.fun/snapshot/b9c8f3c9307f1123c7a6/83490_16d413fd.webp","cdnUrl","https://cdn.dev.fun/app/b9c8f3c9307f1123c7a6/83490","createdAt",["D",1749503138859],"updatedAt",["D",1750417893805],"lastCommitId",["B","83490"],"tier",1,"credits",-11,{"_14":46,"_47":48,"_49":-5,"_50":48,"_51":52,"_53":-5,"_54":55},"d321bbd5-2f95-4a61-9bc8-c1ea6de022b2","uniqueId","A5aEcpBiZbAim5dREtWJLufQqser7S4MaKDr18ryV1zc","username","solanaWallet","displayName","A5a...1zc","bio","avatar","/avatar.svg","commitCount",183,"forkCount",6,"likeCount","runsCount",262,"downvoteCount",0,"upvoteCount",4,"upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","code","import * as Phaser from \"phaser\";\nwindow.addEventListener('load', () => {\n console.log(\"Page loaded - checking wallet connection status\");\n if (window.solana && window.solana.isPhantom) {\n if (window.solana.isConnected) {\n console.log(\"Found connected wallet on page load - disconnecting\");\n try {\n window.solana.disconnect();\n console.log(\"Successfully disconnected wallet on page load\");\n } catch (e) {\n console.error(\"Error disconnecting wallet on page load:\", e);\n }\n } else {\n console.log(\"No connected wallet found on page load\");\n }\n } else {\n console.log(\"Phantom wallet not detected on page load\");\n }\n});\nwindow.addEventListener('beforeunload', () => {\n if (window.solana && window.solana.isPhantom && window.solana.isConnected) {\n console.log(\"Page unloading - disconnecting Phantom wallet\");\n try {\n window.solana.disconnect();\n console.log(\"Successfully disconnected wallet on page unload\");\n } catch (e) {\n console.error(\"Error disconnecting wallet on page unload:\", e);\n }\n }\n});\nif (window.solana && window.solana.isPhantom) {\n console.log(\"Initial code execution - checking wallet connection status\");\n try {\n if (window.solana.isConnected) {\n console.log(\"Found connected wallet on initial execution - disconnecting\");\n window.solana.disconnect();\n console.log(\"Successfully disconnected existing wallet connection\");\n } else {\n console.log(\"No active wallet connection found on initial execution\");\n }\n } catch (e) {\n console.error(\"Error managing wallet connection on initial execution:\", e);\n }\n}\nwindow.addEventListener('DOMContentLoaded', () => {\n console.log(\"DOM Content Loaded - ensuring no wallet connections persist\");\n if (window.solana && window.solana.isPhantom && window.solana.isConnected) {\n try {\n window.solana.disconnect();\n console.log(\"Successfully disconnected wallet on DOM content loaded\");\n } catch (e) {\n console.error(\"Error disconnecting wallet on DOM content loaded:\", e);\n }\n }\n});\nimport { StateClient } from '@devfunlabs/state-client';\nclass LeaderboardScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"LeaderboardScene\"\n });\n this.scoreToSubmit = 0;\n this.stateClient = new StateClient({\n baseURL: 'https://state.dev.fun',\n appId: 'b9c8f3c9307f1123c7a6'\n });\n this.isLoading = false;\n this.headerHeight = 100;\n this.loadingText = null;\n }\n init(data) {\n this.scoreToSubmit = data.score || 0;\n this.comeFromGameOver = data.fromGameOver || false;\n }\n create() {\n this.background = this.add.image(this.cameras.main.width / 2, this.cameras.main.height / 2, \"background\");\n this.background.setOrigin(0.5, 0.5);\n const scaleX = this.cameras.main.width / this.background.width;\n const scaleY = this.cameras.main.height / this.background.height;\n const scale = Math.max(scaleX, scaleY);\n this.background.setScale(scale);\n const overlay = this.add.rectangle(0, 0, this.cameras.main.width, this.cameras.main.height, 0x000000, 0.4);\n overlay.setOrigin(0, 0);\n const headerBg = this.add.rectangle(this.cameras.main.width / 2, this.headerHeight / 2, this.cameras.main.width, this.headerHeight, 0x111122, 0.95);\n headerBg.setOrigin(0.5, 0.5);\n headerBg.setStrokeStyle(1, 0x333355);\n const title = this.add.text(this.cameras.main.width / 2, this.headerHeight / 2, \"HALL OF COQ\", {\n fontFamily: \"Arial\",\n fontSize: 28,\n color: \"#ffdd00\",\n stroke: \"#000000\",\n strokeThickness: 5\n });\n title.setOrigin(0.5);\n const ladderIconGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n ladderIconGraphics.fillStyle(0xffffff, 1);\n ladderIconGraphics.fillRect(10, 6, 4, 28);\n ladderIconGraphics.fillRect(26, 6, 4, 28);\n ladderIconGraphics.fillRect(10, 10, 20, 3);\n ladderIconGraphics.fillRect(10, 18, 20, 3);\n ladderIconGraphics.fillRect(10, 26, 20, 3);\n ladderIconGraphics.generateTexture('ladder-icon-gold', 40, 40);\n ladderIconGraphics.destroy();\n const backButton = this.add.rectangle(50, this.headerHeight / 2, 40, 40, 0x666666, 0.8);\n backButton.setOrigin(0.5);\n backButton.setInteractive({\n useHandCursor: true\n });\n const backText = this.add.text(50, this.headerHeight / 2, \">\", {\n fontFamily: \"Arial\",\n fontSize: 24,\n color: \"#ffffff\",\n fontStyle: \"bold\"\n });\n backText.setOrigin(0.5);\n backButton.on('pointerover', () => {\n backButton.setFillStyle(0x888888, 0.8);\n });\n backButton.on('pointerout', () => {\n backButton.setFillStyle(0x666666, 0.8);\n });\n backButton.on('pointerdown', () => {\n this.scene.start(\"StartScene\");\n });\n const trophyGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n trophyGraphics.fillStyle(0xf8d948, 1);\n trophyGraphics.fillRect(8, 0, 8, 12);\n trophyGraphics.fillRect(4, 12, 16, 8);\n trophyGraphics.fillRect(10, 20, 4, 8);\n trophyGraphics.fillRect(4, 28, 16, 4);\n trophyGraphics.generateTexture(\"trophy\", 24, 32);\n trophyGraphics.destroy();\n this.loadingText = this.add.text(this.cameras.main.width / 2, this.cameras.main.height / 2, \"Loading leaderboard data...\", {\n fontFamily: \"Arial\",\n fontSize: 20,\n color: \"#ffffff\",\n stroke: \"#000000\",\n strokeThickness: 3\n });\n this.loadingText.setOrigin(0.5);\n this.loadingText.setDepth(100);\n this.isLoading = true;\n this.loadLeaderboardData();\n }\n async loadLeaderboardData(retryCount = 0) {\n try {\n console.log(\"Loading leaderboard data, attempt:\", retryCount + 1);\n const data = await this.stateClient.getEntities('flappyCoqLeaderboard');\n console.log(\"Raw leaderboard data received:\", data);\n console.log(\"Number of entries:\", data ? data.length : 0);\n this.isLoading = false;\n if (this.loadingText && this.loadingText.active) {\n this.loadingText.destroy();\n }\n let leaderboardData = data || [];\n leaderboardData = leaderboardData.filter(entry => {\n return entry && typeof entry.wallet === 'string' && typeof entry.score === 'number' && entry.wallet.length > 0;\n });\n console.log(\"Filtered leaderboard data:\", leaderboardData.length, \"entries\");\n leaderboardData.sort((a, b) => b.score - a.score);\n if (leaderboardData.length < 3 && retryCount < 2) {\n console.log(\"Got unexpectedly few entries, retrying...\");\n await new Promise(resolve => setTimeout(resolve, 1000));\n return this.loadLeaderboardData(retryCount + 1);\n }\n this.displayLeaderboard(leaderboardData);\n } catch (error) {\n console.error(\"Error loading leaderboard data:\", error);\n this.isLoading = false;\n if (retryCount < 3) {\n console.log(\"Retrying leaderboard load after error...\");\n await new Promise(resolve => setTimeout(resolve, 2000));\n return this.loadLeaderboardData(retryCount + 1);\n }\n if (this.loadingText && this.loadingText.active) {\n this.loadingText.setText(\"Error loading leaderboard. Tap to retry.\");\n this.loadingText.setInteractive();\n this.loadingText.on('pointerdown', () => {\n this.scene.restart();\n });\n }\n }\n }\n displayLeaderboard(leaderboardData) {\n const leaderboardHeaderY = this.headerHeight + 20;\n const headerColor = \"#ffdd00\";\n const headerStyle = {\n fontFamily: \"Arial\",\n fontSize: 18,\n color: headerColor,\n stroke: \"#000000\",\n strokeThickness: 3,\n fontStyle: \"bold\"\n };\n this.add.text(50, leaderboardHeaderY, \"RANK\", headerStyle).setOrigin(0, 0.5).setScrollFactor(0).setDepth(52);\n this.add.text(120, leaderboardHeaderY, \"WALLET\", headerStyle).setOrigin(0, 0.5).setScrollFactor(0).setDepth(52);\n this.add.text(this.cameras.main.width - 50, leaderboardHeaderY, \"SCORE\", headerStyle).setOrigin(1, 0.5).setScrollFactor(0).setDepth(52);\n const headerDividerBg = this.add.rectangle(this.cameras.main.width / 2, leaderboardHeaderY + 15, this.cameras.main.width - 40, 3, 0x000000, 1);\n headerDividerBg.setOrigin(0.5);\n headerDividerBg.setScrollFactor(0);\n headerDividerBg.setDepth(52);\n const line = this.add.graphics();\n line.lineStyle(2, 0xffdd00, 1);\n line.beginPath();\n line.moveTo(30, leaderboardHeaderY + 15);\n line.lineTo(this.cameras.main.width - 30, leaderboardHeaderY + 15);\n line.closePath();\n line.strokePath();\n line.setScrollFactor(0);\n line.setDepth(52);\n const scrollableAreaTop = leaderboardHeaderY + 35;\n const maskGraphics = this.add.graphics();\n maskGraphics.fillStyle(0x000000, 0);\n maskGraphics.fillRect(0, scrollableAreaTop, this.cameras.main.width, this.cameras.main.height - scrollableAreaTop - 150);\n maskGraphics.setVisible(false);\n this.scoresContainer = this.add.container(0, scrollableAreaTop);\n this.scoresContainer.setSize(this.cameras.main.width, this.cameras.main.height - scrollableAreaTop - 150);\n this.scoresContainer.setMask(new Phaser.Display.Masks.GeometryMask(this, maskGraphics));\n const entryHeight = 40;\n let contentHeight = 0;\n if (leaderboardData.length === 0) {\n const noDataText = this.add.text(this.cameras.main.width / 2, this.cameras.main.height / 2 - 50, \"No scores submitted yet!\\n\\nBe the first to submit your score\\nto the Hall of Coq!\", {\n fontFamily: \"Arial\",\n fontSize: 18,\n color: \"#ffdd00\",\n align: \"center\",\n stroke: \"#000000\",\n strokeThickness: 3\n });\n noDataText.setOrigin(0.5);\n }\n const startY = 20;\n for (let i = 0; i < leaderboardData.length; i++) {\n const entry = leaderboardData[i];\n const y = startY + i * entryHeight;\n const isEven = i % 2 === 0;\n const rowBg = this.add.rectangle(this.cameras.main.width / 2, y, this.cameras.main.width - 60, entryHeight - 5, isEven ? 0x333344 : 0x222233, isEven ? 0.7 : 0.5);\n rowBg.setOrigin(0.5, 0.5);\n this.scoresContainer.add(rowBg);\n if (i > 0) {\n const divider = this.add.graphics();\n divider.lineStyle(1, 0x444455, 0.5);\n divider.beginPath();\n divider.moveTo(40, y - entryHeight / 2);\n divider.lineTo(this.cameras.main.width - 40, y - entryHeight / 2);\n divider.closePath();\n divider.strokePath();\n this.scoresContainer.add(divider);\n }\n const rankStyle = {\n fontFamily: \"Arial\",\n fontSize: 18,\n color: i < 3 ? \"#ffdd00\" : \"#ddddff\",\n fontStyle: i < 3 ? \"bold\" : \"normal\",\n stroke: \"#000000\",\n strokeThickness: i < 3 ? 3 : 2\n };\n const rankText = this.add.text(50, y, `${i + 1}.`, rankStyle).setOrigin(0, 0.5);\n this.scoresContainer.add(rankText);\n const walletText = entry.wallet.substring(0, 6) + \"...\" + entry.wallet.substring(entry.wallet.length - 4);\n const walletTextObj = this.add.text(120, y, walletText, {\n fontFamily: \"Arial\",\n fontSize: 16,\n color: \"#ddddff\",\n stroke: \"#000000\",\n strokeThickness: 2\n }).setOrigin(0, 0.5);\n this.scoresContainer.add(walletTextObj);\n walletTextObj.setInteractive({\n useHandCursor: true\n });\n walletTextObj.on('pointerover', () => {\n walletTextObj.setStyle({\n color: '#ffdd00',\n fontStyle: 'bold underline',\n stroke: \"#000000\",\n strokeThickness: 3\n });\n });\n walletTextObj.on('pointerout', () => {\n walletTextObj.setStyle({\n color: '#ddddff',\n fontStyle: 'normal',\n stroke: \"#000000\",\n strokeThickness: 2\n });\n });\n walletTextObj.on('pointerdown', () => {\n window.open(`https://solscan.io/account/${entry.wallet}`, '_blank');\n });\n const scoreStyle = {\n fontFamily: \"Arial\",\n fontSize: 18,\n color: i < 3 ? \"#ffdd00\" : \"#ffffff\",\n fontStyle: \"bold\",\n stroke: \"#000000\",\n strokeThickness: i < 3 ? 3 : 1\n };\n const scoreText = this.add.text(this.cameras.main.width - 50, y, entry.score.toString(), scoreStyle).setOrigin(1, 0.5);\n this.scoresContainer.add(scoreText);\n contentHeight = y + entryHeight;\n }\n if (leaderboardData.length > 8) {\n const scrollAreaTop = leaderboardHeaderY + 35;\n const scrollAreaHeight = this.cameras.main.height - scrollAreaTop - 150;\n const scrollTrack = this.add.rectangle(this.cameras.main.width - 20, scrollAreaTop + scrollAreaHeight / 2, 6, scrollAreaHeight - 20, 0x444444, 0.5);\n scrollTrack.setOrigin(0.5);\n scrollTrack.setDepth(40);\n const topScrollIndicator = this.add.text(this.cameras.main.width - 20, scrollAreaTop + 20, \"⬇️\", {\n fontSize: 24\n });\n topScrollIndicator.setOrigin(0.5);\n topScrollIndicator.setDepth(41);\n topScrollIndicator.setAlpha(0.7);\n const bottomScrollIndicator = this.add.text(this.cameras.main.width - 20, this.cameras.main.height - 170, \"⬆️\", {\n fontSize: 24\n });\n bottomScrollIndicator.setOrigin(0.5);\n bottomScrollIndicator.setDepth(41);\n bottomScrollIndicator.setAlpha(0.7);\n this.tweens.add({\n targets: [topScrollIndicator, bottomScrollIndicator],\n alpha: 0.3,\n yoyo: true,\n repeat: 2,\n duration: 500,\n onComplete: () => {\n this.tweens.add({\n targets: [topScrollIndicator, bottomScrollIndicator],\n alpha: 0,\n delay: 2000,\n duration: 1000\n });\n }\n });\n this.scrollY = 0;\n this.maxScroll = Math.max(0, contentHeight - (this.cameras.main.height - scrollAreaTop - 150));\n this.input.on('pointermove', pointer => {\n if (pointer.isDown && pointer.y > scrollAreaTop && pointer.y < this.cameras.main.height - 150) {\n if (pointer.prevPosition) {\n const dy = pointer.prevPosition.y - pointer.position.y;\n this.scrollY += dy;\n this.scrollY = Phaser.Math.Clamp(this.scrollY, 0, this.maxScroll);\n this.scoresContainer.y = scrollableAreaTop - this.scrollY;\n }\n }\n });\n this.input.on('wheel', (pointer, gameObjects, deltaX, deltaY) => {\n if (pointer.y > scrollAreaTop && pointer.y < this.cameras.main.height - 150) {\n this.scrollY += deltaY * 0.5;\n this.scrollY = Phaser.Math.Clamp(this.scrollY, 0, this.maxScroll);\n this.scoresContainer.y = scrollableAreaTop - this.scrollY;\n }\n });\n }\n const viewOnlyBadge = this.add.rectangle(this.cameras.main.width / 2, this.cameras.main.height - 130, 280, 30, 0x222244, 0.9);\n viewOnlyBadge.setOrigin(0.5);\n viewOnlyBadge.setStrokeStyle(1, 0x444488);\n const viewOnlyText = this.add.text(this.cameras.main.width / 2, this.cameras.main.height - 130, \"You're viewing the global leaderboard\", {\n fontFamily: \"Arial\",\n fontSize: 14,\n color: \"#bbccff\",\n align: \"center\",\n stroke: \"#000000\",\n strokeThickness: 2\n });\n viewOnlyText.setOrigin(0.5);\n const connectButton = this.add.rectangle(this.cameras.main.width / 2, this.cameras.main.height - 80, 240, 50, 0x3377ee, 1);\n connectButton.setOrigin(0.5);\n connectButton.setStrokeStyle(2, 0x1a4680);\n connectButton.setInteractive({\n useHandCursor: true\n });\n const connectText = this.add.text(this.cameras.main.width / 2, this.cameras.main.height - 80, \"CONNECT TO SUBMIT SCORE\", {\n fontFamily: \"Arial\",\n fontSize: 14,\n color: \"#ffffff\",\n stroke: \"#000000\",\n strokeThickness: 3\n });\n connectText.setOrigin(0.5);\n connectButton.on('pointerover', () => {\n connectButton.setFillStyle(0x4488ff);\n this.tweens.add({\n targets: connectButton,\n scaleX: 1.05,\n scaleY: 1.05,\n duration: 100\n });\n });\n connectButton.on('pointerout', () => {\n connectButton.setFillStyle(0x3377ee);\n this.tweens.add({\n targets: connectButton,\n scaleX: 1,\n scaleY: 1,\n duration: 100\n });\n });\n this.statusText = null;\n this.confirmGroup = null;\n connectButton.on('pointerdown', async () => {\n const button = connectButton;\n if (typeof window.solana === 'undefined' || !window.solana.isPhantom) {\n this.showStatusMessage(\"Phantom wallet not found!\\nPlease install it to connect.\", \"#ff6666\", 3000);\n return;\n }\n if (button && button.active) {\n button.disableInteractive();\n button.setFillStyle(0x666666);\n }\n this.showStatusMessage(\"Connecting to Phantom...\", \"#ffffff\", 0, true);\n try {\n if (window.solana.isConnected) {\n await window.solana.disconnect();\n await new Promise(resolve => setTimeout(resolve, 500));\n }\n const {\n publicKey\n } = await window.solana.connect();\n if (!publicKey) throw new Error(\"Failed to get public key\");\n const walletText = publicKey.toString().substring(0, 4) + \"...\" + publicKey.toString().substring(publicKey.toString().length - 4);\n this.showStatusMessage(\"Connected! \" + walletText, \"#00ff00\");\n if (connectText && connectText.active) {\n connectText.setText(\"CONNECTED\");\n }\n if (button && button.active) {\n button.setFillStyle(0x00aa00);\n }\n if (this.scoreToSubmit > 0 && this.comeFromGameOver) {\n this.time.delayedCall(1000, () => {\n this.showSubmitConfirmation(publicKey.toString());\n });\n } else {\n this.time.delayedCall(2000, () => {\n this.scene.restart();\n });\n }\n } catch (err) {\n console.error(\"Connection error:\", err);\n let errorMessage = \"Error connecting to wallet\";\n if (err.message && err.message.includes(\"user rejected\")) {\n errorMessage = \"Connection rejected by user\";\n }\n this.showStatusMessage(errorMessage, \"#ff6666\", 3000);\n if (button && button.active) {\n button.setInteractive({\n useHandCursor: true\n });\n button.setFillStyle(0x3366cc);\n }\n }\n });\n }\n showStatusMessage(message, color = \"#ffffff\", duration = 0, withStroke = false) {\n if (this.statusText && this.statusText.active) this.statusText.destroy();\n this.statusText = this.add.text(this.cameras.main.width / 2, this.cameras.main.height - 40, message, {\n fontFamily: \"Arial\",\n fontSize: 14,\n color: color,\n align: \"center\",\n stroke: withStroke ? \"#000000\" : undefined,\n strokeThickness: withStroke ? 3 : 0\n });\n this.statusText.setOrigin(0.5);\n if (duration > 0) {\n this.time.delayedCall(duration, () => {\n if (this.statusText && this.statusText.active) this.statusText.destroy();\n this.statusText = null;\n });\n }\n return this.statusText;\n }\n showSubmitConfirmation(walletAddress) {\n if (this.confirmGroup) this.confirmGroup.destroy(true);\n this.confirmGroup = this.add.container(this.cameras.main.width / 2, this.cameras.main.height / 2);\n const bg = this.add.rectangle(0, 0, 300, 220, 0x000000, 0.8);\n bg.setStrokeStyle(2, 0x333333);\n const title = this.add.text(0, -80, \"SUBMIT TO GLOBAL LEADERBOARD\", {\n fontFamily: \"Arial\",\n fontSize: 18,\n color: \"#f8d948\",\n stroke: \"#000000\",\n strokeThickness: 3\n }).setOrigin(0.5);\n const message = this.add.text(0, -25, `Submit your score of ${this.scoreToSubmit} to\\nthe Hall of Coq leaderboard?`, {\n fontFamily: \"Arial\",\n fontSize: 16,\n color: \"#ffffff\",\n align: \"center\"\n }).setOrigin(0.5);\n const walletInfo = this.add.text(0, 10, `Wallet: ${walletAddress.substring(0, 6)}...${walletAddress.substring(walletAddress.length - 4)}`, {\n fontFamily: \"Arial\",\n fontSize: 14,\n color: \"#aaaaaa\",\n align: \"center\"\n }).setOrigin(0.5);\n const noteText = this.add.text(0, 35, \"Your score will be visible to all players!\", {\n fontFamily: \"Arial\",\n fontSize: 12,\n color: \"#ff9966\",\n align: \"center\"\n }).setOrigin(0.5);\n const yesButton = this.add.rectangle(-70, 70, 100, 40, 0x00aa00, 1);\n yesButton.setInteractive({\n useHandCursor: true\n });\n const yesText = this.add.text(-70, 70, \"YES\", {\n fontFamily: \"Arial\",\n fontSize: 18,\n color: \"#ffffff\"\n }).setOrigin(0.5);\n const noButton = this.add.rectangle(70, 70, 100, 40, 0xaa0000, 1);\n noButton.setInteractive({\n useHandCursor: true\n });\n const noText = this.add.text(70, 70, \"NO\", {\n fontFamily: \"Arial\",\n fontSize: 18,\n color: \"#ffffff\"\n }).setOrigin(0.5);\n this.confirmGroup.add([bg, title, message, walletInfo, noteText, yesButton, yesText, noButton, noText]);\n yesButton.on('pointerover', () => yesButton.setFillStyle(0x00cc00));\n yesButton.on('pointerout', () => yesButton.setFillStyle(0x00aa00));\n yesButton.on('pointerdown', () => this.submitScore(walletAddress));\n noButton.on('pointerover', () => noButton.setFillStyle(0xcc0000));\n noButton.on('pointerout', () => noButton.setFillStyle(0xaa0000));\n noButton.on('pointerdown', () => {\n this.confirmGroup.destroy(true);\n this.confirmGroup = null;\n this.scene.restart();\n });\n }\n async submitScore(walletAddress) {\n if (this.confirmGroup) {\n this.confirmGroup.destroy(true);\n this.confirmGroup = null;\n }\n this.showStatusMessage(\"Submitting score to global leaderboard...\", \"#ffffff\");\n try {\n const now = Date.now();\n const newEntry = {\n id: `${walletAddress.substring(0, 8)}_${Date.now()}`,\n wallet: walletAddress,\n score: this.scoreToSubmit,\n timestamp: now\n };\n await this.stateClient.createEntity('flappyCoqLeaderboard', newEntry);\n this.showStatusMessage(\"Score submitted to global leaderboard!\", \"#00ff00\", 2000);\n this.time.delayedCall(2000, () => {\n this.scene.restart();\n });\n } catch (error) {\n console.error(\"Error submitting score:\", error);\n this.showStatusMessage(\"Error submitting score!\", \"#ff6666\", 3000);\n }\n }\n}\nclass BootScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"BootScene\"\n });\n }\n preload() {\n console.log(\"BootScene loading...\");\n const loadingText = this.add.text(this.cameras.main.width / 2, this.cameras.main.height / 2, \"Loading Flappy Coq...\", {\n font: \"28px Arial\",\n fill: \"#ffffff\"\n });\n loadingText.setOrigin(0.5);\n this.load.image('background', 'https://cdn.dev.fun/asset/b9c8f3c9307f1123c7a6/bg_f72d81d5.png');\n this.load.image('fence', 'https://cdn.dev.fun/asset/b9c8f3c9307f1123c7a6/botfence_fb182bc1.png');\n this.load.image('topfence', 'https://cdn.dev.fun/asset/b9c8f3c9307f1123c7a6/topfence_283a8044.png');\n this.load.image('chicken', 'https://cdn.dev.fun/asset/b9c8f3c9307f1123c7a6/coqb_bb62dee7.png');\n this.load.image('cyber-coq', 'https://cdn.dev.fun/asset/b9c8f3c9307f1123c7a6/cybercoq_4e14bd87.png');\n this.load.image('god-coq', 'https://cdn.dev.fun/asset/b9c8f3c9307f1123c7a6/godcoq_c25190db.png');\n this.load.image('dragon-coq', 'https://cdn.dev.fun/asset/b9c8f3c9307f1123c7a6/dragoncoq_09266338.png');\n this.load.image('prismatic-coq', 'https://cdn.dev.fun/asset/b9c8f3c9307f1123c7a6/prismaticcoq_90434290.png');\n this.load.image('samurai-coq', 'https://cdn.dev.fun/asset/b9c8f3c9307f1123c7a6/samurai_6e4f4a9b.png');\n this.load.image('chef-coq', 'https://cdn.dev.fun/asset/b9c8f3c9307f1123c7a6/chef_4952b490.png');\n this.load.image('golden-coq', 'https://cdn.dev.fun/asset/b9c8f3c9307f1123c7a6/golden_f2a40c42.png');\n this.load.image('coqzilla', 'https://cdn.dev.fun/asset/b9c8f3c9307f1123c7a6/coqzilla_b6046c74.png');\n this.load.image('ghost-coq', 'https://cdn.dev.fun/asset/b9c8f3c9307f1123c7a6/ghost_b58145e0.png');\n this.load.image('title', 'https://cdn.dev.fun/asset/b9c8f3c9307f1123c7a6/title_a89e0dce.png');\n this.load.image('playbutton', 'https://cdn.dev.fun/asset/b9c8f3c9307f1123c7a6/playbutton_b6460088.png');\n this.load.image('x-icon', 'https://cdn.dev.fun/asset/b9c8f3c9307f1123c7a6/x_f7b885f8.png');\n this.load.image('tg-icon', 'https://cdn.dev.fun/asset/b9c8f3c9307f1123c7a6/tg_dbb0b471.png');\n this.load.image('web-icon', 'https://cdn.dev.fun/asset/b9c8f3c9307f1123c7a6/web_f643b00d.png');\n this.load.image('shop-icon', 'https://cdn.dev.fun/asset/b9c8f3c9307f1123c7a6/shop_c950826b.png');\n this.load.image('coin', 'https://cdn.dev.fun/asset/b9c8f3c9307f1123c7a6/coin_01b412cf.png');\n this.load.image('classic-coq', 'https://cdn.dev.fun/asset/b9c8f3c9307f1123c7a6/coqb_bb62dee7.png');\n const sparkleGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n sparkleGraphics.fillStyle(0xffffff, 1);\n const starPoints = [];\n const centerX = 8;\n const centerY = 8;\n const outerRadius = 8;\n const innerRadius = 4;\n const points = 8;\n for (let i = 0; i < points * 2; i++) {\n const radius = i % 2 === 0 ? outerRadius : innerRadius;\n const angle = Math.PI * 2 * (i / (points * 2));\n const x = centerX + radius * Math.cos(angle);\n const y = centerY + radius * Math.sin(angle);\n starPoints.push(new Phaser.Math.Vector2(x, y));\n }\n sparkleGraphics.fillPoints(starPoints, true);\n sparkleGraphics.generateTexture('rainbow-sparkle', 16, 16);\n sparkleGraphics.destroy();\n const sizzleGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n sizzleGraphics.fillStyle(0xff6600, 1);\n sizzleGraphics.fillCircle(8, 8, 4);\n sizzleGraphics.generateTexture(\"sizzle\", 16, 16);\n sizzleGraphics.destroy();\n console.log(\"Background, fence, and chicken images loading...\");\n const cornGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n cornGraphics.fillStyle(0x00aa00, 1);\n cornGraphics.fillRect(20, 0, 20, 400);\n cornGraphics.fillStyle(0x00cc00, 1);\n for (let i = 0; i < 5; i++) {\n cornGraphics.fillTriangle(40, 80 * i + 20, 80, 80 * i + 40, 40, 80 * i + 60);\n cornGraphics.fillTriangle(20, 80 * i + 40, 0, 80 * i + 20, 0, 80 * i + 60);\n }\n cornGraphics.fillStyle(0xffdd00, 1);\n cornGraphics.fillRoundedRect(30, 100, 20, 60, 8);\n cornGraphics.fillRoundedRect(10, 220, 20, 60, 8);\n cornGraphics.generateTexture(\"cornTop\", 80, 400);\n cornGraphics.destroy();\n const equipmentGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n equipmentGraphics.fillStyle(0xdd0000, 1);\n equipmentGraphics.fillRect(10, 0, 40, 120);\n equipmentGraphics.fillStyle(0x888888, 1);\n equipmentGraphics.fillRect(15, 20, 30, 10);\n equipmentGraphics.fillRect(15, 40, 30, 10);\n equipmentGraphics.fillRect(15, 60, 30, 10);\n equipmentGraphics.fillRect(5, 80, 50, 20);\n equipmentGraphics.generateTexture(\"equipmentBottom\", 60, 120);\n equipmentGraphics.destroy();\n const featherGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n featherGraphics.fillStyle(0xffffff, 1);\n featherGraphics.fillTriangle(0, 0, 5, 8, 10, 0);\n featherGraphics.generateTexture(\"feather\", 10, 8);\n featherGraphics.destroy();\n }\n create() {\n if (window.solana && window.solana.isPhantom && window.solana.isConnected) {\n console.log(\"BootScene - disconnecting any existing wallet connection\");\n try {\n window.solana.disconnect();\n } catch (e) {\n console.error(\"Error disconnecting wallet on boot:\", e);\n }\n }\n console.log(\"BootScene loaded successfully, starting StartScene\");\n this.scene.start(\"StartScene\");\n }\n}\nclass StartScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"StartScene\"\n });\n }\n create() {\n if (window.solana && window.solana.isPhantom && window.solana.isConnected) {\n console.log(\"StartScene - disconnecting any existing wallet connection\");\n try {\n window.solana.disconnect();\n } catch (e) {\n console.error(\"Error disconnecting wallet on start screen:\", e);\n }\n }\n this.input.keyboard.removeAllKeys(true);\n this.input.removeAllListeners();\n this.selectedSkin = localStorage.getItem('selectedSkin') || 'classic-coq';\n this.background = this.add.image(this.cameras.main.width / 2, this.cameras.main.height / 2, \"background\");\n this.background.setOrigin(0.5, 0.5);\n const scaleX = this.cameras.main.width / this.background.width;\n const scaleY = this.cameras.main.height / this.background.height;\n const scale = Math.max(scaleX, scaleY);\n this.background.setScale(scale);\n const shopButton = this.add.image(this.cameras.main.width - 50, 50, \"shop-icon\");\n shopButton.setScale(0.75);\n shopButton.setInteractive({\n useHandCursor: true\n });\n shopButton.on('pointerover', () => {\n this.tweens.add({\n targets: shopButton,\n scale: 0.9,\n duration: 100\n });\n });\n shopButton.on('pointerout', () => {\n this.tweens.add({\n targets: shopButton,\n scale: 0.75,\n duration: 100\n });\n });\n shopButton.on('pointerdown', () => {\n this.scene.start(\"ShopScene\");\n });\n const titleImage = this.add.image(this.cameras.main.width / 2, this.cameras.main.height * 0.25, \"title\");\n titleImage.setOrigin(0.5);\n titleImage.setScale(0.8);\n const chicken = this.add.sprite(this.cameras.main.width / 2, this.cameras.main.height * 0.4 - 30 + 100, this.selectedSkin);\n chicken.setScale(0.98);\n const playButton = this.add.image(this.cameras.main.width / 2, this.cameras.main.height * 0.6 - 30 + 100, \"playbutton\");\n playButton.setOrigin(0.5);\n playButton.setInteractive({\n useHandCursor: true\n });\n playButton.on('pointerover', () => {\n this.tweens.add({\n targets: playButton,\n scale: 1.1,\n duration: 100\n });\n });\n playButton.on('pointerout', () => {\n this.tweens.add({\n targets: playButton,\n scale: 1.0,\n duration: 100\n });\n });\n this.tweens.add({\n targets: chicken,\n y: chicken.y - 20,\n duration: 1000,\n yoyo: true,\n repeat: -1\n });\n playButton.on('pointerdown', () => {\n this.scene.start(\"GameScene\");\n });\n const iconScale = 0.5;\n const iconSpacing = 50;\n const iconsY = playButton.y + 120;\n const xIcon = this.add.image(this.cameras.main.width / 2 - iconSpacing, iconsY, \"x-icon\");\n xIcon.setScale(iconScale);\n xIcon.setInteractive({\n useHandCursor: true\n });\n xIcon.on('pointerover', () => {\n this.tweens.add({\n targets: xIcon,\n scale: iconScale * 1.2,\n duration: 100\n });\n });\n xIcon.on('pointerout', () => {\n this.tweens.add({\n targets: xIcon,\n scale: iconScale,\n duration: 100\n });\n });\n xIcon.on('pointerdown', () => {\n window.open('https://x.com/crabbylions/status/1898018929869832580', '_blank');\n });\n const tgIcon = this.add.image(this.cameras.main.width / 2, iconsY, \"tg-icon\");\n tgIcon.setScale(iconScale);\n tgIcon.setInteractive({\n useHandCursor: true\n });\n tgIcon.on('pointerover', () => {\n this.tweens.add({\n targets: tgIcon,\n scale: iconScale * 1.2,\n duration: 100\n });\n });\n tgIcon.on('pointerout', () => {\n this.tweens.add({\n targets: tgIcon,\n scale: iconScale,\n duration: 100\n });\n });\n tgIcon.on('pointerdown', () => {\n window.open('https://t.me/rickdisciples', '_blank');\n });\n const webIcon = this.add.image(this.cameras.main.width / 2 + iconSpacing, iconsY, \"web-icon\");\n webIcon.setScale(iconScale);\n webIcon.setInteractive({\n useHandCursor: true\n });\n webIcon.on('pointerover', () => {\n this.tweens.add({\n targets: webIcon,\n scale: iconScale * 1.2,\n duration: 100\n });\n });\n webIcon.on('pointerout', () => {\n this.tweens.add({\n targets: webIcon,\n scale: iconScale,\n duration: 100\n });\n });\n webIcon.on('pointerdown', () => {\n window.open('https://dev.fun/p/93870176b0b04c03015d', '_blank');\n });\n }\n}\nclass ShopScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"ShopScene\"\n });\n this.headerHeight = 100;\n }\n create() {\n this.cameras.main.setBackgroundColor('#1A1A28');\n this.background = this.add.image(this.cameras.main.width / 2, this.cameras.main.height / 2, \"background\");\n this.background.setOrigin(0.5, 0.5);\n const scaleX = this.cameras.main.width / this.background.width;\n const scaleY = this.cameras.main.height / this.background.height;\n const scale = Math.max(scaleX, scaleY);\n this.background.setScale(scale);\n const headerBg = this.add.rectangle(this.cameras.main.width / 2, this.headerHeight / 2, this.cameras.main.width, this.headerHeight, 0x222222, 0.9);\n headerBg.setOrigin(0.5, 0.5);\n headerBg.setScrollFactor(0);\n headerBg.setDepth(50);\n const title = this.add.text(this.cameras.main.width / 2, this.headerHeight / 2, \"COQ-LLECTION\", {\n fontFamily: \"Arial\",\n fontSize: 20,\n color: \"#ffffff\",\n stroke: \"#000000\",\n strokeThickness: 3\n });\n title.setOrigin(0.5);\n title.setScrollFactor(0);\n title.setDepth(51);\n const backButton = this.add.rectangle(50, this.headerHeight / 2, 40, 40, 0x666666, 0.8);\n backButton.setOrigin(0.5);\n backButton.setInteractive({\n useHandCursor: true\n });\n backButton.setScrollFactor(0);\n backButton.setDepth(51);\n const backText = this.add.text(50, this.headerHeight / 2, \">\", {\n fontFamily: \"Arial\",\n fontSize: 24,\n color: \"#ffffff\",\n fontStyle: \"bold\"\n });\n backText.setOrigin(0.5);\n backText.setScrollFactor(0);\n backText.setDepth(52);\n backButton.on('pointerover', () => {\n backButton.setFillStyle(0x888888, 0.8);\n });\n backButton.on('pointerout', () => {\n backButton.setFillStyle(0x666666, 0.8);\n });\n backButton.on('pointerdown', () => {\n if (window.solana && window.solana.isPhantom && window.solana.isConnected) {\n console.log(\"Leaving shop - disconnecting Phantom wallet\");\n try {\n window.solana.disconnect();\n } catch (e) {\n console.error(\"Error disconnecting wallet on navigation:\", e);\n }\n }\n this.scene.start(\"StartScene\");\n });\n let coins = parseInt(localStorage.getItem('flappyCoqCoins')) || 0;\n const coinContainer = this.add.container(this.cameras.main.width - 80, this.headerHeight / 2);\n coinContainer.setScrollFactor(0);\n coinContainer.setDepth(51);\n const coinIcon = this.add.image(-5, 0, \"coin\");\n coinIcon.setScale(0.5);\n const coinText = this.add.text(10, 0, coins.toString(), {\n fontFamily: \"Arial\",\n fontSize: 22,\n color: \"#ffdd00\",\n stroke: \"#000000\",\n strokeThickness: 3\n });\n coinText.setOrigin(0, 0.5);\n coinContainer.add([coinIcon, coinText]);\n this.activeErrorMessage = null;\n const clearActiveMessage = () => {\n if (this.activeErrorMessage) {\n this.activeErrorMessage.destroy();\n this.activeErrorMessage = null;\n }\n };\n const checkPhantomWallet = () => {\n if (typeof window === 'undefined') {\n console.log(\"Window not defined - not in browser context\");\n return false;\n }\n if (!window.solana) {\n console.log(\"No solana object in window - Phantom not installed\");\n return false;\n }\n if (!window.solana.isPhantom) {\n console.log(\"Solana object exists but is not Phantom\");\n return false;\n }\n try {\n if (typeof window.solana.request !== 'function') {\n console.log(\"Phantom missing request method\");\n return false;\n }\n if (typeof window.solana.connect !== 'function') {\n console.log(\"Phantom missing connect method\");\n return false;\n }\n if (typeof window.solana.disconnect !== 'function') {\n console.log(\"Phantom missing disconnect method\");\n return false;\n }\n console.log(\"Phantom wallet detected and verified\");\n console.log(\"Current connection status:\", window.solana.isConnected ? \"Connected\" : \"Disconnected\");\n return true;\n } catch (e) {\n console.error(\"Error during Phantom wallet verification:\", e);\n return false;\n }\n };\n let isConnecting = false;\n const showMessage = (message, color = \"#ffffff\", duration = 3000) => {\n clearActiveMessage();\n this.activeErrorMessage = this.add.text(this.cameras.main.width / 2, this.cameras.main.height / 2, message, {\n fontFamily: \"Arial\",\n fontSize: 16,\n color: color,\n stroke: \"#000000\",\n strokeThickness: 3,\n align: 'center'\n });\n this.activeErrorMessage.setOrigin(0.5);\n this.activeErrorMessage.setDepth(100);\n if (duration > 0) {\n this.time.delayedCall(duration, clearActiveMessage);\n }\n return this.activeErrorMessage;\n };\n const connectToPhantom = async (retryCount = 0) => {\n try {\n if (isConnecting) {\n isConnecting = false;\n return {\n success: false,\n error: \"Connection already in progress. Please check your wallet popup.\"\n };\n }\n isConnecting = true;\n clearActiveMessage();\n if (!checkPhantomWallet()) {\n isConnecting = false;\n return {\n success: false,\n error: \"Phantom wallet not found! Please install the extension.\"\n };\n }\n if (window.solana && window.solana.isPhantom) {\n showMessage(\"Preparing wallet connection...\", \"#00aaff\", 0);\n console.log(\"Forcefully disconnecting any existing wallet connection\");\n try {\n if (window.solana.isConnected) {\n console.log(\"Existing connection found, disconnecting...\");\n await window.solana.disconnect();\n console.log(\"Successfully disconnected existing connection\");\n } else {\n console.log(\"No existing connection detected\");\n }\n await new Promise(resolve => setTimeout(resolve, 1000));\n } catch (disconnectError) {\n console.error(\"Error during forced disconnect:\", disconnectError);\n }\n }\n showMessage(\"Click 'Connect' in the Phantom popup!\\n\\nLook for the popup in your browser extension area!\", \"#00aaff\", 0);\n await new Promise(resolve => setTimeout(resolve, 1000));\n console.log(\"Explicitly requesting NEW Phantom wallet connection with popup...\");\n const connectOptions = {\n onlyIfTrusted: false\n };\n console.log(\"Connection options:\", connectOptions);\n const connectMethod = window.solana.connect;\n if (typeof connectMethod !== 'function') {\n throw new Error(\"Phantom wallet connect method is not available\");\n }\n const connectPromise = connectMethod.call(window.solana, connectOptions);\n const timeoutPromise = new Promise((_, reject) => {\n setTimeout(() => reject(new Error(\"Connection timed out - did you see the Phantom popup?\")), 30000);\n });\n console.log(\"Waiting for user to MANUALLY approve connection in Phantom wallet popup...\");\n showMessage(\"Please approve the connection in your Phantom wallet!\\n\\nCheck your browser extensions area for the popup!\", \"#00aaff\", 0);\n const resp = await Promise.race([connectPromise, timeoutPromise]);\n clearActiveMessage();\n if (resp && resp.publicKey) {\n if (window.solana.isConnected) {\n console.log(\"Verified connection successful! Public key:\", resp.publicKey.toString());\n showMessage(\"Successfully connected to Phantom wallet!\", \"#00ff00\", 1500);\n isConnecting = false;\n return {\n success: true,\n publicKey: resp.publicKey\n };\n } else {\n throw new Error(\"Connection inconsistency - wallet reports not connected even though we got a public key\");\n }\n } else {\n throw new Error(\"Failed to get public key after connection\");\n }\n } catch (error) {\n console.error(\"Connection error:\", error);\n if (error.message && error.message.includes(\"already in progress\")) {\n if (retryCount < 3) {\n const delay = 1000 * Math.pow(1.5, retryCount);\n console.log(`Connection in progress, retrying in ${delay}ms`);\n await new Promise(resolve => setTimeout(resolve, delay));\n isConnecting = false;\n return connectToPhantom(retryCount + 1);\n }\n }\n isConnecting = false;\n return {\n success: false,\n error: error.message || \"Unknown connection error\"\n };\n }\n };\n const headerDivider = this.add.rectangle(this.cameras.main.width / 2, this.headerHeight - 1, this.cameras.main.width, 2, 0xffffff, 0.3);\n headerDivider.setOrigin(0.5, 0.5);\n headerDivider.setScrollFactor(0);\n headerDivider.setDepth(51);\n const scrollableAreaTop = this.headerHeight + 20;\n const maskGraphics = this.add.graphics();\n maskGraphics.fillStyle(0xffffff);\n maskGraphics.fillRect(0, scrollableAreaTop, this.cameras.main.width, this.cameras.main.height - scrollableAreaTop);\n this.scrollableContainer = this.add.container(0, scrollableAreaTop);\n this.scrollableContainer.setSize(this.cameras.main.width, this.cameras.main.height - scrollableAreaTop);\n this.scrollableContainer.mask = new Phaser.Display.Masks.GeometryMask(this, maskGraphics);\n this.skinsContainer = this.add.container(0, 20);\n this.scrollableContainer.add(this.skinsContainer);\n const skinInfo = [{\n id: 'classic-coq',\n name: 'Classic Coq',\n price: 0,\n rarity: 'common',\n description: 'The default pixel rooster. Bright red comb, white feathers.'\n }, {\n id: 'cyber-coq',\n name: 'Cyber Coq',\n price: 1000,\n rarity: 'common',\n description: 'A neon-accented, visor-wearing rooster from a cyberpunk future.'\n }, {\n id: 'samurai-coq',\n name: 'Samurai Coq',\n price: 2000,\n rarity: 'common',\n description: 'A traditional Japanese warrior rooster with a topknot and haori vest.'\n }, {\n id: 'ghost-coq',\n name: 'Ghost Coq',\n price: 3000,\n rarity: 'rare',\n description: 'A transparent, spectral coq that leaves a trail of faint light.'\n }, {\n id: 'chef-coq',\n name: 'Chef Coq',\n price: 4000,\n rarity: 'rare',\n description: 'Wearing a chef\\'s hat and apron, ready to serve high scores.'\n }, {\n id: 'golden-coq',\n name: 'Golden Coq',\n price: 5000,\n rarity: 'rare',\n description: 'A shimmering gold sprite with sparkly wings.'\n }, {\n id: 'dragon-coq',\n name: 'Dragon Coq',\n price: 6500,\n rarity: 'rare',\n description: 'A fiery, red-scaled rooster with horns and a flicking tail.'\n }, {\n id: 'coqzilla',\n name: 'Coqzilla',\n price: 10000,\n rarity: 'legendary',\n description: 'A monstrous pixel rooster with kaiju vibes and raw power.'\n }, {\n id: 'prismatic-coq',\n name: 'Prismatic Coq',\n price: 20000,\n rarity: 'mythic',\n description: 'A legendary, ultra-rare rooster forged from pure light.'\n }, {\n id: 'god-coq',\n name: 'God Coq',\n price: 50000,\n rarity: 'divine',\n description: 'The supreme divine chicken, master of all realms, radiating celestial power and glory.'\n }];\n let purchasedSkins = JSON.parse(localStorage.getItem('purchasedSkins') || '[\"classic-coq\"]');\n let selectedSkin = localStorage.getItem('selectedSkin') || 'classic-coq';\n const cardsPerRow = 2;\n const cardWidth = 140;\n const cardHeight = 210;\n const padding = 30;\n const startX = (this.cameras.main.width - (cardsPerRow * cardWidth + (cardsPerRow - 1) * padding)) / 2 + cardWidth / 2;\n const startY = 90;\n let totalHeight = 0;\n for (let i = 0; i < skinInfo.length; i++) {\n const skin = skinInfo[i];\n const row = Math.floor(i / cardsPerRow);\n const col = i % cardsPerRow;\n const x = startX + col * (cardWidth + padding);\n const y = startY + row * (cardHeight + padding);\n totalHeight = Math.max(totalHeight, y + cardHeight / 2);\n const card = this.add.rectangle(x, y, cardWidth, cardHeight, 0x222222, 0.8);\n card.setOrigin(0.5, 0.5);\n card.setStrokeStyle(2, 0x444444);\n this.skinsContainer.add(card);\n if (skin.rarity === 'mythic') {\n const glowBg = this.add.rectangle(x, y, cardWidth + 10, cardHeight + 10, 0x444444, 0.3);\n glowBg.setOrigin(0.5);\n this.skinsContainer.add(glowBg);\n this.tweens.add({\n targets: glowBg,\n alpha: 0.5,\n duration: 1500,\n yoyo: true,\n repeat: -1\n });\n this.skinsContainer.sendToBack(glowBg);\n } else if (skin.rarity === 'divine') {\n const glow = this.add.rectangle(x, y, cardWidth + 15, cardHeight + 15, 0x444444, 0.2);\n glow.setOrigin(0.5);\n this.skinsContainer.add(glow);\n this.tweens.add({\n targets: glow,\n alpha: 0.4,\n duration: 1500,\n yoyo: true,\n repeat: -1\n });\n this.skinsContainer.sendToBack(glow);\n }\n const skinImage = this.add.image(x, y - 50, skin.id);\n if (skin.id === 'cyber-coq' || skin.id === 'god-coq' || skin.id === 'dragon-coq' || skin.id === 'prismatic-coq' || skin.id === 'samurai-coq' || skin.id === 'chef-coq' || skin.id === 'golden-coq' || skin.id === 'coqzilla' || skin.id === 'ghost-coq') {\n const classicTexture = this.textures.get('classic-coq');\n const currentTexture = this.textures.get(skin.id);\n if (classicTexture && currentTexture) {\n const classicFrame = classicTexture.get();\n const currentFrame = currentTexture.get();\n const scaleX = classicFrame.width / currentFrame.width;\n const scaleY = classicFrame.height / currentFrame.height;\n const scale = Math.min(scaleX, scaleY) * 0.95;\n skinImage.setScale(scale);\n } else {\n skinImage.setScale(1);\n }\n } else {\n skinImage.setScale(1);\n }\n this.skinsContainer.add(skinImage);\n const nameText = this.add.text(x, y + 0, skin.name, {\n fontFamily: \"Arial\",\n fontSize: 16,\n color: \"#ffffff\",\n stroke: \"#000000\",\n strokeThickness: 3\n });\n nameText.setOrigin(0.5);\n this.skinsContainer.add(nameText);\n const descText = this.add.text(x, y + 25, skin.description, {\n fontFamily: \"Arial\",\n fontSize: 9,\n color: \"#ffffff\",\n align: \"center\",\n stroke: \"#000000\",\n strokeThickness: 1,\n wordWrap: {\n width: cardWidth - 25\n }\n });\n descText.setOrigin(0.5);\n this.skinsContainer.add(descText);\n let rarityColor;\n switch (skin.rarity) {\n case 'common':\n rarityColor = \"#8B4513\";\n break;\n case 'rare':\n rarityColor = \"#C0C0C0\";\n break;\n case 'legendary':\n rarityColor = \"#FFD700\";\n break;\n case 'mythic':\n rarityColor = \"#FF00FF\";\n break;\n case 'divine':\n rarityColor = \"#FFFFFF\";\n break;\n }\n const priceContainerBg = this.add.rectangle(x, y + 55, cardWidth - 40, 24, 0x333333, 0.7);\n priceContainerBg.setOrigin(0.5);\n this.skinsContainer.add(priceContainerBg);\n if (skin.price === 0) {\n const priceText = this.add.text(x, y + 55, \"FREE\", {\n fontFamily: \"Arial\",\n fontSize: 16,\n color: \"#00ff00\"\n });\n priceText.setOrigin(0.5);\n this.skinsContainer.add(priceText);\n } else {\n const priceContainer = this.add.container(x, y + 55);\n const coinIcon = this.add.image(-15, 0, \"coin\");\n coinIcon.setScale(0.4);\n const priceLabel = this.add.text(5, 0, skin.price.toString(), {\n fontFamily: \"Arial\",\n fontSize: 16,\n color: \"#ffdd00\"\n });\n priceLabel.setOrigin(0, 0.5);\n priceContainer.add([coinIcon, priceLabel]);\n this.skinsContainer.add(priceContainer);\n }\n const buttonWidth = 110;\n const buttonHeight = 36;\n const isPurchased = purchasedSkins.includes(skin.id);\n const isSelected = selectedSkin === skin.id;\n const buttonColor = isPurchased ? isSelected ? 0x00aa00 : 0x3366cc : coins >= skin.price ? 0xaa6600 : 0x444444;\n const buttonText = isPurchased ? isSelected ? \"EQUIPPED\" : \"EQUIP\" : coins >= skin.price ? \"BUY\" : \"LOCKED\";\n const button = this.add.rectangle(x, y + 85, buttonWidth, buttonHeight, buttonColor, 1);\n button.setOrigin(0.5);\n this.skinsContainer.add(button);\n const btnText = this.add.text(x, y + 85, buttonText, {\n fontFamily: \"Arial\",\n fontSize: 16,\n color: \"#ffffff\"\n });\n btnText.setOrigin(0.5);\n this.skinsContainer.add(btnText);\n if (!isPurchased && coins < skin.price) {\n const lock = this.add.rectangle(x, y - 30, cardWidth - 20, 100, 0x000000, 0.5);\n lock.setOrigin(0.5);\n this.skinsContainer.add(lock);\n const lockIcon = this.add.text(x - (cardWidth / 2 - 20), y - (cardHeight / 2 - 20), \"🔒\", {\n fontSize: 20\n });\n lockIcon.setOrigin(0.5);\n this.skinsContainer.add(lockIcon);\n }\n if (isPurchased && !isSelected || !isPurchased && coins >= skin.price) {\n button.setInteractive({\n useHandCursor: true\n });\n button.on('pointerover', () => {\n button.setFillStyle(isPurchased ? 0x4477dd : 0xaa7700);\n });\n button.on('pointerout', () => {\n button.setFillStyle(isPurchased ? 0x3366cc : 0x996600);\n });\n button.on('pointerdown', () => {\n if (isPurchased) {\n localStorage.setItem('selectedSkin', skin.id);\n this.scene.restart();\n } else {\n coins -= skin.price;\n localStorage.setItem('flappyCoqCoins', coins.toString());\n coinText.setText(coins.toString());\n purchasedSkins.push(skin.id);\n localStorage.setItem('purchasedSkins', JSON.stringify(purchasedSkins));\n localStorage.setItem('selectedSkin', skin.id);\n this.scene.restart();\n }\n });\n }\n if (skin.rarity === 'legendary') {\n const sparkleGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n sparkleGraphics.fillStyle(0xffff00, 1);\n const starPoints = [];\n const centerX = 4;\n const centerY = 4;\n const outerRadius = 4;\n const innerRadius = 2;\n const points = 5;\n for (let i = 0; i < points * 2; i++) {\n const radius = i % 2 === 0 ? outerRadius : innerRadius;\n const angle = Math.PI * 2 * (i / (points * 2));\n const x = centerX + radius * Math.cos(angle);\n const y = centerY + radius * Math.sin(angle);\n starPoints.push(new Phaser.Math.Vector2(x, y));\n }\n sparkleGraphics.fillPoints(starPoints, true);\n sparkleGraphics.generateTexture('sparkle', 8, 8);\n sparkleGraphics.destroy();\n }\n }\n this.contentHeight = totalHeight + 250;\n this.scrollY = 0;\n this.maxScroll = Math.max(0, this.contentHeight - (this.cameras.main.height - this.headerHeight));\n this.initialSkinsY = this.skinsContainer.y;\n this.input.on('pointermove', pointer => {\n if (pointer.isDown && pointer.y > this.headerHeight) {\n if (pointer.prevPosition) {\n const dy = pointer.prevPosition.y - pointer.position.y;\n this.scrollY += dy;\n this.scrollY = Phaser.Math.Clamp(this.scrollY, 0, this.maxScroll);\n this.skinsContainer.y = this.initialSkinsY - this.scrollY;\n }\n }\n });\n this.input.on('wheel', (pointer, gameObjects, deltaX, deltaY, deltaZ) => {\n if (pointer.y > this.headerHeight) {\n this.scrollY += deltaY * 0.5;\n this.scrollY = Phaser.Math.Clamp(this.scrollY, 0, this.maxScroll);\n this.skinsContainer.y = this.initialSkinsY - this.scrollY;\n }\n });\n if (this.contentHeight > this.cameras.main.height - this.headerHeight) {\n const scrollTrack = this.add.rectangle(this.cameras.main.width - 20, (this.cameras.main.height + this.headerHeight) / 2, 6, this.cameras.main.height - this.headerHeight - 40, 0x444444, 0.5);\n scrollTrack.setOrigin(0.5);\n scrollTrack.setDepth(40);\n const topScrollIndicator = this.add.text(this.cameras.main.width - 20, this.headerHeight + 20, \"⬇️\", {\n fontSize: 24\n });\n topScrollIndicator.setOrigin(0.5);\n topScrollIndicator.setDepth(41);\n topScrollIndicator.setAlpha(0.7);\n const bottomScrollIndicator = this.add.text(this.cameras.main.width - 20, this.cameras.main.height - 20, \"⬆️\", {\n fontSize: 24\n });\n bottomScrollIndicator.setOrigin(0.5);\n bottomScrollIndicator.setDepth(41);\n bottomScrollIndicator.setAlpha(0.7);\n this.tweens.add({\n targets: [topScrollIndicator, bottomScrollIndicator],\n alpha: 0.3,\n yoyo: true,\n repeat: 2,\n duration: 500,\n onComplete: () => {\n this.tweens.add({\n targets: [topScrollIndicator, bottomScrollIndicator],\n alpha: 0,\n delay: 2000,\n duration: 1000\n });\n }\n });\n }\n }\n}\nclass GameScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"GameScene\"\n });\n this.isReturningFromLeaderboard = false;\n }\n preload() {\n const loadingText = this.add.text(this.cameras.main.width / 2, this.cameras.main.height / 2, \"Loading Flappy Coq...\", {\n font: \"28px Arial\",\n fill: \"#ffffff\"\n });\n loadingText.setOrigin(0.5);\n this.load.image('background', 'https://cdn.dev.fun/asset/b9c8f3c9307f1123c7a6/bg_f72d81d5.png');\n this.load.image('fence', 'https://cdn.dev.fun/asset/b9c8f3c9307f1123c7a6/botfence_fb182bc1.png');\n this.load.image('topfence', 'https://cdn.dev.fun/asset/b9c8f3c9307f1123c7a6/topfence_283a8044.png');\n this.load.image('cooked', 'https://cdn.dev.fun/asset/b9c8f3c9307f1123c7a6/cooked_61f97e7a.png');\n this.load.image('classic-coq', 'https://cdn.dev.fun/asset/b9c8f3c9307f1123c7a6/coqb_bb62dee7.png');\n this.load.image('coin', 'https://cdn.dev.fun/asset/b9c8f3c9307f1123c7a6/coin_01b412cf.png');\n this.load.image('cyber-coq', 'https://cdn.dev.fun/asset/b9c8f3c9307f1123c7a6/cybercoq_4e14bd87.png');\n this.load.image('god-coq', 'https://cdn.dev.fun/asset/b9c8f3c9307f1123c7a6/godcoq_c25190db.png');\n this.load.image('dragon-coq', 'https://cdn.dev.fun/asset/b9c8f3c9307f1123c7a6/dragoncoq_09266338.png');\n this.load.image('prismatic-coq', 'https://cdn.dev.fun/asset/b9c8f3c9307f1123c7a6/prismaticcoq_90434290.png');\n this.load.image('samurai-coq', 'https://cdn.dev.fun/asset/b9c8f3c9307f1123c7a6/samurai_6e4f4a9b.png');\n this.load.image('chef-coq', 'https://cdn.dev.fun/asset/b9c8f3c9307f1123c7a6/chef_4952b490.png');\n this.load.image('golden-coq', 'https://cdn.dev.fun/asset/b9c8f3c9307f1123c7a6/golden_f2a40c42.png');\n this.load.image('coqzilla', 'https://cdn.dev.fun/asset/b9c8f3c9307f1123c7a6/coqzilla_b6046c74.png');\n this.load.image('ghost-coq', 'https://cdn.dev.fun/asset/b9c8f3c9307f1123c7a6/ghost_b58145e0.png');\n const homeIconGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n homeIconGraphics.fillStyle(0xffffff, 1);\n homeIconGraphics.fillRect(8, 18, 24, 18);\n homeIconGraphics.fillTriangle(6, 18, 20, 4, 34, 18);\n homeIconGraphics.generateTexture('home-icon', 40, 40);\n homeIconGraphics.destroy();\n const replayIconGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n replayIconGraphics.fillStyle(0xffffff, 1);\n replayIconGraphics.lineStyle(4, 0xffffff, 1);\n replayIconGraphics.strokeCircle(20, 20, 15);\n replayIconGraphics.fillTriangle(15, 12, 28, 20, 15, 28);\n replayIconGraphics.generateTexture('replay-icon', 40, 40);\n replayIconGraphics.destroy();\n const ladderIconGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n ladderIconGraphics.fillStyle(0xffffff, 1);\n ladderIconGraphics.fillRect(10, 6, 4, 28);\n ladderIconGraphics.fillRect(26, 6, 4, 28);\n ladderIconGraphics.fillRect(10, 10, 20, 3);\n ladderIconGraphics.fillRect(10, 18, 20, 3);\n ladderIconGraphics.fillRect(10, 26, 20, 3);\n ladderIconGraphics.generateTexture('ladder-icon', 40, 40);\n ladderIconGraphics.destroy();\n const cornGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n cornGraphics.fillStyle(0x00aa00, 1);\n cornGraphics.fillRect(20, 0, 20, 400);\n cornGraphics.fillStyle(0x00cc00, 1);\n for (let i = 0; i < 5; i++) {\n cornGraphics.fillTriangle(40, 80 * i + 20, 80, 80 * i + 40, 40, 80 * i + 60);\n cornGraphics.fillTriangle(20, 80 * i + 40, 0, 80 * i + 20, 0, 80 * i + 60);\n }\n cornGraphics.fillStyle(0xffdd00, 1);\n cornGraphics.fillRoundedRect(30, 100, 20, 60, 8);\n cornGraphics.fillRoundedRect(10, 220, 20, 60, 8);\n cornGraphics.generateTexture(\"cornTop\", 80, 400);\n cornGraphics.destroy();\n const equipmentGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n equipmentGraphics.fillStyle(0xdd0000, 1);\n equipmentGraphics.fillRect(10, 0, 40, 120);\n equipmentGraphics.fillStyle(0x888888, 1);\n equipmentGraphics.fillRect(15, 20, 30, 10);\n equipmentGraphics.fillRect(15, 40, 30, 10);\n equipmentGraphics.fillRect(15, 60, 30, 10);\n equipmentGraphics.fillRect(5, 80, 50, 20);\n equipmentGraphics.generateTexture(\"equipmentBottom\", 60, 120);\n equipmentGraphics.destroy();\n const eggGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n eggGraphics.fillStyle(0xffdd00, 1);\n eggGraphics.fillEllipse(10, 12, 10, 12);\n eggGraphics.generateTexture(\"egg\", 20, 24);\n eggGraphics.destroy();\n const featherGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n featherGraphics.fillStyle(0xffffff, 1);\n featherGraphics.fillTriangle(0, 0, 5, 8, 10, 0);\n featherGraphics.generateTexture(\"feather\", 10, 8);\n featherGraphics.destroy();\n }\n create() {\n console.log(\"GameScene creating...\");\n console.log(`Canvas dimensions: ${this.cameras.main.width} x ${this.cameras.main.height}`);\n try {\n if (this.obstacles) {\n this.obstacles.destroy(true, true);\n }\n } catch (error) {\n console.error(\"Error cleaning up obstacles in create:\", error);\n }\n this.obstacles = null;\n this.background = this.add.image(this.cameras.main.width / 2, this.cameras.main.height / 2, \"background\");\n this.background.setOrigin(0.5, 0.5);\n this.background.setScrollFactor(0);\n this.background.setDepth(1);\n const scaleX = this.cameras.main.width / this.background.width;\n const scaleY = this.cameras.main.height / this.background.height;\n const scale = Math.max(scaleX, scaleY);\n this.background.setScale(scale);\n console.log(\"Background added and scaled\");\n if (this.isReturningFromLeaderboard && this.isGameOver) {\n this.createGameOverScreen();\n return;\n }\n this.physics.world.OVERLAP_BIAS = 8;\n this.physics.world.TILE_BIAS = 8;\n this.physics.world.setBoundsCollision(true, true, true, true);\n const hitboxGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n hitboxGraphics.fillStyle(0xff0000, 0.3);\n hitboxGraphics.fillRect(0, 0, 10, 10);\n hitboxGraphics.generateTexture(\"hitbox\", 10, 10);\n hitboxGraphics.destroy();\n this.gapPosition = this.cameras.main.height / 2 - this.obstacleGap / 2;\n this.physics.world.setBounds(0, 0, this.cameras.main.width, this.cameras.main.height);\n const selectedSkin = localStorage.getItem('selectedSkin') || 'classic-coq';\n this.chicken = this.physics.add.sprite(this.cameras.main.width * 0.3, this.cameras.main.height * 0.4, selectedSkin);\n this.chicken.setCollideWorldBounds(true);\n this.chicken.body.gravity.y = this.chickenGravity;\n this.chicken.setDepth(10);\n this.chicken.body.setSize(20, 12);\n this.chicken.body.setOffset(16, 11);\n if (selectedSkin === 'cyber-coq' || selectedSkin === 'god-coq' || selectedSkin === 'dragon-coq' || selectedSkin === 'prismatic-coq' || selectedSkin === 'samurai-coq' || selectedSkin === 'chef-coq' || selectedSkin === 'golden-coq' || selectedSkin === 'coqzilla' || selectedSkin === 'ghost-coq') {\n const classicTexture = this.textures.get('classic-coq');\n const currentTexture = this.textures.get(selectedSkin);\n if (classicTexture && currentTexture) {\n const classicFrame = classicTexture.get();\n const currentFrame = currentTexture.get();\n const scaleX = classicFrame.width / currentFrame.width;\n const scaleY = classicFrame.height / currentFrame.height;\n const scale = Math.min(scaleX, scaleY) * 0.4;\n this.chicken.setScale(scale);\n } else {\n this.chicken.setScale(0.4);\n }\n }\n if (selectedSkin === 'classic-coq') {\n this.chicken.setScale(0.4);\n }\n this.physics.world.createDebugGraphic();\n this.physics.world.debugGraphic.setVisible(this.debugMode);\n if (selectedSkin === 'prismatic-coq') {\n this.featherEmitter = this.add.particles(0, 0, \"rainbow-sparkle\", {\n follow: this.chicken,\n scale: {\n start: 0.6,\n end: 0.1\n },\n speed: {\n min: 30,\n max: 80\n },\n angle: {\n min: 0,\n max: 360\n },\n rotate: {\n min: 0,\n max: 360\n },\n lifespan: 1500,\n frequency: -1,\n quantity: 8,\n tint: [0xFF0000, 0xFFFF00, 0x00FF00, 0x0000FF, 0xFF00FF]\n });\n this.rainbowOverlay = this.add.rectangle(0, 0, this.cameras.main.width, this.cameras.main.height, 0xffffff, 0.1);\n this.rainbowOverlay.setOrigin(0, 0);\n this.rainbowOverlay.setDepth(2);\n this.rainbowOverlay.setBlendMode(Phaser.BlendModes.ADD);\n this.tweens.add({\n targets: this.rainbowOverlay,\n fillColor: [0xFF0000, 0xFFFF00, 0x00FF00, 0x0000FF, 0xFF00FF, 0xFF0000],\n duration: 3000,\n repeat: -1\n });\n } else if (selectedSkin === 'ghost-coq') {\n this.featherEmitter = this.add.particles(0, 0, \"feather\", {\n follow: this.chicken,\n scale: {\n start: 0.6,\n end: 0\n },\n speed: {\n min: 10,\n max: 30\n },\n angle: {\n min: 0,\n max: 360\n },\n alpha: {\n start: 0.5,\n end: 0\n },\n tint: 0xaaaaff,\n lifespan: 1000,\n frequency: 50,\n quantity: 1\n });\n const ghostGlow = this.add.circle(this.chicken.x, this.chicken.y, 20, 0x8888ff, 0.3);\n ghostGlow.setDepth(9);\n ghostGlow.setBlendMode(Phaser.BlendModes.SCREEN);\n this.tweens.add({\n targets: ghostGlow,\n radius: 25,\n alpha: 0.1,\n duration: 1200,\n yoyo: true,\n repeat: -1\n });\n this.time.addEvent({\n delay: 30,\n callback: () => {\n ghostGlow.x = this.chicken.x;\n ghostGlow.y = this.chicken.y;\n },\n loop: true\n });\n } else if (selectedSkin === 'dragon-coq') {\n this.featherEmitter = this.add.particles(0, 0, \"sizzle\", {\n follow: this.chicken,\n followOffset: {\n x: -20,\n y: 0\n },\n scale: {\n start: 1,\n end: 0.2\n },\n speed: {\n min: 50,\n max: 100\n },\n angle: {\n min: 150,\n max: 210\n },\n tint: [0xff4500, 0xff8c00, 0xffff00],\n lifespan: 800,\n frequency: -1,\n quantity: 8\n });\n } else if (selectedSkin === 'golden-coq') {\n this.featherEmitter = this.add.particles(0, 0, \"rainbow-sparkle\", {\n follow: this.chicken,\n scale: {\n start: 0.5,\n end: 0.1\n },\n speed: {\n min: 30,\n max: 60\n },\n angle: {\n min: 0,\n max: 360\n },\n rotate: {\n min: 0,\n max: 360\n },\n tint: 0xffd700,\n lifespan: 1200,\n frequency: 100,\n quantity: 1\n });\n } else if (selectedSkin === 'god-coq') {\n this.featherEmitter = this.add.particles(0, 0, \"rainbow-sparkle\", {\n follow: this.chicken,\n scale: {\n start: 0.8,\n end: 0.1\n },\n speed: {\n min: 40,\n max: 100\n },\n angle: {\n min: 0,\n max: 360\n },\n rotate: {\n min: 0,\n max: 360\n },\n lifespan: 2000,\n frequency: 30,\n quantity: 2,\n tint: 0xFFFFFF\n });\n const divineLight = this.add.circle(this.chicken.x, this.chicken.y, 30, 0xFFFFFF, 0.3);\n divineLight.setDepth(9);\n divineLight.setBlendMode(Phaser.BlendModes.ADD);\n this.tweens.add({\n targets: divineLight,\n radius: 50,\n alpha: 0.1,\n duration: 1500,\n yoyo: true,\n repeat: -1\n });\n this.time.addEvent({\n delay: 30,\n callback: () => {\n divineLight.x = this.chicken.x;\n divineLight.y = this.chicken.y;\n },\n loop: true\n });\n } else {\n this.featherEmitter = this.add.particles(0, 0, \"feather\", {\n follow: this.chicken,\n scale: {\n start: 1,\n end: 0.2\n },\n speed: {\n min: 20,\n max: 50\n },\n angle: {\n min: 0,\n max: 360\n },\n rotate: {\n min: 0,\n max: 360\n },\n lifespan: 2000,\n frequency: -1,\n quantity: 5\n });\n }\n this.input.on(\"pointerdown\", this.flap, this);\n this.input.keyboard.on(\"keydown-SPACE\", this.flap, this);\n this.obstacles = this.physics.add.group();\n this.spawnObstacle();\n console.log(\"Initial obstacle spawned for verification\");\n this.obstacleTimer = this.time.addEvent({\n delay: this.obstacleDelay,\n callback: this.spawnObstacle,\n callbackScope: this,\n loop: true\n });\n console.log(\"Obstacle timer started\");\n this.coinIcon = this.add.image(this.cameras.main.width - 80, 30, \"coin\");\n this.coinIcon.setScale(0.6);\n this.coinIcon.setScrollFactor(0);\n this.coinIcon.setDepth(20);\n this.coinText = this.add.text(this.cameras.main.width - 55, 30, \"0\", {\n fontFamily: \"Arial\",\n fontSize: 24,\n color: \"#ffdd00\",\n stroke: \"#000000\",\n strokeThickness: 4,\n align: \"left\"\n });\n this.coinText.setOrigin(0, 0.5);\n this.coinText.setScrollFactor(0);\n this.coinText.setDepth(20);\n this.physics.add.collider(this.chicken, this.obstacles, this.hitObstacle, this.checkCollision, this);\n this.chicken.body.onWorldBounds = true;\n this.physics.world.on(\"worldbounds\", this.hitWorldBounds, this);\n this.input.keyboard.on('keydown-D', () => {\n this.debugMode = !this.debugMode;\n this.physics.world.debugGraphic.setVisible(this.debugMode);\n });\n }\n update() {\n if (this.isGameOver) return;\n try {\n const velocity = this.chicken.body.velocity.y;\n this.chicken.angle = Phaser.Math.Clamp(velocity / 10, -30, 90);\n if (this.obstacles && typeof this.obstacles.getChildren === 'function') {\n try {\n this.physics.world.collide(this.chicken, this.obstacles, this.hitObstacle, this.checkCollision, this);\n const children = this.obstacles.getChildren();\n if (!children) return;\n children.forEach(obstacle => {\n if (obstacle.x < this.chicken.x - 10 && !obstacle.scored && obstacle.y < 100) {\n obstacle.scored = true;\n this.obstaclesPassed++;\n this.coins += 1;\n const coin = this.add.image(this.chicken.x, this.chicken.y - 50, \"coin\");\n coin.setScale(0.4);\n coin.setDepth(20);\n this.tweens.add({\n targets: coin,\n y: coin.y - 70,\n alpha: 0,\n angle: 360,\n duration: 1000,\n onComplete: () => {\n coin.destroy();\n }\n });\n this.tweens.add({\n targets: [this.coinIcon, this.coinText],\n scale: 1.3,\n duration: 100,\n yoyo: true\n });\n }\n if (obstacle.x < -obstacle.width) {\n obstacle.destroy();\n }\n });\n } catch (e) {\n console.error(\"Error processing obstacles in update:\", e);\n }\n }\n if (this.coinText) {\n this.coinText.setText(`${this.coins}`);\n }\n } catch (error) {\n console.log(\"Error during game update:\", error);\n }\n }\n flap() {\n if (this.isGameOver) return;\n this.chicken.body.velocity.y = -this.chickenFlapPower;\n const selectedSkin = localStorage.getItem('selectedSkin') || 'classic-coq';\n if (selectedSkin === 'dragon-coq') {\n this.featherEmitter.explode(15);\n const flamePuff = this.add.particles(this.chicken.x - 20, this.chicken.y, \"sizzle\", {\n scale: {\n start: 1.2,\n end: 0\n },\n speed: {\n min: 60,\n max: 120\n },\n angle: {\n min: 150,\n max: 210\n },\n tint: [0xff4500, 0xff8c00, 0xffff00],\n lifespan: 600,\n quantity: 15,\n emitting: false\n });\n flamePuff.explode();\n this.time.delayedCall(600, () => flamePuff.destroy());\n } else if (selectedSkin === 'prismatic-coq') {\n this.featherEmitter.explode(20);\n const rainbowWave = this.add.circle(this.chicken.x, this.chicken.y, 10, 0xffffff, 0.6);\n rainbowWave.setBlendMode(Phaser.BlendModes.ADD);\n this.tweens.add({\n targets: rainbowWave,\n radius: 100,\n alpha: 0,\n duration: 800,\n onUpdate: () => {\n rainbowWave.fillColor = Phaser.Display.Color.HSVToRGB(this.time.now % 1000 / 1000, 1, 1).color;\n },\n onComplete: () => rainbowWave.destroy()\n });\n } else if (selectedSkin === 'chef-coq') {\n this.featherEmitter.explode(5);\n const flourPuff = this.add.particles(this.chicken.x, this.chicken.y - 10, \"feather\", {\n scale: {\n start: 0.8,\n end: 0\n },\n speed: {\n min: 30,\n max: 80\n },\n angle: {\n min: 0,\n max: 360\n },\n tint: 0xffffff,\n alpha: {\n start: 0.8,\n end: 0\n },\n lifespan: 800,\n quantity: 15,\n emitting: false\n });\n flourPuff.explode();\n this.time.delayedCall(800, () => flourPuff.destroy());\n } else if (selectedSkin === 'god-coq') {\n this.featherEmitter.explode(25);\n const divineWave = this.add.circle(this.chicken.x, this.chicken.y, 20, 0xFFFFFF, 0.7);\n divineWave.setBlendMode(Phaser.BlendModes.ADD);\n divineWave.setDepth(9);\n this.tweens.add({\n targets: divineWave,\n radius: 120,\n alpha: 0,\n duration: 1000,\n ease: 'Power2',\n onComplete: () => divineWave.destroy()\n });\n for (let i = 0; i < 8; i++) {\n const angle = i / 8 * Math.PI * 2;\n const ray = this.add.rectangle(this.chicken.x, this.chicken.y, 4, 0, 0xFFFFFF, 0.6);\n ray.setOrigin(0.5, 0);\n ray.setRotation(angle);\n ray.setBlendMode(Phaser.BlendModes.ADD);\n ray.setDepth(8);\n this.tweens.add({\n targets: ray,\n height: 100,\n alpha: 0,\n duration: 600,\n ease: 'Power1',\n onComplete: () => ray.destroy()\n });\n }\n } else if (selectedSkin === 'coqzilla') {\n this.featherEmitter.explode(5);\n const stomp = this.add.circle(this.chicken.x, this.chicken.y + 30, 15, 0x00aa00, 0.6);\n stomp.setDepth(6);\n this.tweens.add({\n targets: stomp,\n radius: 40,\n alpha: 0,\n duration: 500,\n ease: 'Power1',\n onComplete: () => stomp.destroy()\n });\n this.cameras.main.shake(100, 0.005);\n } else if (selectedSkin === 'golden-coq') {\n this.featherEmitter.explode(10);\n const goldBurst = this.add.particles(this.chicken.x, this.chicken.y, \"rainbow-sparkle\", {\n scale: {\n start: 0.6,\n end: 0.1\n },\n speed: {\n min: 50,\n max: 100\n },\n angle: {\n min: 0,\n max: 360\n },\n rotate: {\n min: 0,\n max: 360\n },\n tint: 0xffd700,\n lifespan: 800,\n quantity: 20,\n emitting: false\n });\n goldBurst.explode();\n this.time.delayedCall(800, () => goldBurst.destroy());\n } else {\n this.featherEmitter.explode(5);\n }\n this.tweens.add({\n targets: this.chicken,\n angle: -20,\n duration: 100,\n ease: \"Power1\"\n });\n }\n spawnObstacle() {\n if (this.isGameOver) return;\n const minGapPosition = 150;\n const maxGapPosition = this.cameras.main.height - 150 - this.obstacleGap;\n this.gapPosition = Phaser.Math.Between(minGapPosition, maxGapPosition);\n const topFence = this.obstacles.create(this.cameras.main.width + 50, -50, \"topfence\");\n const topFenceHeight = this.gapPosition + 50;\n topFence.setDisplaySize(this.fenceWidth, topFenceHeight);\n topFence.setOrigin(0.5, 0);\n topFence.setVelocityX(-this.gameSpeed);\n topFence.body.setAllowGravity(false);\n topFence.setImmovable(true);\n topFence.body.immovable = true;\n topFence.setDepth(15);\n topFence.scored = false;\n const topHitboxWidth = this.fenceWidth * 0.7;\n topFence.body.setSize(topHitboxWidth, topFenceHeight - 15);\n topFence.body.setOffset((this.fenceWidth - topHitboxWidth) / 2, 10);\n topFence.body.updateBounds();\n const bottomFenceY = this.gapPosition + this.obstacleGap + 15;\n const bottomFence = this.obstacles.create(this.cameras.main.width + 50, bottomFenceY, \"fence\");\n const bottomFenceHeight = this.cameras.main.height - bottomFenceY + 50;\n bottomFence.setDisplaySize(this.fenceWidth, bottomFenceHeight);\n bottomFence.setOrigin(0.5, 0);\n bottomFence.setVelocityX(-this.gameSpeed);\n bottomFence.body.setAllowGravity(false);\n bottomFence.setImmovable(true);\n bottomFence.body.immovable = true;\n bottomFence.setDepth(15);\n bottomFence.scored = false;\n const bottomHitboxWidth = this.fenceWidth * 0.7;\n bottomFence.body.setSize(bottomHitboxWidth, bottomFenceHeight - 15);\n bottomFence.body.setOffset((this.fenceWidth - bottomHitboxWidth) / 2, 10);\n bottomFence.body.updateBounds();\n this.gameSpeed += 1;\n }\n checkCollision(chicken, obstacle) {\n if (Math.abs(chicken.x - obstacle.x) > chicken.width * 0.8) {\n return false;\n }\n const gapBuffer = 15;\n if (obstacle.y < 100) {\n const fenceBottom = obstacle.y + obstacle.displayHeight - gapBuffer;\n if (chicken.y < fenceBottom) {\n return true;\n }\n } else {\n const fenceTop = obstacle.y + gapBuffer;\n if (chicken.y + chicken.height * chicken.scale * 0.3 > fenceTop) {\n return true;\n }\n }\n return false;\n }\n init(data) {\n console.log(\"GameScene initializing...\");\n try {\n if (this.obstacles) {\n this.obstacles.destroy(true, true);\n this.obstacles = null;\n }\n } catch (error) {\n console.error(\"Error cleaning up obstacles:\", error);\n this.obstacles = null;\n }\n if (this.obstacleTimer && this.obstacleTimer.active) {\n this.obstacleTimer.remove();\n }\n try {\n if (this.currentExplosion && this.currentExplosion.active && typeof this.currentExplosion.destroy === 'function') {\n this.currentExplosion.destroy();\n }\n } catch (error) {\n console.log(\"Error during game initialization cleanup:\", error);\n }\n if (this.featherEmitter && this.featherEmitter.active) {\n this.featherEmitter.destroy();\n }\n this.input.off(\"pointerdown\", this.flap, this);\n this.input.keyboard.off(\"keydown-SPACE\", this.flap, this);\n if (data && data.gameOver) {\n this.isReturningFromLeaderboard = true;\n this.isGameOver = true;\n this.coins = data.score || 0;\n } else {\n this.coins = 0;\n this.gameSpeed = 150;\n this.obstacleSpacing = 300;\n this.obstacleGap = 160;\n this.obstacleDelay = 1800;\n this.isGameOver = false;\n this.chickenGravity = 800;\n this.chickenFlapPower = 300;\n this.gapPosition = this.cameras.main.height / 2 - this.obstacleGap / 2;\n this.obstaclesPassed = 0;\n this.fenceWidth = 80;\n this.fenceHeight = 150;\n this.eggSpawnChance = 8;\n this.collisionAccuracy = 0.7;\n this.debugMode = false;\n this.isReturningFromLeaderboard = false;\n this.gameOverElements = [];\n }\n this.highScore = parseInt(localStorage.getItem('flappyCoqHighScore')) || 0;\n }\n hitObstacle() {\n if (this.isGameOver) return;\n this.isGameOver = true;\n try {\n this.input.off(\"pointerdown\", this.flap, this);\n this.input.keyboard.off(\"keydown-SPACE\", this.flap, this);\n this.currentExplosion = this.add.particles(this.chicken.x, this.chicken.y, \"feather\", {\n scale: {\n start: 1,\n end: 0\n },\n angle: {\n min: 0,\n max: 360\n },\n rotate: {\n min: 0,\n max: 360\n },\n lifespan: 2000,\n quantity: 1,\n frequency: 20,\n emitting: true\n });\n this.chicken.body.setVelocity(0, 0);\n this.chicken.body.setAllowGravity(false);\n if (this.obstacles && typeof this.obstacles.getChildren === 'function') {\n try {\n const children = this.obstacles.getChildren();\n if (!children) return;\n children.forEach(obstacle => {\n if (obstacle && obstacle.body) {\n obstacle.body.setVelocityX(0);\n }\n });\n } catch (e) {\n console.error(\"Error stopping obstacles in hitObstacle:\", e);\n }\n }\n if (this.obstacleTimer && typeof this.obstacleTimer.remove === 'function') {\n this.obstacleTimer.remove();\n this.obstacleTimer = null;\n }\n } catch (error) {\n console.log(\"Error during obstacle hit handling:\", error);\n }\n this.createGameOverScreen();\n this.tweens.add({\n targets: this.chicken,\n angle: 180,\n y: this.cameras.main.height + 100,\n duration: 1000,\n ease: \"Power1\"\n });\n this.time.delayedCall(2000, () => {\n if (this.currentExplosion && this.currentExplosion.active) {\n this.currentExplosion.destroy();\n }\n });\n }\n createGameOverScreen() {\n if (this.gameOverElements && this.gameOverElements.length > 0) {\n this.gameOverElements.forEach(element => {\n if (element && element.active) {\n element.destroy();\n }\n });\n }\n this.currentExplosion = null;\n this.gameOverElements = [];\n const overlay = this.add.rectangle(this.cameras.main.width / 2, this.cameras.main.height / 2, this.cameras.main.width, this.cameras.main.height, 0x000000, 0.7);\n overlay.setOrigin(0.5);\n overlay.setDepth(25);\n this.gameOverElements.push(overlay);\n const gameOverImage = this.add.image(this.cameras.main.width / 2, this.cameras.main.height / 2 - 170, 'cooked');\n gameOverImage.setOrigin(0.5);\n gameOverImage.setDepth(26);\n gameOverImage.setScale(0.7);\n this.gameOverElements.push(gameOverImage);\n if (!this.isReturningFromLeaderboard) {\n this.tweens.add({\n targets: gameOverImage,\n scale: 0.85,\n duration: 300,\n yoyo: true,\n repeat: 1\n });\n }\n if (!this.isReturningFromLeaderboard) {\n if (this.coins > this.highScore) {\n this.highScore = this.coins;\n localStorage.setItem('flappyCoqHighScore', this.highScore.toString());\n }\n const totalCoins = parseInt(localStorage.getItem('flappyCoqCoins') || '0');\n localStorage.setItem('flappyCoqCoins', (totalCoins + this.coins).toString());\n }\n const scoreBox = this.add.rectangle(this.cameras.main.width / 2, this.cameras.main.height / 2 - 40, 240, 120, 0x222222, 0.8);\n scoreBox.setOrigin(0.5);\n scoreBox.setDepth(26);\n this.gameOverElements.push(scoreBox);\n const scoreLabel = this.add.text(this.cameras.main.width / 2 - 80, this.cameras.main.height / 2 - 65, \"SCORE\", {\n fontFamily: \"Arial\",\n fontSize: 20,\n color: \"#ffffff\",\n stroke: \"#000000\",\n strokeThickness: 2\n });\n scoreLabel.setOrigin(0.5);\n scoreLabel.setDepth(27);\n this.gameOverElements.push(scoreLabel);\n const finalScoreText = this.add.text(this.cameras.main.width / 2 - 75, this.cameras.main.height / 2 - 35, `${this.coins}`, {\n fontFamily: \"Arial\",\n fontSize: 32,\n color: \"#ffdd00\",\n stroke: \"#000000\",\n strokeThickness: 4\n });\n finalScoreText.setOrigin(0.5);\n finalScoreText.setDepth(27);\n this.gameOverElements.push(finalScoreText);\n const highScoreLabel = this.add.text(this.cameras.main.width / 2 + 90, this.cameras.main.height / 2 - 65, \"BEST\", {\n fontFamily: \"Arial\",\n fontSize: 20,\n color: \"#ffffff\",\n stroke: \"#000000\",\n strokeThickness: 2\n });\n highScoreLabel.setOrigin(0.5);\n highScoreLabel.setDepth(27);\n this.gameOverElements.push(highScoreLabel);\n const highScoreText = this.add.text(this.cameras.main.width / 2 + 90, this.cameras.main.height / 2 - 35, `${this.highScore}`, {\n fontFamily: \"Arial\",\n fontSize: 32,\n color: \"#ffd700\",\n stroke: \"#000000\",\n strokeThickness: 4\n });\n highScoreText.setOrigin(0.5);\n highScoreText.setDepth(27);\n this.gameOverElements.push(highScoreText);\n const buttonRowY = this.cameras.main.height / 2 + 100;\n const buttonSpacing = 80;\n const buttonSize = 60;\n const homeButton = this.add.rectangle(this.cameras.main.width / 2 - buttonSpacing, buttonRowY, buttonSize, buttonSize, 0x3366cc, 1);\n homeButton.setOrigin(0.5);\n homeButton.setStrokeStyle(3, 0x1a4680);\n homeButton.setDepth(26);\n homeButton.setInteractive({\n useHandCursor: true\n });\n this.gameOverElements.push(homeButton);\n const homeIcon = this.add.image(this.cameras.main.width / 2 - buttonSpacing, buttonRowY, 'home-icon');\n homeIcon.setDepth(27);\n homeIcon.setScale(0.9);\n this.gameOverElements.push(homeIcon);\n const playAgainButton = this.add.rectangle(this.cameras.main.width / 2, buttonRowY, buttonSize, buttonSize, 0x00aa00, 1);\n playAgainButton.setOrigin(0.5);\n playAgainButton.setStrokeStyle(3, 0x006600);\n playAgainButton.setDepth(26);\n playAgainButton.setInteractive({\n useHandCursor: true\n });\n this.gameOverElements.push(playAgainButton);\n const replayIcon = this.add.image(this.cameras.main.width / 2, buttonRowY, 'replay-icon');\n replayIcon.setDepth(27);\n replayIcon.setScale(0.9);\n this.gameOverElements.push(replayIcon);\n const hallOfCoqButton = this.add.rectangle(this.cameras.main.width / 2 + buttonSpacing, buttonRowY, buttonSize, buttonSize, 0xf8d948, 1);\n hallOfCoqButton.setOrigin(0.5);\n hallOfCoqButton.setStrokeStyle(3, 0xd4b52c);\n hallOfCoqButton.setDepth(26);\n hallOfCoqButton.setInteractive({\n useHandCursor: true\n });\n this.gameOverElements.push(hallOfCoqButton);\n const ladderIcon = this.add.image(this.cameras.main.width / 2 + buttonSpacing, buttonRowY, 'ladder-icon');\n ladderIcon.setDepth(27);\n ladderIcon.setScale(0.9);\n this.gameOverElements.push(ladderIcon);\n const homeText = this.add.text(this.cameras.main.width / 2 - buttonSpacing, buttonRowY + 45, \"HOME\", {\n fontFamily: \"Arial\",\n fontSize: 14,\n color: \"#ffffff\",\n stroke: \"#000000\",\n strokeThickness: 3\n }).setOrigin(0.5).setDepth(27);\n this.gameOverElements.push(homeText);\n const replayText = this.add.text(this.cameras.main.width / 2, buttonRowY + 45, \"REPLAY\", {\n fontFamily: \"Arial\",\n fontSize: 14,\n color: \"#ffffff\",\n stroke: \"#000000\",\n strokeThickness: 3\n }).setOrigin(0.5).setDepth(27);\n this.gameOverElements.push(replayText);\n const hallText = this.add.text(this.cameras.main.width / 2 + buttonSpacing, buttonRowY + 45, \"HALL OF COQ\", {\n fontFamily: \"Arial\",\n fontSize: 14,\n color: \"#ffffff\",\n stroke: \"#000000\",\n strokeThickness: 3\n }).setOrigin(0.5).setDepth(27);\n this.gameOverElements.push(hallText);\n homeButton.on('pointerover', () => {\n homeButton.setFillStyle(0x4477dd);\n this.tweens.add({\n targets: [homeButton, homeIcon],\n scale: 1.1,\n duration: 100\n });\n });\n homeButton.on('pointerout', () => {\n homeButton.setFillStyle(0x3366cc);\n this.tweens.add({\n targets: [homeButton, homeIcon],\n scale: 1,\n duration: 100\n });\n });\n homeButton.on('pointerdown', () => {\n if (this.featherEmitter && this.featherEmitter.active) {\n this.featherEmitter.destroy();\n }\n if (this.obstacleTimer && this.obstacleTimer.active) {\n this.obstacleTimer.remove();\n }\n if (this.obstacles) {\n this.obstacles.clear(true, true);\n }\n this.input.off(\"pointerdown\", this.flap, this);\n this.input.keyboard.off(\"keydown-SPACE\", this.flap, this);\n this.scene.stop();\n this.scene.start(\"StartScene\");\n });\n playAgainButton.on('pointerover', () => {\n playAgainButton.setFillStyle(0x00cc00);\n this.tweens.add({\n targets: [playAgainButton, replayIcon],\n scale: 1.1,\n duration: 100\n });\n });\n playAgainButton.on('pointerout', () => {\n playAgainButton.setFillStyle(0x00aa00);\n this.tweens.add({\n targets: [playAgainButton, replayIcon],\n scale: 1,\n duration: 100\n });\n });\n playAgainButton.on('pointerdown', () => {\n if (this.featherEmitter && this.featherEmitter.active) {\n this.featherEmitter.destroy();\n }\n if (this.obstacleTimer && this.obstacleTimer.active) {\n this.obstacleTimer.remove();\n }\n if (this.obstacles) {\n this.obstacles.clear(true, true);\n }\n this.input.off(\"pointerdown\", this.flap, this);\n this.input.keyboard.off(\"keydown-SPACE\", this.flap, this);\n this.scene.stop();\n this.scene.start(\"GameScene\");\n });\n hallOfCoqButton.on('pointerover', () => {\n hallOfCoqButton.setFillStyle(0xffe066);\n this.tweens.add({\n targets: [hallOfCoqButton, ladderIcon],\n scale: 1.1,\n duration: 100\n });\n });\n hallOfCoqButton.on('pointerout', () => {\n hallOfCoqButton.setFillStyle(0xf8d948);\n this.tweens.add({\n targets: [hallOfCoqButton, ladderIcon],\n scale: 1,\n duration: 100\n });\n });\n hallOfCoqButton.on('pointerdown', () => {\n this.scene.start(\"LeaderboardScene\", {\n score: this.coins,\n fromGameOver: true\n });\n });\n this.tweens.add({\n targets: this.chicken,\n angle: 180,\n y: this.cameras.main.height + 100,\n duration: 1000,\n ease: \"Power1\"\n });\n }\n hitWorldBounds(body, up, down) {\n if (down && !this.isGameOver) {\n this.hitObstacle();\n }\n }\n shutdown() {\n if (window.solana && window.solana.isPhantom && window.solana.isConnected) {\n console.log(\"GameScene shutdown - disconnecting Phantom wallet\");\n try {\n window.solana.disconnect();\n } catch (e) {\n console.error(\"Error disconnecting wallet on scene shutdown:\", e);\n }\n }\n try {\n if (this.obstacles) {\n try {\n this.obstacles.destroy(true, true);\n } catch (e) {\n console.error(\"Error destroying obstacles on shutdown:\", e);\n }\n this.obstacles = null;\n }\n if (this.obstacleTimer) {\n if (this.obstacleTimer.active && typeof this.obstacleTimer.remove === 'function') {\n this.obstacleTimer.remove();\n }\n this.obstacleTimer = null;\n }\n if (this.currentExplosion && this.currentExplosion.active && typeof this.currentExplosion.destroy === 'function') {\n this.currentExplosion.destroy();\n }\n if (this.featherEmitter && this.featherEmitter.active && typeof this.featherEmitter.destroy === 'function') {\n this.featherEmitter.destroy();\n }\n this.input.off(\"pointerdown\", this.flap, this);\n this.input.keyboard.off(\"keydown-SPACE\", this.flap, this);\n if (this.gameOverElements && Array.isArray(this.gameOverElements) && this.gameOverElements.length > 0) {\n this.gameOverElements.forEach(element => {\n if (element && element.active) {\n element.destroy();\n }\n });\n }\n } catch (error) {\n console.log(\"Error during game shutdown:\", error);\n }\n }\n}\nconst appContainer = document.getElementById('app');\nif (appContainer) {\n appContainer.style.maxWidth = '360px';\n appContainer.style.height = '640px';\n appContainer.style.margin = '0 auto';\n appContainer.style.position = 'relative';\n appContainer.style.overflow = 'hidden';\n appContainer.style.boxShadow = '0 0 20px rgba(0,0,0,0.3)';\n appContainer.style.borderRadius = '20px';\n const backgroundContainer = document.createElement('div');\n backgroundContainer.style.position = 'fixed';\n backgroundContainer.style.top = '0';\n backgroundContainer.style.left = '0';\n backgroundContainer.style.width = '100%';\n backgroundContainer.style.height = '100%';\n backgroundContainer.style.background = 'url(https://cdn.dev.fun/asset/b9c8f3c9307f1123c7a6/bg_f72d81d5.png) center center';\n backgroundContainer.style.backgroundSize = 'cover';\n backgroundContainer.style.filter = 'blur(15px) brightness(0.6)';\n backgroundContainer.style.opacity = '0.6';\n backgroundContainer.style.zIndex = '-1';\n document.body.insertBefore(backgroundContainer, appContainer);\n document.body.style.margin = '0';\n document.body.style.padding = '0';\n document.body.style.display = 'flex';\n document.body.style.justifyContent = 'center';\n document.body.style.alignItems = 'center';\n document.body.style.minHeight = '100vh';\n document.body.style.background = '#1A1A28';\n}\nconst config = {\n type: Phaser.AUTO,\n scale: {\n mode: Phaser.Scale.FIT,\n parent: \"app\",\n width: 360,\n height: 640,\n autoCenter: Phaser.Scale.CENTER_BOTH\n },\n physics: {\n default: \"arcade\",\n arcade: {\n gravity: {\n y: 0\n },\n debug: false,\n overlapBias: 16,\n tileBias: 16,\n fps: 60\n }\n },\n backgroundColor: \"#1A1A28\",\n scene: [BootScene, StartScene, ShopScene, GameScene, LeaderboardScene]\n};\nconsole.log(\"Starting Flappy Coq game...\");\nexport const game = new Phaser.Game(config);\nconsole.log(\"Game instance created\");","packageJson","{\"dependencies\":{\"phaser\":\"3.60.0\",\"@solana/web3.js\":\"1.78.3\",\"@devfunlabs/state-client\":\"0.8.1\"}}","appFunctions",[],"token",{"_20":82,"_83":84,"_85":86,"_87":88,"_89":90,"_91":92,"_93":94,"_95":96,"_97":98,"_99":100,"_101":102,"_61":103,"_73":19},"vibecode.fun","symbol","rick","image","https://pump.mypinata.cloud/ipfs/QmdiVAhd3kBiCNCc559HT5hQGeoP742a9BGML1qod45c8j?img-width=256&img-dpr=2","website","https://dev.fun/p/93870176b0b04c03015d","twitter","https://x.com/crabbylions/status/1898018929869832580?s=46","marketcap",186453.914,"volumeIn24h",32607.97,"price",0.0001862,"priceChangeIn24h",-9.92,"devCount",67,"appCount",97,20137,"upstreamApp","isLordOfDev","analytics",[108,112,114,116,118,120,122,124,126,128,130,132,134,136,138,139,140],{"_109":110,"_111":64},"day","2025-09-24","runCount",{"_109":113,"_111":64},"2025-09-25",{"_109":115,"_111":64},"2025-09-26",{"_109":117,"_111":64},"2025-09-27",{"_109":119,"_111":64},"2025-09-28",{"_109":121,"_111":64},"2025-09-29",{"_109":123,"_111":64},"2025-09-30",{"_109":125,"_111":64},"2025-10-01",{"_109":127,"_111":64},"2025-10-02",{"_109":129,"_111":64},"2025-10-03",{"_109":131,"_111":64},"2025-10-04",{"_109":133,"_111":64},"2025-10-05",{"_109":135,"_111":64},"2025-10-06",{"_109":137,"_111":64},"2025-10-07",{"_109":131,"_111":42},{"_109":135,"_111":42},{"_109":137,"_111":42},"snapshot","ogImage","https://cdn.dev.fun/og/image/b9c8f3c9307f1123c7a6/009ab7d7.webp","isDevbase","project",{"_14":19,"_85":86,"_20":82,"_147":148,"_22":149},"oneliner","Refactor your true self","\"The true disruption would be a code editor that suggests refactoring based on zen principles... When you strip away the unnecessary dependencies, what remains is pure function ...this isn't an app, it's a portal to your authentic self.\"","commitDetail","livestream","actionData","errors"]