[{"_1":2,"_149":-5,"_150":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/app.$appId",{"_12":13},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":17,"_23":24,"_25":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_5":39,"_50":51,"_52":36,"_53":36,"_54":51,"_55":36,"_56":17,"_57":17,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":65,"_115":17,"_116":117,"_74":26,"_76":148},"id","efeb1c1dd7693c30b0eb","isMyApp",false,"name","cryptoradar","description","Your hyper-aggressive crypto token scanner that hunts down potential moonshots before they pump! Scrapes pump.fun and predicts which tokens might explode in the next hour with absolutely zero guarantees but maximum FOMO.","isLive","tags",[],"cover","https://cdn.dev.fun/snapshot/efeb1c1dd7693c30b0eb/43685_d7a444f1.webp","cdnUrl","https://cdn.dev.fun/app/efeb1c1dd7693c30b0eb/43685","createdAt",["D",1743848658016],"updatedAt",["D",1743848753443],"lastCommitId",["B","43685"],"tier",0,"credits",-38,{"_14":40,"_41":42,"_43":-5,"_44":42,"_45":46,"_47":-5,"_48":49},"0a0d96aa-7d12-4953-a0a7-f6b9488a688f","uniqueId","24rZh3hD6jrE2fAe8RLetiQnJfSTkeQqyM3Dqoi42L4w","username","solanaWallet","displayName","24r...L4w","bio","avatar","/avatar.svg","commitCount",1,"forkCount","likeCount","runsCount","visitorCount","isArchived","isRenamed","contractAddress","code","import * as Phaser from \"phaser\";\nclass BootScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"BootScene\"\n });\n }\n preload() {\n const graphics = this.make.graphics({\n x: 0,\n y: 0\n });\n graphics.fillStyle(0xffffff, 1);\n graphics.fillCircle(8, 8, 8);\n graphics.generateTexture(\"particle\", 16, 16);\n graphics.destroy();\n const rocketGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n rocketGraphics.fillStyle(0xffffff, 1);\n rocketGraphics.fillTriangle(10, 0, 0, 20, 20, 20);\n rocketGraphics.fillRect(5, 20, 10, 5);\n rocketGraphics.generateTexture(\"rocket\", 20, 25);\n rocketGraphics.destroy();\n const cardGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n cardGraphics.fillStyle(0x222244, 1);\n cardGraphics.fillRect(0, 0, 200, 120);\n cardGraphics.lineStyle(2, 0x444488, 1);\n cardGraphics.strokeRect(0, 0, 200, 120);\n cardGraphics.generateTexture(\"tokenCard\", 200, 120);\n cardGraphics.destroy();\n const diamondHandsGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n diamondHandsGraphics.fillStyle(0x88ddff, 1);\n diamondHandsGraphics.fillTriangle(10, 0, 0, 10, 20, 10);\n diamondHandsGraphics.fillTriangle(10, 20, 0, 10, 20, 10);\n diamondHandsGraphics.generateTexture(\"diamond\", 20, 20);\n diamondHandsGraphics.destroy();\n const moonGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n moonGraphics.fillStyle(0xffffaa, 1);\n moonGraphics.fillCircle(10, 10, 10);\n moonGraphics.fillStyle(0x222244, 1);\n moonGraphics.fillCircle(15, 10, 8);\n moonGraphics.generateTexture(\"moon\", 20, 20);\n moonGraphics.destroy();\n const alertGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n alertGraphics.fillStyle(0xff4444, 1);\n alertGraphics.fillTriangle(10, 0, 0, 20, 20, 20);\n alertGraphics.fillStyle(0xffffff, 1);\n alertGraphics.fillRect(9, 6, 2, 8);\n alertGraphics.fillRect(9, 16, 2, 2);\n alertGraphics.generateTexture(\"alert\", 20, 20);\n alertGraphics.destroy();\n }\n create() {\n this.scene.start(\"ScannerScene\");\n }\n}\nconst generateTokens = () => {\n const symbols = [\"PEPE\", \"DOGE\", \"SHIB\", \"WOJAK\", \"MOON\", \"PUMP\", \"LAMBO\", \"FOMO\", \"APE\", \"CHAD\", \"BULL\", \"ELON\", \"FLOKI\", \"BONK\", \"TURBO\", \"ALPHA\"];\n const prefixes = [\"baby\", \"mega\", \"super\", \"rocket\", \"moon\", \"safe\", \"based\", \"chad\", \"hyper\"];\n const suffixes = [\"inu\", \"moon\", \"eth\", \"sol\", \"dao\", \"ai\", \"chain\", \"swap\", \"yield\"];\n const tokens = [];\n for (let i = 0; i < 25; i++) {\n let name;\n const nameType = Math.floor(Math.random() * 3);\n if (nameType === 0) {\n name = symbols[Math.floor(Math.random() * symbols.length)];\n } else if (nameType === 1) {\n name = prefixes[Math.floor(Math.random() * prefixes.length)] + symbols[Math.floor(Math.random() * symbols.length)].toLowerCase();\n } else {\n name = symbols[Math.floor(Math.random() * symbols.length)] + suffixes[Math.floor(Math.random() * suffixes.length)];\n }\n const priceScale = Math.random() < 0.7 ? 0.000001 : 0.01;\n const price = (Math.random() * 10 * priceScale).toFixed(priceScale < 0.001 ? 9 : 4);\n let changePercent = (Math.random() * 40 - 10).toFixed(2);\n if (Math.random() < 0.2) {\n changePercent = (Math.random() * 200 + 100).toFixed(2);\n } else if (Math.random() < 0.1) {\n changePercent = (Math.random() * -50 - 10).toFixed(2);\n }\n const prediction = Math.random() < 0.7 ? (Math.random() * 300 + 50).toFixed(2) : (Math.random() * -80).toFixed(2);\n const volume = `${(Math.random() * 5000000 + 10000).toFixed(0)}`;\n const marketCap = `${(Math.random() * 50000000 + 100000).toFixed(0)}`;\n const confidence = Math.floor(Math.random() * 100);\n const risk = Math.floor(Math.random() * 5) + 1;\n const tags = [];\n if (Math.random() < 0.3) tags.push(\"NEW\");\n if (Math.random() < 0.2) tags.push(\"TRENDING\");\n if (Math.random() < 0.15) tags.push(\"WHALE BUYING\");\n if (Math.random() < 0.1) tags.push(\"INFLUENCER\");\n if (Math.random() < 0.05) tags.push(\"POTENTIAL RUG\");\n tokens.push({\n id: i,\n name,\n price,\n changePercent: parseFloat(changePercent),\n prediction: parseFloat(prediction),\n volume,\n marketCap,\n confidence,\n risk,\n tags\n });\n }\n return tokens;\n};\nclass ScannerScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"ScannerScene\"\n });\n this.chaosLevel = 0;\n this.maxChaosLevel = 5;\n this.chaosTimer = 0;\n this.chaosInterval = 15000;\n this.tokens = [];\n this.tokenCards = [];\n this.currentFilter = \"prediction\";\n this.scanningText = null;\n }\n create() {\n this.background = this.add.rectangle(0, 0, this.cameras.main.width, this.cameras.main.height, 0x1A1A28);\n this.background.setOrigin(0, 0);\n this.stars = [];\n for (let i = 0; i < 100; i++) {\n const x = Phaser.Math.Between(0, this.cameras.main.width);\n const y = Phaser.Math.Between(0, this.cameras.main.height);\n const size = Phaser.Math.FloatBetween(0.5, 2);\n const star = this.add.circle(x, y, size, 0xffffff, 0.7);\n this.stars.push(star);\n }\n const title = this.add.text(this.cameras.main.width / 2, 40, \"PUMP.FUN TOKEN RADAR\", {\n fontSize: '40px',\n color: '#ff00ff',\n fontFamily: 'Arial',\n fontStyle: 'bold',\n stroke: '#000000',\n strokeThickness: 6\n }).setOrigin(0.5);\n this.tweens.add({\n targets: title,\n scale: {\n from: 1,\n to: 1.1\n },\n duration: 800,\n yoyo: true,\n repeat: -1\n });\n this.add.text(this.cameras.main.width / 2, 80, \"HUNTING FOR THE NEXT 100X MOONSHOT\", {\n fontSize: '16px',\n color: '#ffffff',\n fontFamily: 'Arial',\n fontStyle: 'italic'\n }).setOrigin(0.5);\n const liveIndicator = this.add.rectangle(this.cameras.main.width - 50, 40, 10, 10, 0xff0000);\n this.add.text(this.cameras.main.width - 35, 40, \"LIVE\", {\n fontSize: '14px',\n color: '#ff0000',\n fontFamily: 'Arial'\n }).setOrigin(0, 0.5);\n this.tweens.add({\n targets: liveIndicator,\n alpha: {\n from: 1,\n to: 0.3\n },\n duration: 800,\n yoyo: true,\n repeat: -1\n });\n const today = new Date();\n const timeString = today.toLocaleTimeString([], {\n hour: '2-digit',\n minute: '2-digit'\n });\n const dateString = today.toLocaleDateString([], {\n month: 'short',\n day: 'numeric',\n year: 'numeric'\n });\n this.add.text(20, 30, timeString, {\n fontSize: '16px',\n color: '#aaaaaa',\n fontFamily: 'Arial'\n });\n this.add.text(20, 50, dateString, {\n fontSize: '12px',\n color: '#888888',\n fontFamily: 'Arial'\n });\n this.createChaosMeter();\n this.createFilterButtons();\n this.tokens = generateTokens();\n this.displayTokens();\n this.scanningText = this.add.text(this.cameras.main.width / 2, 120, \"SCANNING BLOCKCHAIN FOR SIGNALS...\", {\n fontSize: '18px',\n color: '#00ff00',\n fontFamily: 'Arial'\n }).setOrigin(0.5);\n this.tweens.add({\n targets: this.scanningText,\n alpha: {\n from: 1,\n to: 0.3\n },\n duration: 500,\n yoyo: true,\n repeat: -1\n });\n this.instructions = this.add.text(this.cameras.main.width / 2, this.cameras.main.height - 30, \"Click on tokens to investigate | Data refreshes every minute | DYOR - Not financial advice\", {\n fontSize: '14px',\n color: '#aaaaaa',\n fontFamily: 'Arial'\n }).setOrigin(0.5);\n this.time.addEvent({\n delay: 60000,\n callback: this.refreshTokens,\n callbackScope: this,\n loop: true\n });\n this.time.addEvent({\n delay: this.chaosInterval,\n callback: this.increaseChaos,\n callbackScope: this,\n loop: true\n });\n this.time.delayedCall(3000, this.simulateTokenScan, [], this);\n }\n createChaosMeter() {\n this.chaosLabel = this.add.text(this.cameras.main.width / 2, 170, \"MARKET HYPE\", {\n fontSize: '16px',\n color: '#ff00ff',\n fontFamily: 'Arial'\n }).setOrigin(0.5);\n this.chaosMeterBg = this.add.rectangle(this.cameras.main.width / 2, 190, 200, 12, 0x333333).setOrigin(0.5);\n this.chaosMeterFill = this.add.rectangle(this.cameras.main.width / 2 - 100 + 1, 190, 2, 10, 0xff00ff).setOrigin(0, 0.5);\n }\n createFilterButtons() {\n const buttonWidth = 120;\n const buttonHeight = 30;\n const buttonSpacing = 10;\n const startX = (this.cameras.main.width - (buttonWidth * 3 + buttonSpacing * 2)) / 2;\n const y = 140;\n const createButton = (x, y, text, filter) => {\n const button = this.add.rectangle(x, y, buttonWidth, buttonHeight, 0x333333, 0.8).setInteractive();\n const buttonText = this.add.text(x, y, text, {\n fontSize: '14px',\n color: '#ffffff',\n fontFamily: 'Arial'\n }).setOrigin(0.5);\n button.on('pointerover', () => {\n button.fillColor = 0x555555;\n });\n button.on('pointerout', () => {\n button.fillColor = this.currentFilter === filter ? 0x00aaff : 0x333333;\n });\n button.on('pointerdown', () => {\n this.currentFilter = filter;\n this.resetFilterButtons();\n button.fillColor = 0x00aaff;\n this.sortAndDisplayTokens();\n });\n return {\n button,\n buttonText\n };\n };\n this.filterButtons = {\n prediction: createButton(startX, y, \"POTENTIAL GAIN\", \"prediction\"),\n change: createButton(startX + buttonWidth + buttonSpacing, y, \"TRENDING\", \"change\"),\n confidence: createButton(startX + (buttonWidth + buttonSpacing) * 2, y, \"CONFIDENCE\", \"confidence\")\n };\n this.filterButtons[this.currentFilter].button.fillColor = 0x00aaff;\n }\n resetFilterButtons() {\n Object.values(this.filterButtons).forEach(({\n button\n }) => {\n button.fillColor = 0x333333;\n });\n }\n displayTokens() {\n if (this.tokenCards.length > 0) {\n this.tokenCards.forEach(card => {\n if (card.container) {\n card.container.destroy();\n }\n });\n this.tokenCards = [];\n }\n this.sortAndDisplayTokens();\n }\n sortAndDisplayTokens() {\n const sortedTokens = [...this.tokens];\n if (this.currentFilter === \"prediction\") {\n sortedTokens.sort((a, b) => b.prediction - a.prediction);\n } else if (this.currentFilter === \"change\") {\n sortedTokens.sort((a, b) => b.changePercent - a.changePercent);\n } else if (this.currentFilter === \"confidence\") {\n sortedTokens.sort((a, b) => b.confidence - a.confidence);\n }\n const tokensToDisplay = sortedTokens.slice(0, 16);\n const cardWidth = 200;\n const cardHeight = 120;\n const padding = 20;\n const startY = 220;\n const columns = Math.min(4, Math.floor((this.cameras.main.width - padding) / (cardWidth + padding)));\n const startX = (this.cameras.main.width - (columns * cardWidth + (columns - 1) * padding)) / 2;\n tokensToDisplay.forEach((token, index) => {\n const col = index % columns;\n const row = Math.floor(index / columns);\n const x = startX + col * (cardWidth + padding);\n const y = startY + row * (cardHeight + padding);\n this.createTokenCard(token, x, y);\n });\n }\n createTokenCard(token, x, y) {\n const container = this.add.container(x, y);\n const card = this.add.image(0, 0, \"tokenCard\");\n card.setOrigin(0, 0);\n container.add(card);\n card.setInteractive();\n card.on('pointerover', () => {\n this.tweens.add({\n targets: container,\n scaleX: 1.05,\n scaleY: 1.05,\n duration: 200\n });\n });\n card.on('pointerout', () => {\n this.tweens.add({\n targets: container,\n scaleX: 1,\n scaleY: 1,\n duration: 200\n });\n });\n card.on('pointerdown', () => {\n this.showTokenDetails(token);\n });\n const nameText = this.add.text(10, 10, token.name, {\n fontSize: '24px',\n color: '#ffffff',\n fontFamily: 'Arial',\n fontWeight: 'bold'\n });\n container.add(nameText);\n const priceText = this.add.text(10, 40, `${token.price}`, {\n fontSize: '16px',\n color: '#aaaaaa',\n fontFamily: 'Arial'\n });\n container.add(priceText);\n const changeColor = token.changePercent > 0 ? '#00ff00' : '#ff0000';\n const changeSign = token.changePercent > 0 ? '+' : '';\n const changeText = this.add.text(10, 60, `${changeSign}${token.changePercent}%`, {\n fontSize: '18px',\n color: changeColor,\n fontFamily: 'Arial'\n });\n container.add(changeText);\n const predictionColor = token.prediction > 0 ? '#00ffff' : '#ff0000';\n const predictionSign = token.prediction > 0 ? '+' : '';\n const predictionText = this.add.text(10, 85, `Potential: ${predictionSign}${token.prediction}%`, {\n fontSize: '16px',\n color: predictionColor,\n fontFamily: 'Arial',\n fontStyle: 'italic'\n });\n container.add(predictionText);\n let icon;\n if (token.prediction > 200) {\n icon = this.add.image(180, 20, \"rocket\");\n container.add(icon);\n this.tweens.add({\n targets: icon,\n y: 10,\n duration: 1000,\n yoyo: true,\n repeat: -1\n });\n } else if (token.prediction > 100) {\n icon = this.add.image(180, 20, \"moon\");\n container.add(icon);\n this.tweens.add({\n targets: icon,\n angle: 360,\n duration: 8000,\n repeat: -1\n });\n } else if (token.prediction > 50) {\n icon = this.add.image(180, 20, \"diamond\");\n container.add(icon);\n } else if (token.prediction < 0) {\n icon = this.add.image(180, 20, \"alert\");\n container.add(icon);\n this.tweens.add({\n targets: icon,\n alpha: {\n from: 1,\n to: 0.3\n },\n duration: 300,\n yoyo: true,\n repeat: -1\n });\n }\n if (token.tags && token.tags.length > 0) {\n const tag = token.tags[0];\n const tagText = this.add.text(180, 95, tag, {\n fontSize: '12px',\n color: '#ffffff',\n backgroundColor: '#ff0066',\n padding: {\n x: 5,\n y: 3\n },\n fontFamily: 'Arial'\n }).setOrigin(1, 0);\n container.add(tagText);\n }\n if (this.chaosLevel >= 2 && token.prediction > 100) {\n const glow = this.add.rectangle(100, 60, cardWidth, cardHeight, 0x00ffff, 0.1);\n container.add(glow);\n container.sendToBack(glow);\n this.tweens.add({\n targets: glow,\n alpha: {\n from: 0.1,\n to: 0.3\n },\n duration: 1000 + Math.random() * 500,\n yoyo: true,\n repeat: -1\n });\n }\n this.tokenCards.push({\n token,\n container\n });\n }\n showTokenDetails(token) {\n this.createExplosion(this.input.activePointer.x, this.input.activePointer.y, 0x00ffff);\n if (this.detailsPopup) {\n this.detailsPopup.destroy();\n }\n const popupWidth = 300;\n const popupHeight = 350;\n const popupX = this.cameras.main.width / 2 - popupWidth / 2;\n const popupY = this.cameras.main.height / 2 - popupHeight / 2;\n this.detailsPopup = this.add.container(popupX, popupY);\n const bg = this.add.rectangle(0, 0, popupWidth, popupHeight, 0x222244, 0.95);\n bg.setOrigin(0, 0);\n bg.setStrokeStyle(2, 0x4444aa);\n this.detailsPopup.add(bg);\n const closeButton = this.add.rectangle(popupWidth - 30, 15, 20, 20, 0xff0000, 0.8);\n closeButton.setOrigin(0, 0);\n closeButton.setInteractive();\n closeButton.on('pointerdown', () => {\n this.detailsPopup.destroy();\n this.detailsPopup = null;\n });\n this.detailsPopup.add(closeButton);\n const closeX = this.add.text(popupWidth - 20, 15, \"X\", {\n fontSize: '16px',\n color: '#ffffff',\n fontFamily: 'Arial'\n }).setOrigin(0.5);\n this.detailsPopup.add(closeX);\n const header = this.add.text(popupWidth / 2, 20, token.name, {\n fontSize: '28px',\n color: '#ffffff',\n fontFamily: 'Arial',\n fontWeight: 'bold'\n }).setOrigin(0.5, 0);\n this.detailsPopup.add(header);\n const data = [[\"Current Price:\", `${token.price}`], [\"24h Change:\", `${token.changePercent > 0 ? '+' : ''}${token.changePercent}%`], [\"Potential Gain:\", `${token.prediction > 0 ? '+' : ''}${token.prediction}%`], [\"Trading Volume:\", token.volume], [\"Market Cap:\", token.marketCap], [\"Confidence Score:\", `${token.confidence}%`], [\"Risk Level:\", \"⚠\".repeat(token.risk)], [\"Source:\", \"pump.fun\"]];\n data.forEach((item, index) => {\n const y = 70 + index * 30;\n const label = this.add.text(20, y, item[0], {\n fontSize: '16px',\n color: '#aaaaaa',\n fontFamily: 'Arial'\n });\n this.detailsPopup.add(label);\n let valueColor = '#ffffff';\n if (item[0].includes(\"Change\")) {\n valueColor = token.changePercent > 0 ? '#00ff00' : '#ff0000';\n } else if (item[0].includes(\"Potential\")) {\n valueColor = token.prediction > 0 ? '#00ffff' : '#ff0000';\n }\n const value = this.add.text(popupWidth - 20, y, item[1], {\n fontSize: '16px',\n color: valueColor,\n fontFamily: 'Arial'\n }).setOrigin(1, 0);\n this.detailsPopup.add(value);\n });\n if (token.tags && token.tags.length > 0) {\n const tagsLabel = this.add.text(20, 240, \"Tags:\", {\n fontSize: '16px',\n color: '#aaaaaa',\n fontFamily: 'Arial'\n });\n this.detailsPopup.add(tagsLabel);\n token.tags.forEach((tag, index) => {\n const tagText = this.add.text(120 + index * 100, 240, tag, {\n fontSize: '14px',\n color: '#ffffff',\n backgroundColor: '#ff0066',\n padding: {\n x: 5,\n y: 3\n },\n fontFamily: 'Arial'\n });\n this.detailsPopup.add(tagText);\n });\n }\n const warning = this.add.text(popupWidth / 2, 280, \"WARNING: High risk of loss. DYOR!\", {\n fontSize: '16px',\n color: '#ff0000',\n fontFamily: 'Arial',\n fontStyle: 'italic'\n }).setOrigin(0.5, 0);\n this.detailsPopup.add(warning);\n const buyButton = this.add.rectangle(popupWidth / 2, 310, 150, 40, 0x00aa00, 0.8);\n buyButton.setOrigin(0.5, 0);\n buyButton.setInteractive();\n this.detailsPopup.add(buyButton);\n const buyText = this.add.text(popupWidth / 2, 330, \"GET THIS TOKEN\", {\n fontSize: '18px',\n color: '#ffffff',\n fontFamily: 'Arial',\n fontWeight: 'bold'\n }).setOrigin(0.5, 0.5);\n this.detailsPopup.add(buyText);\n this.tweens.add({\n targets: this.detailsPopup,\n scale: {\n from: 0.8,\n to: 1\n },\n alpha: {\n from: 0,\n to: 1\n },\n duration: 300\n });\n }\n simulateTokenScan() {\n if (this.scanningText) {\n this.scanningText.setText(\"FOUND POTENTIAL MOONSHOTS!\");\n this.tweens.add({\n targets: this.scanningText,\n scale: 1.2,\n duration: 300,\n yoyo: true,\n onComplete: () => {\n this.time.delayedCall(1000, () => {\n if (this.scanningText) {\n this.scanningText.setText(\"SCANNING BLOCKCHAIN FOR SIGNALS...\");\n }\n });\n }\n });\n }\n const scanLine = this.add.rectangle(0, 0, this.cameras.main.width, 5, 0x00ffff, 0.7);\n scanLine.setOrigin(0, 0);\n this.tweens.add({\n targets: scanLine,\n y: this.cameras.main.height,\n duration: 1500,\n onComplete: () => {\n scanLine.destroy();\n }\n });\n }\n refreshTokens() {\n this.tokens = generateTokens();\n this.simulateTokenScan();\n this.sortAndDisplayTokens();\n }\n createExplosion(x, y, color = 0xffffff) {\n const emitter = this.add.particles(x, y, \"particle\", {\n speed: {\n min: 100,\n max: 200\n },\n scale: {\n start: 0.6,\n end: 0\n },\n alpha: {\n start: 0.8,\n end: 0\n },\n lifespan: 800,\n blendMode: Phaser.BlendModes.ADD,\n tint: color,\n emitting: false\n });\n emitter.explode(20);\n this.time.delayedCall(1000, () => {\n emitter.destroy();\n });\n }\n showAlertMessage(message, color = 0xff00ff) {\n if (this.alertText) {\n this.alertText.destroy();\n }\n this.alertText = this.add.text(this.cameras.main.width / 2, this.cameras.main.height / 2, message, {\n fontSize: '32px',\n fontFamily: 'Arial',\n color: `#${color.toString(16).padStart(6, '0')}`,\n stroke: '#000000',\n strokeThickness: 4,\n align: 'center'\n }).setOrigin(0.5);\n this.tweens.add({\n targets: this.alertText,\n scale: {\n from: 0.8,\n to: 1.2\n },\n alpha: {\n from: 1,\n to: 0\n },\n duration: 2000,\n onComplete: () => {\n if (this.alertText) {\n this.alertText.destroy();\n this.alertText = null;\n }\n }\n });\n this.cameras.main.shake(500, 0.01);\n }\n increaseChaos() {\n if (this.chaosLevel < this.maxChaosLevel) {\n this.chaosLevel++;\n this.updateChaosMeter();\n this.applyChaosByLevel();\n this.showMarketAlertText();\n }\n }\n updateChaosMeter() {\n const fillWidth = this.chaosLevel / this.maxChaosLevel * 200;\n this.chaosMeterFill.width = fillWidth;\n const colors = [0xff00ff, 0xff00aa, 0xff0055, 0xff0000, 0xffff00, 0xffffff];\n this.chaosMeterFill.fillColor = colors[this.chaosLevel];\n }\n showMarketAlertText() {\n const messages = [\"MARKET HEATING UP\", \"WHALE ACTIVITY DETECTED\", \"EXCHANGE LISTINGS IMMINENT\", \"FOMO INTENSIFYING\", \"MEGA PUMP INCOMING!!!\"];\n this.showAlertMessage(messages[this.chaosLevel - 1]);\n }\n applyChaosByLevel() {\n switch (this.chaosLevel) {\n case 1:\n this.refreshTokens();\n this.showAlertMessage(\"💥 FRESH TOKEN DATA LOADED 💥\", 0x00ff00);\n break;\n case 2:\n for (let i = 0; i < 5; i++) {\n const x = Phaser.Math.Between(0, this.cameras.main.width);\n const y = this.cameras.main.height + 50;\n const rocket = this.add.image(x, y, \"rocket\");\n rocket.setAlpha(0.3);\n rocket.setTint(0x00ffff);\n this.tweens.add({\n targets: rocket,\n y: -50,\n x: x + Phaser.Math.Between(-100, 100),\n angle: Phaser.Math.Between(-15, 15),\n duration: Phaser.Math.Between(3000, 8000),\n onComplete: () => {\n rocket.destroy();\n }\n });\n }\n this.tweens.add({\n targets: this.background,\n fillColor: 0x222244,\n duration: 3000,\n yoyo: true,\n repeat: -1\n });\n break;\n case 3:\n this.tokenCards.forEach(card => {\n const token = card.token;\n if (token.prediction > 50) {\n const glowColor = token.prediction > 150 ? 0xff00ff : 0x00ffff;\n const glow = this.add.rectangle(card.container.x + 100, card.container.y + 60, 220, 140, glowColor, 0.15);\n glow.setDepth(-1);\n this.tweens.add({\n targets: glow,\n alpha: {\n from: 0.15,\n to: 0.3\n },\n duration: 1000 + Math.random() * 1000,\n yoyo: true,\n repeat: -1\n });\n if (token.prediction > 200 && !card.moonshot) {\n const moonshot = this.add.text(card.container.x - 5, card.container.y - 15, \"🚀 POTENTIAL MOONSHOT\", {\n fontSize: '12px',\n color: '#ffffff',\n backgroundColor: '#ff00ff',\n padding: {\n x: 4,\n y: 2\n },\n fontFamily: 'Arial'\n });\n card.moonshot = moonshot;\n }\n }\n });\n break;\n case 4:\n const alertBg = this.add.rectangle(this.cameras.main.width / 2, this.cameras.main.height / 2, this.cameras.main.width, 80, 0xff0000, 0.7);\n const alertText = this.add.text(this.cameras.main.width / 2, this.cameras.main.height / 2, \"⚠️ BREAKING: MAJOR MARKET MOVEMENT DETECTED ⚠️\", {\n fontSize: '24px',\n color: '#ffffff',\n fontFamily: 'Arial',\n fontWeight: 'bold',\n align: 'center'\n }).setOrigin(0.5);\n this.tweens.add({\n targets: [alertBg, alertText],\n alpha: {\n from: 1,\n to: 0\n },\n duration: 3000,\n delay: 2000,\n onComplete: () => {\n alertBg.destroy();\n alertText.destroy();\n }\n });\n this.refreshTokens();\n break;\n case 5:\n this.tweens.add({\n targets: this.background,\n fillColor: 0x440022,\n duration: 1000,\n yoyo: true,\n repeat: -1\n });\n this.priceAlertTimer = this.time.addEvent({\n delay: 8000,\n callback: this.showRandomPriceAlert,\n callbackScope: this,\n loop: true\n });\n this.tokenCards.forEach(card => {\n this.tweens.add({\n targets: card.container,\n x: card.container.x + Phaser.Math.Between(-5, 5),\n y: card.container.y + Phaser.Math.Between(-5, 5),\n duration: 100,\n yoyo: true,\n repeat: 5\n });\n if (Math.random() < 0.3) {\n card.container.setAlpha(0.5);\n this.tweens.add({\n targets: card.container,\n alpha: 1,\n duration: 300\n });\n }\n });\n this.refreshTokens();\n break;\n }\n }\n showRandomPriceAlert() {\n if (!this.tokens || this.tokens.length === 0) return;\n const token = this.tokens[Math.floor(Math.random() * this.tokens.length)];\n const isPump = Math.random() < 0.7;\n const changePercent = isPump ? (Math.random() * 500 + 100).toFixed(2) : (Math.random() * -80 - 30).toFixed(2);\n const alertMsg = isPump ? `🚀 ${token.name} PUMPING: +${changePercent}% IN MINUTES! 🚀` : `⚠️ ${token.name} DUMPING: ${changePercent}% SELL NOW! ⚠️`;\n const color = isPump ? 0x00ff00 : 0xff0000;\n this.showAlertMessage(alertMsg, color);\n }\n update() {\n if (this.chaosLevel >= 2) {\n this.animateStars();\n }\n if (this.chaosLevel >= 4 && Math.random() < 0.01 && this.tokenCards.length > 0) {\n const randomCard = this.tokenCards[Math.floor(Math.random() * this.tokenCards.length)];\n if (randomCard && randomCard.container) {\n this.tweens.add({\n targets: randomCard.container,\n scaleX: 1.2,\n scaleY: 1.2,\n duration: 200,\n yoyo: true,\n onComplete: () => {\n this.createExplosion(randomCard.container.x + 100, randomCard.container.y + 60, randomCard.token.prediction > 0 ? 0x00ffff : 0xff0000);\n }\n });\n }\n }\n if (this.chaosLevel === 5) {\n if (Math.random() < 0.005) {\n this.cameras.main.flash(200, Phaser.Math.Between(100, 255), Phaser.Math.Between(0, 100), Phaser.Math.Between(100, 255));\n }\n if (Math.random() < 0.01) {\n this.cameras.main.shake(100, 0.005);\n }\n }\n }\n animateStars() {\n this.stars.forEach(star => {\n if (Math.random() < 0.02) {\n this.tweens.add({\n targets: star,\n alpha: {\n from: star.alpha,\n to: Math.random() * 0.7 + 0.3\n },\n duration: 300\n });\n }\n star.x += Math.sin(star.y + this.time.now * 0.001) * 0.3;\n star.y += Math.cos(star.x + this.time.now * 0.001) * 0.3;\n if (star.x < 0) star.x = this.cameras.main.width;\n if (star.x > this.cameras.main.width) star.x = 0;\n if (star.y < 0) star.y = this.cameras.main.height;\n if (star.y > this.cameras.main.height) star.y = 0;\n });\n }\n}\nclass TokenDetailsScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"TokenDetailsScene\"\n });\n }\n init(data) {\n this.token = data.token;\n }\n create() {\n this.add.rectangle(0, 0, this.cameras.main.width, this.cameras.main.height, 0x1A1A28).setOrigin(0);\n for (let i = 0; i < 100; i++) {\n const x = Phaser.Math.Between(0, this.cameras.main.width);\n const y = Phaser.Math.Between(0, this.cameras.main.height);\n const size = Phaser.Math.FloatBetween(0.5, 2);\n const star = this.add.circle(x, y, size, 0xffffff, 0.7);\n this.tweens.add({\n targets: star,\n alpha: 0.2,\n duration: 1500 + Math.random() * 1000,\n yoyo: true,\n repeat: -1\n });\n }\n const backButton = this.add.rectangle(100, 50, 160, 40, 0x333333).setInteractive();\n this.add.text(100, 50, \"< Back to Scanner\", {\n fontSize: '16px',\n color: '#ffffff',\n fontFamily: 'Arial'\n }).setOrigin(0.5);\n backButton.on('pointerdown', () => {\n this.scene.start('ScannerScene');\n });\n this.add.text(this.cameras.main.width / 2, 50, this.token.name, {\n fontSize: '36px',\n color: '#ffffff',\n fontFamily: 'Arial',\n fontWeight: 'bold'\n }).setOrigin(0.5);\n }\n}\nclass EndScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"EndScene\"\n });\n }\n init(data) {\n this.tokens = data.tokens || [];\n this.totalGains = data.totalGains || 0;\n }\n create() {\n this.add.rectangle(0, 0, this.cameras.main.width, this.cameras.main.height, 0x1A1A28).setOrigin(0);\n for (let i = 0; i < 100; i++) {\n const x = Phaser.Math.Between(0, this.cameras.main.width);\n const y = Phaser.Math.Between(0, this.cameras.main.height);\n const size = Phaser.Math.FloatBetween(0.5, 2);\n const star = this.add.circle(x, y, size, 0xffffff, 0.7);\n this.tweens.add({\n targets: star,\n alpha: 0.2,\n duration: 1500 + Math.random() * 1000,\n yoyo: true,\n repeat: -1\n });\n }\n const reportTitle = this.add.text(this.cameras.main.width / 2, 100, \"SCAN COMPLETE\", {\n fontSize: '48px',\n fontFamily: 'Arial',\n color: '#00ffff',\n stroke: '#000000',\n strokeThickness: 6\n }).setOrigin(0.5);\n this.tweens.add({\n targets: reportTitle,\n scale: 1.1,\n duration: 1000,\n yoyo: true,\n repeat: -1\n });\n this.add.text(this.cameras.main.width / 2, 170, \"Potential Moonshots Identified\", {\n fontSize: '24px',\n fontFamily: 'Arial',\n color: '#ffffff',\n stroke: '#000000',\n strokeThickness: 2\n }).setOrigin(0.5);\n const restartButton = this.add.rectangle(this.cameras.main.width / 2, this.cameras.main.height - 100, 200, 50, 0x00ff00, 0.8).setInteractive();\n const restartText = this.add.text(this.cameras.main.width / 2, this.cameras.main.height - 100, \"SCAN AGAIN\", {\n fontSize: '24px',\n fontFamily: 'Arial',\n color: '#ffffff'\n }).setOrigin(0.5);\n restartButton.on('pointerover', () => {\n restartButton.fillColor = 0x22ff22;\n restartText.setScale(1.1);\n });\n restartButton.on('pointerout', () => {\n restartButton.fillColor = 0x00ff00;\n restartText.setScale(1);\n });\n restartButton.on('pointerdown', () => {\n this.scene.start('ScannerScene');\n });\n if (this.tokens.length > 0) {\n const topTokens = this.tokens.sort((a, b) => b.prediction - a.prediction).slice(0, 3);\n topTokens.forEach((token, index) => {\n const y = 250 + index * 80;\n const container = this.add.container(this.cameras.main.width / 2, y);\n const bg = this.add.rectangle(0, 0, 300, 70, 0x222244, 0.8);\n bg.setStrokeStyle(2, 0x4444aa);\n container.add(bg);\n const nameText = this.add.text(-130, -15, `${index + 1}. ${token.name}`, {\n fontSize: '20px',\n color: '#ffffff',\n fontFamily: 'Arial',\n fontWeight: 'bold'\n });\n container.add(nameText);\n const predictionColor = token.prediction > 0 ? '#00ffff' : '#ff0000';\n const predictionSign = token.prediction > 0 ? '+' : '';\n const predictionText = this.add.text(-130, 15, `Potential: ${predictionSign}${token.prediction}%`, {\n fontSize: '18px',\n color: predictionColor,\n fontFamily: 'Arial'\n });\n container.add(predictionText);\n if (token.prediction > 200) {\n const rocket = this.add.image(120, 0, \"rocket\");\n container.add(rocket);\n this.tweens.add({\n targets: rocket,\n y: -10,\n duration: 1000,\n yoyo: true,\n repeat: -1\n });\n } else if (token.prediction > 100) {\n const moon = this.add.image(120, 0, \"moon\");\n container.add(moon);\n }\n });\n }\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: 320,\n height: 240\n }\n },\n physics: {\n default: \"arcade\",\n arcade: {\n debug: false\n }\n },\n backgroundColor: \"#1A1A28\",\n scene: [BootScene, ScannerScene, TokenDetailsScene, EndScene]\n};\nexport const game = new Phaser.Game(config);","packageJson","{\"dependencies\":{\"phaser\":\"3.60.0\"}}","token","upstreamApp",{"_14":66,"_29":67,"_31":68,"_69":70,"_18":71,"_20":72,"_58":73,"_74":75,"_76":77,"_27":78,"_35":51,"_37":79,"_80":81,"_56":17,"_57":17,"_82":83,"_84":17,"_85":17,"_50":86,"_52":36,"_53":87,"_54":88,"_89":90,"_91":-5,"_33":92,"_93":94,"_112":17,"_22":83,"_23":113},"a3e04bc37b3547e3119f",["D",1743816115823],["D",1743967563793],"template","phaser","pingpocalypse","Not just pong, but pong that progressively loses its mind! Start with classic gameplay, then watch as gravity shifts, paddles shrink, and reality-bending power-ups transform this retro classic into beautiful chaos.","5gVSqhk41VA8U6U4Pvux6MSxFWqgptm3w58X9UTGpump","snapshot","https://cdn.dev.fun/snapshot/a3e04bc37b3547e3119f/43154_7f121a39.webp","ogImage","https://cdn.dev.fun/og/image/a3e04bc37b3547e3119f/1cd994e7.webp","https://cdn.dev.fun/app/a3e04bc37b3547e3119f/43154",54,"featureScore","0.01992966","isTagHot",true,"isTagMoney","isTagCrown",2,4,69,"userId","765861d7-5157-4002-97c6-e01f5d8bee70","upstreamAppId",["B","43154"],"lastCommit",{"_14":92,"_29":95,"_96":97,"_98":99,"_59":100,"_61":62,"_101":102,"_103":104,"_105":99,"_74":75,"_27":78,"_106":17,"_107":83,"_108":83,"_69":70,"_109":-5,"_6":66,"_89":90,"_110":111},["D",1743816263246],"input","The app is throwing the following errors:\n/index.js: powerupGraphics.fillStar is not a function (30:20)\n\n 27 | y: 0\n 28 | });\n 29 | powerupGraphics.fillStyle(0x00ffff, 1);\n> 30 | powerupGraphics.fillStar(15, 15, 15, 8, 12);\n ^\n 31 | powerupGraphics.generateTexture(\"powerup\", 30, 30);\n 32 | powerupGraphics.destroy();\n 33 | }\nPlease fix the errors and try again.","output","<<<<<<< OLD\n const powerupGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n powerupGraphics.fillStyle(0x00ffff, 1);\n powerupGraphics.fillStar(15, 15, 15, 8, 12);\n powerupGraphics.generateTexture(\"powerup\", 30, 30);\n powerupGraphics.destroy();\n=======\n const powerupGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n powerupGraphics.fillStyle(0x00ffff, 1);\n \n // Draw a star shape using polygon\n const centerX = 15;\n const centerY = 15;\n const outerRadius = 15;\n const innerRadius = 8;\n const points = 5;\n \n const angleStep = Math.PI * 2 / points;\n powerupGraphics.beginPath();\n \n for (let i = 0; i < points * 2; i++) {\n const radius = i % 2 === 0 ? outerRadius : innerRadius;\n const angle = i * angleStep / 2 - Math.PI / 2;\n const x = centerX + radius * Math.cos(angle);\n const y = centerY + radius * Math.sin(angle);\n \n if (i === 0) {\n powerupGraphics.moveTo(x, y);\n } else {\n powerupGraphics.lineTo(x, y);\n }\n }\n \n powerupGraphics.closePath();\n powerupGraphics.fill();\n powerupGraphics.generateTexture(\"powerup\", 30, 30);\n powerupGraphics.destroy();\n>>>>>>> NEW","import * as Phaser from \"phaser\";\nclass BootScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"BootScene\"\n });\n }\n preload() {\n const graphics = this.make.graphics({\n x: 0,\n y: 0\n });\n graphics.fillStyle(0xffffff, 1);\n graphics.fillCircle(8, 8, 8);\n graphics.generateTexture(\"particle\", 16, 16);\n graphics.destroy();\n const ballGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n ballGraphics.fillStyle(0xffffff, 1);\n ballGraphics.fillCircle(10, 10, 10);\n ballGraphics.generateTexture(\"ball\", 20, 20);\n ballGraphics.destroy();\n const powerupGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n powerupGraphics.fillStyle(0x00ffff, 1);\n const centerX = 15;\n const centerY = 15;\n const outerRadius = 15;\n const innerRadius = 8;\n const points = 5;\n const angleStep = Math.PI * 2 / points;\n powerupGraphics.beginPath();\n for (let i = 0; i < points * 2; i++) {\n const radius = i % 2 === 0 ? outerRadius : innerRadius;\n const angle = i * angleStep / 2 - Math.PI / 2;\n const x = centerX + radius * Math.cos(angle);\n const y = centerY + radius * Math.sin(angle);\n if (i === 0) {\n powerupGraphics.moveTo(x, y);\n } else {\n powerupGraphics.lineTo(x, y);\n }\n }\n powerupGraphics.closePath();\n powerupGraphics.fill();\n powerupGraphics.generateTexture(\"powerup\", 30, 30);\n powerupGraphics.destroy();\n }\n create() {\n this.scene.start(\"GameScene\");\n }\n}\nclass GameScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"GameScene\"\n });\n this.chaosLevel = 0;\n this.maxChaosLevel = 5;\n this.chaosTimer = 0;\n this.chaosInterval = 15000;\n this.score = {\n player: 0,\n ai: 0\n };\n this.ballSpeed = 300;\n this.initialPaddleHeight = 100;\n }\n create() {\n this.background = this.add.rectangle(0, 0, this.cameras.main.width, this.cameras.main.height, 0x1A1A28);\n this.background.setOrigin(0, 0);\n this.stars = [];\n for (let i = 0; i < 100; i++) {\n const x = Phaser.Math.Between(0, this.cameras.main.width);\n const y = Phaser.Math.Between(0, this.cameras.main.height);\n const size = Phaser.Math.FloatBetween(0.5, 2);\n const star = this.add.circle(x, y, size, 0xffffff, 0.7);\n this.stars.push(star);\n }\n this.centerLine = this.add.graphics();\n this.centerLine.lineStyle(2, 0xffffff, 0.3);\n this.centerLine.lineBetween(this.cameras.main.width / 2, 0, this.cameras.main.width / 2, this.cameras.main.height);\n this.playerScoreText = this.add.text(this.cameras.main.width / 4, 50, \"0\", {\n fontSize: '64px',\n color: '#ffffff',\n fontFamily: 'Arial'\n }).setOrigin(0.5);\n this.aiScoreText = this.add.text(this.cameras.main.width / 4 * 3, 50, \"0\", {\n fontSize: '64px',\n color: '#ffffff',\n fontFamily: 'Arial'\n }).setOrigin(0.5);\n this.createChaosMeter();\n this.createPaddles();\n this.createBall();\n this.physics.add.collider(this.ball, this.playerPaddle, this.hitPaddle, null, this);\n this.physics.add.collider(this.ball, this.aiPaddle, this.hitPaddle, null, this);\n this.ballTrail = this.add.particles(0, 0, \"particle\", {\n follow: this.ball,\n scale: {\n start: 0.5,\n end: 0\n },\n alpha: {\n start: 0.3,\n end: 0\n },\n speed: 0,\n lifespan: 300,\n frequency: 30,\n blendMode: Phaser.BlendModes.ADD,\n tint: 0xffffff\n });\n this.powerUps = this.physics.add.group();\n this.physics.add.overlap(this.ball, this.powerUps, this.collectPowerUp, null, this);\n this.instructions = this.add.text(this.cameras.main.width / 2, this.cameras.main.height - 40, \"Use mouse or ↑/↓ to move your paddle\", {\n fontSize: '16px',\n color: '#ffffff',\n fontFamily: 'Arial'\n }).setOrigin(0.5);\n this.time.addEvent({\n delay: this.chaosInterval,\n callback: this.increaseChaos,\n callbackScope: this,\n loop: true\n });\n this.time.delayedCall(1000, this.resetBall, [], this);\n }\n createChaosMeter() {\n this.chaosLabel = this.add.text(this.cameras.main.width / 2, 100, \"CHAOS\", {\n fontSize: '20px',\n color: '#ff00ff',\n fontFamily: 'Arial'\n }).setOrigin(0.5);\n this.chaosMeterBg = this.add.rectangle(this.cameras.main.width / 2, 120, 200, 15, 0x333333).setOrigin(0.5);\n this.chaosMeterFill = this.add.rectangle(this.cameras.main.width / 2 - 100 + 1, 120, 2, 13, 0xff00ff).setOrigin(0, 0.5);\n }\n createPaddles() {\n this.playerPaddle = this.physics.add.sprite(30, this.cameras.main.height / 2, null);\n this.playerPaddle.setDisplaySize(15, this.initialPaddleHeight);\n this.playerPaddle.body.setSize(15, this.initialPaddleHeight);\n this.playerPaddle.body.immovable = true;\n this.playerPaddle.body.collideWorldBounds = true;\n this.playerPaddleGraphics = this.add.rectangle(this.playerPaddle.x, this.playerPaddle.y, 15, this.initialPaddleHeight, 0x66ff66);\n this.aiPaddle = this.physics.add.sprite(this.cameras.main.width - 30, this.cameras.main.height / 2, null);\n this.aiPaddle.setDisplaySize(15, this.initialPaddleHeight);\n this.aiPaddle.body.setSize(15, this.initialPaddleHeight);\n this.aiPaddle.body.immovable = true;\n this.aiPaddle.body.collideWorldBounds = true;\n this.aiPaddleGraphics = this.add.rectangle(this.aiPaddle.x, this.aiPaddle.y, 15, this.initialPaddleHeight, 0xff6666);\n }\n createBall() {\n this.ball = this.physics.add.sprite(this.cameras.main.width / 2, this.cameras.main.height / 2, \"ball\");\n this.ball.setCircle(10);\n this.ball.body.setBounce(1, 1);\n this.ball.body.collideWorldBounds = true;\n this.ball.body.onWorldBounds = true;\n this.physics.world.on(\"worldbounds\", this.onWorldBounds, this);\n }\n resetBall(direction = null) {\n this.ball.setPosition(this.cameras.main.width / 2, this.cameras.main.height / 2);\n if (direction === null) {\n direction = Math.random() > 0.5 ? 1 : -1;\n }\n const angle = Phaser.Math.Between(-30, 30) * Math.PI / 180;\n this.ball.setVelocity(direction * this.ballSpeed * Math.cos(angle), this.ballSpeed * Math.sin(angle));\n if (this.chaosLevel >= 2) {\n this.physics.world.gravity.y = 0;\n }\n }\n collectPowerUp(ball, powerUp) {\n powerUp.disableBody(true, true);\n const effect = Phaser.Math.Between(1, 5);\n this.createExplosion(powerUp.x, powerUp.y, powerUp.tintTopLeft);\n switch (effect) {\n case 1:\n this.ball.body.velocity.x *= 1.5;\n this.ball.body.velocity.y *= 1.5;\n this.showPowerUpText(\"SPEED UP!\", powerUp.x, powerUp.y, 0xff0000);\n break;\n case 2:\n this.physics.world.gravity.y = -this.physics.world.gravity.y;\n this.showPowerUpText(\"GRAVITY FLIP!\", powerUp.x, powerUp.y, 0x00ff00);\n break;\n case 3:\n const paddleToGrow = Math.random() > 0.5 ? this.playerPaddle : this.aiPaddle;\n const growAmount = 30;\n paddleToGrow.displayHeight += growAmount;\n paddleToGrow.body.height += growAmount;\n const graphicsToGrow = paddleToGrow === this.playerPaddle ? this.playerPaddleGraphics : this.aiPaddleGraphics;\n graphicsToGrow.height += growAmount;\n this.showPowerUpText(\"PADDLE GROW!\", powerUp.x, powerUp.y, 0x0000ff);\n break;\n case 4:\n this.createFakeBalls();\n this.showPowerUpText(\"CONFUSION!\", powerUp.x, powerUp.y, 0xff00ff);\n break;\n case 5:\n this.paddleControlsReversed = true;\n this.time.delayedCall(5000, () => {\n this.paddleControlsReversed = false;\n });\n this.showPowerUpText(\"REVERSE!\", powerUp.x, powerUp.y, 0xffff00);\n break;\n }\n }\n createFakeBalls() {\n for (let i = 0; i < 3; i++) {\n const fakeBall = this.physics.add.sprite(this.ball.x, this.ball.y, \"ball\");\n fakeBall.setVelocity((Math.random() - 0.5) * this.ballSpeed * 2, (Math.random() - 0.5) * this.ballSpeed * 2);\n this.tweens.add({\n targets: fakeBall,\n alpha: 0,\n duration: 3000,\n onComplete: () => {\n fakeBall.destroy();\n }\n });\n }\n }\n showPowerUpText(text, x, y, color) {\n const textObj = this.add.text(x, y, text, {\n fontSize: '24px',\n fontFamily: 'Arial',\n color: `#${color.toString(16).padStart(6, '0')}`,\n stroke: '#000000',\n strokeThickness: 4\n }).setOrigin(0.5);\n this.tweens.add({\n targets: textObj,\n y: y - 50,\n alpha: 0,\n duration: 1500,\n onComplete: () => {\n textObj.destroy();\n }\n });\n }\n createExplosion(x, y, color = 0xffffff) {\n const emitter = this.add.particles(x, y, \"particle\", {\n speed: {\n min: 100,\n max: 200\n },\n scale: {\n start: 0.6,\n end: 0\n },\n alpha: {\n start: 0.8,\n end: 0\n },\n lifespan: 800,\n blendMode: Phaser.BlendModes.ADD,\n tint: color,\n emitting: false\n });\n emitter.explode(20);\n this.time.delayedCall(1000, () => {\n emitter.destroy();\n });\n }\n increaseChaos() {\n if (this.chaosLevel < this.maxChaosLevel) {\n this.chaosLevel++;\n this.updateChaosMeter();\n this.applyChaosByLevel();\n this.showChaosLevelText();\n }\n }\n updateChaosMeter() {\n const fillWidth = this.chaosLevel / this.maxChaosLevel * 200;\n this.chaosMeterFill.width = fillWidth;\n const colors = [0xff00ff, 0xff00aa, 0xff0055, 0xff0000, 0xffff00, 0xffffff];\n this.chaosMeterFill.fillColor = colors[this.chaosLevel];\n }\n showChaosLevelText() {\n const messages = [\"Slightly Unstable\", \"Gravity Shifts\", \"Shrinking Paddles\", \"Reality Distortion\", \"TOTAL PINGPOCALYPSE\"];\n if (this.chaosLevelText) {\n this.chaosLevelText.destroy();\n }\n this.chaosLevelText = this.add.text(this.cameras.main.width / 2, this.cameras.main.height / 2, messages[this.chaosLevel - 1], {\n fontSize: '32px',\n fontFamily: 'Arial',\n color: '#ffffff',\n stroke: '#000000',\n strokeThickness: 6\n }).setOrigin(0.5);\n this.tweens.add({\n targets: this.chaosLevelText,\n scale: {\n from: 0.5,\n to: 2\n },\n alpha: {\n from: 1,\n to: 0\n },\n duration: 2000,\n ease: 'Power2',\n onComplete: () => {\n if (this.chaosLevelText) {\n this.chaosLevelText.destroy();\n this.chaosLevelText = null;\n }\n }\n });\n this.cameras.main.shake(500, 0.01 * this.chaosLevel);\n }\n applyChaosByLevel() {\n switch (this.chaosLevel) {\n case 1:\n this.ballSpeed *= 1.2;\n break;\n case 2:\n this.physics.world.gravity.y = 300;\n break;\n case 3:\n this.tweens.add({\n targets: [this.playerPaddle, this.aiPaddle, this.playerPaddleGraphics, this.aiPaddleGraphics],\n displayHeight: this.initialPaddleHeight * 0.6,\n height: this.initialPaddleHeight * 0.6,\n duration: 2000,\n ease: 'Power2',\n onUpdate: () => {\n this.playerPaddle.body.setSize(15, this.playerPaddle.displayHeight);\n this.aiPaddle.body.setSize(15, this.aiPaddle.displayHeight);\n }\n });\n break;\n case 4:\n this.powerUpTimer = this.time.addEvent({\n delay: 5000,\n callback: this.spawnPowerUp,\n callbackScope: this,\n loop: true\n });\n this.ballTrail.destroy();\n this.ballTrail = this.add.particles(0, 0, \"particle\", {\n follow: this.ball,\n scale: {\n start: 0.7,\n end: 0\n },\n alpha: {\n start: 0.7,\n end: 0\n },\n speed: 60,\n angle: {\n min: 0,\n max: 360\n },\n frequency: 15,\n lifespan: 500,\n blendMode: Phaser.BlendModes.ADD,\n tint: [0xff0000, 0x00ff00, 0x0000ff, 0xffff00]\n });\n break;\n case 5:\n this.tweens.add({\n targets: this.background,\n fillColor: 0x3a0066,\n duration: 2000,\n yoyo: true,\n repeat: -1\n });\n this.aiDifficultyFactor = 0.3;\n this.ball.body.setBounce(1.05, 1.05);\n this.time.addEvent({\n delay: 3000,\n callback: () => {\n this.physics.world.gravity.y = Phaser.Math.Between(-500, 500);\n this.physics.world.gravity.x = Phaser.Math.Between(-100, 100);\n },\n callbackScope: this,\n loop: true\n });\n if (this.powerUpTimer) {\n this.powerUpTimer.delay = 3000;\n }\n break;\n }\n }\n spawnPowerUp() {\n if (this.chaosLevel < 4) return;\n const x = Phaser.Math.Between(100, this.cameras.main.width - 100);\n const y = Phaser.Math.Between(100, this.cameras.main.height - 100);\n const colors = [0x00ffff, 0xff00ff, 0xffff00, 0x00ff00, 0xff0000];\n const colorIndex = Phaser.Math.Between(0, colors.length - 1);\n const powerUp = this.powerUps.create(x, y, \"powerup\");\n powerUp.setTint(colors[colorIndex]);\n this.tweens.add({\n targets: powerUp,\n scale: {\n from: 0.8,\n to: 1.2\n },\n duration: 600,\n yoyo: true,\n repeat: -1\n });\n this.time.delayedCall(5000, () => {\n if (powerUp.active) {\n powerUp.destroy();\n }\n });\n }\n hitPaddle(ball, paddle) {\n const speedIncrease = 1.05;\n const currentVelocity = ball.body.velocity;\n const speed = Math.sqrt(currentVelocity.x * currentVelocity.x + currentVelocity.y * currentVelocity.y);\n const diff = ball.y - paddle.y;\n const normalizedDiff = diff / (paddle.displayHeight / 2);\n const bounceAngle = normalizedDiff * Math.PI / 3;\n const direction = paddle === this.playerPaddle ? 1 : -1;\n ball.body.velocity.x = direction * speed * speedIncrease * Math.cos(bounceAngle);\n ball.body.velocity.y = speed * speedIncrease * Math.sin(bounceAngle);\n if (this.chaosLevel >= 3) {\n this.cameras.main.shake(100, 0.003 * this.chaosLevel);\n }\n const paddleGraphics = paddle === this.playerPaddle ? this.playerPaddleGraphics : this.aiPaddleGraphics;\n const originalColor = paddle === this.playerPaddle ? 0x66ff66 : 0xff6666;\n paddleGraphics.fillColor = 0xffffff;\n this.time.delayedCall(100, () => {\n paddleGraphics.fillColor = originalColor;\n });\n const emitter = this.add.particles(ball.x, ball.y, \"particle\", {\n speed: 80,\n scale: {\n start: 0.4,\n end: 0\n },\n alpha: {\n start: 0.6,\n end: 0\n },\n lifespan: 300,\n blendMode: Phaser.BlendModes.ADD,\n emitting: false\n });\n emitter.explode(10);\n this.time.delayedCall(300, () => {\n emitter.destroy();\n });\n }\n onWorldBounds(body, up, down, left, right) {\n if (left) {\n this.score.ai++;\n this.aiScoreText.setText(this.score.ai.toString());\n this.resetBall(1);\n this.createExplosion(body.x, body.y, 0xff6666);\n } else if (right) {\n this.score.player++;\n this.playerScoreText.setText(this.score.player.toString());\n this.resetBall(-1);\n this.createExplosion(body.x, body.y, 0x66ff66);\n }\n if (up || down) {\n const emitter = this.add.particles(body.x, body.y, \"particle\", {\n speed: 50,\n scale: {\n start: 0.3,\n end: 0\n },\n alpha: {\n start: 0.4,\n end: 0\n },\n lifespan: 200,\n blendMode: Phaser.BlendModes.ADD,\n emitting: false\n });\n emitter.explode(5);\n this.time.delayedCall(200, () => {\n emitter.destroy();\n });\n }\n if (this.score.player >= 10 || this.score.ai >= 10) {\n this.scene.start(\"EndScene\", {\n winner: this.score.player >= 10 ? \"Player\" : \"AI\",\n playerScore: this.score.player,\n aiScore: this.score.ai\n });\n }\n }\n update() {\n this.updatePaddles();\n this.playerPaddleGraphics.setPosition(this.playerPaddle.x, this.playerPaddle.y);\n this.aiPaddleGraphics.setPosition(this.aiPaddle.x, this.aiPaddle.y);\n if (this.chaosLevel >= 4) {\n this.animateStars();\n }\n if (this.chaosLevel === 5) {\n this.applyWarpEffect();\n }\n }\n updatePaddles() {\n const pointer = this.input.activePointer;\n const cursors = this.input.keyboard.createCursorKeys();\n let targetY = null;\n if (pointer.isDown) {\n targetY = pointer.y;\n } else if (cursors.up.isDown) {\n targetY = this.playerPaddle.y - 10;\n } else if (cursors.down.isDown) {\n targetY = this.playerPaddle.y + 10;\n }\n if (targetY !== null) {\n if (this.paddleControlsReversed) {\n this.playerPaddle.y += (this.playerPaddle.y - targetY) * 0.1;\n } else {\n this.playerPaddle.y += (targetY - this.playerPaddle.y) * 0.1;\n }\n }\n const difficulty = this.chaosLevel === 5 ? this.aiDifficultyFactor : 0.1 * (1 + this.chaosLevel * 0.1);\n if (this.chaosLevel === 5 && Math.random() < 0.05) {\n this.aiPaddle.y += Phaser.Math.Between(-15, 15);\n } else {\n this.aiPaddle.y += (this.ball.y - this.aiPaddle.y) * difficulty;\n }\n this.playerPaddle.y = Phaser.Math.Clamp(this.playerPaddle.y, this.playerPaddle.displayHeight / 2, this.cameras.main.height - this.playerPaddle.displayHeight / 2);\n this.aiPaddle.y = Phaser.Math.Clamp(this.aiPaddle.y, this.aiPaddle.displayHeight / 2, this.cameras.main.height - this.aiPaddle.displayHeight / 2);\n }\n animateStars() {\n this.stars.forEach(star => {\n if (Math.random() < 0.02) {\n this.tweens.add({\n targets: star,\n alpha: {\n from: star.alpha,\n to: Math.random() * 0.7 + 0.3\n },\n duration: 300\n });\n }\n star.x += Math.sin(star.y + this.time.now * 0.001) * 0.5;\n star.y += Math.cos(star.x + this.time.now * 0.001) * 0.5;\n if (star.x < 0) star.x = this.cameras.main.width;\n if (star.x > this.cameras.main.width) star.x = 0;\n if (star.y < 0) star.y = this.cameras.main.height;\n if (star.y > this.cameras.main.height) star.y = 0;\n });\n }\n applyWarpEffect() {\n if (!this.warpField && Math.random() < 0.01) {\n const x = this.ball.x;\n const y = this.ball.y;\n this.warpField = this.add.graphics();\n this.warpField.lineStyle(2, 0xff00ff, 0.8);\n this.warpField.strokeCircle(x, y, 50);\n this.tweens.add({\n targets: this.warpField,\n scale: {\n from: 0.2,\n to: 2\n },\n alpha: {\n from: 0.8,\n to: 0\n },\n duration: 1000,\n onComplete: () => {\n this.warpField.destroy();\n this.warpField = null;\n this.ball.body.velocity.x += Phaser.Math.Between(-100, 100);\n this.ball.body.velocity.y += Phaser.Math.Between(-100, 100);\n }\n });\n }\n }\n}\nclass EndScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"EndScene\"\n });\n }\n init(data) {\n this.winner = data.winner;\n this.playerScore = data.playerScore;\n this.aiScore = data.aiScore;\n }\n create() {\n this.add.rectangle(0, 0, this.cameras.main.width, this.cameras.main.height, 0x1A1A28).setOrigin(0);\n for (let i = 0; i < 100; i++) {\n const x = Phaser.Math.Between(0, this.cameras.main.width);\n const y = Phaser.Math.Between(0, this.cameras.main.height);\n const size = Phaser.Math.FloatBetween(0.5, 2);\n const star = this.add.circle(x, y, size, 0xffffff, 0.7);\n this.tweens.add({\n targets: star,\n alpha: 0.2,\n duration: 1500 + Math.random() * 1000,\n yoyo: true,\n repeat: -1\n });\n }\n const gameOverText = this.add.text(this.cameras.main.width / 2, 150, \"GAME OVER\", {\n fontSize: '64px',\n fontFamily: 'Arial',\n color: '#ff00ff',\n stroke: '#000000',\n strokeThickness: 8\n }).setOrigin(0.5);\n this.tweens.add({\n targets: gameOverText,\n scale: 1.1,\n duration: 1000,\n yoyo: true,\n repeat: -1\n });\n this.add.text(this.cameras.main.width / 2, 240, `${this.winner} wins!`, {\n fontSize: '42px',\n fontFamily: 'Arial',\n color: '#ffffff',\n stroke: '#000000',\n strokeThickness: 4\n }).setOrigin(0.5);\n this.add.text(this.cameras.main.width / 2, 320, `${this.playerScore} - ${this.aiScore}`, {\n fontSize: '32px',\n fontFamily: 'Arial',\n color: '#ffff00',\n stroke: '#000000',\n strokeThickness: 3\n }).setOrigin(0.5);\n const playAgainButton = this.add.rectangle(this.cameras.main.width / 2, 420, 200, 50, 0x00ff00, 0.8).setInteractive();\n const playAgainText = this.add.text(this.cameras.main.width / 2, 420, \"PLAY AGAIN\", {\n fontSize: '24px',\n fontFamily: 'Arial',\n color: '#ffffff'\n }).setOrigin(0.5);\n playAgainButton.on('pointerover', () => {\n playAgainButton.fillColor = 0x22ff22;\n playAgainText.setScale(1.1);\n });\n playAgainButton.on('pointerout', () => {\n playAgainButton.fillColor = 0x00ff00;\n playAgainText.setScale(1);\n });\n playAgainButton.on('pointerdown', () => {\n this.scene.start('GameScene');\n });\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: 320,\n height: 240\n }\n },\n physics: {\n default: \"arcade\",\n arcade: {\n debug: false\n }\n },\n backgroundColor: \"#1A1A28\",\n scene: [BootScene, GameScene, EndScene]\n};\nexport const game = new Phaser.Game(config);","thinking","The current issue is that the code tries to use a `fillStar` method on the graphics object, but this method doesn't exist in Phaser 3's Graphics class. We need to replace this with a correct implementation that draws a star shape.\n\nIn Phaser 3, we can create a star shape using polygons. Here's a plan to fix the issue:\n\n1. Remove the `fillStar` call\n2. Replace it with code that manually draws a star shape using the Graphics methods available in Phaser 3, like `beginPath()`, `lineTo()`, and `fill()`.\n\nFor creating a star shape, we need to:\n1. Calculate points around a circle at two different radii (inner and outer)\n2. Draw lines connecting these points\n3. Fill the resulting shape\n\nLet's implement this fix:","changelog","Fixed the star drawing error by replacing the nonexistent fillStar method with proper polygon drawing code to create a pretty power-up star! Now your power-ups will appear correctly and the chaos can continue!","diff","isRephrased","isDebug","isSuccess","error","messageId",["B","104589"],"isDraft",[114],"🔥","isLordOfDev","analytics",[118,122,124,126,128,130,132,134,136,138,140,142,144,146],{"_119":120,"_121":36},"day","2025-03-23","runCount",{"_119":123,"_121":36},"2025-03-24",{"_119":125,"_121":36},"2025-03-25",{"_119":127,"_121":36},"2025-03-26",{"_119":129,"_121":36},"2025-03-27",{"_119":131,"_121":36},"2025-03-28",{"_119":133,"_121":36},"2025-03-29",{"_119":135,"_121":36},"2025-03-30",{"_119":137,"_121":36},"2025-03-31",{"_119":139,"_121":36},"2025-04-01",{"_119":141,"_121":36},"2025-04-02",{"_119":143,"_121":36},"2025-04-03",{"_119":145,"_121":36},"2025-04-04",{"_119":147,"_121":51},"2025-04-05","https://cdn.dev.fun/og/image/efeb1c1dd7693c30b0eb/807af594.webp","actionData","errors"]