[{"_1":2,"_141":-5,"_142":-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":23,"_24":25,"_26":25,"_27":28,"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_5":44,"_56":57,"_58":59,"_60":59,"_61":62,"_63":41,"_64":65,"_66":67,"_68":59,"_69":59,"_70":59,"_71":17,"_72":17,"_73":74,"_75":76,"_77":78,"_79":80,"_81":82,"_100":-5,"_101":17,"_102":103,"_137":31,"_138":139,"_140":17},"id","50e6a29f3d78829f8c92","isMyApp",false,"name","angelvsapes","description","Guide tiny angel Zala in an epic showdown against 100 rampaging gorillas! Dash through the chaos, unleash devastating energy blasts, and see how many primates you can send back to the jungle before they overwhelm your heavenly powers.","brief","Help a pint-sized angel blast her way through a simian apocalypse of 100 angry gorillas!","isLive",true,"isPublic","tags",[29],"👑","cover","https://cdn.dev.fun/snapshot/50e6a29f3d78829f8c92/62137_dbbae7e2.webp","cdnUrl","https://cdn.dev.fun/app/50e6a29f3d78829f8c92/62137","createdAt",["D",1745942990499],"updatedAt",["D",1746287024482],"lastCommitId",["B","62137"],"tier",1,"credits",89,{"_14":45,"_46":47,"_48":47,"_49":50,"_51":47,"_52":53,"_54":55},"70f9bb0d-e051-4748-924d-5a435b2a66a4","uniqueId","nils116","username","solanaWallet","7oyfre8An3r6SWjHk7HAqhgunaN3QTok8L9bxTvayoje","displayName","bio","","avatar","https://cdn.dev.fun/avatar/70f9bb0d-e051-4748-924d-5a435b2a66a4/b059e324.webp","commitCount",54,"forkCount",0,"likeCount","runsCount",356,"downvoteCount","upvoteCount",3,"upvoteRate",0.75,"commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","CxpGDVrX2rA6penHD2zhopPYNMXAtXutizWSktwytZ18","code","import * as Phaser from \"phaser\";\nimport { StateClient } from '@devfunlabs/state-client';\nconst stateClient = new StateClient({\n baseURL: 'https://state.dev.fun',\n appId: '50e6a29f3d78829f8c92'\n});\nclass BootScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"BootScene\"\n });\n }\n preload() {\n this.scheduleLeaderboardReset();\n for (let i = 0; i < 8; i++) {\n const frameKey = `angelSprite${i}`;\n const frameGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n frameGraphics.fillStyle(0xfffaf0, 1);\n frameGraphics.fillCircle(16, 16, 12);\n frameGraphics.fillStyle(0xffd700, 1);\n frameGraphics.fillCircle(16, 13, 10);\n frameGraphics.fillRect(6, 5, 20, 10);\n frameGraphics.lineStyle(2, 0xffd700, 1);\n frameGraphics.strokeEllipse(16, 6, 10, 4);\n const angle = i * Math.PI / 4;\n const wingX1 = 16 + Math.cos(angle + Math.PI / 2) * 10;\n const wingY1 = 16 + Math.sin(angle + Math.PI / 2) * 10;\n const wingX2 = 16 + Math.cos(angle - Math.PI / 2) * 10;\n const wingY2 = 16 + Math.sin(angle - Math.PI / 2) * 10;\n frameGraphics.fillStyle(0xffffff, 1);\n frameGraphics.fillEllipse(wingX1, wingY1, 10, 14);\n frameGraphics.fillEllipse(wingX2, wingY2, 10, 14);\n frameGraphics.fillStyle(0xffd700, 0.5);\n frameGraphics.fillEllipse(wingX1, wingY1, 7, 10);\n frameGraphics.fillEllipse(wingX2, wingY2, 7, 10);\n const dotX = 16 + Math.cos(angle) * 8;\n const dotY = 16 + Math.sin(angle) * 8;\n frameGraphics.fillStyle(0x87cefa, 1);\n frameGraphics.fillCircle(dotX, dotY, 3);\n frameGraphics.fillStyle(0xadd8e6, 0.2);\n frameGraphics.fillCircle(16, 16, 20);\n frameGraphics.generateTexture(frameKey, 32, 32);\n frameGraphics.destroy();\n }\n const particleGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n particleGraphics.fillStyle(0xffffff, 1);\n particleGraphics.fillCircle(4, 4, 4);\n particleGraphics.generateTexture(\"particle\", 8, 8);\n const wallGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n wallGraphics.fillStyle(0x8B4513, 1);\n wallGraphics.fillRect(0, 0, 64, 64);\n wallGraphics.fillStyle(0xA0522D, 1);\n wallGraphics.fillRect(4, 4, 56, 56);\n wallGraphics.lineStyle(3, 0x5D4037, 1);\n wallGraphics.strokeRect(8, 8, 48, 48);\n wallGraphics.lineStyle(2, 0xD2691E, 1);\n wallGraphics.fillStyle(0x3E2723, 1);\n wallGraphics.fillCircle(12, 12, 3);\n wallGraphics.fillCircle(52, 12, 3);\n wallGraphics.fillCircle(12, 52, 3);\n wallGraphics.fillCircle(52, 52, 3);\n wallGraphics.generateTexture(\"wall\", 64, 64);\n const angelGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n angelGraphics.fillStyle(0xfffaf0, 1);\n angelGraphics.fillCircle(16, 16, 12);\n angelGraphics.fillStyle(0xffd700, 1);\n angelGraphics.fillCircle(16, 13, 10);\n angelGraphics.fillRect(6, 5, 20, 10);\n angelGraphics.lineStyle(2, 0xffd700, 1);\n angelGraphics.strokeEllipse(16, 6, 10, 4);\n angelGraphics.fillStyle(0xffffff, 1);\n angelGraphics.fillEllipse(5, 16, 10, 14);\n angelGraphics.fillEllipse(27, 16, 10, 14);\n angelGraphics.fillStyle(0xffd700, 0.5);\n angelGraphics.fillEllipse(5, 16, 7, 10);\n angelGraphics.fillEllipse(27, 16, 7, 10);\n angelGraphics.fillStyle(0xadd8e6, 0.2);\n angelGraphics.fillCircle(16, 16, 20);\n angelGraphics.generateTexture(\"angel\", 32, 32);\n const gorillaGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n gorillaGraphics.fillStyle(0x774444, 1);\n gorillaGraphics.fillCircle(16, 16, 18);\n gorillaGraphics.fillStyle(0x552222, 1);\n gorillaGraphics.fillCircle(16, 12, 10);\n gorillaGraphics.fillStyle(0x663333, 1);\n gorillaGraphics.fillRect(0, 10, 10, 6);\n gorillaGraphics.fillRect(22, 10, 10, 6);\n gorillaGraphics.generateTexture(\"bruteGorilla\", 36, 36);\n const agileGorillaGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n agileGorillaGraphics.fillStyle(0x111111, 1);\n agileGorillaGraphics.fillCircle(16, 16, 12);\n agileGorillaGraphics.fillStyle(0x000000, 1);\n agileGorillaGraphics.fillCircle(16, 12, 6);\n agileGorillaGraphics.fillStyle(0x222222, 1);\n agileGorillaGraphics.fillRect(2, 10, 5, 3);\n agileGorillaGraphics.fillRect(25, 10, 5, 3);\n agileGorillaGraphics.generateTexture(\"agileGorilla\", 32, 32);\n const megaGorillaGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n megaGorillaGraphics.fillStyle(0x770000, 1);\n megaGorillaGraphics.fillCircle(40, 40, 40);\n megaGorillaGraphics.fillStyle(0x550000, 1);\n megaGorillaGraphics.fillCircle(40, 32, 25);\n megaGorillaGraphics.fillStyle(0x990000, 1);\n megaGorillaGraphics.fillRect(0, 25, 25, 15);\n megaGorillaGraphics.fillRect(55, 25, 25, 15);\n megaGorillaGraphics.fillStyle(0xffff00, 0.8);\n megaGorillaGraphics.fillCircle(30, 30, 5);\n megaGorillaGraphics.fillCircle(50, 30, 5);\n megaGorillaGraphics.generateTexture(\"megaGorilla\", 80, 80);\n const armoredGorillaGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n armoredGorillaGraphics.fillStyle(0x222222, 1);\n armoredGorillaGraphics.fillCircle(16, 16, 12);\n armoredGorillaGraphics.fillStyle(0xaaaaaa, 1);\n armoredGorillaGraphics.fillCircle(16, 12, 8);\n armoredGorillaGraphics.fillStyle(0x333333, 1);\n armoredGorillaGraphics.fillRect(2, 10, 8, 5);\n armoredGorillaGraphics.fillRect(22, 10, 8, 5);\n armoredGorillaGraphics.generateTexture(\"armoredGorilla\", 32, 32);\n const blastGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n blastGraphics.fillStyle(0xadd8e6, 0.5);\n blastGraphics.fillCircle(50, 50, 50);\n blastGraphics.fillStyle(0xffffff, 0.7);\n blastGraphics.fillCircle(50, 50, 30);\n blastGraphics.generateTexture(\"blast\", 100, 100);\n const healthBarGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n healthBarGraphics.fillStyle(0x000000, 1);\n healthBarGraphics.fillRect(0, 0, 102, 12);\n healthBarGraphics.fillStyle(0xff0000, 1);\n healthBarGraphics.fillRect(1, 1, 100, 10);\n healthBarGraphics.generateTexture(\"healthBar\", 102, 12);\n const gorillaHealthBarGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n gorillaHealthBarGraphics.fillStyle(0x000000, 1);\n gorillaHealthBarGraphics.fillRect(0, 0, 32, 6);\n gorillaHealthBarGraphics.fillStyle(0x00ff00, 1);\n gorillaHealthBarGraphics.fillRect(1, 1, 30, 4);\n gorillaHealthBarGraphics.generateTexture(\"gorillaHealthBar\", 32, 6);\n const bgGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n bgGraphics.fillStyle(0x87cefa, 1);\n bgGraphics.fillRect(0, 0, 4096, 4096);\n bgGraphics.fillStyle(0xc8e6f0, 1);\n for (let i = 0; i < 80; i++) {\n const x = Phaser.Math.Between(0, 4096);\n const y = Phaser.Math.Between(0, 4096);\n const size = Phaser.Math.Between(100, 400);\n bgGraphics.fillCircle(x, y, size);\n }\n bgGraphics.generateTexture(\"background\", 4096, 4096);\n this.load.image('zalaBig', 'https://cdn.dev.fun/asset/50e6a29f3d78829f8c92/zalabig_64a75f8c.png');\n const cursorGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n cursorGraphics.lineStyle(2, 0xffffff, 1);\n cursorGraphics.strokeCircle(16, 16, 12);\n cursorGraphics.beginPath();\n cursorGraphics.moveTo(16, 4);\n cursorGraphics.lineTo(16, 10);\n cursorGraphics.moveTo(16, 22);\n cursorGraphics.lineTo(16, 28);\n cursorGraphics.moveTo(4, 16);\n cursorGraphics.lineTo(10, 16);\n cursorGraphics.moveTo(22, 16);\n cursorGraphics.lineTo(28, 16);\n cursorGraphics.strokePath();\n cursorGraphics.generateTexture(\"crosshair\", 32, 32);\n particleGraphics.destroy();\n angelGraphics.destroy();\n gorillaGraphics.destroy();\n agileGorillaGraphics.destroy();\n armoredGorillaGraphics.destroy();\n megaGorillaGraphics.destroy();\n cursorGraphics.destroy();\n blastGraphics.destroy();\n healthBarGraphics.destroy();\n gorillaHealthBarGraphics.destroy();\n bgGraphics.destroy();\n wallGraphics.destroy();\n }\n create() {\n this.ensurePermanentLeaderboardEntries().then(() => {\n this.scene.start(\"TitleScene\");\n });\n }\n async ensurePermanentLeaderboardEntries() {\n try {\n const existingScores = await stateClient.getEntities('scores');\n const nameMap = {};\n const duplicates = [];\n for (const score of existingScores) {\n if (nameMap[score.name]) {\n duplicates.push(score.id);\n } else {\n nameMap[score.name] = score;\n }\n }\n for (const duplicateId of duplicates) {\n await stateClient.deleteEntity('scores', duplicateId);\n }\n console.log(`Cleaned up ${duplicates.length} duplicate leaderboard entries`);\n const permanentEntries = [{\n name: \"ktb1703.eth\",\n score: 100,\n time: 133\n }, {\n name: \"EbyyMilitary\",\n score: 100,\n time: 151\n }, {\n name: \"RoyRoy\",\n score: 50,\n time: 74\n }];\n for (const entry of permanentEntries) {\n const id = `permanent-${Date.now()}-${Math.floor(Math.random() * 1000)}`;\n await stateClient.createEntity('scores', {\n id,\n name: entry.name,\n score: entry.score,\n time: entry.time,\n date: new Date().toISOString()\n });\n console.log(`Added permanent leaderboard entry: ${entry.name}`);\n }\n console.log(\"Permanent leaderboard entries have been verified\");\n } catch (error) {\n console.error(\"Error ensuring permanent leaderboard entries:\", error);\n }\n }\n scheduleLeaderboardReset() {\n const now = new Date();\n const midnight = new Date(now);\n midnight.setHours(24, 0, 0, 0);\n console.log(`Tournament continues! No leaderboard reset will occur.`);\n }\n}\nclass LeaderboardScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"LeaderboardScene\"\n });\n }\n create() {\n this.input.setDefaultCursor('default');\n const {\n width,\n height\n } = this.scale;\n this.add.image(width / 2, height / 2, \"background\").setScale(1);\n this.add.text(width / 2, 60, \"LEADERBOARD\", {\n fontFamily: \"Arial\",\n fontSize: 48,\n color: \"#ffff00\",\n stroke: \"#000000\",\n strokeThickness: 6,\n shadow: {\n offsetX: 2,\n offsetY: 2,\n color: \"#000000\",\n blur: 2,\n stroke: true,\n fill: true\n }\n }).setOrigin(0.5);\n const backButton = this.add.text(width / 2, height - 60, \"Back to Main Menu\", {\n fontFamily: \"Arial\",\n fontSize: 24,\n color: \"#ffffff\",\n backgroundColor: \"#4a4a4a\",\n padding: {\n left: 20,\n right: 20,\n top: 10,\n bottom: 10\n }\n }).setOrigin(0.5).setInteractive();\n backButton.on(\"pointerover\", () => {\n backButton.setStyle({\n backgroundColor: \"#6a6aff\"\n });\n });\n backButton.on(\"pointerout\", () => {\n backButton.setStyle({\n backgroundColor: \"#4a4a4a\"\n });\n });\n backButton.on(\"pointerdown\", () => {\n this.scene.start(\"TitleScene\");\n });\n const loadingText = this.add.text(width / 2, height / 2, \"Loading leaderboard...\", {\n fontFamily: \"Arial\",\n fontSize: 24,\n color: \"#ffffff\",\n stroke: \"#000000\",\n strokeThickness: 3\n }).setOrigin(0.5);\n stateClient.getEntities('scores').then(leaderboard => {\n loadingText.destroy();\n console.log(\"Loaded leaderboard data:\", leaderboard);\n this.displayLeaderboard(leaderboard);\n }).catch(error => {\n console.error(\"Error loading leaderboard:\", error);\n loadingText.setText(\"Error loading leaderboard. Please try again.\");\n });\n }\n displayLeaderboard(leaderboard) {\n const uniqueLeaderboard = {};\n for (const entry of leaderboard) {\n const name = entry.name;\n if (!uniqueLeaderboard[name] || uniqueLeaderboard[name].score < entry.score || uniqueLeaderboard[name].score === entry.score && uniqueLeaderboard[name].time > entry.time) {\n uniqueLeaderboard[name] = entry;\n }\n }\n const dedupedLeaderboard = Object.values(uniqueLeaderboard);\n const {\n width,\n height\n } = this.scale;\n const startY = 150;\n const spacing = 40;\n const headerY = startY;\n this.add.text(width / 2, headerY - 30, `TOTAL ENTRIES: ${dedupedLeaderboard.length}`, {\n fontFamily: \"Arial\",\n fontSize: 18,\n color: \"#ffff00\",\n stroke: \"#000000\",\n strokeThickness: 2\n }).setOrigin(0.5);\n this.add.text(width / 2 - 250, headerY, \"RANK\", {\n fontFamily: \"Arial\",\n fontSize: 24,\n color: \"#ffff00\",\n stroke: \"#000000\",\n strokeThickness: 3\n }).setOrigin(0.5);\n this.add.text(width / 2 - 100, headerY, \"NAME\", {\n fontFamily: \"Arial\",\n fontSize: 24,\n color: \"#ffff00\",\n stroke: \"#000000\",\n strokeThickness: 3\n }).setOrigin(0.5);\n this.add.text(width / 2 + 70, headerY, \"GORILLAS\", {\n fontFamily: \"Arial\",\n fontSize: 24,\n color: \"#ffff00\",\n stroke: \"#000000\",\n strokeThickness: 3\n }).setOrigin(0.5);\n this.add.text(width / 2 + 200, headerY, \"TIME\", {\n fontFamily: \"Arial\",\n fontSize: 24,\n color: \"#ffff00\",\n stroke: \"#000000\",\n strokeThickness: 3\n }).setOrigin(0.5);\n const scrollableHeight = height - startY - 120;\n const scrollMask = this.add.graphics().fillStyle(0xffffff).fillRect(0, startY + 20, width, scrollableHeight).setVisible(false);\n const scrollableMask = new Phaser.Display.Masks.GeometryMask(this, scrollMask);\n const scoresContainer = this.add.container(0, startY + 20);\n scoresContainer.setMask(scrollableMask);\n dedupedLeaderboard.sort((a, b) => {\n if (a.score !== b.score) {\n return b.score - a.score;\n }\n return a.time - b.time;\n });\n if (dedupedLeaderboard.length === 0) {\n this.add.text(width / 2, startY + spacing * 2, \"No scores yet. Be the first!\", {\n fontFamily: \"Arial\",\n fontSize: 26,\n color: \"#ffffff\",\n stroke: \"#000000\",\n strokeThickness: 3\n }).setOrigin(0.5);\n } else {\n let contentHeight = 0;\n dedupedLeaderboard.forEach((entry, index) => {\n const y = spacing * (index + 1);\n contentHeight = Math.max(contentHeight, y + spacing);\n const rankText = this.add.text(width / 2 - 250, y, `${index + 1}`, {\n fontFamily: \"Arial\",\n fontSize: 20,\n color: \"#ffffff\",\n stroke: \"#000000\",\n strokeThickness: 2\n }).setOrigin(0.5);\n const nameText = this.add.text(width / 2 - 100, y, entry.name, {\n fontFamily: \"Arial\",\n fontSize: 20,\n color: \"#ffffff\",\n stroke: \"#000000\",\n strokeThickness: 2\n }).setOrigin(0.5);\n const scoreText = this.add.text(width / 2 + 70, y, `${entry.score}`, {\n fontFamily: \"Arial\",\n fontSize: 20,\n color: \"#ffffff\",\n stroke: \"#000000\",\n strokeThickness: 2\n }).setOrigin(0.5);\n const minutes = Math.floor(entry.time / 60);\n const seconds = entry.time % 60;\n const timeString = `${minutes}:${seconds.toString().padStart(2, '0')}`;\n const timeText = this.add.text(width / 2 + 200, y, timeString, {\n fontFamily: \"Arial\",\n fontSize: 20,\n color: \"#ffffff\",\n stroke: \"#000000\",\n strokeThickness: 2\n }).setOrigin(0.5);\n scoresContainer.add([rankText, nameText, scoreText, timeText]);\n });\n if (contentHeight > scrollableHeight) {\n const scrollBarHeight = Math.max(30, scrollableHeight * (scrollableHeight / contentHeight));\n const scrollBar = this.add.rectangle(width - 20, startY + 20, 8, scrollBarHeight, 0x6a6aff, 1).setOrigin(0.5, 0);\n this.input.on('pointermove', pointer => {\n if (pointer.isDown && pointer.y > startY + 20 && pointer.y < startY + scrollableHeight + 20) {\n const dragY = pointer.velocity.y * 0.5;\n scoresContainer.y += dragY;\n scoresContainer.y = Phaser.Math.Clamp(scoresContainer.y, startY + scrollableHeight + 20 - contentHeight, startY + 20);\n const scrollPercent = Math.abs((scoresContainer.y - (startY + 20)) / (contentHeight - scrollableHeight));\n const scrollPosition = startY + 20 + (scrollableHeight - scrollBarHeight) * scrollPercent;\n scrollBar.y = scrollPosition;\n }\n });\n this.input.on('wheel', (pointer, gameObjects, deltaX, deltaY, deltaZ) => {\n scoresContainer.y -= deltaY * 0.5;\n scoresContainer.y = Phaser.Math.Clamp(scoresContainer.y, startY + scrollableHeight + 20 - contentHeight, startY + 20);\n const scrollPercent = Math.abs((scoresContainer.y - (startY + 20)) / (contentHeight - scrollableHeight));\n const scrollPosition = startY + 20 + (scrollableHeight - scrollBarHeight) * scrollPercent;\n scrollBar.y = scrollPosition;\n });\n }\n }\n }\n}\nclass TitleScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"TitleScene\"\n });\n }\n create() {\n this.input.setDefaultCursor('default');\n const {\n width,\n height\n } = this.scale;\n this.add.image(width / 2, height / 2, \"background\").setScale(1);\n const tournamentText = this.add.text(width - 180, 45, \"TOURNAMENT\", {\n fontFamily: \"Arial\",\n fontSize: 24,\n color: \"#ffff00\",\n stroke: \"#000000\",\n strokeThickness: 3\n }).setOrigin(0.5);\n const tournamentDateText = this.add.text(width - 180, 75, \"ETERNAL\", {\n fontFamily: \"Arial\",\n fontSize: 20,\n color: \"#ffffff\",\n stroke: \"#000000\",\n strokeThickness: 2\n }).setOrigin(0.5);\n this.tweens.add({\n targets: [tournamentText, tournamentDateText],\n scale: 1.1,\n duration: 1000,\n yoyo: true,\n repeat: -1\n });\n const zalaBig = this.add.image(160, height - 120, \"zalaBig\");\n zalaBig.setOrigin(0.5, 1);\n zalaBig.setScale(0.5);\n this.tweens.add({\n targets: zalaBig,\n y: height - 100,\n duration: 2000,\n yoyo: true,\n repeat: -1,\n ease: 'Sine.easeInOut'\n });\n const titleText = this.add.text(width / 2, height / 4, \"Z△L△ △I vs. 100 Gorillas\", {\n fontFamily: \"Arial\",\n fontSize: 48,\n color: \"#ffff00\",\n stroke: \"#000000\",\n strokeThickness: 6,\n shadow: {\n offsetX: 2,\n offsetY: 2,\n color: \"#000000\",\n blur: 2,\n stroke: true,\n fill: true\n }\n }).setOrigin(0.5);\n this.tweens.add({\n targets: titleText,\n y: \"+=8\",\n duration: 1500,\n yoyo: true,\n repeat: -1,\n ease: 'Sine.easeInOut'\n });\n const startButton = this.add.text(width / 2, height / 2, \"Start Game\", {\n fontFamily: \"Arial\",\n fontSize: 32,\n color: \"#ffffff\",\n backgroundColor: \"#4a4a4a\",\n padding: {\n left: 20,\n right: 20,\n top: 10,\n bottom: 10\n }\n }).setOrigin(0.5).setInteractive();\n const leaderboardButton = this.add.text(width / 2, height / 2 + 70, \"Leaderboard\", {\n fontFamily: \"Arial\",\n fontSize: 28,\n color: \"#ffffff\",\n backgroundColor: \"#4a4a4a\",\n padding: {\n left: 20,\n right: 20,\n top: 10,\n bottom: 10\n }\n }).setOrigin(0.5).setInteractive();\n const zalaButton = this.add.text(width / 2, height / 2 + 140, \"Z△L△ △I\", {\n fontFamily: \"Arial\",\n fontSize: 28,\n color: \"#ffffff\",\n backgroundColor: \"#4a4a4a\",\n padding: {\n left: 20,\n right: 20,\n top: 10,\n bottom: 10\n }\n }).setOrigin(0.5).setInteractive();\n const nilsButton = this.add.text(width / 2, height / 2 + 210, \"nils116\", {\n fontFamily: \"Arial\",\n fontSize: 28,\n color: \"#ffffff\",\n backgroundColor: \"#4a4a4a\",\n padding: {\n left: 20,\n right: 20,\n top: 10,\n bottom: 10\n }\n }).setOrigin(0.5).setInteractive();\n const zala = this.add.image(width / 2 - 180, height / 2, \"angel\").setScale(2).setInteractive();\n zala.on(\"pointerdown\", () => {\n const sayText = this.add.text(zala.x + 20, zala.y - 30, \"Let's Fight!\", {\n fontFamily: \"Arial\",\n fontSize: \"20px\",\n color: \"#ffffff\",\n backgroundColor: \"#6a6aff\",\n padding: {\n left: 10,\n right: 10,\n top: 5,\n bottom: 5\n }\n }).setOrigin(0, 0.5);\n this.time.delayedCall(1500, () => {\n sayText.destroy();\n });\n });\n const bruteGorilla = this.add.image(width / 2 + 120, height / 2 - 40, \"bruteGorilla\").setScale(1.2);\n const agileGorilla = this.add.image(width / 2 + 180, height / 2 + 20, \"agileGorilla\").setScale(1.1);\n const armoredGorilla = this.add.image(width / 2 + 240, height / 2 - 10, \"armoredGorilla\").setScale(1.2);\n bruteGorilla.setInteractive();\n bruteGorilla.on(\"pointerdown\", () => {\n const gorillaText = this.add.text(bruteGorilla.x + 20, bruteGorilla.y - 30, \"Ooh ooh aah aah!\", {\n fontFamily: \"Arial\",\n fontSize: \"20px\",\n color: \"#ffffff\",\n backgroundColor: \"#775533\",\n padding: {\n left: 10,\n right: 10,\n top: 5,\n bottom: 5\n }\n }).setOrigin(0, 0.5);\n this.tweens.add({\n targets: bruteGorilla,\n scale: 1.4,\n duration: 200,\n yoyo: true,\n ease: 'Power1'\n });\n this.time.delayedCall(1500, () => {\n gorillaText.destroy();\n });\n });\n agileGorilla.setInteractive();\n agileGorilla.on(\"pointerdown\", () => {\n const sayText = this.add.text(agileGorilla.x + 20, agileGorilla.y - 30, \"Rahh rahh!\", {\n fontFamily: \"Arial\",\n fontSize: \"20px\",\n color: \"#ffffff\",\n backgroundColor: \"#333333\",\n padding: {\n left: 10,\n right: 10,\n top: 5,\n bottom: 5\n }\n }).setOrigin(0, 0.5);\n this.tweens.add({\n targets: agileGorilla,\n scale: 1.3,\n duration: 200,\n yoyo: true,\n ease: 'Power1'\n });\n this.time.delayedCall(1500, () => {\n sayText.destroy();\n });\n });\n armoredGorilla.setInteractive();\n armoredGorilla.on(\"pointerdown\", () => {\n const sayText = this.add.text(armoredGorilla.x + 20, armoredGorilla.y - 30, \"Eee-eee-eee!\", {\n fontFamily: \"Arial\",\n fontSize: \"20px\",\n color: \"#ffffff\",\n backgroundColor: \"#666666\",\n padding: {\n left: 10,\n right: 10,\n top: 5,\n bottom: 5\n }\n }).setOrigin(0, 0.5);\n this.tweens.add({\n targets: armoredGorilla,\n scale: 1.4,\n duration: 200,\n yoyo: true,\n ease: 'Power1'\n });\n this.time.delayedCall(1500, () => {\n sayText.destroy();\n });\n });\n this.tweens.add({\n targets: zala,\n y: \"+=10\",\n duration: 1000,\n yoyo: true,\n repeat: -1\n });\n this.tweens.add({\n targets: bruteGorilla,\n y: \"+=8\",\n rotation: 0.1,\n duration: 800,\n yoyo: true,\n repeat: -1\n });\n this.tweens.add({\n targets: agileGorilla,\n y: \"+=12\",\n x: \"+=5\",\n duration: 600,\n yoyo: true,\n repeat: -1\n });\n this.tweens.add({\n targets: armoredGorilla,\n y: \"+=7\",\n rotation: -0.08,\n duration: 900,\n yoyo: true,\n repeat: -1\n });\n startButton.on(\"pointerdown\", () => {\n this.scene.start(\"GameScene\");\n });\n startButton.on(\"pointerover\", () => {\n startButton.setStyle({\n backgroundColor: \"#6a6aff\"\n });\n });\n startButton.on(\"pointerout\", () => {\n startButton.setStyle({\n backgroundColor: \"#4a4a4a\"\n });\n });\n leaderboardButton.on(\"pointerdown\", () => {\n this.scene.start(\"LeaderboardScene\");\n });\n leaderboardButton.on(\"pointerover\", () => {\n leaderboardButton.setStyle({\n backgroundColor: \"#6a6aff\"\n });\n });\n leaderboardButton.on(\"pointerout\", () => {\n leaderboardButton.setStyle({\n backgroundColor: \"#4a4a4a\"\n });\n });\n zalaButton.on(\"pointerdown\", () => {\n window.open(\"https://x.com/Zala_AI/\", \"_blank\");\n });\n zalaButton.on(\"pointerover\", () => {\n zalaButton.setStyle({\n backgroundColor: \"#6a6aff\"\n });\n });\n zalaButton.on(\"pointerout\", () => {\n zalaButton.setStyle({\n backgroundColor: \"#4a4a4a\"\n });\n });\n nilsButton.on(\"pointerdown\", () => {\n window.open(\"https://x.com/nils116\", \"_blank\");\n });\n nilsButton.on(\"pointerover\", () => {\n nilsButton.setStyle({\n backgroundColor: \"#6a6aff\"\n });\n });\n nilsButton.on(\"pointerout\", () => {\n nilsButton.setStyle({\n backgroundColor: \"#4a4a4a\"\n });\n });\n this.tweens.add({\n targets: [zalaButton, nilsButton],\n scale: {\n from: 1,\n to: 1.05\n },\n duration: 800,\n yoyo: true,\n repeat: -1\n });\n }\n}\nclass GameScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"GameScene\"\n });\n }\n init() {\n this.initVariables();\n this.gameStartTime = 0;\n this.survivalTime = 0;\n this.resetTimer = true;\n }\n initVariables() {\n this.player = null;\n this.gorillas = null;\n this.gorillaCount = 100;\n this.spawnedGorillas = 0;\n this.defeatedGorillas = 0;\n this.playerHealth = 100;\n this.megaGorillaSpawned = false;\n this.dashCooldown = false;\n this.blastCooldown = false;\n this.dashReady = true;\n this.blastReady = true;\n this.speedDashActive = false;\n this.speedDashCooldown = false;\n this.speedDashReady = true;\n this.touchingWall = false;\n this.wallDamageTime = 0;\n this.arenaSize = 1280;\n this.gameStartTime = 0;\n this.survivalTime = 0;\n this.resetTimer = true;\n this.healthBar = null;\n this.healthBarFill = null;\n this.healthText = null;\n this.scoreText = null;\n this.timerText = null;\n this.dashCooldownText = null;\n this.blastCooldownText = null;\n this.speedDashCooldownText = null;\n this.gorillaSpawnTimer = null;\n this.frenzyAlertActive = false;\n this.gorillaTypes = [{\n key: 'bruteGorilla',\n health: 5,\n speed: 68.64,\n damage: 25,\n chance: 0.3\n }, {\n key: 'agileGorilla',\n health: 2,\n speed: 171.6,\n damage: 5,\n chance: 0.4\n }, {\n key: 'armoredGorilla',\n health: 3,\n speed: 137.28,\n damage: 10,\n chance: 0.3\n }, {\n key: 'megaGorilla',\n health: 15,\n speed: 51.48,\n damage: 20,\n chance: 0\n }];\n this.crosshair = null;\n }\n create() {\n this.gameStartTime = this.time.now;\n this.survivalTime = 0;\n this.resetTimer = true;\n const {\n width,\n height\n } = this.scale;\n const worldSize = this.arenaSize;\n this.physics.world.setBounds(0, 0, worldSize, worldSize);\n this.add.image(worldSize / 2, worldSize / 2, \"background\");\n this.input.setDefaultCursor('none');\n this.crosshair = this.add.image(0, 0, 'crosshair').setDepth(1000);\n this.walls = this.physics.add.staticGroup();\n this.add.image(worldSize / 2, worldSize / 2, \"background\").setScale(2);\n this.isMobile = this.detectMobile();\n this.joystickKeys = {\n up: false,\n down: false,\n left: false,\n right: false\n };\n if (this.isMobile) {\n this.createMobileControls(width, height);\n }\n for (let x = 0; x < worldSize; x += 64) {\n this.walls.create(x + 32, 32, \"wall\");\n }\n for (let x = 0; x < worldSize; x += 64) {\n this.walls.create(x + 32, worldSize - 32, \"wall\");\n }\n for (let y = 64; y < worldSize - 64; y += 64) {\n this.walls.create(32, y + 32, \"wall\");\n }\n for (let y = 64; y < worldSize - 64; y += 64) {\n this.walls.create(worldSize - 32, y + 32, \"wall\");\n }\n this.walls.setDepth(10);\n this.player = this.physics.add.sprite(worldSize / 2, worldSize / 2, \"angel\");\n this.player.setScale(1.2);\n this.player.setCollideWorldBounds(true);\n this.player.setDamping(true);\n this.player.setDrag(0.95);\n this.touchingWall = false;\n this.wallDamageTime = 0;\n this.physics.add.collider(this.player, this.walls, this.handleWallCollision, null, this);\n this.blastEmitter = this.add.particles(0, 0, \"particle\", {\n speed: {\n min: 50,\n max: 120\n },\n scale: {\n start: 0.6,\n end: 0\n },\n lifespan: 300,\n blendMode: Phaser.BlendModes.ADD,\n tint: 0xffffff,\n on: false\n });\n this.gorillas = this.physics.add.group();\n this.physics.add.collider(this.gorillas, this.gorillas);\n this.physics.add.collider(this.gorillas, this.walls);\n this.spawnedGorillas = 0;\n this.spawnGorilla();\n this.updateSpawnRate();\n this.physics.add.collider(this.player, this.gorillas, this.handleCollision, null, this);\n this.cameras.main.setBounds(0, 0, worldSize, worldSize);\n this.cameras.main.startFollow(this.player, true, 0.09, 0.09);\n this.cameras.main.setZoom(1);\n const uiLayer = this.add.layer();\n this.healthBar = this.add.image(110, 30, \"healthBar\");\n this.healthBarFill = this.add.rectangle(11, 30, 100, 10, 0xff0000);\n this.healthBarFill.setOrigin(0, 0.5);\n this.healthText = this.add.text(110, 50, \"Health: 100\", {\n fontFamily: \"Arial\",\n fontSize: \"16px\",\n color: \"#ffffff\",\n stroke: \"#000000\",\n strokeThickness: 3\n }).setOrigin(0.5, 0);\n this.scoreText = this.add.text(width - 20, 20, \"Gorillas Defeated: 0 / 100\", {\n fontFamily: \"Arial\",\n fontSize: \"18px\",\n color: \"#ffffff\",\n stroke: \"#000000\",\n strokeThickness: 3\n }).setOrigin(1, 0);\n this.timerText = this.add.text(width - 20, 50, \"Time: 0:00\", {\n fontFamily: \"Arial\",\n fontSize: \"18px\",\n color: \"#ffffff\",\n stroke: \"#000000\",\n strokeThickness: 3\n }).setOrigin(1, 0);\n this.dashCooldownText = this.add.text(20, 80, \"Blast: READY [SHIFT or CLICK]\", {\n fontFamily: \"Arial\",\n fontSize: \"14px\",\n color: \"#00ff00\",\n stroke: \"#000000\",\n strokeThickness: 3\n });\n this.blastCooldownText = this.add.text(20, 110, \"Blast: READY [SPACE]\", {\n fontFamily: \"Arial\",\n fontSize: \"14px\",\n color: \"#00ff00\",\n stroke: \"#000000\",\n strokeThickness: 3\n });\n this.speedDashCooldownText = this.add.text(20, 140, \"Dash: READY [E]\", {\n fontFamily: \"Arial\",\n fontSize: \"14px\",\n color: \"#00ff00\",\n stroke: \"#000000\",\n strokeThickness: 3\n });\n this.healthBar.setScrollFactor(0).setDepth(1000);\n this.healthBarFill.setScrollFactor(0).setDepth(1000);\n this.healthText.setScrollFactor(0).setDepth(1000);\n this.scoreText.setScrollFactor(0).setDepth(1000);\n this.timerText.setScrollFactor(0).setDepth(1000);\n this.dashCooldownText.setScrollFactor(0).setDepth(1000);\n this.blastCooldownText.setScrollFactor(0).setDepth(1000);\n this.speedDashCooldownText.setScrollFactor(0).setDepth(1000);\n uiLayer.add([this.healthBar, this.healthBarFill, this.healthText, this.scoreText, this.timerText, this.dashCooldownText, this.blastCooldownText, this.speedDashCooldownText]);\n uiLayer.setDepth(1000);\n this.gameStartTime = this.time.now;\n this.cursors = this.input.keyboard.createCursorKeys();\n this.wasd = this.input.keyboard.addKeys({\n up: Phaser.Input.Keyboard.KeyCodes.W,\n down: Phaser.Input.Keyboard.KeyCodes.S,\n left: Phaser.Input.Keyboard.KeyCodes.A,\n right: Phaser.Input.Keyboard.KeyCodes.D\n });\n this.dashKey = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.SHIFT);\n this.blastKey = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.SPACE);\n this.speedDashKey = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.E);\n this.speedDashKey.on(\"down\", () => {\n if (this.speedDashReady && !this.speedDashCooldown) {\n this.useSpeedDash();\n }\n });\n this.input.on(\"pointerdown\", pointer => {\n if (pointer.leftButtonDown()) {\n if (this.dashReady && !this.dashCooldown) {\n this.useBlast(pointer);\n }\n }\n });\n this.dashKey.on(\"down\", () => {\n if (this.dashReady && !this.dashCooldown) {\n this.useBlast(this.input.activePointer);\n }\n });\n this.blastKey.on(\"down\", () => {\n if (this.blastReady && !this.blastCooldown) {\n this.useEnergyBlast();\n }\n });\n }\n updateSpawnRate() {\n let delay = 3000;\n if (this.defeatedGorillas >= 50) {\n delay = 500;\n } else if (this.defeatedGorillas >= 20) {\n delay = 750;\n } else if (this.defeatedGorillas >= 5) {\n delay = 1000;\n }\n if (this.gorillaSpawnTimer) {\n this.gorillaSpawnTimer.remove();\n }\n this.gorillaSpawnTimer = this.time.addEvent({\n delay: delay,\n callback: this.spawnGorilla,\n callbackScope: this,\n repeat: this.gorillaCount - this.spawnedGorillas - 1\n });\n }\n update() {\n if (this.playerHealth <= 0 || this.defeatedGorillas >= this.gorillaCount) {\n this.gameOver();\n return;\n }\n if (this.resetTimer) {\n this.gameStartTime = this.time.now;\n this.resetTimer = false;\n }\n this.survivalTime = Math.floor((this.time.now - this.gameStartTime) / 1000);\n const minutes = Math.floor(this.survivalTime / 60);\n const seconds = this.survivalTime % 60;\n this.timerText.setText(`Time: ${minutes}:${seconds.toString().padStart(2, '0')}`);\n this.crosshair.x = this.input.activePointer.worldX;\n this.crosshair.y = this.input.activePointer.worldY;\n this.handlePlayerMovement();\n this.touchingWall = false;\n this.physics.overlap(this.player, this.walls, () => {\n this.touchingWall = true;\n });\n if (this.touchingWall) {\n const now = this.time.now;\n if (now >= this.wallDamageTime) {\n this.applyWallDamage(5);\n this.wallDamageTime = now + 1000;\n }\n }\n this.gorillas.getChildren().forEach(gorilla => {\n if (!gorilla.getData(\"stunned\")) {\n const angle = Phaser.Math.Angle.Between(gorilla.x, gorilla.y, this.player.x, this.player.y);\n const speed = gorilla.speed || 50;\n gorilla.setVelocity(Math.cos(angle) * speed, Math.sin(angle) * speed);\n gorilla.rotation = angle + Math.PI / 2;\n }\n if (gorilla.healthBar) {\n gorilla.healthBar.x = gorilla.x;\n gorilla.healthBar.y = gorilla.y - 25;\n gorilla.healthBarFill.x = gorilla.x - 15;\n gorilla.healthBarFill.y = gorilla.y - 25;\n gorilla.healthBarFill.width = 30 * (gorilla.health / gorilla.maxHealth);\n gorilla.healthBarFill.fillColor = gorilla.health <= gorilla.maxHealth / 3 ? 0xff0000 : 0x00ff00;\n }\n });\n this.healthBarFill.width = Math.max(0, this.playerHealth);\n this.healthText.setText(`Health: ${Math.max(0, this.playerHealth)}`);\n this.scoreText.setText(`Gorillas Defeated: ${this.defeatedGorillas} / ${this.gorillaCount}`);\n this.survivalTime = Math.floor((this.time.now - this.gameStartTime) / 1000);\n }\n spawnGorilla() {\n if (this.spawnedGorillas >= this.gorillaCount) return;\n if (this.defeatedGorillas >= 45 && !this.megaGorillaSpawned) {\n this.spawnMegaGorilla();\n this.megaGorillaSpawned = true;\n return;\n }\n const worldSize = this.arenaSize;\n let x, y;\n const side = Phaser.Math.Between(0, 3);\n const buffer = 100;\n if (side === 0) {\n x = Phaser.Math.Between(buffer, worldSize - buffer);\n y = buffer;\n } else if (side === 1) {\n x = worldSize - buffer;\n y = Phaser.Math.Between(buffer, worldSize - buffer);\n } else if (side === 2) {\n x = Phaser.Math.Between(buffer, worldSize - buffer);\n y = worldSize - buffer;\n } else {\n x = buffer;\n y = Phaser.Math.Between(buffer, worldSize - buffer);\n }\n let clearPosition = true;\n const minDistance = 70;\n this.gorillas.getChildren().forEach(existingGorilla => {\n const distance = Phaser.Math.Distance.Between(x, y, existingGorilla.x, existingGorilla.y);\n if (distance < minDistance) {\n clearPosition = false;\n }\n });\n if (clearPosition) {\n const rand = Math.random();\n let cumulativeChance = 0;\n let selectedType = this.gorillaTypes[0];\n for (const type of this.gorillaTypes) {\n cumulativeChance += type.chance;\n if (rand < cumulativeChance) {\n selectedType = type;\n break;\n }\n }\n const gorilla = this.gorillas.create(x, y, selectedType.key);\n gorilla.setCollideWorldBounds(true);\n gorilla.setBounce(1);\n gorilla.health = selectedType.health;\n gorilla.maxHealth = selectedType.health;\n gorilla.speed = selectedType.speed;\n gorilla.damage = selectedType.damage;\n gorilla.setData(\"stunned\", false);\n gorilla.setData(\"hit\", false);\n gorilla.setData(\"type\", selectedType.key);\n gorilla.healthBar = this.add.image(gorilla.x, gorilla.y - 25, \"gorillaHealthBar\");\n gorilla.healthBarFill = this.add.rectangle(gorilla.x - 15, gorilla.y - 25, 30, 4, 0x00ff00);\n gorilla.healthBarFill.setOrigin(0, 0.5);\n gorilla.healthBar.setVisible(false);\n gorilla.healthBarFill.setVisible(false);\n if (selectedType.key === 'bruteGorilla') {\n gorilla.setScale(1.2);\n } else if (selectedType.key === 'agileGorilla') {\n gorilla.setScale(0.9);\n }\n this.spawnedGorillas++;\n const portalGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n portalGraphics.fillStyle(0x9900ff, 0.7);\n portalGraphics.fillCircle(16, 16, 16);\n portalGraphics.generateTexture('spawnPortal', 32, 32);\n portalGraphics.destroy();\n const portal = this.add.sprite(x, y, 'spawnPortal').setScale(0.1);\n this.tweens.add({\n targets: portal,\n scale: 2,\n alpha: {\n from: 0.8,\n to: 0\n },\n duration: 600,\n onComplete: () => {\n portal.destroy();\n }\n });\n const spawnEffect = this.add.particles(x, y, \"particle\", {\n speed: {\n min: 30,\n max: 70\n },\n scale: {\n start: 0.5,\n end: 0\n },\n lifespan: 400,\n blendMode: Phaser.BlendModes.ADD,\n tint: 0xaaaaaa,\n emitting: false\n });\n spawnEffect.explode(15);\n this.time.delayedCall(500, () => {\n spawnEffect.destroy();\n });\n gorilla.setScale(0.1);\n gorilla.alpha = 0.5;\n this.tweens.add({\n targets: gorilla,\n scale: selectedType.key === 'bruteGorilla' ? 1.2 : selectedType.key === 'agileGorilla' ? 0.9 : 1,\n alpha: 1,\n duration: 300\n });\n } else {\n this.spawnGorilla();\n }\n }\n spawnMegaGorilla() {\n const worldSize = this.arenaSize;\n const x = worldSize / 2;\n const y = worldSize / 2;\n const megaPortalGraphics = this.make.graphics({\n x: 0,\n y: 0\n });\n megaPortalGraphics.fillStyle(0xff0000, 0.7);\n megaPortalGraphics.fillCircle(40, 40, 40);\n megaPortalGraphics.generateTexture('megaPortal', 80, 80);\n megaPortalGraphics.destroy();\n const portal = this.add.sprite(x, y, 'megaPortal').setScale(0.1);\n this.cameras.main.shake(1000, 0.01);\n const warningText = this.add.text(worldSize / 2, worldSize / 2 - 150, \"WARNING: MEGA GORILLA INCOMING!\", {\n fontFamily: \"Arial\",\n fontSize: 36,\n color: \"#ff0000\",\n stroke: \"#000000\",\n strokeThickness: 6\n }).setOrigin(0.5);\n this.tweens.add({\n targets: warningText,\n alpha: 0,\n duration: 300,\n yoyo: true,\n repeat: 5,\n onComplete: () => {\n warningText.destroy();\n }\n });\n this.tweens.add({\n targets: portal,\n scale: 3,\n alpha: {\n from: 0.8,\n to: 0\n },\n duration: 2000,\n onComplete: () => {\n portal.destroy();\n const megaGorilla = this.gorillas.create(x, y, \"megaGorilla\");\n megaGorilla.setCollideWorldBounds(true);\n megaGorilla.setBounce(0);\n megaGorilla.health = 15;\n megaGorilla.maxHealth = 15;\n megaGorilla.speed = 30;\n megaGorilla.damage = 20;\n megaGorilla.setData(\"stunned\", false);\n megaGorilla.setData(\"hit\", false);\n megaGorilla.setData(\"type\", \"megaGorilla\");\n megaGorilla.healthBar = this.add.image(megaGorilla.x, megaGorilla.y - 60, \"gorillaHealthBar\").setScale(4);\n megaGorilla.healthBarFill = this.add.rectangle(megaGorilla.x - 60, megaGorilla.y - 60, 120, 4, 0x00ff00);\n megaGorilla.healthBarFill.setOrigin(0, 0.5);\n megaGorilla.healthBar.setVisible(true);\n megaGorilla.healthBarFill.setVisible(true);\n megaGorilla.setScale(0.1);\n this.tweens.add({\n targets: megaGorilla,\n scale: 3,\n duration: 1000,\n ease: 'Bounce',\n onComplete: () => {\n this.cameras.main.shake(500, 0.02);\n const poundEffect = this.add.particles(x, y, \"particle\", {\n speed: {\n min: 50,\n max: 200\n },\n scale: {\n start: 1,\n end: 0\n },\n lifespan: 800,\n blendMode: Phaser.BlendModes.ADD,\n tint: 0xff5555,\n emitting: false\n });\n poundEffect.explode(50);\n this.time.delayedCall(800, () => {\n poundEffect.destroy();\n });\n }\n });\n this.spawnedGorillas++;\n }\n });\n }\n handlePlayerMovement() {\n let baseSpeed = 200;\n if (this.speedDashActive) {\n baseSpeed *= 1.5;\n }\n const speed = baseSpeed;\n let vx = 0;\n let vy = 0;\n if (this.cursors.left.isDown || this.wasd.left.isDown || this.joystickKeys.left) {\n vx = -speed;\n } else if (this.cursors.right.isDown || this.wasd.right.isDown || this.joystickKeys.right) {\n vx = speed;\n }\n if (this.cursors.up.isDown || this.wasd.up.isDown || this.joystickKeys.up) {\n vy = -speed;\n } else if (this.cursors.down.isDown || this.wasd.down.isDown || this.joystickKeys.down) {\n vy = speed;\n }\n if (vx !== 0 && vy !== 0) {\n const normalizedSpeed = speed / Math.sqrt(2);\n vx = vx > 0 ? normalizedSpeed : -normalizedSpeed;\n vy = vy > 0 ? normalizedSpeed : -normalizedSpeed;\n }\n this.player.setVelocity(vx, vy);\n if (vx !== 0 || vy !== 0) {\n const angle = Math.atan2(vy, vx);\n this.player.rotation = angle + Math.PI / 2;\n }\n }\n useBlast(pointer) {\n const blastAngle = Phaser.Math.Angle.Between(this.player.x, this.player.y, pointer.worldX, pointer.worldY);\n this.player.rotation = blastAngle + Math.PI / 2;\n const recoilSpeed = 300;\n this.player.setVelocity(Math.cos(blastAngle + Math.PI) * recoilSpeed, Math.sin(blastAngle + Math.PI) * recoilSpeed);\n const blastDistance = 50;\n const blastX = this.player.x + Math.cos(blastAngle) * blastDistance;\n const blastY = this.player.y + Math.sin(blastAngle) * blastDistance;\n this.blastEmitter.setPosition(blastX, blastY);\n this.blastEmitter.setEmitZone({\n type: 'edge',\n source: new Phaser.Geom.Line(0, 0, Math.cos(blastAngle) * 30, Math.sin(blastAngle) * 30),\n quantity: 20\n });\n this.blastEmitter.explode(20);\n const bulletSpeed = 1500;\n const bulletGraphics = this.add.graphics();\n bulletGraphics.fillStyle(0xffff00, 1);\n bulletGraphics.fillCircle(0, 0, 5);\n bulletGraphics.generateTexture('bullet', 10, 10);\n bulletGraphics.destroy();\n const bullet = this.physics.add.image(blastX, blastY, 'bullet');\n bullet.setVelocity(Math.cos(blastAngle) * bulletSpeed, Math.sin(blastAngle) * bulletSpeed);\n this.player.setTint(0x7777ff);\n this.player.setData(\"immune\", true);\n this.dashReady = false;\n this.dashCooldown = true;\n this.dashCooldownText.setText(\"Blast: COOLDOWN [SHIFT]\");\n this.dashCooldownText.setColor(\"#ff0000\");\n this.physics.add.overlap(bullet, this.gorillas, (bullet, gorilla) => {\n bullet.destroy();\n gorilla.health -= 1;\n const knockbackForce = 300;\n if (gorilla.getData(\"type\") !== \"megaGorilla\") {\n gorilla.setVelocity(Math.cos(blastAngle) * knockbackForce, Math.sin(blastAngle) * knockbackForce);\n }\n gorilla.setTint(0xaaaaaa);\n gorilla.setData(\"stunned\", true);\n gorilla.setData(\"hit\", true);\n if (gorilla.healthBar && !gorilla.healthBar.visible && gorilla.health === 2) {\n gorilla.healthBar.setVisible(true);\n gorilla.healthBarFill.setVisible(true);\n gorilla.healthBarFill.width = 20;\n } else if (gorilla.healthBar && gorilla.healthBar.visible) {\n gorilla.healthBarFill.width = 30 * (gorilla.health / gorilla.maxHealth);\n gorilla.healthBarFill.fillColor = gorilla.health <= gorilla.maxHealth / 3 ? 0xff0000 : 0x00ff00;\n }\n this.tweens.add({\n targets: gorilla,\n alpha: 0.5,\n duration: 100,\n yoyo: true,\n repeat: 3\n });\n if (gorilla.health <= 0) {\n const defeatParticles = this.add.particles(gorilla.x, gorilla.y, \"particle\", {\n speed: {\n min: 50,\n max: 150\n },\n scale: {\n start: 0.5,\n end: 0\n },\n lifespan: 500,\n blendMode: Phaser.BlendModes.ADD,\n tint: 0xaaaaaa,\n emitting: false\n });\n defeatParticles.explode(30);\n this.time.delayedCall(600, () => {\n defeatParticles.destroy();\n });\n if (gorilla.healthBar) {\n gorilla.healthBar.destroy();\n gorilla.healthBarFill.destroy();\n }\n gorilla.destroy();\n this.defeatedGorillas++;\n this.spawnGorilla();\n if (this.defeatedGorillas === 5 || this.defeatedGorillas === 20 || this.defeatedGorillas === 50) {\n this.showBananaFrenzy();\n }\n this.updateSpawnRate();\n } else {\n this.time.delayedCall(800, () => {\n gorilla.clearTint();\n gorilla.setData(\"stunned\", false);\n });\n }\n });\n this.time.delayedCall(1000, () => {\n if (bullet && bullet.active) {\n bullet.destroy();\n }\n });\n this.time.delayedCall(300, () => {\n this.player.clearTint();\n this.player.setData(\"immune\", false);\n });\n this.time.delayedCall(250, () => {\n this.dashReady = true;\n this.dashCooldown = false;\n this.dashCooldownText.setText(\"Blast: READY [SHIFT or CLICK]\");\n this.dashCooldownText.setColor(\"#00ff00\");\n });\n }\n useEnergyBlast() {\n const blast = this.add.image(this.player.x, this.player.y, \"blast\").setAlpha(0);\n this.tweens.add({\n targets: blast,\n alpha: {\n from: 0.7,\n to: 0\n },\n scale: {\n from: 0.1,\n to: 3\n },\n duration: 500,\n ease: \"Power2\",\n onComplete: () => {\n blast.destroy();\n }\n });\n const blastParticles = this.add.particles(this.player.x, this.player.y, \"particle\", {\n speed: {\n min: 100,\n max: 300\n },\n scale: {\n start: 1,\n end: 0\n },\n lifespan: 800,\n blendMode: Phaser.BlendModes.ADD,\n tint: [0xffffff, 0xadd8e6, 0x87cefa],\n emitting: false\n });\n blastParticles.explode(50);\n this.time.delayedCall(1000, () => {\n blastParticles.destroy();\n });\n const blastRadius = 150;\n this.gorillas.getChildren().forEach(gorilla => {\n const distance = Phaser.Math.Distance.Between(this.player.x, this.player.y, gorilla.x, gorilla.y);\n if (distance < blastRadius) {\n gorilla.health -= 1;\n const angle = Phaser.Math.Angle.Between(this.player.x, this.player.y, gorilla.x, gorilla.y);\n const knockbackForce = 300 * (1 - distance / blastRadius);\n if (gorilla.getData(\"type\") !== \"megaGorilla\") {\n gorilla.setVelocity(Math.cos(angle) * knockbackForce, Math.sin(angle) * knockbackForce);\n }\n gorilla.setTint(0xaaaaaa);\n gorilla.setData(\"stunned\", true);\n gorilla.setData(\"hit\", true);\n if (gorilla.healthBar && !gorilla.healthBar.visible && gorilla.health === 2) {\n gorilla.healthBar.setVisible(true);\n gorilla.healthBarFill.setVisible(true);\n gorilla.healthBarFill.width = 20;\n } else if (gorilla.healthBar && gorilla.healthBar.visible) {\n gorilla.healthBarFill.width = 30 * (gorilla.health / gorilla.maxHealth);\n }\n this.tweens.add({\n targets: gorilla,\n alpha: 0.5,\n duration: 100,\n yoyo: true,\n repeat: 3\n });\n if (gorilla.health <= 0) {\n const defeatParticles = this.add.particles(gorilla.x, gorilla.y, \"particle\", {\n speed: {\n min: 50,\n max: 150\n },\n scale: {\n start: 0.5,\n end: 0\n },\n lifespan: 500,\n blendMode: Phaser.BlendModes.ADD,\n tint: 0xaaaaaa,\n emitting: false\n });\n defeatParticles.explode(30);\n this.time.delayedCall(600, () => {\n defeatParticles.destroy();\n });\n if (gorilla.healthBar) {\n gorilla.healthBar.destroy();\n gorilla.healthBarFill.destroy();\n }\n gorilla.destroy();\n this.defeatedGorillas++;\n this.updateSpawnRate();\n } else {\n this.time.delayedCall(800, () => {\n gorilla.clearTint();\n gorilla.setData(\"stunned\", false);\n });\n }\n }\n });\n this.blastReady = false;\n this.blastCooldown = true;\n this.blastCooldownText.setText(\"Blast: COOLDOWN [SPACE]\");\n this.blastCooldownText.setColor(\"#ff0000\");\n this.time.delayedCall(6000, () => {\n this.blastReady = true;\n this.blastCooldown = false;\n this.blastCooldownText.setText(\"Blast: READY [SPACE]\");\n this.blastCooldownText.setColor(\"#00ff00\");\n });\n }\n handleWallCollision(player, wall) {\n this.touchingWall = true;\n if (this.wallDamageTime === 0) {\n this.wallDamageTime = this.time.now;\n }\n const angle = Phaser.Math.Angle.Between(wall.x, wall.y, player.x, player.y);\n player.setVelocity(Math.cos(angle) * 100, Math.sin(angle) * 100);\n }\n applyWallDamage(amount) {\n if (this.player.getData(\"immune\")) {\n return;\n }\n this.playerHealth -= amount;\n const damageText = this.add.text(this.player.x, this.player.y - 20, `-${amount}`, {\n fontFamily: 'Arial',\n fontSize: '16px',\n color: '#ff6600',\n stroke: '#000000',\n strokeThickness: 3\n }).setOrigin(0.5);\n this.tweens.add({\n targets: damageText,\n y: this.player.y - 50,\n alpha: 0,\n duration: 1000,\n onComplete: () => {\n damageText.destroy();\n }\n });\n this.player.setTint(0xff6600);\n this.time.delayedCall(100, () => {\n this.player.clearTint();\n });\n }\n handleCollision(player, gorilla) {\n if (player.getData(\"immune\")) {\n return;\n }\n const damage = gorilla.damage || 5;\n this.playerHealth -= damage;\n const damageText = this.add.text(player.x, player.y - 20, `-${damage}`, {\n fontFamily: 'Arial',\n fontSize: '16px',\n color: '#ff0000',\n stroke: '#000000',\n strokeThickness: 3\n }).setOrigin(0.5);\n this.tweens.add({\n targets: damageText,\n y: player.y - 50,\n alpha: 0,\n duration: 1000,\n onComplete: () => {\n damageText.destroy();\n }\n });\n const angle = Phaser.Math.Angle.Between(gorilla.x, gorilla.y, player.x, player.y);\n player.setVelocity(Math.cos(angle) * 300, Math.sin(angle) * 300);\n player.setTint(0xff0000);\n this.time.delayedCall(100, () => {\n player.clearTint();\n });\n player.setData(\"immune\", true);\n this.time.delayedCall(500, () => {\n player.setData(\"immune\", false);\n });\n }\n showBananaFrenzy() {\n if (this.frenzyAlertActive) return;\n this.frenzyAlertActive = true;\n this.cameras.main.shake(1000, 0.01);\n const {\n width,\n height\n } = this.cameras.main;\n const frenzyText = this.add.text(width / 2, height / 2 - 100, \"BANANA FRENZY!\", {\n fontFamily: \"Arial\",\n fontSize: 48,\n color: \"#ffff00\",\n stroke: \"#000000\",\n strokeThickness: 6,\n shadow: {\n offsetX: 2,\n offsetY: 2,\n color: \"#000000\",\n blur: 2,\n stroke: true,\n fill: true\n }\n }).setOrigin(0.5).setScrollFactor(0).setDepth(1000);\n const subtitleText = this.add.text(width / 2, height / 2 - 40, \"GORILLAS WILL SPAWN FASTER\", {\n fontFamily: \"Arial\",\n fontSize: 32,\n color: \"#ff8800\",\n stroke: \"#000000\",\n strokeThickness: 4\n }).setOrigin(0.5).setScrollFactor(0).setDepth(1000);\n this.tweens.add({\n targets: [frenzyText, subtitleText],\n y: \"+=20\",\n duration: 200,\n yoyo: true,\n repeat: 5,\n ease: 'Bounce.easeOut'\n });\n this.time.delayedCall(2500, () => {\n frenzyText.destroy();\n subtitleText.destroy();\n this.frenzyAlertActive = false;\n });\n }\n useSpeedDash() {\n this.speedDashActive = true;\n this.speedDashReady = false;\n this.speedDashCooldown = true;\n this.speedDashCooldownText.setText(\"Dash: ACTIVE [E]\");\n this.speedDashCooldownText.setColor(\"#00ffff\");\n const dashTrail = this.add.particles(this.player.x, this.player.y, \"particle\", {\n follow: this.player,\n scale: {\n start: 0.6,\n end: 0\n },\n speed: 50,\n lifespan: 400,\n frequency: 15,\n blendMode: Phaser.BlendModes.ADD,\n tint: 0x00ffff\n });\n this.player.setTint(0x00ffff);\n this.time.delayedCall(2000, () => {\n this.speedDashActive = false;\n this.speedDashCooldownText.setText(\"Dash: COOLDOWN [E]\");\n this.speedDashCooldownText.setColor(\"#ff0000\");\n this.player.clearTint();\n dashTrail.destroy();\n this.time.delayedCall(10000, () => {\n this.speedDashReady = true;\n this.speedDashCooldown = false;\n this.speedDashCooldownText.setText(\"Dash: READY [E]\");\n this.speedDashCooldownText.setColor(\"#00ff00\");\n });\n });\n }\n detectMobile() {\n return navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(/BlackBerry/i) || navigator.userAgent.match(/Windows Phone/i) || navigator.maxTouchPoints && navigator.maxTouchPoints > 2;\n }\n createMobileControls(width, height) {\n const controlsLayer = this.add.layer().setDepth(2000);\n const joystickX = 100;\n const joystickY = height - 100;\n const joystickGraphics = this.make.graphics();\n joystickGraphics.fillStyle(0x0066ff, 0.3);\n joystickGraphics.lineStyle(2, 0x0099ff, 0.8);\n joystickGraphics.fillCircle(50, 50, 50);\n joystickGraphics.strokeCircle(50, 50, 50);\n joystickGraphics.generateTexture('joystickBase', 100, 100);\n const thumbGraphics = this.make.graphics();\n thumbGraphics.fillStyle(0x66bbff, 0.7);\n thumbGraphics.lineStyle(2, 0x00ffff, 1);\n thumbGraphics.fillCircle(15, 15, 15);\n thumbGraphics.strokeCircle(15, 15, 15);\n thumbGraphics.generateTexture('joystickThumb', 30, 30);\n joystickGraphics.destroy();\n thumbGraphics.destroy();\n this.joystick = this.add.image(joystickX, joystickY, 'joystickBase').setScrollFactor(0).setAlpha(0.7);\n this.joystickThumb = this.add.image(joystickX, joystickY, 'joystickThumb').setScrollFactor(0);\n controlsLayer.add([this.joystick, this.joystickThumb]);\n const buttonY = height - 100;\n const dashButtonX = width - 160;\n this.dashButton = this.add.container(dashButtonX, buttonY).setScrollFactor(0);\n const dashCircle = this.add.circle(0, 0, 40, 0x0066aa, 0.6);\n const dashBorder = this.add.circle(0, 0, 40);\n dashBorder.setStrokeStyle(3, 0x00aaff, 0.8);\n const dashLabel = this.add.text(0, 0, \"SPEED\", {\n fontFamily: \"Arial\",\n fontSize: \"16px\",\n color: \"#ffffff\"\n }).setOrigin(0.5);\n this.dashButton.add([dashCircle, dashBorder, dashLabel]);\n const blastButtonX = width - 60;\n this.blastButton = this.add.container(blastButtonX, buttonY).setScrollFactor(0);\n const blastCircle = this.add.circle(0, 0, 40, 0xaaaa00, 0.6);\n const blastBorder = this.add.circle(0, 0, 40);\n blastBorder.setStrokeStyle(3, 0xffff00, 0.8);\n const blastLabel = this.add.text(0, 0, \"BLAST\", {\n fontFamily: \"Arial\",\n fontSize: \"16px\",\n color: \"#ffffff\"\n }).setOrigin(0.5);\n this.blastButton.add([blastCircle, blastBorder, blastLabel]);\n controlsLayer.add([this.dashButton, this.blastButton]);\n this.input.addPointer(3);\n this.joystickPointerId = null;\n this.joystickActive = false;\n this.input.on('pointerdown', pointer => {\n if (Phaser.Math.Distance.Between(pointer.x, pointer.y, this.joystick.x, this.joystick.y) <= 50 && this.joystickPointerId === null) {\n this.joystickActive = true;\n this.joystickPointerId = pointer.id;\n this.joystickThumb.x = pointer.x;\n this.joystickThumb.y = pointer.y;\n } else if (Phaser.Math.Distance.Between(pointer.x, pointer.y, dashButtonX, buttonY) <= 40) {\n if (this.speedDashReady && !this.speedDashCooldown) {\n this.useSpeedDash();\n }\n } else if (Phaser.Math.Distance.Between(pointer.x, pointer.y, blastButtonX, buttonY) <= 40) {\n if (this.blastReady && !this.blastCooldown) {\n this.useEnergyBlast();\n }\n }\n });\n this.input.on('pointerup', pointer => {\n if (this.joystickPointerId === pointer.id) {\n this.joystickActive = false;\n this.joystickPointerId = null;\n this.joystickThumb.x = this.joystick.x;\n this.joystickThumb.y = this.joystick.y;\n this.joystickKeys.up = false;\n this.joystickKeys.down = false;\n this.joystickKeys.left = false;\n this.joystickKeys.right = false;\n }\n });\n this.input.on('pointermove', pointer => {\n if (this.joystickActive && this.joystickPointerId === pointer.id) {\n const dx = pointer.x - this.joystick.x;\n const dy = pointer.y - this.joystick.y;\n const distance = Math.sqrt(dx * dx + dy * dy);\n const maxDistance = 40;\n if (distance < maxDistance) {\n this.joystickThumb.x = pointer.x;\n this.joystickThumb.y = pointer.y;\n } else {\n const angle = Math.atan2(dy, dx);\n this.joystickThumb.x = this.joystick.x + Math.cos(angle) * maxDistance;\n this.joystickThumb.y = this.joystick.y + Math.sin(angle) * maxDistance;\n }\n this.joystickKeys.up = dy < -10;\n this.joystickKeys.down = dy > 10;\n this.joystickKeys.left = dx < -10;\n this.joystickKeys.right = dx > 10;\n }\n });\n }\n gameOver() {\n if (this.joystick) {\n this.joystick.destroy();\n this.joystickThumb.destroy();\n this.dashButton.destroy();\n this.blastButton.destroy();\n }\n this.scene.start(\"GameOverScene\", {\n score: this.defeatedGorillas,\n won: this.defeatedGorillas >= this.gorillaCount,\n time: this.survivalTime\n });\n }\n}\nclass GameOverScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"GameOverScene\"\n });\n }\n init(data) {\n this.score = data.score || 0;\n this.won = data.won || false;\n this.time = data.time || 0;\n this.playerName = '';\n this.nameInput = null;\n }\n create() {\n this.input.setDefaultCursor('default');\n const {\n width,\n height\n } = this.scale;\n this.add.image(width / 2, height / 2, \"background\").setScale(1);\n const zalaBig = this.add.image(160, height - 120, \"zalaBig\");\n zalaBig.setOrigin(0.5, 1);\n zalaBig.setScale(0.5);\n this.tweens.add({\n targets: zalaBig,\n y: height - 100,\n duration: 2000,\n yoyo: true,\n repeat: -1,\n ease: 'Sine.easeInOut'\n });\n this.add.text(width / 2, 60, \"Z△L△ △I vs. 100 Gorillas\", {\n fontFamily: \"Arial\",\n fontSize: 48,\n color: \"#ffff00\",\n stroke: \"#000000\",\n strokeThickness: 6,\n shadow: {\n offsetX: 2,\n offsetY: 2,\n color: \"#000000\",\n blur: 2,\n stroke: true,\n fill: true\n }\n }).setOrigin(0.5);\n const gameOverText = this.won ? \"Victory!\" : \"Game Over\";\n this.add.text(width / 2, height / 3, gameOverText, {\n fontFamily: \"Arial\",\n fontSize: 64,\n color: this.won ? \"#ffff00\" : \"#ff0000\",\n stroke: \"#000000\",\n strokeThickness: 6,\n shadow: {\n offsetX: 2,\n offsetY: 2,\n color: \"#000000\",\n blur: 2,\n stroke: true,\n fill: true\n }\n }).setOrigin(0.5);\n this.add.text(width / 2, height / 2 - 20, `Gorillas Defeated: ${this.score} / 100`, {\n fontFamily: \"Arial\",\n fontSize: 32,\n color: \"#ffffff\",\n stroke: \"#000000\",\n strokeThickness: 4\n }).setOrigin(0.5);\n const minutes = Math.floor(this.time / 60);\n const seconds = this.time % 60;\n const timeString = `${minutes}:${seconds.toString().padStart(2, '0')}`;\n this.add.text(width / 2, height / 2 + 20, `Survival Time: ${timeString}`, {\n fontFamily: \"Arial\",\n fontSize: 28,\n color: \"#ffffff\",\n stroke: \"#000000\",\n strokeThickness: 4\n }).setOrigin(0.5);\n let resultText = \"\";\n if (this.won) {\n resultText = \"You've defeated all the gorillas! Heaven is saved!\";\n } else if (this.score >= 75) {\n resultText = \"Impressive! You almost defeated all of them!\";\n } else if (this.score >= 50) {\n resultText = \"A valiant effort defending heaven!\";\n } else if (this.score >= 25) {\n resultText = \"Not bad, but the gorillas were too strong.\";\n } else {\n resultText = \"Those gorillas were really something, huh?\";\n }\n this.add.text(width / 2, height / 2 + 60, resultText, {\n fontFamily: \"Arial\",\n fontSize: 24,\n color: \"#ffffff\",\n stroke: \"#000000\",\n strokeThickness: 3\n }).setOrigin(0.5);\n this.nameInput = this.add.dom(width / 2, height / 2 + 110).createFromHTML(`\n \n `);\n this.nameInput.addListener('click');\n this.nameInput.on('click', event => {\n if (event.target.id === 'nameField') {\n event.target.focus();\n }\n });\n const nameField = this.nameInput.getChildByID('nameField');\n if (nameField) {\n nameField.addEventListener('focus', () => {\n this.input.keyboard.disableGlobalCapture();\n });\n nameField.addEventListener('blur', () => {\n this.input.keyboard.enableGlobalCapture();\n });\n }\n this.nameInput.addListener('input');\n this.nameInput.on('input', event => {\n if (event.target.id === 'nameField') {\n this.playerName = event.target.value;\n const submitButton = this.children.list.find(child => child.text === \"Submit Score\" || child.text === \"Share on X\");\n if (submitButton && submitButton.text === \"Submit Score\") {\n if (this.playerName.trim() !== '') {\n submitButton.setStyle({\n backgroundColor: \"#4a4a4a\",\n color: \"#ffffff\"\n });\n } else {\n submitButton.setStyle({\n backgroundColor: \"#666666\",\n color: \"#aaaaaa\"\n });\n }\n }\n }\n });\n const submitButton = this.add.text(width / 2, height / 2 + 160, \"Submit Score\", {\n fontFamily: \"Arial\",\n fontSize: 28,\n color: \"#aaaaaa\",\n backgroundColor: \"#666666\",\n padding: {\n left: 20,\n right: 20,\n top: 10,\n bottom: 10\n }\n }).setOrigin(0.5).setInteractive();\n submitButton.on(\"pointerdown\", async () => {\n if (this.nameInput && this.nameInput.getChildByID('nameField')) {\n this.playerName = this.nameInput.getChildByID('nameField').value;\n }\n if (this.playerName.trim() !== '') {\n const result = await this.submitScore(this.playerName, this.score, this.time);\n let shareText, shareUrl;\n if (this.won) {\n shareText = \"I did it. @Zala_AI defeated 100 gorillas like a legend. One angel, zero mercy.\";\n shareUrl = \"https://x.com/intent/post?text=I%20did%20it.%20%40Zala_AI%20defeated%20100%20gorillas%20like%20a%20legend.%20One%20angel%2C%20zero%20mercy.%20Try%20yourself%20on%20https://x.com/nils116/status/1917734421542678554\";\n } else {\n shareText = \"My @Zala_AI got crushed. Not sure if anyone will lead her to kill all Gorillas.\";\n shareUrl = \"https://x.com/intent/post?text=My%20%40Zala_AI%20got%20crushed.%20Not%20sure%20if%20anyone%20will%20lead%20her%20to%20kill%20all%20Gorillas.%20Try%20yourself%20on%20https://x.com/nils116/status/1917734421542678554\";\n }\n if (this.nameInput) {\n this.nameInput.setVisible(false);\n }\n if (result.success) {\n submitButton.setText(\"Share on X\");\n submitButton.setStyle({\n backgroundColor: \"#ff8800\",\n color: \"#ffffff\"\n });\n submitButton.removeAllListeners('pointerdown');\n submitButton.removeAllListeners('pointerover');\n submitButton.removeAllListeners('pointerout');\n const isMobile = navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(/BlackBerry/i) || navigator.userAgent.match(/Windows Phone/i) || navigator.maxTouchPoints && navigator.maxTouchPoints > 2;\n submitButton.on(\"pointerdown\", () => {\n window.open(shareUrl, \"_blank\");\n });\n if (!isMobile) {\n submitButton.on(\"pointerover\", () => {\n submitButton.setStyle({\n backgroundColor: \"#ffaa00\"\n });\n const previewText = this.add.text(width / 2, height / 2 + 190, shareText, {\n fontFamily: \"Arial\",\n fontSize: 14,\n color: \"#ffffff\",\n stroke: \"#000000\",\n strokeThickness: 2,\n backgroundColor: \"#333333\",\n padding: {\n left: 8,\n right: 8,\n top: 4,\n bottom: 4\n }\n }).setOrigin(0.5);\n this.previewText = previewText;\n });\n submitButton.on(\"pointerout\", () => {\n submitButton.setStyle({\n backgroundColor: \"#ff8800\"\n });\n if (this.previewText) {\n this.previewText.destroy();\n this.previewText = null;\n }\n });\n }\n try {\n const leaderboard = JSON.parse(localStorage.getItem('zalaLeaderboard')) || [];\n console.log(\"Leaderboard after submission:\", leaderboard);\n } catch (e) {\n console.error(\"Error checking leaderboard:\", e);\n }\n } else {\n this.add.text(width / 2, height / 2 + 200, result.message, {\n fontFamily: \"Arial\",\n fontSize: 18,\n color: \"#ffaa00\",\n stroke: \"#000000\",\n strokeThickness: 2\n }).setOrigin(0.5);\n }\n } else {\n this.nameText.setText(\"Enter your X username\");\n this.nameText.setColor(\"#ff0000\");\n }\n });\n submitButton.on(\"pointerover\", () => {\n if (this.playerName.trim() !== '') {\n submitButton.setStyle({\n backgroundColor: \"#6a6aff\",\n color: \"#ffffff\"\n });\n }\n });\n submitButton.on(\"pointerout\", () => {\n if (this.playerName.trim() !== '') {\n submitButton.setStyle({\n backgroundColor: \"#4a4a4a\",\n color: \"#ffffff\"\n });\n } else {\n submitButton.setStyle({\n backgroundColor: \"#666666\",\n color: \"#aaaaaa\"\n });\n }\n });\n const restartButton = this.add.text(width / 2, height / 2 + 220, \"Play Again\", {\n fontFamily: \"Arial\",\n fontSize: 28,\n color: \"#ffffff\",\n backgroundColor: \"#4a4a4a\",\n padding: {\n left: 20,\n right: 20,\n top: 10,\n bottom: 10\n }\n }).setOrigin(0.5).setInteractive();\n const menuButton = this.add.text(width / 2, height / 2 + 280, \"Main Menu\", {\n fontFamily: \"Arial\",\n fontSize: 28,\n color: \"#ffffff\",\n backgroundColor: \"#4a4a4a\",\n padding: {\n left: 20,\n right: 20,\n top: 10,\n bottom: 10\n }\n }).setOrigin(0.5).setInteractive();\n restartButton.on(\"pointerdown\", () => {\n this.scene.start(\"GameScene\");\n });\n menuButton.on(\"pointerdown\", () => {\n this.scene.start(\"TitleScene\");\n });\n [restartButton, menuButton, submitButton].forEach(button => {\n button.on(\"pointerover\", () => {\n button.setStyle({\n backgroundColor: \"#6a6aff\"\n });\n });\n button.on(\"pointerout\", () => {\n button.setStyle({\n backgroundColor: \"#4a4a4a\"\n });\n });\n });\n }\n async submitScore(playerName, score, time) {\n const id = `${playerName}-${Date.now()}`;\n const scoreData = {\n id,\n name: playerName,\n score: score,\n time: time,\n date: new Date().toISOString()\n };\n try {\n const existingScores = await stateClient.getEntities('scores', {\n name: playerName\n });\n if (existingScores.length > 0) {\n const existingScore = existingScores[0];\n if (existingScore.score > score || existingScore.score === score && existingScore.time <= time && score !== 100) {\n this.showPreviousScoreMessage(existingScore);\n return {\n success: false,\n message: \"\"\n };\n }\n await stateClient.deleteEntity('scores', existingScore.id);\n }\n await stateClient.createEntity('scores', scoreData);\n const updatedLeaderboard = await stateClient.getEntities('scores');\n console.log(\"Updated leaderboard:\", updatedLeaderboard);\n return {\n success: true,\n message: \"Score Submitted!\"\n };\n } catch (e) {\n console.error(\"Error saving score to leaderboard:\", e);\n return {\n success: false,\n message: \"Error saving to server\"\n };\n }\n }\n showPreviousScoreMessage(existingScore) {\n const {\n width,\n height\n } = this.scale;\n this.add.text(width / 2, height - 50, `Your previous score of ${existingScore.score} gorillas was better!`, {\n fontFamily: \"Arial\",\n fontSize: 22,\n color: \"#ffaa00\",\n stroke: \"#000000\",\n strokeThickness: 3\n }).setOrigin(0.5);\n }\n}\nconst config = {\n type: Phaser.AUTO,\n scale: {\n mode: Phaser.Scale.RESIZE,\n parent: \"app\",\n width: window.innerWidth,\n height: window.innerHeight\n },\n dom: {\n createContainer: true\n },\n physics: {\n default: \"arcade\",\n arcade: {\n gravity: {\n x: 0,\n y: 0\n },\n debug: false\n }\n },\n backgroundColor: \"#1A1A28\",\n scene: [BootScene, TitleScene, GameScene, GameOverScene, LeaderboardScene]\n};\nexport const game = new Phaser.Game(config);","packageJson","{\"dependencies\":{\"phaser\":\"3.60.0\",\"@devfunlabs/state-client\":\"0.8.1\"}}","appFunctions",[],"token",{"_18":83,"_84":85,"_86":87,"_88":89,"_90":91,"_92":93,"_94":95,"_96":97,"_98":99,"_73":74},"Z△L△ △I","symbol","ZALA","price",0.0000956,"marketcap",87165,"image","https://pump.mypinata.cloud/ipfs/QmUaDbuzVdFZy4uvH4tNsFq8byXnq2SiCfM1zudfQs1EhZ?img-width=256&img-dpr=2","website","https://dev.fun/p/65b6496d4f06da20c463","twitter","https://x.com/Zala_AI","devCount",22,"appCount",30,"upstreamApp","isLordOfDev","analytics",[104,108,110,112,114,116,118,120,122,124,126,128,130,132,134,135],{"_105":106,"_107":59},"day","2025-08-14","runCount",{"_105":109,"_107":59},"2025-08-15",{"_105":111,"_107":59},"2025-08-16",{"_105":113,"_107":59},"2025-08-17",{"_105":115,"_107":59},"2025-08-18",{"_105":117,"_107":59},"2025-08-19",{"_105":119,"_107":59},"2025-08-20",{"_105":121,"_107":59},"2025-08-21",{"_105":123,"_107":59},"2025-08-22",{"_105":125,"_107":59},"2025-08-23",{"_105":127,"_107":59},"2025-08-24",{"_105":129,"_107":59},"2025-08-25",{"_105":131,"_107":59},"2025-08-26",{"_105":133,"_107":59},"2025-08-27",{"_105":109,"_107":41},{"_105":136,"_107":41},"2025-08-28","snapshot","ogImage","https://cdn.dev.fun/og/image/50e6a29f3d78829f8c92/fdb6fbe3.webp","isDevbase","actionData","errors"]

say something