class Example extends Phaser.Scene { constructor() { super(); 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.moreGamesButton = null; this.gameOverTimer = null; this.lastMoveTime = 0; this.noMovementTimer = null; this.selectedMark = null; } preload() { this.load.image('orchard', `https://rosebud.ai/assets/back_of_Terry_thai_sea.png?KwAI`); 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`); } create() { 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.input.on('pointerdown', this.onPointerDown, this); this.input.on('pointerup', this.onPointerUp, 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, 'LEVEL UP!', 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.setAlpha(0); this.restartButton.setDepth(2); const moreGamesButtonStyle = { ...restartButtonStyle, fontSize: '18px', backgroundColor: '#FFEB3B', color: '#FF8C00' }; this.moreGamesButton = this.add.text(width / 2, height / 2 + 115, 'for more Hammy Jr. games', moreGamesButtonStyle); this.moreGamesButton.setOrigin(0.5); this.moreGamesButton.setInteractive({ useHandCursor: true }); this.moreGamesButton.on('pointerdown', () => { window.open('https://hammyjr.com/bitcoin-crypto-games', '_blank'); }); this.moreGamesButton.setAlpha(0); this.moreGamesButton.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) { this.selectedCircle = this.grid[gridY][gridX]; this.swipeStartPosition = { x: pointer.x, y: pointer.y }; // Show the selected mark 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); 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.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.fillColor; if (itemColor && (!lastColor || itemColor === lastColor)) { currentMatch.add(item); lastColor = itemColor; } else { if (currentMatch.size >= 3) { currentMatch.forEach(c => matchLine.add(c)); } currentMatch = new Set([item]); lastColor = 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 = []; 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.setLevelGoals(); this.isRearranging = false; this.time.delayedCall(500, () => { if (!this.checkPossibleMoves()) { this.rearrangeUntilPossible(); } }); this.setLevelGoals(); this.isRearranging = false; } checkPossibleMoves() { for (let y = 0; y < this.gridSize; y++) { for (let x = 0; x < this.gridSize; x++) { if (this.canMakeMoveAt(x, y)) { return true; } } } return false; } canMakeMoveAt(x, y) { const originalColor = this.grid[y][x].fillColor; const directions = [{ dx: 1, dy: 0 }, { dx: 0, dy: 1 }]; for (const dir of directions) { const nx = x + dir.dx; const ny = y + dir.dy; if (nx < this.gridSize && ny < this.gridSize) { const neighborColor = this.grid[ny][nx].fillColor; // Temporarily swap colors this.grid[y][x].fillColor = neighborColor; this.grid[ny][nx].fillColor = originalColor; if (this.checkMatchAt(nx, ny) || this.checkMatchAt(x, y)) { // Swap back this.grid[y][x].fillColor = originalColor; this.grid[ny][nx].fillColor = neighborColor; return true; } // Swap back this.grid[y][x].fillColor = originalColor; this.grid[ny][nx].fillColor = neighborColor; } } return false; } checkMatchAt(x, y) { const color = this.grid[y][x].fillColor; // Check horizontal let hCount = 1; for (let i = 1; x - i >= 0 && this.grid[y][x - i].fillColor === color; i++) hCount++; for (let i = 1; x + i < this.gridSize && this.grid[y][x + i].fillColor === color; i++) hCount++; if (hCount >= 3) return true; // Check vertical let vCount = 1; for (let i = 1; y - i >= 0 && this.grid[y - i][x].fillColor === color; i++) vCount++; for (let i = 1; y + i < this.gridSize && this.grid[y + i][x].fillColor === color; i++) vCount++; if (vCount >= 3) return true; return false; } rearrangeUntilPossible() { let attempts = 0; const maxAttempts = 10; const doRearrange = () => { if (this.checkPossibleMoves() || attempts >= maxAttempts) { this.isRearranging = false; return; } attempts++; // Simple rearrange: shuffle the whole grid const flatGrid = this.grid.flat(); Phaser.Utils.Array.Shuffle(flatGrid); for (let y = 0; y < this.gridSize; y++) { for (let x = 0; x < this.gridSize; x++) { const circle = flatGrid[y * this.gridSize + x]; this.grid[y][x] = circle; if (circle) { circle.gridX = x; circle.gridY = y; const startX = (this.scale.width - this.gridSize * this.cellSize) / 2; const startY = (this.scale.height - this.gridSize * this.cellSize) / 2; this.tweens.add({ targets: circle, x: startX + x * this.cellSize + this.cellSize / 2, y: startY + y * this.cellSize + this.cellSize / 2, duration: 300, ease: 'Power2' }); } } } this.time.delayedCall(400, doRearrange); }; doRearrange(); } 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() { 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.moreGamesButton.setAlpha(1); this.input.off('pointerdown', this.onPointerDown, this); this.input.off('pointerup', this.onPointerUp, 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][x]) { this.grid[y][x].destroy(); } } } this.grid = []; 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.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.moreGamesButton.setAlpha(0); this.input.on('pointerdown', this.onPointerDown, this); this.input.on('pointerup', this.onPointerUp, 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}`); } } const container = document.getElementById('renderDiv'); const config = { type: Phaser.AUTO, 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: Example }; window.phaserGame = new Phaser.Game(config);