class PreloadScene extends Phaser.Scene { constructor() { super('PreloadScene'); } preload() { this.load.image('sea-bg', 'https://play.rosebud.ai/assets/back_of_Terry_thai_sea.png?kme3'); this.load.image('bomb-cartoon', 'https://play.rosebud.ai/assets/bomb-cartoon.jpg?mhlm'); } create() { const { width, height } = this.scale; this.cameras.main.setBackgroundColor('#ff0000'); const bombImage = this.add.image(width / 2, 100, 'bomb-cartoon'); bombImage.setScale(0.2); this.add.text(width / 2, height / 2 - 100, '', { fontSize: '48px', fontFamily: 'Arial', color: '#ffffff', align: 'center' }).setOrigin(0.5); this.add.text(width / 2, height / 2, 'Match 3 or more coins to clear them.\n\nMatching coins next to a bomb or just touching it will go "BOOM",\nclearing rows at once!\n\nComplete the top right level goal before you run out of moves.', { fontSize: '20px', fontFamily: 'Arial', color: '#ffffff', align: 'center', wordWrap: { width: width - 40 } } ).setOrigin(0.5); this.time.delayedCall(1, this.loadAssets, [], this); const startButton = this.add.text(width / 2, height - 150, 'START', { fontSize: '32px', fontFamily: 'Arial', color: '#000000', backgroundColor: '#00ff00', padding: { left: 15, right: 15, top: 10, bottom: 10 } }).setOrigin(0.5).setInteractive({ useHandCursor: true }); startButton.on('pointerdown', () => { this.scene.start('GameScene'); }); startButton.on('touchstart', () => { this.scene.start('GameScene'); }); const moreGamesButton = this.add.text(width / 2, height - 50, 'For More Games', { fontSize: '24px', fontFamily: 'Arial', color: '#ffffff', backgroundColor: '#000000', padding: { left: 10, right: 10, top: 5, bottom: 5 } }).setOrigin(0.5).setInteractive({ useHandCursor: true }); moreGamesButton.on('pointerdown', () => { window.open('https://hammyjr.com/angry-games', '_blank'); }); moreGamesButton.on('touchstart', () => { window.open('https://hammyjr.com/angry-games', '_blank'); }); } loadAssets() { this.load.on('complete', () => {}); this.load.image('orchard', `https://rosebud.ai/assets/back_of_Terry_thai_sea.png?AMpx`); this.load.image('apple', `https://rosebud.ai/assets/hammyjr_nob_gstyle.png?7gQ6`); this.load.image('red', 'https://play.rosebud.ai/assets/red.png?WNEq'); this.load.image('bubble', `https://play.rosebud.ai/assets/white%20bubble.png?Jp4U`); this.load.image('strawberry', `https://rosebud.ai/assets/litecoin_nob_gstyle.png?Kqqp`); this.load.image('lime', `https://rosebud.ai/assets/ghibli-filecoin-nob.png?ML1l`); this.load.image('blueberry', `https://rosebud.ai/assets/ethereum_nob_gstyle.png?i9Us`); this.load.image('mango', `https://rosebud.ai/assets/bitcoin_nob_gstyle.png?jijn`); this.load.image('avocado', `https://rosebud.ai/assets/monero_nob_gstyle.png?n19E`); this.load.image('peach', `https://rosebud.ai/assets/hammyjr_nob_gstyle.png?7gQ6`); this.load.audio('match', `https://play.rosebud.ai/assets/Retro Blop 18.wav?hXHF`); this.load.audio('levelUp', `https://play.rosebud.ai/assets/success.wav?VOzq`); this.load.start(); } } class Example extends Phaser.Scene { constructor() { super('GameScene'); this.gridSize = 8; this.cellSize = 60; this.grid = []; this.colors = [0xFF4136, 0x2ECC40, 0x0074D9, 0xFF851B, 0xB10DC9, 0xFFDC00]; this.selectedCircle = null; this.isSwapping = false; this.score = 0; this.scoreText = null; this.highestScore = 0; this.highestScoreText = null; this.comboCount = 0; this.comboText = null; this.swipeStartPosition = null; this.level = 1; this.levelText = null; this.moves = Phaser.Math.Between(15, 25); this.movesText = null; this.goals = []; this.goalTexts = []; this.goalIcons = []; this.levelUpText = null; this.isRearranging = false; this.matchSound = null; this.levelUpSound = null; this.gameOverText = null; this.restartButton = null; this.gameOverTimer = null; this.lastMoveTime = 0; this.noMovementTimer = null; this.selectedMark = null; this.bombs = []; this.levelUpPhrases = ["Awesome!", "Great Job!", "Way to Go!", "Super!", "Fantastic!"]; } preload() { } create() { this.add.rectangle(0, 0, this.scale.width, this.scale.height, 0xff0000).setOrigin(0); this.createBombTextures(); const { width, height } = this.scale; const startX = (width - this.gridSize * this.cellSize) / 2; const startY = (height - this.gridSize * this.cellSize) / 2; for (let y = 0; y < this.gridSize; y++) { this.grid[y] = []; for (let x = 0; x < this.gridSize; x++) { this.createCircle(x, y, startX, startY); } } this.placeBombRandomly(startX, startY); this.input.on('pointerdown', this.onPointerDown, this); this.input.on('pointerup', this.onPointerUp, this); this.input.on('touchstart', this.onPointerDown, this); const textStyle = { fontSize: '24px', fontFamily: 'Arial, sans-serif', color: '#ffffff', stroke: '#000000', strokeThickness: 4, shadow: { blur: 0, stroke: false, fill: false } }; const scoreTextStyle = { fontSize: '24px', fontFamily: 'Arial, sans-serif', color: '#ffffff', stroke: '#000000', strokeThickness: 4, shadow: { blur: 0, stroke: false, fill: false } }; const levelUpTextStyle = { fontSize: '48px', fontFamily: 'Arial, sans-serif', color: '#ffff00', stroke: '#000000', strokeThickness: 6, shadow: { blur: 0, stroke: false, fill: false } }; const uiContainer = this.add.container(0, 0); uiContainer.setDepth(1); const levelTextStyle = { fontSize: '32px', fontFamily: 'Arial, sans-serif', color: '#ffffff', stroke: '#000000', strokeThickness: 4, shadow: { blur: 0, stroke: false, fill: false } }; this.levelText = this.add.text(10, 10, 'Level: 1', levelTextStyle); uiContainer.add(this.levelText); const movesTextStyle = { fontSize: '18px', fontFamily: 'Arial, sans-serif', color: '#ffffff', stroke: '#000000', strokeThickness: 3, shadow: { blur: 0, stroke: false, fill: false } }; this.movesText = this.add.text(10, 50, 'Moves: 55', movesTextStyle); uiContainer.add(this.movesText); const goalText = this.add.text(width - 10, 10, '0', textStyle); goalText.setOrigin(1, 0); uiContainer.add(goalText); this.goalTexts.push(goalText); const goalIcon = this.add.image(0, 0, 'bubble'); goalIcon.setScale(0.05); uiContainer.add(goalIcon); this.goalIcons.push(goalIcon); this.scoreText = this.add.text(10, height - 10, 'Score: 0', scoreTextStyle); this.scoreText.setOrigin(0, 1); uiContainer.add(this.scoreText); this.highestScoreText = this.add.text(width - 10, height - 10, 'High: 0', scoreTextStyle); this.highestScoreText.setOrigin(1, 1); uiContainer.add(this.highestScoreText); this.loadHighestScore(); this.comboText = this.add.text(width / 2, height / 2, '', textStyle); this.comboText.setOrigin(0.5); this.comboText.setAlpha(0); this.comboText.setDepth(2); this.levelUpText = this.add.text(width / 2, height / 2, 'Heck Yeah!', levelUpTextStyle); this.levelUpText.setOrigin(0.5); this.levelUpText.setAlpha(0); this.levelUpText.setDepth(2); this.gameOverText = this.add.text(width / 2, height / 2, 'GAME OVER', levelUpTextStyle); this.gameOverText.setOrigin(0.5); this.gameOverText.setAlpha(0); this.gameOverText.setDepth(2); const restartButtonStyle = { fontSize: '24px', fontFamily: 'Arial, sans-serif', color: '#ffffff', backgroundColor: '#4CAF50', padding: { left: 10, right: 10, top: 5, bottom: 5 } }; this.restartButton = this.add.text(width / 2, height / 2 + 50, 'Restart', restartButtonStyle); this.restartButton.setOrigin(0.5); this.restartButton.setInteractive({ useHandCursor: true }); this.restartButton.on('pointerdown', this.restartGame, this); this.restartButton.on('touchstart', this.restartGame, this); this.restartButton.setAlpha(0); this.restartButton.setDepth(2); this.setLevelGoals(); this.matchSound = this.sound.add('match'); this.levelUpSound = this.sound.add('levelUp'); this.lastMoveTime = this.time.now; // Create the selected mark this.selectedMark = this.add.circle(0, 0, this.cellSize / 2, 0xffffff, 0.3); this.selectedMark.setVisible(false); this.selectedMark.setDepth(1); } setLevelGoals() { this.goals = []; const goalCount = 1; const availableColors = [...this.colors]; for (let i = 0; i < goalCount; i++) { if (availableColors.length === 0) { console.warn("Ran out of unique colors for goals"); break; } const colorIndex = Math.floor(Math.random() * availableColors.length); const color = availableColors.splice(colorIndex, 1)[0]; const count = 5 + this.level * 3; this.goals.push({ color, count }); } this.moves = Phaser.Math.Between(15, 25); this.updateGoalTexts(); this.updateMovesText(); } updateGoalTexts() { for (let i = 0; i < this.goalTexts.length; i++) { if (i < this.goals.length) { const { color, count } = this.goals[i]; this.goalTexts[i].setText(`${count}`); let fruitKey; switch (color) { case 0xFF4136: fruitKey = 'strawberry'; break; case 0x2ECC40: fruitKey = 'avocado'; break; case 0x0074D9: fruitKey = 'blueberry'; break; case 0xFF851B: fruitKey = 'mango'; break; case 0xFFDC00: fruitKey = 'lime'; break; case 0xB10DC9: fruitKey = 'peach'; break; default: fruitKey = 'strawberry'; } this.goalIcons[i].setTexture(fruitKey); this.goalIcons[i].setScale(0.08); // Doubled the scale to make it twice as big this.goalTexts[i].setVisible(true); this.goalIcons[i].setVisible(true); const iconSize = this.goalIcons[i].displayWidth; const textHeight = this.goalTexts[i].height; this.goalIcons[i].x = this.goalTexts[i].x - this.goalTexts[i].width - iconSize / 2 - 10; this.goalIcons[i].y = this.goalTexts[i].y + textHeight / 2; } else { this.goalTexts[i].setVisible(false); this.goalIcons[i].setVisible(false); } } } onPointerDown(pointer) { if (this.isSwapping || this.moves <= 0 || this.isRearranging) return; const startX = (this.scale.width - this.gridSize * this.cellSize) / 2; const startY = (this.scale.height - this.gridSize * this.cellSize) / 2; const gridX = Math.floor((pointer.x - startX) / this.cellSize); const gridY = Math.floor((pointer.y - startY) / this.cellSize); if (gridX >= 0 && gridX < this.gridSize && gridY >= 0 && gridY < this.gridSize) { const circle = this.grid[gridY][gridX]; if (circle && circle.isBomb) { this.explodeBomb(circle); this.moves--; this.updateMovesText(); this.lastMoveTime = this.time.now; return; } this.selectedCircle = circle; this.swipeStartPosition = { x: pointer.x, y: pointer.y }; if (this.selectedCircle) { this.selectedMark.setPosition(this.selectedCircle.x, this.selectedCircle.y); this.selectedMark.setVisible(true); } } } onPointerUp(pointer) { if (this.isSwapping || !this.selectedCircle || !this.swipeStartPosition || this.moves <= 0 || this.isRearranging) { if (this.selectedMark) { this.selectedMark.setVisible(false); } return; } const dx = pointer.x - this.swipeStartPosition.x; const dy = pointer.y - this.swipeStartPosition.y; const absDx = Math.abs(dx); const absDy = Math.abs(dy); if (Math.max(absDx, absDy) > this.cellSize / 4) { let direction; if (absDx > absDy) { direction = dx > 0 ? 'right' : 'left'; } else { direction = dy > 0 ? 'down' : 'up'; } this.swapWithDirection(this.selectedCircle, direction); this.moves--; this.updateMovesText(); this.lastMoveTime = this.time.now; } this.selectedCircle = null; this.swipeStartPosition = null; // Hide the selected mark this.selectedMark.setVisible(false); } swapWithDirection(circle, direction) { let targetX = circle.gridX; let targetY = circle.gridY; switch (direction) { case 'left': targetX--; break; case 'right': targetX++; break; case 'up': targetY--; break; case 'down': targetY++; break; } if (targetX >= 0 && targetX < this.gridSize && targetY >= 0 && targetY < this.gridSize) { const targetCircle = this.grid[targetY][targetX]; this.swapCircles(circle, targetCircle); } } createCircle(x, y, startX, startY) { const cellX = startX + x * this.cellSize + this.cellSize / 2; const cellY = startY + y * this.cellSize + this.cellSize / 2; let color; let attempts = 0; const maxAttempts = 100; do { color = Phaser.Utils.Array.GetRandom(this.colors); attempts++; if (attempts >= maxAttempts) { console.warn(`Could not find a suitable color for position (${x}, ${y}) after ${maxAttempts} attempts.`); break; } } while (this.checkInitialMatch(x, y, color)); let fruitKey; switch (color) { case 0xFF4136: // Red color fruitKey = 'strawberry'; break; case 0x2ECC40: // Green color fruitKey = 'avocado'; break; case 0x0074D9: // Blue color fruitKey = 'blueberry'; break; case 0xFF851B: // Orange color fruitKey = 'mango'; break; case 0xFFDC00: // Yellow color fruitKey = 'lime'; break; case 0xB10DC9: // Purple color fruitKey = 'peach'; break; default: console.warn(`Unexpected color: ${color.toString(16)}`); fruitKey = 'strawberry'; // Default to strawberry if an unexpected color is encountered } const circle = this.add.image(cellX, cellY, fruitKey); circle.setScale(this.cellSize / circle.width * 0.9); circle.setInteractive(); circle.gridX = x; circle.gridY = y; circle.fillColor = color; circle.setDepth(0); this.grid[y][x] = circle; return circle; } checkInitialMatch(x, y, color) { const directions = [ [-1, 0], [1, 0], [0, -1], [0, 1] ]; for (let [dx, dy] of directions) { let count = 1; for (let i = 1; i <= 2; i++) { const newX = x + dx * i; const newY = y + dy * i; if (newX >= 0 && newX < this.gridSize && newY >= 0 && newY < this.gridSize) { if (this.grid[newY] && this.grid[newY][newX] && this.grid[newY][newX].fillColor === color) { count++; } else { break; } } } if (count >= 3) return true; } return false; } swapCircles(circle1, circle2) { if (!circle1 || !circle2) { return; } this.isSwapping = true; this.comboCount = 0; const tempGridX = circle1.gridX; const tempGridY = circle1.gridY; circle1.gridX = circle2.gridX; circle1.gridY = circle2.gridY; circle2.gridX = tempGridX; circle2.gridY = tempGridY; this.grid[circle1.gridY][circle1.gridX] = circle1; this.grid[circle2.gridY][circle2.gridX] = circle2; this.tweens.add({ targets: circle1, x: circle2.x, y: circle2.y, duration: 200, ease: 'Power2' }); this.tweens.add({ targets: circle2, x: circle1.x, y: circle1.y, duration: 200, ease: 'Power2', onComplete: () => { this.isSwapping = false; this.checkAndDestroyMatches(); } }); this.lastMoveTime = this.time.now; } checkAndDestroyMatches() { let matched = new Set(); for (let y = 0; y < this.gridSize; y++) { for (let x = 0; x < this.gridSize; x++) { if (this.grid[y] && this.grid[y][x]) { const horizontalMatch = this.findMatchLine(x, y, 1, 0); const verticalMatch = this.findMatchLine(x, y, 0, 1); if (horizontalMatch.size >= 3) { horizontalMatch.forEach(circle => matched.add(circle)); } if (verticalMatch.size >= 3) { verticalMatch.forEach(circle => matched.add(circle)); } } } } if (matched.size > 0) { this.comboCount++; this.updateScore(matched.size); this.updateGoalProgress(matched); const bombsToExplode = []; const nonBombs = new Set(); matched.forEach(circle => { if (circle.isBomb) { bombsToExplode.push(circle); } else { nonBombs.add(circle); } }); let adjacentBombs = this.bombs.filter(bomb => { const { gridX, gridY } = bomb; const isAdjacent = this.isAdjacentToMatch(gridX, gridY, matched); return !bombsToExplode.includes(bomb) && isAdjacent; }); bombsToExplode.push(...adjacentBombs); if (bombsToExplode.length > 0) { bombsToExplode.forEach(bomb => { this.explodeBomb(bomb); nonBombs.add(bomb); }); this.destroyMatches(new Set([...nonBombs, ...matched]), false); } else { this.destroyMatches(matched); } this.matchSound.play(); this.lastMoveTime = this.time.now; } else { this.isSwapping = false; this.comboCount = 0; this.comboText.setText(''); this.checkLevelCompletion(); this.checkNoMovement(); } } findMatchLine(x, y, dx, dy) { const circle = this.grid[y][x]; if (!circle) return new Set(); const color = circle.isBomb ? null : circle.fillColor; let matchLine = new Set(); let line = []; for (let i = 0; i < this.gridSize; i++) { const newX = x + dx * i; const newY = y + dy * i; if (newX < 0 || newX >= this.gridSize || newY < 0 || newY >= this.gridSize) { break; } line.push(this.grid[newY][newX]); } let currentMatch = new Set(); let lastColor = null; for (const item of line) { if (!item) { if (currentMatch.size >= 3) { currentMatch.forEach(c => matchLine.add(c)); } currentMatch = new Set(); lastColor = null; continue; } const itemColor = item.isBomb ? lastColor : item.fillColor; if (itemColor && (!lastColor || itemColor === lastColor)) { currentMatch.add(item); if (!item.isBomb) { lastColor = itemColor; } } else { if (currentMatch.size >= 3) { currentMatch.forEach(c => matchLine.add(c)); } currentMatch = new Set([item]); lastColor = item.isBomb ? null : item.fillColor; } } if (currentMatch.size >= 3) { currentMatch.forEach(c => matchLine.add(c)); } return matchLine; } destroyMatches(matched, triggerRearrange = true) { this.isRearranging = true; let destroyedCount = 0; if (matched.size === 0) { if (triggerRearrange) { this.rearrangeGrid(); } else { this.isRearranging = false; } return; } matched.forEach(circle => { this.tweens.add({ targets: circle, scale: 1.2, alpha: 0, duration: 300, ease: 'Power2', onComplete: () => { if (circle.gridY >= 0 && circle.gridY < this.gridSize && circle.gridX >= 0 && circle.gridX < this.gridSize && this.grid[circle.gridY][circle.gridX] === circle) { this.grid[circle.gridY][circle.gridX] = null; } circle.destroy(); destroyedCount++; if (destroyedCount === matched.size) { if (triggerRearrange) { this.rearrangeGrid(); } else { this.isRearranging = false; } } } }); }); } rearrangeGrid() { const startY = (this.scale.height - this.gridSize * this.cellSize) / 2; let fallingCircles = []; for (let x = 0; x < this.gridSize; x++) { let nullCount = 0; for (let y = this.gridSize - 1; y >= 0; y--) { if (!this.grid[y] || this.grid[y][x] === null) { nullCount++; } else if (nullCount > 0) { const circle = this.grid[y][x]; circle.gridY += nullCount; this.grid[circle.gridY] = this.grid[circle.gridY] || []; this.grid[circle.gridY][x] = circle; this.grid[y][x] = null; fallingCircles.push(circle); } } } if (fallingCircles.length > 0) { this.animateFallingCircles(fallingCircles, startY); } else { this.spawnNewCircles(); } } animateFallingCircles(fallingCircles, startY) { let animationsCompleted = 0; fallingCircles.forEach((circle, index) => { this.tweens.add({ targets: circle, y: startY + circle.gridY * this.cellSize + this.cellSize / 2, duration: 200, ease: 'Power2', delay: index * 20, onComplete: () => { animationsCompleted++; if (animationsCompleted === fallingCircles.length) { this.spawnNewCircles(); } } }); }); this.lastMoveTime = this.time.now; } spawnNewCircles() { const startX = (this.scale.width - this.gridSize * this.cellSize) / 2; const startY = (this.scale.height - this.gridSize * this.cellSize) / 2; let newCircles = []; for (let x = 0; x < this.gridSize; x++) { let nullCount = 0; for (let y = this.gridSize - 1; y >= 0; y--) { if (!this.grid[y] || this.grid[y][x] === null) { nullCount++; const newCircle = this.createCircle(x, y, startX, startY - nullCount * this.cellSize); newCircles.push(newCircle); this.grid[y] = this.grid[y] || []; this.grid[y][x] = newCircle; } } } if (newCircles.length > 0) { this.animateNewCircles(newCircles, startY); } else { this.checkAfterRefill(); } } animateNewCircles(newCircles, startY) { let animationsCompleted = 0; newCircles.forEach((circle, index) => { this.tweens.add({ targets: circle, y: startY + circle.gridY * this.cellSize + this.cellSize / 2, duration: 200, ease: 'Power2', delay: index * 20, onComplete: () => { animationsCompleted++; if (animationsCompleted === newCircles.length) { this.checkAfterRefill(); } } }); }); this.lastMoveTime = this.time.now; } checkAfterRefill() { this.time.delayedCall(300, () => { this.isRearranging = false; this.checkAndDestroyMatches(); }); } updateScore(matchedCount) { const basePoints = matchedCount * 10; const comboMultiplier = this.comboCount; const points = basePoints * comboMultiplier; this.score += points; this.scoreText.setText(`Score: ${this.score}`); if (this.score > this.highestScore) { this.highestScore = this.score; this.highestScoreText.setText(`High: ${this.highestScore}`); localStorage.setItem('highestScore', this.highestScore); } if (this.comboCount > 1) { this.comboText.setText(`Combo x${this.comboCount}! +${points} points`); this.comboText.setAlpha(0); this.comboText.y = this.scale.height / 2; this.tweens.add({ targets: this.comboText, alpha: 1, y: this.scale.height / 2 - 50, duration: 500, ease: 'Power2', onComplete: () => { this.tweens.add({ targets: this.comboText, alpha: 0, y: this.scale.height / 2 - 100, duration: 2000, ease: 'Power2', onComplete: () => { this.comboText.y = this.scale.height / 2; } }); } }); } } updateMovesText() { this.movesText.setText(`Moves: ${this.moves}`); this.checkNoMovement(); } updateGoalProgress(matched) { matched.forEach(circle => { for (let goal of this.goals) { if (circle.fillColor === goal.color) { goal.count = Math.max(0, goal.count - 1); } } }); this.updateGoalTexts(); } checkLevelCompletion() { const allGoalsCompleted = this.goals.every(goal => goal.count === 0); if (allGoalsCompleted) { if (this.noMovementTimer) { this.noMovementTimer.remove(); } this.level++; this.levelText.setText(`Level: ${this.level}`); this.isRearranging = true; this.time.delayedCall(500, () => { let allDestroyed = 0; const totalCircles = this.grid.flat().filter(c => c).length; if (totalCircles === 0) { this.resetAndStartNextLevel(); return; } for (let y = 0; y < this.gridSize; y++) { for (let x = 0; x < this.gridSize; x++) { if (this.grid[y] && this.grid[y][x]) { this.tweens.add({ targets: this.grid[y][x], scale: 0, angle: 180, duration: 500, ease: 'Power2', onComplete: () => { allDestroyed++; if (allDestroyed >= totalCircles) { this.resetAndStartNextLevel(); } } }); } } } }); this.showLevelUpMessage(); this.levelUpSound.play(); this.lastMoveTime = this.time.now; } } resetAndStartNextLevel() { this.grid.forEach(row => row.forEach(circle => { if (circle) circle.destroy(); })); this.grid = []; this.bombs = []; const startX = (this.scale.width - this.gridSize * this.cellSize) / 2; const startY = (this.scale.height - this.gridSize * this.cellSize) / 2; for (let y = 0; y < this.gridSize; y++) { this.grid[y] = []; for (let x = 0; x < this.gridSize; x++) { this.createCircle(x, y, startX, startY); } } this.placeBombRandomly(startX, startY); this.setLevelGoals(); this.isRearranging = false; } checkNoMovement() { if (this.moves <= 0) { if (this.noMovementTimer) { this.noMovementTimer.remove(); } this.noMovementTimer = this.time.delayedCall(2000, () => { if (this.time.now - this.lastMoveTime >= 2000) { this.gameOver(); } }); } } showLevelUpMessage() { const randomPhrase = Phaser.Utils.Array.GetRandom(this.levelUpPhrases); this.levelUpText.setText(randomPhrase); this.levelUpText.setAlpha(1); this.levelUpText.setScale(0.5); this.levelUpText.y = this.scale.height / 2; this.tweens.add({ targets: this.levelUpText, alpha: 1, scale: 1, y: this.scale.height / 2 - 50, duration: 500, ease: 'Back.easeOut', onComplete: () => { this.tweens.add({ targets: this.levelUpText, alpha: 0, y: this.scale.height / 2 - 100, scale: 1.5, duration: 1000, ease: 'Power2', onComplete: () => { this.levelUpText.y = this.scale.height / 2; this.levelUpText.setScale(1); } }); } }); } gameOver() { this.isRearranging = true; this.gameOverText.setAlpha(1); this.gameOverText.setScale(0.5); this.gameOverText.y = this.scale.height / 2; this.tweens.add({ targets: this.gameOverText, alpha: 1, scale: 1, y: this.scale.height / 2 - 50, duration: 500, ease: 'Back.easeOut', onComplete: () => { this.restartButton.setAlpha(1); this.input.off('pointerdown', this.onPointerDown, this); this.input.off('pointerup', this.onPointerUp, this); this.input.off('touchstart', this.onPointerDown, this); } }); } restartGame() { this.level = 1; this.score = 0; this.comboCount = 0; this.isRearranging = false; this.isSwapping = false; if (this.noMovementTimer) { this.noMovementTimer.remove(); } for (let y = 0; y < this.gridSize; y++) { for (let x = 0; x < this.gridSize; x++) { if (this.grid[y] && this.grid[y][x]) { this.grid[y][x].destroy(); } } } this.grid = []; this.bombs = []; const startX = (this.scale.width - this.gridSize * this.cellSize) / 2; const startY = (this.scale.height - this.gridSize * this.cellSize) / 2; for (let y = 0; y < this.gridSize; y++) { this.grid[y] = []; for (let x = 0; x < this.gridSize; x++) { this.createCircle(x, y, startX, startY); } } this.placeBombRandomly(startX, startY); this.levelText.setText('Level: 1'); this.scoreText.setText('Score: 0'); this.highestScoreText.setText(`High: ${this.highestScore}`); this.setLevelGoals(); this.gameOverText.setAlpha(0); this.restartButton.setAlpha(0); this.input.on('pointerdown', this.onPointerDown, this); this.input.on('pointerup', this.onPointerUp, this); this.input.on('touchstart', this.onPointerDown, this); this.lastMoveTime = this.time.now; } loadHighestScore() { const savedScore = localStorage.getItem('highestScore'); if (savedScore) { this.highestScore = parseInt(savedScore, 10); } else { this.highestScore = 0; } this.highestScoreText.setText(`High: ${this.highestScore}`); } placeBombRandomly(startX, startY) { const bombCount = Math.max(1, this.level); for (let i = 0; i < bombCount; i++) { if (this.bombs.length >= 3) { break; } let placed = false; let attempts = 0; while (!placed && attempts < 100) { const x = Phaser.Math.Between(0, this.gridSize - 1); const y = Phaser.Math.Between(0, this.gridSize - 1); if (this.grid[y] && this.grid[y][x] && !this.grid[y][x].isBomb) { const oldCircle = this.grid[y][x]; const cellX = startX + x * this.cellSize + this.cellSize / 2; const cellY = startY + y * this.cellSize + this.cellSize / 2; oldCircle.destroy(); const bombPower = Phaser.Math.Between(1, 5); const bombTextureKey = `bomb${bombPower}`; const bomb = this.add.image(cellX, cellY, bombTextureKey); bomb.setScale(this.cellSize / bomb.width * 0.9); bomb.setInteractive(); bomb.gridX = x; bomb.gridY = y; bomb.isBomb = true; bomb.power = bombPower; bomb.setDepth(0); this.grid[y][x] = bomb; this.bombs.push(bomb); this.tweens.add({ targets: bomb, scaleX: bomb.scaleX * 1.1, scaleY: bomb.scaleY * 1.1, duration: 300, yoyo: true, repeat: -1, ease: 'Sine.easeInOut' }); placed = true; } attempts++; } } } explodeBomb(bomb) { const bombY = bomb.gridY; const power = bomb.power || 3; const rowsToClearCount = Math.floor(power / 2); let rowsToClear = [bombY]; for (let i = 1; i <= rowsToClearCount; i++) { if (bombY - i >= 0) rowsToClear.push(bombY - i); if (bombY + i < this.gridSize) rowsToClear.push(bombY + i); } let destroyedInExplosion = new Set(); rowsToClear.forEach(rowY => { for (let x = 0; x < this.gridSize; x++) { if (this.grid[rowY] && this.grid[rowY][x]) { destroyedInExplosion.add(this.grid[rowY][x]); } } }); const particles = this.add.particles('red'); const emitter = particles.createEmitter({ speed: { min: -500, max: 500 }, angle: { min: 0, max: 360 }, scale: { start: 0.5, end: 0 }, blendMode: 'SCREEN', lifespan: 600, gravityY: 800 }); emitter.explode(power * 20, bomb.x, bomb.y); this.updateScore(destroyedInExplosion.size); this.updateGoalProgress(destroyedInExplosion); this.destroyMatches(destroyedInExplosion, true); const bombIndex = this.bombs.indexOf(bomb); if (bombIndex > -1) { this.bombs.splice(bombIndex, 1); } } isAdjacentToMatch(x, y, matched) { for (const item of matched) { if ((item.gridX === x && Math.abs(item.gridY - y) === 1) || (item.gridY === y && Math.abs(item.gridX - x) === 1)) { return true; } } return false; } createBombTextures() { for (let i = 1; i <= 5; i++) { const rt = this.make.renderTexture({ width: 60, height: 60, add: false }); const graphics = this.make.graphics({ add: false }); graphics.fillStyle(0x333333, 1); graphics.fillCircle(30, 30, 25); graphics.fillStyle(0x888888, 1); graphics.fillPoints([{ x: 30, y: 5 }, { x: 35, y: 0 }, { x: 40, y: 5 }], true); rt.draw(graphics); const text = this.make.text({ x: 30, y: 30, text: i.toString(), style: { font: '24px Arial', fill: '#ffffff' }, add: false }); text.setOrigin(0.5, 0.5); rt.draw(text); rt.saveTexture(`bomb${i}`); graphics.destroy(); text.destroy(); rt.destroy(); } } } const container = document.getElementById('renderDiv'); const config = { type: Phaser.WEBGL, parent: 'renderDiv', pixelArt: false, scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, width: 360, height: 640 }, physics: { default: 'arcade', arcade: { gravity: { y: 200 } } }, scene: [PreloadScene, Example] }; window.phaserGame = new Phaser.Game(config);