[{"_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","ff5175283b570eac1c4f","isMyApp",false,"name","pingpong.io","description","The corporate-friendly version of pingpocalypse that disguises itself as a productivity tool but secretly descends into chaos when your boss isn't looking. Spreadsheets transform into paddles, notifications become balls, and your KPIs never looked so playable!","isLive","tags",[],"cover","https://cdn.dev.fun/snapshot/ff5175283b570eac1c4f/43674_02a4a0c0.webp","cdnUrl","https://cdn.dev.fun/app/ff5175283b570eac1c4f/43674","createdAt",["D",1743848285088],"updatedAt",["D",1743848335973],"lastCommitId",["B","43674"],"tier",0,"credits",-17,{"_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 docIcon = this.make.graphics({\n x: 0,\n y: 0\n });\n docIcon.fillStyle(0xeeeeee, 1);\n docIcon.fillRect(0, 0, 32, 40);\n docIcon.fillStyle(0x3366cc, 1);\n docIcon.fillRect(0, 0, 32, 6);\n docIcon.fillStyle(0xcccccc, 1);\n for (let i = 0; i < 5; i++) {\n docIcon.fillRect(4, 10 + i * 6, 24, 2);\n }\n docIcon.generateTexture(\"docIcon\", 32, 40);\n docIcon.destroy();\n const notifIcon = this.make.graphics({\n x: 0,\n y: 0\n });\n notifIcon.fillStyle(0xff6666, 1);\n notifIcon.fillCircle(10, 10, 10);\n notifIcon.generateTexture(\"notifIcon\", 20, 20);\n notifIcon.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(\"AppScene\");\n }\n}\nclass AppScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"AppScene\"\n });\n this.productivity = 100;\n }\n create() {\n this.background = this.add.rectangle(0, 0, this.cameras.main.width, this.cameras.main.height, 0xf0f0f0).setOrigin(0);\n this.topBar = this.add.rectangle(0, 0, this.cameras.main.width, 50, 0x3366cc).setOrigin(0);\n this.appName = this.add.text(20, 25, \"PingSheet Pro\", {\n fontSize: '18px',\n fontFamily: 'Arial',\n color: '#ffffff'\n }).setOrigin(0, 0.5);\n const menuItems = [\"File\", \"Edit\", \"View\", \"Tools\", \"Data\", \"Help\"];\n menuItems.forEach((item, index) => {\n this.add.text(150 + index * 70, 25, item, {\n fontSize: '14px',\n fontFamily: 'Arial',\n color: '#ffffff'\n }).setOrigin(0, 0.5);\n });\n this.add.circle(this.cameras.main.width - 25, 25, 15, 0xdddddd);\n this.sideBar = this.add.rectangle(0, 50, 60, this.cameras.main.height - 50, 0xdddddd).setOrigin(0);\n const iconY = [90, 140, 190, 240, 290];\n iconY.forEach(y => {\n this.add.sprite(30, y, \"docIcon\").setScale(0.7);\n });\n this.notifIcon = this.add.sprite(30, 340, \"notifIcon\").setScale(0.8);\n this.tweens.add({\n targets: this.notifIcon,\n scale: 1,\n duration: 500,\n yoyo: true,\n repeat: -1\n });\n this.createSpreadsheetGrid();\n this.productivityText = this.add.text(this.cameras.main.width - 200, 25, \"Productivity: 100%\", {\n fontSize: '14px',\n fontFamily: 'Arial',\n color: '#ffffff'\n }).setOrigin(0, 0.5);\n const startButton = this.add.rectangle(this.cameras.main.width / 2, this.cameras.main.height / 2, 180, 50, 0x3366cc).setInteractive();\n this.add.text(this.cameras.main.width / 2, this.cameras.main.height / 2, \"Run Data Analysis\", {\n fontSize: '16px',\n fontFamily: 'Arial',\n color: '#ffffff'\n }).setOrigin(0.5);\n startButton.on('pointerover', () => {\n startButton.fillColor = 0x4477dd;\n });\n startButton.on('pointerout', () => {\n startButton.fillColor = 0x3366cc;\n });\n startButton.on('pointerdown', () => {\n this.scene.start('GameScene');\n });\n this.add.text(this.cameras.main.width / 2, this.cameras.main.height / 2 + 50, \"Click to analyze productivity metrics\", {\n fontSize: '14px',\n fontFamily: 'Arial',\n color: '#666666'\n }).setOrigin(0.5);\n }\n createSpreadsheetGrid() {\n const startX = 80;\n const startY = 70;\n const cellWidth = 80;\n const cellHeight = 25;\n const cols = 8;\n const rows = 15;\n for (let col = 0; col < cols; col++) {\n this.add.rectangle(startX + col * cellWidth, startY, cellWidth, cellHeight, 0xe6e6e6).setOrigin(0);\n this.add.text(startX + col * cellWidth + cellWidth / 2, startY + cellHeight / 2, String.fromCharCode(65 + col), {\n fontSize: '14px',\n fontFamily: 'Arial',\n color: '#333333',\n fontWeight: 'bold'\n }).setOrigin(0.5);\n }\n for (let row = 0; row < rows; row++) {\n this.add.rectangle(startX - 30, startY + cellHeight + row * cellHeight, 30, cellHeight, 0xe6e6e6).setOrigin(0);\n this.add.text(startX - 15, startY + cellHeight + row * cellHeight + cellHeight / 2, (row + 1).toString(), {\n fontSize: '14px',\n fontFamily: 'Arial',\n color: '#333333',\n fontWeight: 'bold'\n }).setOrigin(0.5);\n }\n for (let row = 0; row < rows; row++) {\n for (let col = 0; col < cols; col++) {\n this.add.rectangle(startX + col * cellWidth, startY + cellHeight + row * cellHeight, cellWidth, cellHeight, 0xffffff, 1).setOrigin(0).setStrokeStyle(1, 0xdddddd);\n if (Math.random() > 0.7) {\n let text;\n if (col === 0) {\n const months = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\"];\n text = months[Math.floor(Math.random() * months.length)];\n } else if (col === 7) {\n text = `${Math.floor(Math.random() * 100)}%`;\n } else {\n text = Math.floor(Math.random() * 1000).toString();\n }\n this.add.text(startX + col * cellWidth + cellWidth / 2, startY + cellHeight + row * cellHeight + cellHeight / 2, text, {\n fontSize: '12px',\n fontFamily: 'Arial',\n color: '#333333'\n }).setOrigin(0.5);\n }\n }\n }\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 this.inBossMode = false;\n }\n create() {\n this.createAppInterface();\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.background.setDepth(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).setDepth(1);\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).setDepth(1);\n this.add.text(this.cameras.main.width / 4, 20, \"YOUR KPI\", {\n fontSize: '16px',\n color: '#aaffaa',\n fontFamily: 'Arial'\n }).setOrigin(0.5).setDepth(1);\n this.add.text(this.cameras.main.width / 4 * 3, 20, \"TARGET METRIC\", {\n fontSize: '16px',\n color: '#ffaaaa',\n fontFamily: 'Arial'\n }).setOrigin(0.5).setDepth(1);\n this.createChaosMeter();\n this.bossKeyText = this.add.text(this.cameras.main.width / 2, this.cameras.main.height - 80, \"Press 'B' to quickly switch to work screen if boss approaches\", {\n fontSize: '14px',\n color: '#aaaaaa',\n fontFamily: 'Arial'\n }).setOrigin(0.5).setDepth(1);\n this.input.keyboard.on('keydown-B', this.toggleBossMode, this);\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 adjust productivity metrics\", {\n fontSize: '16px',\n color: '#ffffff',\n fontFamily: 'Arial'\n }).setOrigin(0.5).setDepth(1);\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, \"ENGAGEMENT\", {\n fontSize: '20px',\n color: '#ff00ff',\n fontFamily: 'Arial'\n }).setOrigin(0.5).setDepth(1);\n this.chaosMeterBg = this.add.rectangle(this.cameras.main.width / 2, 120, 200, 15, 0x333333).setOrigin(0.5).setDepth(1);\n this.chaosMeterFill = this.add.rectangle(this.cameras.main.width / 2 - 100 + 1, 120, 2, 13, 0xff00ff).setOrigin(0, 0.5).setDepth(1);\n }\n createAppInterface() {\n this.appContainer = this.add.container(0, 0);\n this.topBar = this.add.rectangle(0, 0, this.cameras.main.width, 40, 0x3366cc).setOrigin(0);\n this.appTitle = this.add.text(20, 20, \"PingSheet Pro Analytics Dashboard\", {\n fontSize: '16px',\n color: '#ffffff',\n fontFamily: 'Arial'\n }).setOrigin(0, 0.5);\n const menuItems = [\"File\", \"Edit\", \"View\", \"Tools\", \"Data\", \"Help\"];\n menuItems.forEach((item, index) => {\n this.add.text(300 + index * 70, 20, item, {\n fontSize: '14px',\n fontFamily: 'Arial',\n color: '#ffffff'\n }).setOrigin(0, 0.5);\n });\n this.appContainer.add([this.topBar, this.appTitle]);\n this.appContainer.setDepth(10);\n this.appContainer.setVisible(false);\n this.createFakeSpreadsheet();\n }\n createFakeSpreadsheet() {\n this.spreadsheetContainer = this.add.container(0, 0);\n const sheetBg = this.add.rectangle(0, 40, this.cameras.main.width, this.cameras.main.height - 40, 0xf0f0f0).setOrigin(0);\n this.spreadsheetContainer.add(sheetBg);\n const startX = 60;\n const startY = 80;\n const cellWidth = 120;\n const cellHeight = 30;\n const cols = 7;\n const rows = 15;\n const headers = [\"Department\", \"Q1 Results\", \"Q2 Results\", \"Q3 Target\", \"YTD Growth\", \"Efficiency\", \"Status\"];\n for (let col = 0; col < cols; col++) {\n const headerCell = this.add.rectangle(startX + col * cellWidth, startY, cellWidth, cellHeight, 0xdddddd).setOrigin(0);\n const headerText = this.add.text(startX + col * cellWidth + cellWidth / 2, startY + cellHeight / 2, headers[col], {\n fontSize: '12px',\n color: '#333333',\n fontFamily: 'Arial',\n fontWeight: 'bold'\n }).setOrigin(0.5);\n this.spreadsheetContainer.add([headerCell, headerText]);\n }\n const departments = [\"Marketing\", \"Sales\", \"Engineering\", \"Product\", \"Finance\", \"HR\", \"Operations\", \"Support\"];\n for (let row = 0; row < rows; row++) {\n for (let col = 0; col < cols; col++) {\n const cell = this.add.rectangle(startX + col * cellWidth, startY + (row + 1) * cellHeight, cellWidth, cellHeight, 0xffffff).setOrigin(0).setStrokeStyle(1, 0xdddddd);\n this.spreadsheetContainer.add(cell);\n let text = \"\";\n if (row < departments.length) {\n if (col === 0) {\n text = departments[row];\n } else if (col === 1 || col === 2) {\n text = `${(Math.random() * 1000).toFixed(2)}K`;\n } else if (col === 3) {\n text = `${(Math.random() * 1500).toFixed(2)}K`;\n } else if (col === 4) {\n text = `${(Math.random() * 30 - 5).toFixed(1)}%`;\n } else if (col === 5) {\n text = `${(Math.random() * 100).toFixed(1)}%`;\n } else if (col === 6) {\n const statuses = [\"On Track\", \"At Risk\", \"Behind\"];\n text = statuses[Math.floor(Math.random() * statuses.length)];\n }\n const cellText = this.add.text(startX + col * cellWidth + cellWidth / 2, startY + (row + 1) * cellHeight + cellHeight / 2, text, {\n fontSize: '12px',\n color: '#333333',\n fontFamily: 'Arial'\n }).setOrigin(0.5);\n this.spreadsheetContainer.add(cellText);\n }\n }\n }\n this.createFakeCharts();\n this.spreadsheetContainer.setDepth(10);\n this.spreadsheetContainer.setVisible(false);\n }\n createFakeCharts() {\n const pieX = 200;\n const pieY = 550;\n const pieRadius = 70;\n const pieChart = this.add.graphics();\n pieChart.fillStyle(0xffffff);\n pieChart.fillCircle(pieX, pieY, pieRadius);\n pieChart.fillStyle(0x3366cc);\n pieChart.slice(pieX, pieY, pieRadius, 0, Math.PI * 0.6);\n pieChart.fillPath();\n pieChart.fillStyle(0xff9900);\n pieChart.slice(pieX, pieY, pieRadius, Math.PI * 0.6, Math.PI * 1.2);\n pieChart.fillPath();\n pieChart.fillStyle(0x33cc33);\n pieChart.slice(pieX, pieY, pieRadius, Math.PI * 1.2, Math.PI * 2);\n pieChart.fillPath();\n const pieTitle = this.add.text(pieX, pieY - pieRadius - 20, \"Revenue by Department\", {\n fontSize: '14px',\n color: '#333333',\n fontFamily: 'Arial',\n fontWeight: 'bold'\n }).setOrigin(0.5);\n const barX = 500;\n const barY = 500;\n const barWidth = 300;\n const barHeight = 150;\n const barGraph = this.add.graphics();\n barGraph.fillStyle(0xffffff);\n barGraph.fillRect(barX, barY, barWidth, barHeight);\n barGraph.lineStyle(2, 0xcccccc);\n barGraph.strokeRect(barX, barY, barWidth, barHeight);\n const bars = 6;\n const barSpacing = barWidth / (bars * 2);\n for (let i = 0; i < bars; i++) {\n const height = Math.random() * 100 + 20;\n barGraph.fillStyle(0x3366cc);\n barGraph.fillRect(barX + barSpacing + i * barSpacing * 2, barY + barHeight - height, barSpacing, height);\n }\n const barTitle = this.add.text(barX + barWidth / 2, barY - 20, \"Quarterly Performance\", {\n fontSize: '14px',\n color: '#333333',\n fontFamily: 'Arial',\n fontWeight: 'bold'\n }).setOrigin(0.5);\n this.spreadsheetContainer.add([pieChart, pieTitle, barGraph, barTitle]);\n }\n toggleBossMode() {\n this.inBossMode = !this.inBossMode;\n this.appContainer.setVisible(this.inBossMode);\n this.spreadsheetContainer.setVisible(this.inBossMode);\n const gameElements = [this.background, this.centerLine, this.playerScoreText, this.aiScoreText, this.chaosLabel, this.chaosMeterBg, this.chaosMeterFill, this.playerPaddle, this.aiPaddle, this.playerPaddleGraphics, this.aiPaddleGraphics, this.ball, this.ballTrail, this.instructions, this.bossKeyText];\n gameElements.forEach(element => {\n if (element) element.setVisible(!this.inBossMode);\n });\n if (this.powerUps) {\n this.powerUps.setVisible(!this.inBossMode);\n }\n if (this.inBossMode) {\n this.physics.pause();\n } else {\n this.physics.resume();\n }\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 const labels = [\"ENGAGEMENT\", \"SYNERGY\", \"OPTIMIZATION\", \"DISRUPTION\", \"INNOVATION\", \"FUTURE-PROOFING\"];\n this.chaosLabel.setText(labels[this.chaosLevel]);\n }\n showChaosLevelText() {\n const messages = [\"Quarterly Planning\", \"Market Disruption\", \"Resource Optimization\", \"Strategic Pivot\", \"DIGITAL TRANSFORMATION\"];\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, AppScene, GameScene, 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",1743963968282],"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.02585194","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/ff5175283b570eac1c4f/b004f958.webp","actionData","errors"]