class ColorCascade extends Phaser.Scene { constructor() { super('ColorCascade'); this.boardWidth = 8; this.boardHeight = 12; this.blockSize = 50; this.colors = ['0xff0000', '0x00ff00', '0x0000ff', '0xffff00', '0xff00ff', '0x00ffff']; this.board = []; this.fallingBlocks = []; this.gameOver = false; this.score = 0; this.level = 1; this.fallSpeed = 1000; } preload() { this.load.image('block', 'https://play.rosebud.ai/assets/R (1).png?vzqS'); this.load.image('background', 'https://play.rosebud.ai/assets/R (1).png?vzqS'); } create() { this.add.image(200, 300, 'background').setAlpha(0.3); this.createBoard(); this.input.on('pointerdown', this.onPointerDown, this); this.scoreText = this.add.text(10, 10, 'Score: 0', { fontSize: '24px', fill: '#fff' }); this.levelText = this.add.text(10, 40, 'Level: 1', { fontSize: '24px', fill: '#fff' }); this.gameLoopEvent = this.time.addEvent({ delay: this.fallSpeed, callback: this.gameLoop, callbackScope: this, loop: true }); this.createParticles(); } createBoard() { for (let x = 0; x < this.boardWidth; x++) { this.board[x] = []; for (let y = 0; y < this.boardHeight; y++) { this.board[x][y] = null; } } } createParticles() { this.particles = this.add.particles('block'); this.emitter = this.particles.createEmitter({ speed: { min: -800, max: 800 }, angle: { min: 0, max: 360 }, scale: { start: 0.2, end: 0 }, blendMode: 'SCREEN', lifespan: 600, gravityY: 800 }); this.emitter.stop(); } gameLoop() { if (this.gameOver) return; this.addNewBlocks(); this.moveFallingBlocks(); this.checkMatches(); this.checkGameOver(); } addNewBlocks() { for (let x = 0; x < this.boardWidth; x++) { if (this.board[x][0] === null) { let color = Phaser.Utils.Array.GetRandom(this.colors); let block = this.add.image(x * this.blockSize + this.blockSize / 2, this.blockSize / 2, 'block').setTint(color); block.setScale(this.blockSize / block.width); this.fallingBlocks.push({x: x, y: 0, block: block, color: color}); } } } moveFallingBlocks() { for (let i = this.fallingBlocks.length - 1; i >= 0; i--) { let block = this.fallingBlocks[i]; if (block.y < this.boardHeight - 1 && this.board[block.x][block.y + 1] === null) { block.y++; block.block.y += this.blockSize; } else { this.board[block.x][block.y] = block; this.fallingBlocks.splice(i, 1); } } } checkMatches() { let matchFound = false; for (let x = 0; x < this.boardWidth; x++) { for (let y = 0; y < this.boardHeight; y++) { if (this.board[x][y]) { if (this.checkMatch(x, y)) { matchFound = true; } } } } if (matchFound) { this.time.delayedCall(300, this.dropBlocks, [], this); } } checkMatch(x, y) { const color = this.board[x][y].color; const directions = [[1, 0], [0, 1], [1, 1], [1, -1]]; for (let [dx, dy] of directions) { let count = 1; let i = 1; while (this.isValidPosition(x + i*dx, y + i*dy) && this.board[x + i*dx][y + i*dy]?.color === color) { count++; i++; } i = 1; while (this.isValidPosition(x - i*dx, y - i*dy) && this.board[x - i*dx][y - i*dy]?.color === color) { count++; i++; } if (count >= 3) { this.clearMatch(x, y, dx, dy, count); return true; } } return false; } clearMatch(x, y, dx, dy, count) { for (let i = 0; i < count; i++) { const bx = x + i*dx; const by = y + i*dy; if (this.board[bx][by]) { this.emitter.setPosition(this.board[bx][by].block.x, this.board[bx][by].block.y); this.emitter.setTint(this.board[bx][by].color); this.emitter.explode(20); this.board[bx][by].block.destroy(); this.board[bx][by] = null; } } this.score += count * 10 * this.level; this.scoreText.setText('Score: ' + this.score); this.checkLevelUp(); } dropBlocks() { for (let x = 0; x < this.boardWidth; x++) { let emptySpaces = 0; for (let y = this.boardHeight - 1; y >= 0; y--) { if (this.board[x][y] === null) { emptySpaces++; } else if (emptySpaces > 0) { this.board[x][y + emptySpaces] = this.board[x][y]; this.board[x][y] = null; this.board[x][y + emptySpaces].block.y += emptySpaces * this.blockSize; } } } this.checkMatches(); } checkLevelUp() { if (this.score >= this.level * 1000) { this.level++; this.levelText.setText('Level: ' + this.level); this.fallSpeed = Math.max(100, this.fallSpeed - 100); this.gameLoopEvent.delay = this.fallSpeed; } } isValidPosition(x, y) { return x >= 0 && x < this.boardWidth && y >= 0 && y < this.boardHeight; } onPointerDown(pointer) { const x = Math.floor(pointer.x / this.blockSize); const y = Math.floor(pointer.y / this.blockSize); if (this.isValidPosition(x, y) && this.board[x][y]) { this.swapBlocks(x, y); } } swapBlocks(x, y) { const directions = [[1, 0], [0, 1], [-1, 0], [0, -1]]; for (let [dx, dy] of directions) { const newX = x + dx; const newY = y + dy; if (this.isValidPosition(newX, newY) && this.board[newX][newY]) { const temp = this.board[x][y]; this.board[x][y] = this.board[newX][newY]; this.board[newX][newY] = temp; this.tweens.add({ targets: this.board[x][y].block, x: newX * this.blockSize + this.blockSize / 2, y: newY * this.blockSize + this.blockSize / 2, duration: 200, ease: 'Power2' }); this.tweens.add({ targets: this.board[newX][newY].block, x: x * this.blockSize + this.blockSize / 2, y: y * this.blockSize + this.blockSize / 2, duration: 200, ease: 'Power2', onComplete: () => this.checkMatches() }); return; } } } checkGameOver() { for (let x = 0; x < this.boardWidth; x++) { if (this.board[x][0] !== null) { this.gameOver = true; this.add.text(this.game.config.width / 2, this.game.config.height / 2, 'Game Over!', { fontSize: '48px', fill: '#fff' }).setOrigin(0.5); this.add.text(this.game.config.width / 2, this.game.config.height / 2 + 60, 'Final Score: ' + this.score, { fontSize: '32px', fill: '#fff' }).setOrigin(0.5); this.add.text(this.game.config.width / 2, this.game.config.height / 2 + 110, 'Tap to Restart', { fontSize: '24px', fill: '#fff' }).setOrigin(0.5); this.input.on('pointerdown', () => this.scene.restart()); return; } } } } const config = { type: Phaser.AUTO, parent: 'renderDiv', scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, width: 400, height: 600, scene: ColorCascade }; window.phaserGame = new Phaser.Game(config);