[{"_1":2,"_121":-5,"_122":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/p.$appId",{"_12":13,"_119":-5,"_110":-7,"_120":17},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":17,"_27":17,"_28":29,"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_5":44,"_55":56,"_57":41,"_58":41,"_59":41,"_60":41,"_61":41,"_62":41,"_63":41,"_64":41,"_65":41,"_66":17,"_67":17,"_68":-5,"_69":70,"_71":72,"_73":74,"_75":-5,"_76":-5,"_77":17,"_78":79,"_110":31,"_111":112,"_113":17,"_114":115},"id","1bf1a85e6e3b08469843","isMyApp",false,"projectId","4c8104cd-c8ba-4d12-89cd-0fd6ac740a06","name","tokentetris","description","Stack your way to crypto glory in this twisted take on the classic block-dropping game! Dominate the leaderboard to earn actual tokens that accumulate over time, turning your tetris addiction into a potentially profitable obsession.","brief","Drop blocks, top the leaderboard, and watch your crypto tokens multiply while you play!","isLive","isPublic","tags",[],"cover","https://cdn.dev.fun/snapshot/1bf1a85e6e3b08469843/74757_a1c4013c.webp","cdnUrl","https://cdn.dev.fun/app/1bf1a85e6e3b08469843/74757","createdAt",["D",1749238672047],"updatedAt",["D",1749238674275],"lastCommitId",["B","74757"],"tier",0,"credits",-24,{"_14":45,"_46":47,"_48":-5,"_49":47,"_50":51,"_52":-5,"_53":54},"5a2995dd-9c2b-4cce-bbbb-13d8aa54d681","uniqueId","CCx5QkDXtwRWPaWTrNr5jvbsMXr2xzUsf2aWrL9FKvvt","username","solanaWallet","displayName","CCx...vvt","bio","avatar","/avatar.svg","commitCount",1,"forkCount","likeCount","runsCount","downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","code","import * as Phaser from \"phaser\";\nimport { StateClient } from '@devfunlabs/state-client';\nconst stateClient = new StateClient({\n baseURL: 'https://state.dev.fun',\n appId: '1bf1a85e6e3b08469843'\n});\nclass BootScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"BootScene\"\n });\n }\n preload() {\n const progress = this.add.graphics();\n this.load.on('progress', value => {\n progress.clear();\n progress.fillStyle(0x00ffff, 1);\n progress.fillRect(10, this.sys.game.config.height / 2 - 15, (this.sys.game.config.width - 20) * value, 30);\n });\n this.load.on('complete', () => {\n progress.destroy();\n });\n const blockSize = 32;\n const tokenColors = [0xff3838, 0x4355ff, 0x33ff55, 0xffcc33, 0xff33cc, 0x33ffff, 0xff9933];\n for (let i = 0; i < tokenColors.length; i++) {\n const graphics = this.make.graphics({\n x: 0,\n y: 0,\n add: false\n });\n graphics.fillStyle(tokenColors[i], 1);\n graphics.fillRoundedRect(1, 1, blockSize - 2, blockSize - 2, 4);\n graphics.fillStyle(0xffffff, 0.3);\n graphics.fillRoundedRect(3, 3, blockSize - 6, blockSize / 2 - 6, 2);\n graphics.lineStyle(2, Phaser.Display.Color.GetColor32(255, 255, 255, 0.8));\n graphics.strokeRoundedRect(1, 1, blockSize - 2, blockSize - 2, 4);\n graphics.generateTexture(`block${i}`, blockSize, blockSize);\n graphics.destroy();\n }\n const particleGraphics = this.make.graphics({\n x: 0,\n y: 0,\n add: false\n });\n particleGraphics.fillStyle(0xffffff, 1);\n particleGraphics.fillCircle(4, 4, 4);\n particleGraphics.generateTexture('particle', 8, 8);\n particleGraphics.destroy();\n const bgGraphics = this.make.graphics({\n x: 0,\n y: 0,\n add: false\n });\n bgGraphics.fillGradientStyle(0x1a1a38, 0x1a1a38, 0x0e0e24, 0x0e0e24, 1);\n bgGraphics.fillRect(0, 0, 800, 600);\n bgGraphics.lineStyle(1, 0x333366, 0.3);\n for (let i = 0; i < 800; i += 40) {\n bgGraphics.moveTo(i, 0);\n bgGraphics.lineTo(i, 600);\n }\n for (let i = 0; i < 600; i += 40) {\n bgGraphics.moveTo(0, i);\n bgGraphics.lineTo(800, i);\n }\n bgGraphics.generateTexture('background', 800, 600);\n bgGraphics.destroy();\n }\n create() {\n this.scene.start(\"MenuScene\");\n }\n}\nclass MenuScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"MenuScene\"\n });\n }\n create() {\n this.add.tileSprite(0, 0, this.game.config.width, this.game.config.height, 'background').setOrigin(0).setAlpha(0.7);\n const title = this.add.text(this.game.config.width / 2, 100, \"TOKEN TETRIS\", {\n fontFamily: 'Arial Black',\n fontSize: '64px',\n color: '#00ffff',\n stroke: '#ffffff',\n strokeThickness: 8,\n shadow: {\n color: '#000000',\n fill: true,\n offsetX: 2,\n offsetY: 2,\n blur: 8\n }\n }).setOrigin(0.5);\n this.tweens.add({\n targets: title,\n scaleX: 1.05,\n scaleY: 1.05,\n duration: 1000,\n yoyo: true,\n repeat: -1,\n ease: 'Sine.easeInOut'\n });\n const playButton = this.add.text(this.game.config.width / 2, 250, \"PLAY GAME\", {\n fontFamily: 'Arial',\n fontSize: '36px',\n color: '#ffffff'\n }).setOrigin(0.5).setInteractive({\n useHandCursor: true\n }).on('pointerover', () => playButton.setColor('#00ffff')).on('pointerout', () => playButton.setColor('#ffffff')).on('pointerdown', () => this.scene.start('GameScene'));\n const leaderboardButton = this.add.text(this.game.config.width / 2, 320, \"LEADERBOARD\", {\n fontFamily: 'Arial',\n fontSize: '36px',\n color: '#ffffff'\n }).setOrigin(0.5).setInteractive({\n useHandCursor: true\n }).on('pointerover', () => leaderboardButton.setColor('#00ffff')).on('pointerout', () => leaderboardButton.setColor('#ffffff')).on('pointerdown', () => this.scene.start('LeaderboardScene'));\n this.add.text(this.game.config.width / 2, 420, \"Stack crypto blocks and earn tokens!\\nTop players on the leaderboard earn more over time.\", {\n fontFamily: 'Arial',\n fontSize: '24px',\n color: '#aaaaff',\n align: 'center'\n }).setOrigin(0.5);\n this.createFloatingTokens();\n }\n createFloatingTokens() {\n const tokenSymbols = ['₿', 'Ξ', '₮', 'B', 'S', 'X', 'A'];\n for (let i = 0; i < 20; i++) {\n const x = Phaser.Math.Between(0, this.game.config.width);\n const y = Phaser.Math.Between(0, this.game.config.height);\n const symbol = Phaser.Utils.Array.GetRandom(tokenSymbols);\n const size = Phaser.Math.Between(16, 24);\n const token = this.add.text(x, y, symbol, {\n fontFamily: 'Arial',\n fontSize: `${size}px`,\n color: `#${Phaser.Math.Between(0, 0xffffff).toString(16).padStart(6, '0')}`\n }).setAlpha(0.5);\n this.tweens.add({\n targets: token,\n y: token.y - Phaser.Math.Between(100, 200),\n alpha: 0,\n duration: Phaser.Math.Between(3000, 6000),\n onComplete: () => {\n token.y = this.game.config.height + 20;\n token.alpha = 0.5;\n this.tweens.add({\n targets: token,\n y: token.y - Phaser.Math.Between(400, 600),\n alpha: 0,\n duration: Phaser.Math.Between(3000, 6000),\n repeat: -1\n });\n }\n });\n }\n }\n}\nclass GameScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"GameScene\"\n });\n this.BLOCK_SIZE = 32;\n this.GRID_WIDTH = 10;\n this.GRID_HEIGHT = 20;\n this.INITIAL_SPEED = 1000;\n this.MIN_SPEED = 100;\n this.SPEED_FACTOR = 0.97;\n this.TETROMINOES = [{\n shape: [[1, 1], [1, 1]],\n color: 0\n }, {\n shape: [[0, 0, 0, 0], [1, 1, 1, 1]],\n color: 1\n }, {\n shape: [[1, 0, 0], [1, 1, 1]],\n color: 2\n }, {\n shape: [[0, 0, 1], [1, 1, 1]],\n color: 3\n }, {\n shape: [[0, 1, 1], [1, 1, 0]],\n color: 4\n }, {\n shape: [[1, 1, 0], [0, 1, 1]],\n color: 5\n }, {\n shape: [[0, 1, 0], [1, 1, 1]],\n color: 6\n }];\n }\n init() {\n this.grid = Array(this.GRID_HEIGHT).fill(null).map(() => Array(this.GRID_WIDTH).fill(null));\n this.currentPiece = null;\n this.nextPiece = null;\n this.pieceX = 0;\n this.pieceY = 0;\n this.rotation = 0;\n this.score = 0;\n this.level = 1;\n this.lines = 0;\n this.tokens = 0;\n this.gameOver = false;\n this.dropSpeed = this.INITIAL_SPEED;\n this.moveDelay = 0;\n this.hardDropping = false;\n this.playerName = \"Player\" + Math.floor(Math.random() * 1000);\n }\n create() {\n this.add.tileSprite(0, 0, this.game.config.width, this.game.config.height, 'background').setOrigin(0);\n this.gameAreaX = (this.game.config.width - this.GRID_WIDTH * this.BLOCK_SIZE) / 2;\n this.gameAreaY = 40;\n this.gameBoardGraphics = this.add.graphics();\n this.drawGameBoard();\n this.piecesContainer = this.add.container(this.gameAreaX, this.gameAreaY);\n this.blocksContainer = this.add.container(this.gameAreaX, this.gameAreaY);\n this.nextPieceContainer = this.add.container(this.gameAreaX + this.GRID_WIDTH * this.BLOCK_SIZE + 40, 120);\n this.add.text(this.gameAreaX + this.GRID_WIDTH * this.BLOCK_SIZE + 70, 80, \"NEXT\", {\n fontFamily: 'Arial',\n fontSize: '24px',\n color: '#ffffff'\n }).setOrigin(0.5);\n this.scoreText = this.add.text(this.gameAreaX + this.GRID_WIDTH * this.BLOCK_SIZE + 70, 200, \"SCORE\\n0\", {\n fontFamily: 'Arial',\n fontSize: '24px',\n color: '#ffffff',\n align: 'center'\n }).setOrigin(0.5);\n this.levelText = this.add.text(this.gameAreaX + this.GRID_WIDTH * this.BLOCK_SIZE + 70, 270, \"LEVEL\\n1\", {\n fontFamily: 'Arial',\n fontSize: '24px',\n color: '#ffffff',\n align: 'center'\n }).setOrigin(0.5);\n this.linesText = this.add.text(this.gameAreaX + this.GRID_WIDTH * this.BLOCK_SIZE + 70, 340, \"LINES\\n0\", {\n fontFamily: 'Arial',\n fontSize: '24px',\n color: '#ffffff',\n align: 'center'\n }).setOrigin(0.5);\n this.tokensText = this.add.text(this.gameAreaX + this.GRID_WIDTH * this.BLOCK_SIZE + 70, 410, \"TOKENS\\n0\", {\n fontFamily: 'Arial',\n fontSize: '24px',\n color: '#00ffaa',\n align: 'center'\n }).setOrigin(0.5);\n this.add.text(120, 120, \"CONTROLS:\\n\\n←→: Move\\n↑: Rotate\\n↓: Soft Drop\\nSPACE: Hard Drop\", {\n fontFamily: 'Arial',\n fontSize: '18px',\n color: '#aaaaff'\n });\n this.cursors = this.input.keyboard.createCursorKeys();\n this.input.keyboard.on('keydown-UP', () => {\n if (!this.gameOver) this.rotatePiece();\n });\n this.input.keyboard.on('keydown-SPACE', () => {\n if (!this.gameOver) this.hardDrop();\n });\n this.input.keyboard.on('keydown-P', () => {\n if (this.scene.isPaused()) {\n this.scene.resume();\n } else {\n this.scene.pause();\n this.showPauseMenu();\n }\n });\n this.nextPiece = this.getRandomPiece();\n this.spawnNewPiece();\n this.dropTimer = this.time.addEvent({\n delay: this.dropSpeed,\n callback: this.dropPiece,\n callbackScope: this,\n loop: true\n });\n this.particles = this.add.particles(0, 0, 'particle', {\n scale: {\n start: 1,\n end: 0\n },\n speed: {\n min: 50,\n max: 150\n },\n lifespan: 1000,\n blendMode: Phaser.BlendModes.ADD,\n emitting: false\n });\n }\n update(time, delta) {\n if (this.gameOver) return;\n this.moveDelay -= delta;\n if (this.moveDelay <= 0) {\n if (this.cursors.left.isDown) {\n this.movePieceLeft();\n this.moveDelay = 100;\n } else if (this.cursors.right.isDown) {\n this.movePieceRight();\n this.moveDelay = 100;\n }\n }\n if (this.cursors.down.isDown && !this.hardDropping) {\n if (this.dropTimer.delay !== this.MIN_SPEED) {\n this.dropTimer.delay = this.MIN_SPEED;\n }\n } else if (!this.hardDropping && this.dropTimer.delay !== this.dropSpeed) {\n this.dropTimer.delay = this.dropSpeed;\n }\n this.updatePieceDisplay();\n }\n drawGameBoard() {\n this.gameBoardGraphics.clear();\n this.gameBoardGraphics.fillStyle(0x000000, 0.8);\n this.gameBoardGraphics.fillRect(this.gameAreaX - 4, this.gameAreaY - 4, this.GRID_WIDTH * this.BLOCK_SIZE + 8, this.GRID_HEIGHT * this.BLOCK_SIZE + 8);\n this.gameBoardGraphics.lineStyle(2, 0x00ffff, 1);\n this.gameBoardGraphics.strokeRect(this.gameAreaX - 4, this.gameAreaY - 4, this.GRID_WIDTH * this.BLOCK_SIZE + 8, this.GRID_HEIGHT * this.BLOCK_SIZE + 8);\n this.gameBoardGraphics.lineStyle(1, 0x333366, 0.3);\n for (let x = 0; x <= this.GRID_WIDTH; x++) {\n this.gameBoardGraphics.moveTo(this.gameAreaX + x * this.BLOCK_SIZE, this.gameAreaY);\n this.gameBoardGraphics.lineTo(this.gameAreaX + x * this.BLOCK_SIZE, this.gameAreaY + this.GRID_HEIGHT * this.BLOCK_SIZE);\n }\n for (let y = 0; y <= this.GRID_HEIGHT; y++) {\n this.gameBoardGraphics.moveTo(this.gameAreaX, this.gameAreaY + y * this.BLOCK_SIZE);\n this.gameBoardGraphics.lineTo(this.gameAreaX + this.GRID_WIDTH * this.BLOCK_SIZE, this.gameAreaY + y * this.BLOCK_SIZE);\n }\n }\n getRandomPiece() {\n return Phaser.Utils.Array.GetRandom(this.TETROMINOES);\n }\n spawnNewPiece() {\n this.currentPiece = this.nextPiece;\n this.nextPiece = this.getRandomPiece();\n this.pieceX = Math.floor(this.GRID_WIDTH / 2) - Math.ceil(this.currentPiece.shape[0].length / 2);\n this.pieceY = 0;\n this.rotation = 0;\n this.updateNextPieceDisplay();\n if (!this.isValidMove(this.pieceX, this.pieceY, this.rotation)) {\n this.gameOver = true;\n this.dropTimer.remove();\n this.showGameOver();\n }\n }\n updatePieceDisplay() {\n this.piecesContainer.removeAll(true);\n const rotatedPiece = this.getRotatedPiece(this.rotation);\n let shadowY = this.pieceY;\n while (this.isValidMove(this.pieceX, shadowY + 1, this.rotation)) {\n shadowY++;\n }\n if (shadowY > this.pieceY) {\n for (let y = 0; y < rotatedPiece.length; y++) {\n for (let x = 0; x < rotatedPiece[y].length; x++) {\n if (rotatedPiece[y][x]) {\n const blockX = x * this.BLOCK_SIZE;\n const blockY = (shadowY - this.pieceY + y) * this.BLOCK_SIZE;\n const shadow = this.add.rectangle(blockX + this.BLOCK_SIZE / 2, blockY + this.BLOCK_SIZE / 2, this.BLOCK_SIZE - 4, this.BLOCK_SIZE - 4, 0xffffff, 0.2);\n this.piecesContainer.add(shadow);\n }\n }\n }\n }\n for (let y = 0; y < rotatedPiece.length; y++) {\n for (let x = 0; x < rotatedPiece[y].length; x++) {\n if (rotatedPiece[y][x]) {\n const blockX = x * this.BLOCK_SIZE;\n const blockY = y * this.BLOCK_SIZE;\n const block = this.add.sprite(blockX + this.BLOCK_SIZE / 2, blockY + this.BLOCK_SIZE / 2, `block${this.currentPiece.color}`);\n this.piecesContainer.add(block);\n }\n }\n }\n this.piecesContainer.x = this.gameAreaX + this.pieceX * this.BLOCK_SIZE;\n this.piecesContainer.y = this.gameAreaY + this.pieceY * this.BLOCK_SIZE;\n }\n updateNextPieceDisplay() {\n this.nextPieceContainer.removeAll(true);\n const shape = this.nextPiece.shape;\n const width = shape[0].length * this.BLOCK_SIZE;\n const height = shape.length * this.BLOCK_SIZE;\n const offsetX = -width / 2 + this.BLOCK_SIZE / 2;\n const offsetY = -height / 2 + this.BLOCK_SIZE / 2;\n for (let y = 0; y < shape.length; y++) {\n for (let x = 0; x < shape[y].length; x++) {\n if (shape[y][x]) {\n const blockX = x * this.BLOCK_SIZE + offsetX;\n const blockY = y * this.BLOCK_SIZE + offsetY;\n const block = this.add.sprite(blockX + this.BLOCK_SIZE / 2, blockY + this.BLOCK_SIZE / 2, `block${this.nextPiece.color}`);\n this.nextPieceContainer.add(block);\n }\n }\n }\n }\n dropPiece() {\n if (this.gameOver) return;\n if (this.isValidMove(this.pieceX, this.pieceY + 1, this.rotation)) {\n this.pieceY++;\n } else {\n this.lockPiece();\n const linesCleared = this.checkLines();\n if (linesCleared > 0) {\n this.updateScore(linesCleared);\n }\n this.spawnNewPiece();\n }\n }\n hardDrop() {\n if (this.gameOver) return;\n this.hardDropping = true;\n let dropDistance = 0;\n while (this.isValidMove(this.pieceX, this.pieceY + dropDistance + 1, this.rotation)) {\n dropDistance++;\n }\n this.pieceY += dropDistance;\n this.score += dropDistance * 2;\n this.updateScoreDisplay();\n this.lockPiece();\n const linesCleared = this.checkLines();\n if (linesCleared > 0) {\n this.updateScore(linesCleared);\n }\n this.spawnNewPiece();\n this.hardDropping = false;\n }\n movePieceLeft() {\n if (this.isValidMove(this.pieceX - 1, this.pieceY, this.rotation)) {\n this.pieceX--;\n }\n }\n movePieceRight() {\n if (this.isValidMove(this.pieceX + 1, this.pieceY, this.rotation)) {\n this.pieceX++;\n }\n }\n rotatePiece() {\n const newRotation = (this.rotation + 1) % 4;\n if (this.isValidMove(this.pieceX, this.pieceY, newRotation)) {\n this.rotation = newRotation;\n return;\n }\n for (let offset = 1; offset <= 2; offset++) {\n if (this.isValidMove(this.pieceX + offset, this.pieceY, newRotation)) {\n this.pieceX += offset;\n this.rotation = newRotation;\n return;\n }\n if (this.isValidMove(this.pieceX - offset, this.pieceY, newRotation)) {\n this.pieceX -= offset;\n this.rotation = newRotation;\n return;\n }\n if (this.isValidMove(this.pieceX, this.pieceY - offset, newRotation)) {\n this.pieceY -= offset;\n this.rotation = newRotation;\n return;\n }\n }\n }\n getRotatedPiece(rotation) {\n const original = this.currentPiece.shape;\n if (rotation === 0) return original;\n const height = original.length;\n const width = original[0].length;\n let rotated;\n if (rotation === 1) {\n rotated = Array(width).fill(null).map(() => Array(height).fill(0));\n for (let y = 0; y < height; y++) {\n for (let x = 0; x < width; x++) {\n rotated[x][height - 1 - y] = original[y][x];\n }\n }\n } else if (rotation === 2) {\n rotated = Array(height).fill(null).map(() => Array(width).fill(0));\n for (let y = 0; y < height; y++) {\n for (let x = 0; x < width; x++) {\n rotated[height - 1 - y][width - 1 - x] = original[y][x];\n }\n }\n } else {\n rotated = Array(width).fill(null).map(() => Array(height).fill(0));\n for (let y = 0; y < height; y++) {\n for (let x = 0; x < width; x++) {\n rotated[width - 1 - x][y] = original[y][x];\n }\n }\n }\n return rotated;\n }\n isValidMove(newX, newY, newRotation) {\n const shape = this.getRotatedPiece(newRotation);\n for (let y = 0; y < shape.length; y++) {\n for (let x = 0; x < shape[y].length; x++) {\n if (shape[y][x]) {\n const worldX = newX + x;\n const worldY = newY + y;\n if (worldX < 0 || worldX >= this.GRID_WIDTH || worldY >= this.GRID_HEIGHT) {\n return false;\n }\n if (worldY >= 0 && this.grid[worldY][worldX] !== null) {\n return false;\n }\n }\n }\n }\n return true;\n }\n lockPiece() {\n const shape = this.getRotatedPiece(this.rotation);\n for (let y = 0; y < shape.length; y++) {\n for (let x = 0; x < shape[y].length; x++) {\n if (shape[y][x]) {\n const worldX = this.pieceX + x;\n const worldY = this.pieceY + y;\n if (worldY >= 0 && worldY < this.GRID_HEIGHT && worldX >= 0 && worldX < this.GRID_WIDTH) {\n this.grid[worldY][worldX] = this.currentPiece.color;\n const block = this.add.sprite(worldX * this.BLOCK_SIZE + this.BLOCK_SIZE / 2, worldY * this.BLOCK_SIZE + this.BLOCK_SIZE / 2, `block${this.currentPiece.color}`);\n this.blocksContainer.add(block);\n }\n }\n }\n }\n }\n checkLines() {\n let linesCleared = 0;\n const linesToClear = [];\n for (let y = this.GRID_HEIGHT - 1; y >= 0; y--) {\n let complete = true;\n for (let x = 0; x < this.GRID_WIDTH; x++) {\n if (this.grid[y][x] === null) {\n complete = false;\n break;\n }\n }\n if (complete) {\n linesToClear.push(y);\n linesCleared++;\n }\n }\n if (linesToClear.length > 0) {\n this.clearLines(linesToClear);\n }\n return linesCleared;\n }\n clearLines(linesToClear) {\n linesToClear.sort((a, b) => a - b);\n for (const lineY of linesToClear) {\n const worldY = this.gameAreaY + lineY * this.BLOCK_SIZE + this.BLOCK_SIZE / 2;\n this.particles.setPosition(this.gameAreaX + this.GRID_WIDTH * this.BLOCK_SIZE / 2, worldY);\n const colors = [0xff0000, 0x00ff00, 0x0000ff, 0xffff00, 0xff00ff, 0x00ffff];\n this.particles.setTint(colors);\n this.particles.explode(100);\n const flash = this.add.rectangle(this.gameAreaX + this.GRID_WIDTH * this.BLOCK_SIZE / 2, worldY, this.GRID_WIDTH * this.BLOCK_SIZE, this.BLOCK_SIZE, 0xffffff);\n this.tweens.add({\n targets: flash,\n alpha: 0,\n duration: 300,\n onComplete: () => flash.destroy()\n });\n }\n this.time.delayedCall(300, () => {\n this.blocksContainer.removeAll(true);\n for (const lineY of linesToClear) {\n this.grid.splice(lineY, 1);\n this.grid.unshift(Array(this.GRID_WIDTH).fill(null));\n }\n for (let y = 0; y < this.GRID_HEIGHT; y++) {\n for (let x = 0; x < this.GRID_WIDTH; x++) {\n const blockType = this.grid[y][x];\n if (blockType !== null) {\n const block = this.add.sprite(x * this.BLOCK_SIZE + this.BLOCK_SIZE / 2, y * this.BLOCK_SIZE + this.BLOCK_SIZE / 2, `block${blockType}`);\n this.blocksContainer.add(block);\n }\n }\n }\n });\n }\n updateScore(linesCleared) {\n this.lines += linesCleared;\n const basePoints = [0, 40, 100, 300, 1200];\n this.score += basePoints[linesCleared] * this.level;\n const tokenReward = linesCleared * this.level / 10;\n this.tokens += tokenReward;\n const newLevel = Math.floor(this.lines / 10) + 1;\n if (newLevel > this.level) {\n this.levelUp(newLevel);\n }\n this.updateScoreDisplay();\n }\n levelUp(newLevel) {\n this.level = newLevel;\n this.dropSpeed = Math.max(this.INITIAL_SPEED * Math.pow(this.SPEED_FACTOR, this.level - 1), this.MIN_SPEED);\n if (!this.cursors.down.isDown) {\n this.dropTimer.delay = this.dropSpeed;\n }\n const levelUpText = this.add.text(this.game.config.width / 2, this.game.config.height / 2, \"LEVEL UP!\", {\n fontFamily: 'Arial Black',\n fontSize: '48px',\n color: '#ffff00',\n stroke: '#000000',\n strokeThickness: 6,\n shadow: {\n color: '#000000',\n fill: true,\n offsetX: 2,\n offsetY: 2,\n blur: 4\n }\n }).setOrigin(0.5).setDepth(100);\n this.tweens.add({\n targets: levelUpText,\n scale: 1.5,\n alpha: 0,\n duration: 1000,\n onComplete: () => levelUpText.destroy()\n });\n }\n updateScoreDisplay() {\n this.scoreText.setText(`SCORE\\n${this.score}`);\n this.levelText.setText(`LEVEL\\n${this.level}`);\n this.linesText.setText(`LINES\\n${this.lines}`);\n this.tokensText.setText(`TOKENS\\n${this.tokens.toFixed(2)}`);\n }\n showGameOver() {\n this.add.text(this.game.config.width / 2, this.game.config.height / 2, `Score: ${this.score}\\nLevel: ${this.level}\\nTokens: ${this.tokens.toFixed(2)}`, {\n fontFamily: 'Arial',\n fontSize: '32px',\n color: '#ffffff',\n align: 'center'\n }).setOrigin(0.5).setDepth(100);\n const namePrompt = this.add.text(this.game.config.width / 2, this.game.config.height / 2 + 100, \"Enter your name:\", {\n fontFamily: 'Arial',\n fontSize: '24px',\n color: '#ffffff'\n }).setOrigin(0.5).setDepth(100);\n const submitButton = this.add.text(this.game.config.width / 2, this.game.config.height / 2 + 180, \"SUBMIT SCORE\", {\n fontFamily: 'Arial',\n fontSize: '28px',\n color: '#00ffff',\n backgroundColor: '#333366',\n padding: {\n x: 20,\n y: 10\n }\n }).setOrigin(0.5).setInteractive({\n useHandCursor: true\n }).setDepth(100);\n submitButton.on('pointerover', () => submitButton.setColor('#ffffff'));\n submitButton.on('pointerout', () => submitButton.setColor('#00ffff'));\n submitButton.on('pointerdown', () => {\n this.saveScore().then(() => {\n this.scene.start('LeaderboardScene');\n });\n });\n const menuButton = this.add.text(this.game.config.width / 2, this.game.config.height / 2 + 240, \"MAIN MENU\", {\n fontFamily: 'Arial',\n fontSize: '28px',\n color: '#ffffff',\n backgroundColor: '#333366',\n padding: {\n x: 20,\n y: 10\n }\n }).setOrigin(0.5).setInteractive({\n useHandCursor: true\n }).setDepth(100);\n menuButton.on('pointerover', () => menuButton.setColor('#00ffff'));\n menuButton.on('pointerout', () => menuButton.setColor('#ffffff'));\n menuButton.on('pointerdown', () => {\n this.scene.start('MenuScene');\n });\n this.input.keyboard.on('keydown', event => {\n if (event.keyCode === 8 && this.playerName.length > 0) {\n this.playerName = this.playerName.slice(0, -1);\n } else if (event.keyCode === 32 || event.keyCode >= 48 && event.keyCode <= 90) {\n if (this.playerName.length < 15) {\n this.playerName += event.key;\n }\n }\n namePrompt.setText(`Enter your name: ${this.playerName}`);\n });\n }\n async saveScore() {\n try {\n const id = Date.now().toString();\n const date = new Date().toISOString();\n const scoreData = {\n id,\n name: this.playerName,\n score: this.score,\n level: this.level,\n lines: this.lines,\n tokens: this.tokens,\n date\n };\n await stateClient.createEntity('tetris_scores', scoreData);\n return true;\n } catch (error) {\n console.error('Error saving score:', error);\n return false;\n }\n }\n showPauseMenu() {\n const overlay = this.add.rectangle(this.game.config.width / 2, this.game.config.height / 2, this.game.config.width, this.game.config.height, 0x000000, 0.7).setDepth(90);\n const pauseText = this.add.text(this.game.config.width / 2, this.game.config.height / 2 - 80, \"PAUSED\", {\n fontFamily: 'Arial Black',\n fontSize: '48px',\n color: '#ffffff'\n }).setOrigin(0.5).setDepth(100);\n const resumeButton = this.add.text(this.game.config.width / 2, this.game.config.height / 2, \"RESUME\", {\n fontFamily: 'Arial',\n fontSize: '28px',\n color: '#00ffff',\n backgroundColor: '#333366',\n padding: {\n x: 20,\n y: 10\n }\n }).setOrigin(0.5).setInteractive({\n useHandCursor: true\n }).setDepth(100);\n resumeButton.on('pointerover', () => resumeButton.setColor('#ffffff'));\n resumeButton.on('pointerout', () => resumeButton.setColor('#00ffff'));\n resumeButton.on('pointerdown', () => {\n this.scene.resume();\n overlay.destroy();\n pauseText.destroy();\n resumeButton.destroy();\n quitButton.destroy();\n });\n const quitButton = this.add.text(this.game.config.width / 2, this.game.config.height / 2 + 60, \"QUIT\", {\n fontFamily: 'Arial',\n fontSize: '28px',\n color: '#ffffff',\n backgroundColor: '#333366',\n padding: {\n x: 20,\n y: 10\n }\n }).setOrigin(0.5).setInteractive({\n useHandCursor: true\n }).setDepth(100);\n quitButton.on('pointerover', () => quitButton.setColor('#ff0000'));\n quitButton.on('pointerout', () => quitButton.setColor('#ffffff'));\n quitButton.on('pointerdown', () => {\n this.scene.start('MenuScene');\n });\n }\n}\nclass LeaderboardScene extends Phaser.Scene {\n constructor() {\n super({\n key: \"LeaderboardScene\"\n });\n }\n async create() {\n this.add.tileSprite(0, 0, this.game.config.width, this.game.config.height, 'background').setOrigin(0).setAlpha(0.7);\n this.add.text(this.game.config.width / 2, 50, \"LEADERBOARD\", {\n fontFamily: 'Arial Black',\n fontSize: '48px',\n color: '#00ffff',\n stroke: '#ffffff',\n strokeThickness: 4\n }).setOrigin(0.5);\n const loadingText = this.add.text(this.game.config.width / 2, this.game.config.height / 2, \"LOADING SCORES...\", {\n fontFamily: 'Arial',\n fontSize: '24px',\n color: '#ffffff'\n }).setOrigin(0.5);\n try {\n const scores = await stateClient.getEntities('tetris_scores');\n loadingText.destroy();\n if (!scores || scores.length === 0) {\n this.add.text(this.game.config.width / 2, this.game.config.height / 2, \"NO SCORES YET\\nBE THE FIRST!\", {\n fontFamily: 'Arial',\n fontSize: '32px',\n color: '#ffffff',\n align: 'center'\n }).setOrigin(0.5);\n } else {\n scores.sort((a, b) => b.score - a.score);\n this.add.text(120, 120, \"RANK\", {\n fontFamily: 'Arial',\n fontSize: '24px',\n color: '#ffff00'\n });\n this.add.text(220, 120, \"NAME\", {\n fontFamily: 'Arial',\n fontSize: '24px',\n color: '#ffff00'\n });\n this.add.text(400, 120, \"SCORE\", {\n fontFamily: 'Arial',\n fontSize: '24px',\n color: '#ffff00'\n });\n this.add.text(520, 120, \"LEVEL\", {\n fontFamily: 'Arial',\n fontSize: '24px',\n color: '#ffff00'\n });\n this.add.text(620, 120, \"TOKENS\", {\n fontFamily: 'Arial',\n fontSize: '24px',\n color: '#ffff00'\n });\n const maxToShow = Math.min(10, scores.length);\n for (let i = 0; i < maxToShow; i++) {\n const score = scores[i];\n const y = 170 + i * 40;\n const highlight = i < 3;\n this.add.text(120, y, `#${i + 1}`, {\n fontFamily: 'Arial',\n fontSize: '22px',\n color: highlight ? '#00ffff' : '#ffffff',\n fontStyle: highlight ? 'bold' : 'normal'\n });\n const displayName = score.name.length > 10 ? score.name.substring(0, 10) + '...' : score.name;\n this.add.text(220, y, displayName, {\n fontFamily: 'Arial',\n fontSize: '22px',\n color: highlight ? '#00ffff' : '#ffffff',\n fontStyle: highlight ? 'bold' : 'normal'\n });\n this.add.text(400, y, score.score.toString(), {\n fontFamily: 'Arial',\n fontSize: '22px',\n color: highlight ? '#00ffff' : '#ffffff',\n fontStyle: highlight ? 'bold' : 'normal'\n });\n this.add.text(520, y, score.level.toString(), {\n fontFamily: 'Arial',\n fontSize: '22px',\n color: highlight ? '#00ffff' : '#ffffff',\n fontStyle: highlight ? 'bold' : 'normal'\n });\n const baseTokens = score.tokens || 0;\n let tokenRate = 0;\n if (i === 0) tokenRate = 0.1;else if (i === 1) tokenRate = 0.05;else if (i === 2) tokenRate = 0.02;\n const scoreDate = new Date(score.date || Date.now());\n const now = new Date();\n const hoursSinceScore = Math.max(0, (now - scoreDate) / (1000 * 60 * 60));\n const accumulatedTokens = baseTokens + tokenRate * hoursSinceScore;\n if (i < 3) {\n this.add.text(620, y, `${accumulatedTokens.toFixed(2)} (+${tokenRate}/hr)`, {\n fontFamily: 'Arial',\n fontSize: '18px',\n color: '#00ff99',\n fontStyle: 'bold'\n });\n } else {\n this.add.text(620, y, baseTokens.toFixed(2), {\n fontFamily: 'Arial',\n fontSize: '22px',\n color: '#ffffff'\n });\n }\n }\n }\n } catch (error) {\n loadingText.destroy();\n this.add.text(this.game.config.width / 2, this.game.config.height / 2, \"ERROR LOADING SCORES\", {\n fontFamily: 'Arial',\n fontSize: '24px',\n color: '#ff0000'\n }).setOrigin(0.5);\n console.error('Error fetching scores:', error);\n }\n this.add.text(this.game.config.width / 2, this.game.config.height - 100, \"Top 3 players earn bonus tokens over time!\\n1st: +0.1/hr | 2nd: +0.05/hr | 3rd: +0.02/hr\", {\n fontFamily: 'Arial',\n fontSize: '18px',\n color: '#00ff99',\n align: 'center'\n }).setOrigin(0.5);\n const backButton = this.add.text(this.game.config.width / 2, this.game.config.height - 50, \"BACK TO MENU\", {\n fontFamily: 'Arial',\n fontSize: '24px',\n color: '#ffffff',\n backgroundColor: '#333366',\n padding: {\n x: 15,\n y: 8\n }\n }).setOrigin(0.5).setInteractive({\n useHandCursor: true\n });\n backButton.on('pointerover', () => backButton.setColor('#00ffff'));\n backButton.on('pointerout', () => backButton.setColor('#ffffff'));\n backButton.on('pointerdown', () => {\n this.scene.start('MenuScene');\n });\n }\n}\nconst config = {\n type: Phaser.AUTO,\n scale: {\n mode: Phaser.Scale.RESIZE,\n parent: \"app\",\n width: 800,\n height: 600,\n min: {\n width: 640,\n height: 480\n }\n },\n backgroundColor: \"#1A1A28\",\n physics: {\n default: \"arcade\",\n arcade: {\n gravity: {\n y: 0\n }\n }\n },\n scene: [BootScene, MenuScene, GameScene, LeaderboardScene]\n};\nexport const game = new Phaser.Game(config);","packageJson","{\"dependencies\":{\"phaser\":\"3.60.0\",\"@devfunlabs/state-client\":\"0.8.1\"}}","appFunctions",[],"token","upstreamApp","isLordOfDev","analytics",[80,84,86,88,90,92,94,96,98,100,102,104,106,108],{"_81":82,"_83":41},"day","2025-09-24","runCount",{"_81":85,"_83":41},"2025-09-25",{"_81":87,"_83":41},"2025-09-26",{"_81":89,"_83":41},"2025-09-27",{"_81":91,"_83":41},"2025-09-28",{"_81":93,"_83":41},"2025-09-29",{"_81":95,"_83":41},"2025-09-30",{"_81":97,"_83":41},"2025-10-01",{"_81":99,"_83":41},"2025-10-02",{"_81":101,"_83":41},"2025-10-03",{"_81":103,"_83":41},"2025-10-04",{"_81":105,"_83":41},"2025-10-05",{"_81":107,"_83":41},"2025-10-06",{"_81":109,"_83":41},"2025-10-07","snapshot","ogImage","https://cdn.dev.fun/og/image/1bf1a85e6e3b08469843/d638f68d.webp","isDevbase","project",{"_14":19,"_116":-5,"_20":21,"_117":118,"_22":23},"image","oneliner","Earn crypto playing Tetris","commitDetail","livestream","actionData","errors"]