class Tetris extends Phaser.Scene { constructor() { super('Tetris'); // Game state this.state = { highScores: Array.from({ length: 20 }, (_, i) => ({ score: 20000 - i * 1000, initials: String.fromCharCode(65 + i).repeat(3) })), isDemo: false, showingSplash: true, currentInitialIndex: 0, playerInitials: ['A', 'A', 'A'], GRID_SIZE: 25, GRID_WIDTH: 10, GRID_HEIGHT: 20, PADDING: 10, hasShimmerBlock: false, currentShape: null, nextShape: null, grid: null, currentShapePosition: { x: 0, y: 0 }, gameOver: false, score: 0, level: 1, linesCleared: 0, flashingLines: [], touchStartX: 0, touchStartY: 0, isSwipingDown: false, fontLoaded: false, objectives: { current: null, remaining: 0, types: [{ name: 'PLAYFIELD CLEAR', count: 1 }, { name: 'BLOCK CLEAR', count: 40 }, { name: 'TETRIS', count: 3 }, { name: 'TRIPLE', count: 5 }, { name: 'DOUBLE', count: 8 }, { name: 'SINGLE', count: 12 }] } }; // Combo patterns this.combos = [{ pattern: [ [1, 1], [1, 1] ], points: 500, name: 'Small Square' }, { pattern: [ [1, 0], [1, 0], [1, 1] ], points: 800, name: 'L-Shape' }, { pattern: [ [1, 1, 1], [0, 1, 0] ], points: 1000, name: 'T-Shape' }, { pattern: [ [1, 1, 0], [0, 1, 1] ], points: 1200, name: 'Z-Shape' }, { pattern: [ [0, 1, 0], [1, 1, 1], [0, 1, 0] ], points: 1500, name: 'Cross' }]; // Shape definitions this.shapes = [{ shape: [ [1, 1, 1, 1] ], color: 0xff4444, frozen: { pattern: [ [1, 1, 1], [1, 1, 1], [1, 1, 1] ], color: 0x00ffff, type: 'square' } }, { shape: [ [1, 1, 1, 1] ], color: 0x00ffff, frozen: { pattern: [ [1, 1] ], color: 0x80ffff, type: 'square' } }, { shape: [ [1, 1], [1, 1] ], color: 0x44ff44, frozen: { pattern: [ [0, 1, 0], [1, 1, 1], [0, 1, 0] ], color: 0xff00ff, type: 'L' } }, { shape: [ [1, 1], [1, 1] ], color: 0xffff00, frozen: { pattern: [ [1, 0], [1, 1] ], color: 0xffff80, type: 'L' } }, { shape: [ [1, 1, 1], [0, 1, 0] ], color: 0x4444ff, frozen: { pattern: [ [1, 1, 0], [0, 1, 1], [0, 0, 1] ], color: 0xffff00, type: 'square' } }, { shape: [ [1, 1, 1], [0, 1, 0] ], color: 0x800080, frozen: { pattern: [ [1, 1], [1, 1] ], color: 0xc040c0, type: 'square' } }, { shape: [ [1, 1, 1], [1, 0, 0] ], color: 0xff44ff, frozen: { pattern: [ [1, 0, 1], [0, 1, 0], [1, 0, 1] ], color: 0x00ff00, type: 'line' } }, { shape: [ [1, 1, 1], [1, 0, 0] ], color: 0x0000ff, frozen: { pattern: [ [1], [1], [1] ], color: 0x8080ff, type: 'line' } }, { shape: [ [1, 1, 1], [0, 0, 1] ], color: 0xffff44, frozen: { pattern: [ [1, 1, 1], [0, 0, 1], [0, 0, 1] ], color: 0xff0000, type: 'square' } }, { shape: [ [1, 1, 0], [0, 1, 1] ], color: 0x00ff00, frozen: { pattern: [ [1, 0], [1, 1] ], color: 0x80ff80, type: 'L' } }, { shape: [ [0, 1, 1], [1, 1, 0] ], color: 0xff0000, frozen: { pattern: [ [1], [1], [1] ], color: 0xff8080, type: 'line' } }].map(s => ({ ...s, frozen: { ...s.frozen, inertColor: 0x404040, melted: false } })); // Managers and timers this.managers = { grid: new GridManager(this), ui: new UIManager(this), audio: new AudioManager(this), input: new InputManager(this), score: new ScoreManager(this), anim: new AnimationManager(this), state: new StateManager(this) }; this.timers = []; } preload() { // Load assets with original URLs this.load.script('webfont', 'https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js'); this.load.image('square', 'https://play.rosebud.ai/assets/white square.png?bUdx'); ['lineClear:line.wav?AYtI', 'song1:song1.mp3?e5Mr', 'song2:song2.mp3?D540', 'song3:song3.mp3?J5oR', 'song4:song4.mp3?IP5G', 'song5:song5.mp3?Tug8', 'stuck:stuck.wav?xM02', 'blockMove:block.wav?ck3N', 'gameOver:game-over-arcade-6435.mp3?p0Sa'].forEach(a => { const [key, url] = a.split(':'); this.load.audio(key, `https://play.rosebud.ai/assets/${url}`); }); this.load.on('complete', () => { try { // Load both fonts at once after the webfont script has loaded WebFont.load({ google: { families: ['Cinzel', 'Press Start 2P', 'Bungee Shade', 'Rubik Glitch', 'Creepster'] }, active: () => { this.state.fontLoaded = true; if (!this.state.showingSplash) this.managers.ui.draw(); }, inactive: () => { this.state.fontLoaded = true; if (!this.state.showingSplash) this.managers.ui.draw(); }, timeout: 3000 }); } catch (e) { this.state.fontLoaded = true; if (!this.state.showingSplash) this.managers.ui.draw(); } }); } create() { this.cameras.main.setBackgroundColor('#000000'); this.time.delayedCall(50, () => this.state.showingSplash ? this.managers.state.showSplash() : this.initGame()); } initGame() { // Reset game state and timers this.timers.forEach(t => t.remove()); this.timers = []; this.managers.audio.stop(); Object.assign(this.state, { gameOver: false, score: 0, level: 1, linesCleared: 0, flashingLines: [], hasShimmerBlock: false }); // Set the level objective this.setLevelObjective(); this.managers.grid.init(); this.state.nextShape = this.managers.grid.getShape(); this.managers.grid.spawn(); this.managers.input.init(); this.timers.push(this.time.addEvent({ delay: this.getTickDelay(), callback: () => this.tick(), loop: true })); this.managers.ui.init(); this.managers.audio.init(); this.managers.ui.draw(); } setLevelObjective() { // Choose an objective based on the current level const objectiveTypes = this.state.objectives.types; let objectiveIndex; // For level 1, select a random objective instead of always the first one if (this.state.level === 1) { // Randomly select any objective EXCEPT 'PLAYFIELD CLEAR' for level 1 const availableFirstLevelObjectives = objectiveTypes.filter(obj => obj.name !== 'PLAYFIELD CLEAR'); objectiveIndex = Phaser.Math.Between(0, availableFirstLevelObjectives.length - 1); const objective = availableFirstLevelObjectives[objectiveIndex]; // Set the objective with appropriate count this.state.objectives.current = { name: objective.name, count: objective.count }; } else { // For other levels, use the standard progression objectiveIndex = (this.state.level - 1) % objectiveTypes.length; const objective = objectiveTypes[objectiveIndex]; // Scale the objective count based on the level let multiplier = 1 + Math.floor((this.state.level - 1) / objectiveTypes.length) * 0.5; this.state.objectives.current = { name: objective.name, count: Math.ceil(objective.count * multiplier) }; } this.state.objectives.remaining = this.state.objectives.current.count; } tick() { // Don't proceed if game is over or no current shape if (this.state.gameOver || !this.state.currentShape) return; // Try to move the piece down by one grid cell const moved = this.managers.grid.move(0, 1); // If moved successfully, redraw the UI if (moved) { this.managers.ui.draw(); } // If couldn't move down, lock the piece in place else { this.managers.grid.lock(); } } getTickDelay() { return Math.max(100, 1000 - (this.state.level - 1) * 100); } } // Grid Manager: Handles grid and shape operations class GridManager { constructor(scene) { this.scene = scene; this.s = scene.state; } init() { this.s.grid = Array(this.s.GRID_HEIGHT).fill().map(() => Array(this.s.GRID_WIDTH).fill(null)); } getShape() { // Get a consistent shape that won't change during descent const shapeIndex = Phaser.Math.Between(0, this.scene.shapes.length - 1); const shape = JSON.parse(JSON.stringify(this.scene.shapes[shapeIndex])); // Ensure the shape has a valid structure or use fallback return shape.shape && Array.isArray(shape.shape) ? shape : { shape: [ [1, 1], [1, 1] ], color: 0xff0000, frozen: { pattern: [ [1, 1], [1, 1] ], color: 0x00ffff, inertColor: 0x404040, melted: false, type: 'square' } }; } spawn() { this.s.currentShape = this.s.nextShape || this.getShape(); this.s.nextShape = this.getShape(); this.s.currentShapePosition = { x: Math.floor(this.s.GRID_WIDTH / 2) - Math.floor(this.s.currentShape.shape[0].length / 2), y: 0 }; if (!this.s.hasShimmerBlock && Math.random() < 0.75) { this.s.currentShape.isShimmer = true; this.s.hasShimmerBlock = true; this.s.currentShape.shimmerColors = [0xffd700, 0xff00ff, 0x00ffff, 0xffff00, 0x00ff00]; this.s.currentShape.shimmerIndex = 0; this.scene.timers.push(this.scene.time.addEvent({ delay: 100, callback: () => { if (this.s.currentShape?.isShimmer) { this.s.currentShape.shimmerIndex = (this.s.currentShape.shimmerIndex + 1) % this.s.currentShape.shimmerColors.length; this.s.currentShape.color = this.s.currentShape.shimmerColors[this.s.currentShape.shimmerIndex]; this.scene.managers.ui.draw(); } }, loop: true })); } if (!this.canMoveTo(this.s.currentShapePosition.x, this.s.currentShapePosition.y, this.s.currentShape.shape)) { this.s.gameOver = true; this.scene.managers.state.showGameOver(); } } canMoveTo(x, y, shape) { for (let r = 0; r < shape.length; r++) { for (let c = 0; c < shape[r].length; c++) { if (shape[r][c]) { const nx = x + c, ny = y + r; if (nx < 0 || nx >= this.s.GRID_WIDTH || ny >= this.s.GRID_HEIGHT || (ny >= 0 && this.s.grid[ny][nx])) return false; } } } return true; } move(dx, dy) { // First check if movement is possible const newX = this.s.currentShapePosition.x + dx; const newY = this.s.currentShapePosition.y + dy; // Current shape should always be consistent const currentShapeMatrix = this.s.currentShape.shape; // Check if movement is valid if (this.canMoveTo(newX, newY, currentShapeMatrix)) { // Update position this.s.currentShapePosition.x = newX; this.s.currentShapePosition.y = newY; // Play sound for movement feedback if (dx || dy) this.scene.managers.audio.play('blockMove'); return true; } // Movement not possible return false; } rotate() { // Create rotated version of the main shape const rotated = this.s.currentShape.shape[0].map((_, i) => this.s.currentShape.shape.map(row => row[i]).reverse()); // Check if rotation is possible if (this.canMoveTo(this.s.currentShapePosition.x, this.s.currentShapePosition.y, rotated)) { // Apply rotation to main shape this.s.currentShape.shape = rotated; // Also rotate the frozen subshape pattern if (this.s.currentShape.frozen && this.s.currentShape.frozen.pattern) { // Store a copy of the original pattern before rotation const originalPattern = JSON.parse(JSON.stringify(this.s.currentShape.frozen.pattern)); // Rotate the pattern this.s.currentShape.frozen.pattern = originalPattern[0].map((_, i) => originalPattern.map(row => row[i]).reverse() ); } // Immediate feedback this.scene.managers.audio.play('blockMove'); this.scene.managers.ui.draw(); } } lock() { this.scene.managers.audio.play('stuck'); this.scene.managers.score.add(3 + this.s.level); const pieces = []; this.s.currentShape.shape.forEach((row, r) => row.forEach((cell, c) => { if (cell) { const gy = this.s.currentShapePosition.y + r, gx = this.s.currentShapePosition.x + c; if (gy >= 0 && gx >= 0) { const isCenter = r === Math.floor(this.s.currentShape.shape.length / 2) && c === Math.floor(this.s.currentShape.shape[0].length / 2); this.s.grid[gy][gx] = isCenter ? { color: this.s.currentShape.color, frozenShape: { ...this.s.currentShape.frozen, melted: false }, isIced: true } : { color: this.s.currentShape.color, isIced: true }; const x = (this.scene.sys.game.config.width - this.s.GRID_WIDTH * this.s.GRID_SIZE) / 2 + gx * this.s.GRID_SIZE; const y = this.s.PADDING + 30 + gy * this.s.GRID_SIZE; pieces.push({ piece: this.scene.add.image(x, y, 'square').setOrigin(0).setDisplaySize(this.s.GRID_SIZE - 1, this.s.GRID_SIZE - 1).setTint(0xffffff), color: this.s.currentShape.color }); } } })); this.scene.managers.score.checkCombos(); this.scene.time.delayedCall(500, () => { pieces.forEach(p => p.piece.setTint(p.color)); this.scene.managers.score.clearLines(); this.checkForFallingBlocks(); this.spawn(); this.scene.managers.ui.draw(); }); } checkForFallingBlocks() { // Check for any blocks that need to fall due to gaps underneath let hasFalling = false; let iterations = 0; const maxIterations = 20; // Safety limit to prevent infinite loops do { hasFalling = false; iterations++; // Start from bottom-second row and move up for (let y = this.s.GRID_HEIGHT - 2; y >= 0; y--) { for (let x = 0; x < this.s.GRID_WIDTH; x++) { // If there's a block here and empty space below if (this.s.grid[y][x] && !this.s.grid[y + 1][x]) { // Move the block down this.s.grid[y + 1][x] = this.s.grid[y][x]; this.s.grid[y][x] = null; hasFalling = true; } } } // If blocks fell, redraw UI for visual feedback if (hasFalling) { this.scene.managers.ui.draw(); // After falling, check if any lines are now complete const completedLines = []; for (let y = this.s.GRID_HEIGHT - 1; y >= 0; y--) { if (this.s.grid[y].every(cell => cell)) { completedLines.push(y); } } // If lines were completed by falling blocks, clear them if (completedLines.length > 0) { this.s.flashingLines = completedLines; this.scene.managers.score.clearLines(); return; // Exit since clearLines will handle further falling } } } while (hasFalling && iterations < maxIterations); } } // UI Manager: Handles rendering and text class UIManager { constructor(scene) { this.scene = scene; this.s = scene.state; this.texts = {}; } init() { const style = (size, color, stroke, strokeColor) => ({ fontSize: size, fontFamily: '"Press Start 2P", Arial', color, stroke: strokeColor, strokeThickness: stroke, padding: { x: 10, y: size === '10px' ? 5 : 2 }, shadow: { offsetX: 2, offsetY: 2, color: '#000000', blur: 0, fill: true } }); const addText = (key, x, y, text, s, align = 0.5) => { if (!this.texts[key]) this.texts[key] = this.scene.add.text(x, y, text, s).setOrigin(align, 0); return this.texts[key]; }; addText('scoreLabel', this.scene.sys.game.config.width - this.s.PADDING - 5, this.s.PADDING, 'SCORE', style('10px', '#ffff00', 4, '#ff0000'), 1); addText('score', this.scene.sys.game.config.width - this.s.PADDING - 5, this.s.PADDING + 20, '0', style('14px', '#ffff00', 4, '#ff0000'), 1); addText('levelLabel', this.s.PADDING + 15, this.s.PADDING, 'LEVEL', style('10px', '#ffff00', 4, '#ff0000')); addText('level', this.s.PADDING + 15, this.s.PADDING + 20, '1', style('14px', '#ffff00', 4, '#ff0000')); addText('highLabel', this.scene.sys.game.config.width / 2, this.s.PADDING, 'HIGH', style('10px', '#ffff00', 4, '#ff0000'), 0.5); addText('high', this.scene.sys.game.config.width / 2, this.s.PADDING + 20, this.scene.getHighScore().toString(), style('14px', '#ffff00', 4, '#ff0000'), 0.5); addText('gameOver', this.scene.sys.game.config.width / 2, this.scene.sys.game.config.height / 2 - 50, 'Game Over!', { fontSize: '24px', fontFamily: '"Press Start 2P", Arial', color: '#ffffff', stroke: '#000000', strokeThickness: 6 }, 0.5).setAlpha(0); addText('restart', this.scene.sys.game.config.width / 2, this.scene.sys.game.config.height / 2 + 50, 'Restart', { fontSize: '16px', fontFamily: '"Press Start 2P", Arial', color: '#ffffff', backgroundColor: '#4a4a4a', padding: { x: 20, y: 10 } }, 0.5).setAlpha(0).setInteractive().on('pointerdown', () => this.scene.restartGame()); addText('levelUp', this.scene.sys.game.config.width / 2, this.scene.sys.game.config.height / 2, 'LEVEL UP!', { fontSize: '24px', fontFamily: '"Press Start 2P", Arial', color: '#ffff00', stroke: '#000000', strokeThickness: 6 }, 0.5).setAlpha(0); } draw() { this.scene.children.removeAll(); // Draw the objective indicator vertically on the right side of playfield if (!this.s.gameOver && !this.s.showingSplash && this.s.objectives.current) { // Calculate playfield boundaries const gx = (this.scene.sys.game.config.width - this.s.GRID_WIDTH * this.s.GRID_SIZE) / 2; const playFieldRight = gx + (this.s.GRID_WIDTH * this.s.GRID_SIZE); const playFieldMiddleY = this.s.PADDING + 40 + (this.s.GRID_HEIGHT * this.s.GRID_SIZE) / 2; // Position text to the right of the playfield const objectivesX = playFieldRight + 25; const objectivesY = playFieldMiddleY - 50; // Create the objective name vertically const objectiveName = this.s.objectives.current.name; for (let i = 0; i < objectiveName.length; i++) { this.scene.add.text(objectivesX, objectivesY + (i * 14), objectiveName[i], { fontSize: '14px', fontFamily: 'Cinzel, serif', color: '#FF0000', fontStyle: 'bold', align: 'center' }).setOrigin(0.5); } // Add REMAIN text vertically below the objective name const remainText = "REMAIN"; const remainY = objectivesY + (objectiveName.length * 14) + 10; for (let i = 0; i < remainText.length; i++) { this.scene.add.text(objectivesX, remainY + (i * 14), remainText[i], { fontSize: '12px', fontFamily: 'Cinzel, serif', color: '#FF00FF', fontStyle: 'bold', align: 'center' }).setOrigin(0.5); } // Add the count below the REMAIN text this.scene.add.text(objectivesX, remainY + (remainText.length * 14) + 10, this.s.objectives.remaining.toString(), { fontSize: '18px', fontFamily: 'Cinzel, serif', color: '#FF00FF', fontStyle: 'bold', align: 'center' }).setOrigin(0.5); } // Display song information if a song is playing if (this.scene.currentSongInfo && !this.s.gameOver && !this.s.showingSplash) { const x = 10; const songTitleY = this.scene.sys.game.config.height - 35; const urlY = this.scene.sys.game.config.height - 15; // Music note icon before title this.scene.add.text(x, songTitleY, '♪', { fontSize: '16px', fontFamily: 'Arial', color: '#FFA500', fontStyle: 'bold' }).setOrigin(0, 0.5); // Song title this.scene.add.text(x + 20, songTitleY, this.scene.currentSongInfo.title, { fontSize: '12px', fontFamily: '"Press Start 2P", Arial', color: '#8A2BE2' }).setOrigin(0, 0.5); // Music note icon after title this.scene.add.text(x + 25 + this.scene.currentSongInfo.title.length * 8, songTitleY, '♪', { fontSize: '16px', fontFamily: 'Arial', color: '#FFA500', fontStyle: 'bold' }).setOrigin(0, 0.5); // Create clickable URL text with interactive features const urlText = this.scene.add.text(x, urlY, 'Listen on SoundCloud', { fontSize: '10px', fontFamily: '"Press Start 2P", Arial', color: '#4682B4', backgroundColor: '#222222', padding: { x: 5, y: 3 } }).setOrigin(0, 0.5).setInteractive({ useHandCursor: true }); // Add hover effects urlText.on('pointerover', () => { urlText.setColor('#00BFFF'); }); urlText.on('pointerout', () => { urlText.setColor('#4682B4'); }); // Add click handler to open URL urlText.on('pointerdown', () => { // Open the URL in a new window window.open(this.scene.currentSongInfo.url, '_blank'); }); } const gx = (this.scene.sys.game.config.width - this.s.GRID_WIDTH * this.s.GRID_SIZE) / 2, gy = this.s.PADDING + 40; this.scene.add.rectangle(gx, gy, this.s.GRID_WIDTH * this.s.GRID_SIZE, this.s.GRID_HEIGHT * this.s.GRID_SIZE, 0x000000, 0.3); this.texts.score.setText(this.s.score.toString()); this.texts.level.setText(this.s.level.toString()); this.texts.high.setText(Math.max(this.scene.getHighScore(), this.s.score).toString()); this.s.grid.forEach((row, y) => row.forEach((cell, x) => { const color = cell ? (typeof cell === 'object' ? (cell.tempColor || cell.color) : cell) : 0x555555; const alpha = cell ? (typeof cell === 'object' && cell.isIced ? 0.85 : 1) : 0.5; this.scene.add.image(gx + x * this.s.GRID_SIZE, gy + y * this.s.GRID_SIZE, 'square').setOrigin(0).setDisplaySize(this.s.GRID_SIZE - 1, this.s.GRID_SIZE - 1).setTint(color).setAlpha(alpha); if (cell?.isIced) { this.scene.add.rectangle(gx + x * this.s.GRID_SIZE, gy + y * this.s.GRID_SIZE, this.s.GRID_SIZE, this.s.GRID_SIZE, 0x00ffff, 0.2).setOrigin(0); this.scene.add.rectangle(gx + x * this.s.GRID_SIZE + 2, gy + y * this.s.GRID_SIZE + 2, this.s.GRID_SIZE / 3, this.s.GRID_SIZE / 3, 0xffffff, 0.3).setOrigin(0); } if (cell?.frozenShape) { const fs = cell.frozenShape, mbs = this.s.GRID_SIZE * 0.75; if (!fs.melted) for (let i = 0; i < 4; i++) this.scene.add.rectangle(gx + x * this.s.GRID_SIZE + this.s.GRID_SIZE / 2, gy + y * this.s.GRID_SIZE + this.s.GRID_SIZE / 2, mbs * 1.2, mbs * 1.2, 0x00ffff, 0.15).setOrigin(0.5).setRotation(Math.PI * i / 4); const mgs = this.s.GRID_SIZE / fs.pattern.length, sx = gx + x * this.s.GRID_SIZE + (this.s.GRID_SIZE - mgs * fs.pattern[0].length) / 2, sy = gy + y * this.s.GRID_SIZE + (this.s.GRID_SIZE - mgs * fs.pattern.length) / 2; fs.pattern.forEach((r, fy) => r.forEach((c, fx) => { if (c) this.scene.add.image(sx + fx * mgs, sy + fy * mgs, 'square').setOrigin(0).setDisplaySize(mgs - 1, mgs - 1).setTint(fs.color).setAlpha(fs.melted ? 1 : 0.8); })); } })); if (this.s.currentShape) { this.s.currentShape.shape.forEach((row, r) => row.forEach((cell, c) => { if (cell) { const x = gx + (this.s.currentShapePosition.x + c) * this.s.GRID_SIZE, y = gy + (this.s.currentShapePosition.y + r) * this.s.GRID_SIZE; this.scene.add.image(x, y, 'square').setOrigin(0).setDisplaySize(this.s.GRID_SIZE - 1, this.s.GRID_SIZE - 1).setTint(this.s.currentShape.color); if (this.s.currentShape.isShimmer) { this.scene.add.rectangle(x - 2, y - 2, this.s.GRID_SIZE + 3, this.s.GRID_SIZE + 3, 0xffffff, 0.5).setOrigin(0); if (r === Math.floor(this.s.currentShape.shape.length / 2) && c === Math.floor(this.s.currentShape.shape[0].length / 2)) { this.scene.add.text(x + this.s.GRID_SIZE / 2, y - 15, '★', { fontSize: '16px', fontFamily: '"Press Start 2P", Arial', color: '#ffffff' }).setOrigin(0.5); } } if (r === Math.floor(this.s.currentShape.shape.length / 2) && c === Math.floor(this.s.currentShape.shape[0].length / 2)) { const fs = this.s.currentShape.frozen; // Calculate size of sub-shape cells const mgs = Math.min((this.s.GRID_SIZE * 0.8) / fs.pattern[0].length, (this.s.GRID_SIZE * 0.8) / fs.pattern.length); // Calculate starting position for sub-shape const sx = x + (this.s.GRID_SIZE - mgs * fs.pattern[0].length) / 2; const sy = y + (this.s.GRID_SIZE - mgs * fs.pattern.length) / 2; // Draw each cell of the frozen pattern fs.pattern.forEach((r, fy) => r.forEach((c, fx) => { if (c) { this.scene.add.image(sx + fx * mgs, sy + fy * mgs, 'square') .setOrigin(0) .setDisplaySize(mgs - 1, mgs - 1) .setTint(fs.color) .setAlpha(0.9); } })); } } })); } const nss = this.s.GRID_SIZE * 0.8, nx = this.scene.sys.game.config.width / 2 - 60, ny = this.scene.sys.game.config.height - 100; this.scene.add.text(nx, ny, 'Next', { fontSize: '16px', fontFamily: '"Press Start 2P", Arial', color: '#ffff00', stroke: '#ff0000', strokeThickness: 3, padding: { x: 10, y: 10 }, shadow: { offsetX: 2, offsetY: 2, color: '#000000', blur: 0, fill: true } }); if (this.s.nextShape) this.s.nextShape.shape.forEach((row, r) => row.forEach((cell, c) => { if (cell) this.scene.add.image(nx + 70 + c * nss, ny + 30 + r * nss, 'square').setOrigin(0).setDisplaySize(nss - 1, nss - 1).setTint(this.s.nextShape.color); })); Object.values(this.texts).forEach(t => this.scene.add.existing(t)); } } // Audio Manager: Handles sound and music class AudioManager { constructor(scene) { this.scene = scene; this.sounds = {}; this.songs = ['song1', 'song2', 'song3', 'song4', 'song5']; this.usedDetunes = []; this.isPlayingSequence = false; // Map song keys to their proper titles and URLs this.songInfo = { 'song1': { title: 'Xuberance 2', url: 'https://soundcloud.com/doug-stoothoff/xuberance-2' }, 'song2': { title: 'Xuberance 3', url: 'https://soundcloud.com/doug-stoothoff/xuberance-3' }, 'song3': { title: 'Xuberance 1', url: 'https://soundcloud.com/doug-stoothoff/xuberance-1' }, 'song4': { title: 'Xuberance 5', url: 'https://soundcloud.com/doug-stoothoff/xuberance-5' }, 'song5': { title: 'Xuberance 4', url: 'https://soundcloud.com/doug-stoothoff/xuberance-4' } }; } init() { ['lineClear', 'stuck', 'blockMove:0.5', 'gameOver'].forEach(s => { const [key, vol] = s.split(':'); try { this.sounds[key] = this.scene.sound.add(key, vol ? { volume: parseFloat(vol) } : {}); } catch (e) { console.warn(`Failed to load ${key}`); } }); this.change(); } play(key) { if (this.sounds[key]) this.sounds[key].play(); } stop() { Object.values(this.sounds).forEach(s => s.stop?.()); if (this.scene.backgroundMusic) this.scene.backgroundMusic.stop(); } change() { this.stop(); const index = Phaser.Math.Between(0, this.songs.length - 1); try { const songKey = this.songs[index]; this.scene.backgroundMusic = this.scene.sound.add(songKey, { loop: true, detune: this.getDetune() }); // Store both the key and display information this.scene.currentSongKey = songKey; this.scene.currentSongInfo = this.songInfo[songKey]; if (!this.scene.state.isDemo && !this.scene.state.showingSplash) { this.scene.backgroundMusic.play(); this.scene.managers.ui.draw(); // Redraw UI to show new song info } } catch (e) { console.warn('Music error:', e); if (this.scene.sound.get('song1')) { const fallbackSong = 'song1'; this.scene.backgroundMusic = this.scene.sound.add(fallbackSong, { loop: true, detune: this.getDetune() }); this.scene.currentSongKey = fallbackSong; this.scene.currentSongInfo = this.songInfo[fallbackSong]; if (!this.scene.state.isDemo && !this.scene.state.showingSplash) { this.scene.backgroundMusic.play(); this.scene.managers.ui.draw(); // Redraw UI to show new song info } } } } playObjectiveCompleteSequence() { // Prevent multiple sequences from playing simultaneously if (this.isPlayingSequence) return; this.isPlayingSequence = true; // Store original volume to restore later const originalVolume = this.sounds.lineClear.volume; // Define musical intervals for triads based on level // Using semitones: major = [0,4,7], minor = [0,3,7], etc. const triadTypes = [ [0, 4, 7], // Major triad [0, 3, 7], // Minor triad [0, 4, 8], // Augmented triad [0, 3, 6], // Diminished triad [0, 5, 9] // Quartal triad ]; // Select a triad type based on the level (cycling through options) const levelIndex = (this.scene.state.level - 1) % triadTypes.length; const baseTriad = triadTypes[levelIndex]; // Configure sequence parameters const totalSequences = 5; // Number of arpeggiated sequences const notesPerSequence = 3; // Notes in each arpeggio (triad) const sequenceInterval = 150; // Time between sequences const noteInterval = 40; // Time between notes in an arpeggio // Base pitch for the sequence - different for each level progression // Level 1-5: low, 6-10: mid, 11+: high let basePitch = -400; if (this.scene.state.level > 5 && this.scene.state.level <= 10) { basePitch = 0; } else if (this.scene.state.level > 10) { basePitch = 400; } // Play the sequence of arpeggiated triads for (let seq = 0; seq < totalSequences; seq++) { // Calculate pitch shift for this sequence in the progression const sequenceShift = seq * 100; // Each sequence gets higher // For each note in the triad for (let note = 0; note < notesPerSequence; note++) { // Calculate delay for this note const totalDelay = (seq * sequenceInterval) + (note * noteInterval); this.scene.time.delayedCall(totalDelay, () => { // Base pitch + triad interval + sequence progression + slight randomization const interval = baseTriad[note] * 25; // Convert semitones to cents (100 cents = 1 semitone) const detune = basePitch + interval + sequenceShift + Phaser.Math.Between(-50, 50); // Adjust volume - notes in sequence get louder, but middle note of triad is emphasized const noteVolumeFactor = (note === 1) ? 1.2 : 1.0; // Emphasize middle note const sequenceVolumeFactor = 0.6 + (seq * 0.08); // Gradually increase volume const volume = Math.min(1.0, noteVolumeFactor * sequenceVolumeFactor); // Play the sound with these modifications this.sounds.lineClear.setDetune(detune); this.sounds.lineClear.setVolume(volume); this.sounds.lineClear.play(); // Reset after the very last note if (seq === totalSequences - 1 && note === notesPerSequence - 1) { this.scene.time.delayedCall(100, () => { this.sounds.lineClear.setDetune(0); this.sounds.lineClear.setVolume(originalVolume); this.isPlayingSequence = false; }); } }); } } } getDetune() { let detune; do { detune = Phaser.Math.Between(-1200, 1200); } while (this.usedDetunes.includes(detune) && this.usedDetunes.length < 50); this.usedDetunes.push(detune); if (this.usedDetunes.length > 12) this.usedDetunes.shift(); return detune; } } // Input Manager: Handles keyboard and touch input class InputManager { constructor(scene) { this.scene = scene; this.s = scene.state; } init() { this.scene.input.keyboard.removeAllListeners(); // Define all control keys const keys = { LEFT: this.scene.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.LEFT), RIGHT: this.scene.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.RIGHT), DOWN: this.scene.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.DOWN), UP: this.scene.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.UP), X: this.scene.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.X), L: this.scene.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.L), A: this.scene.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.A), D: this.scene.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.D), S: this.scene.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.S), W: this.scene.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.W), SPACE: this.scene.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.SPACE), M: this.scene.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.M) }; // Set up individual key handlers for precise control keys.LEFT.on('down', () => this.scene.managers.grid.move(-1, 0)); keys.RIGHT.on('down', () => this.scene.managers.grid.move(1, 0)); keys.DOWN.on('down', () => this.scene.managers.grid.move(0, 1)); keys.UP.on('down', () => this.scene.managers.grid.rotate()); keys.X.on('down', () => this.scene.managers.grid.rotate()); keys.A.on('down', () => this.scene.managers.grid.move(-1, 0)); keys.D.on('down', () => this.scene.managers.grid.move(1, 0)); keys.S.on('down', () => this.scene.managers.grid.move(0, 1)); keys.W.on('down', () => this.scene.managers.grid.rotate()); keys.L.on('down', () => this.scene.incrementLevel()); keys.SPACE.on('down', () => this.scene.managers.grid.rotate()); // Space also rotates for convenience keys.M.on('down', () => { if (!this.s.gameOver) { this.scene.managers.audio.change(); this.scene.managers.anim.showText('Music Changed!', '#00ffff', 18, -150, 1000); } }); // Add M key for changing music const M_KEY = this.scene.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.M); M_KEY.on('down', () => { if (!this.s.gameOver && !this.s.showingSplash) { this.scene.managers.audio.change(); this.scene.managers.anim.showText('Music Changed!', '#00ffff', 18, -150, 1000); } }); // Support key repeat for fluid movement this.repeatKeys = { left: { key: null, timer: null, delay: 100 }, right: { key: null, timer: null, delay: 100 }, down: { key: null, timer: null, delay: 50 } }; // Add key repeat functionality [{ key: keys.LEFT, dir: 'left', move: [-1, 0] }, { key: keys.A, dir: 'left', move: [-1, 0] }, { key: keys.RIGHT, dir: 'right', move: [1, 0] }, { key: keys.D, dir: 'right', move: [1, 0] }, { key: keys.DOWN, dir: 'down', move: [0, 1] }, { key: keys.S, dir: 'down', move: [0, 1] }].forEach(config => { config.key.on('down', () => { if (this.repeatKeys[config.dir].timer) { this.scene.time.removeEvent(this.repeatKeys[config.dir].timer); } this.repeatKeys[config.dir].key = config.key; this.repeatKeys[config.dir].timer = this.scene.time.addEvent({ delay: this.repeatKeys[config.dir].delay, callback: () => { if (this.repeatKeys[config.dir].key.isDown && !this.s.gameOver) { this.scene.managers.grid.move(...config.move); } }, loop: true }); this.scene.timers.push(this.repeatKeys[config.dir].timer); }); config.key.on('up', () => { if (this.repeatKeys[config.dir].timer) { this.scene.time.removeEvent(this.repeatKeys[config.dir].timer); this.repeatKeys[config.dir].timer = null; } this.repeatKeys[config.dir].key = null; }); }); this.scene.input.on('pointerdown', p => { if (p.wasTouch) { this.s.touchStartX = p.x; this.s.touchStartY = p.y; this.s.isSwipingDown = false; } }); this.scene.input.on('pointermove', p => { if (p.wasTouch && p.y - this.s.touchStartY > 50 && !this.s.isSwipingDown) { this.s.isSwipingDown = true; this.scene.timers.push(this.scene.time.addEvent({ delay: 50, callback: () => this.s.isSwipingDown && !this.s.gameOver && this.scene.managers.grid.move(0, 1), loop: true })); } }); this.scene.input.on('pointerup', p => { if (p.wasTouch) { this.scene.timers = this.scene.timers.filter(t => t.callback !== (() => this.s.isSwipingDown && !this.s.gameOver && this.scene.managers.grid.move(0, 1))); this.s.isSwipingDown = false; const dx = p.x - this.s.touchStartX, dy = p.y - this.s.touchStartY; if (Math.abs(dx) < 50 && Math.abs(dy) < 50) this.scene.managers.grid.rotate(); else if (Math.abs(dx) > Math.abs(dy)) this.scene.managers.grid.move(dx > 0 ? 1 : -1, 0); } }); } } // Score Manager: Handles scoring and combos class ScoreManager { constructor(scene) { this.scene = scene; this.s = scene.state; } add(points) { this.s.score += points; this.scene.managers.ui.texts.score.setText('Score: ' + this.s.score); if (this.s.score > this.scene.getHighScore()) this.scene.managers.ui.texts.high.setText('High: ' + this.s.score); } updateObjectiveProgress(type, count = 1) { // If there's no current objective or game is over, do nothing if (!this.s.objectives.current || this.s.gameOver) return; const objective = this.s.objectives.current; // Check if the action matches the current objective if (objective.name === type) { // Ensure count is not negative and doesn't decrease below zero const adjustedCount = Math.min(count, this.s.objectives.remaining); this.s.objectives.remaining = Math.max(0, this.s.objectives.remaining - adjustedCount); // If objective is completed if (this.s.objectives.remaining === 0) { // Special handling for PLAYFIELD CLEAR if (type === 'PLAYFIELD CLEAR') { // Calculate bonus points: 10,000 * level² const perfectBonus = 10000 * (this.s.level * this.s.level); this.add(perfectBonus); // Show the special PERFECT!! animation this.scene.managers.anim.showPerfectAnimation(perfectBonus); // Play special sound sequence for PERFECT this.scene.managers.audio.playObjectiveCompleteSequence(); } else { // For other objectives, use standard bonus const bonus = this.s.level * 1000; this.add(bonus); // Show a standard flashy message this.scene.managers.anim.showText(`OBJECTIVE COMPLETE! +${bonus}`, '#FFFF00', 24, 0, 2000); // Play completion sound sequence this.scene.managers.audio.playObjectiveCompleteSequence(); } // Set a new objective or go to next level if all objectives are done if (this.s.level < 10) { this.scene.setLevelObjective(); } else { // Increment level when completing objectives at level 10+ this.scene.incrementLevel(); this.scene.setLevelObjective(); } } else { // If progress was made but objective not yet complete, show subtle progress feedback if (adjustedCount > 0) { const remainingText = this.s.objectives.remaining === 1 ? "1 more!" : `${this.s.objectives.remaining} more`; this.scene.managers.anim.showText(`${type}: ${remainingText}`, '#88FFFF', 16, 50, 800); } } // Redraw UI to show updated objective count this.scene.managers.ui.draw(); } } checkCombos() { for (let y = 0; y < this.s.GRID_HEIGHT - 2; y++) for (let x = 0; x < this.s.GRID_WIDTH - 2; x++) this.scene.combos.forEach(c => this.checkPattern(x, y, c.pattern) && this.activateCombo(c, x, y)); this.checkMelted(); } checkMelted() { let found = false; const dirs = { horizontal: [ [0, 0], [1, 0], [2, 0] ], vertical: [ [0, 0], [0, 1], [0, 2] ], diagonal: [ [0, 0], [1, 1], [2, 2] ] }; Object.entries(dirs).forEach(([dir, pos]) => { for (let y = 0; y < this.s.GRID_HEIGHT - (dir === 'horizontal' ? 0 : 2); y++) for (let x = 0; x < this.s.GRID_WIDTH - (dir === 'horizontal' ? 2 : 0); x++) { if (this.checkAdjacent(x, y, pos)) { found = true; this.activateMelted(x, y, pos); } } }); if (found) this.scene.time.delayedCall(200, () => { this.checkMelted(); this.scene.managers.grid.checkForFallingBlocks(); }); } checkPattern(x, y, pattern) { return pattern.every((row, dy) => row.every((cell, dx) => { const c = this.s.grid[y + dy]?.[x + dx]; return cell === 1 ? c && typeof c === 'object' && c.frozenShape?.melted : cell === 0 ? !c : true; })); } checkAdjacent(x, y, pos) { const cells = pos.map(([dx, dy]) => ({ cell: this.s.grid[y + dy]?.[x + dx], x: x + dx, y: y + dy, type: this.s.grid[y + dy]?.[x + dx]?.frozenShape?.type })); if (!cells.every(c => c.cell?.frozenShape)) return false; const unmelted = cells.filter(c => !c.cell.frozenShape.melted).length; if (unmelted >= 3) { cells.forEach(c => { c.cell.frozenShape.melted = true; c.cell.frozenShape.color = 0x00ffff; }); this.scene.managers.ui.draw(); this.scene.time.delayedCall(100, () => this.activateMelted(x, y, pos)); return false; } return cells.filter(c => c.cell.frozenShape.melted).length >= 3; } activateCombo(combo, x, y) { let count = 0; const interval = this.scene.time.addEvent({ delay: 50, callback: () => { const color = count % 2 === 0 ? 0xffffff : combo.points > 1000 ? 0xffff00 : 0x00ffff; combo.pattern.forEach((r, dy) => r.forEach((c, dx) => { if (c) { const cell = this.s.grid[y + dy][x + dx]; if (cell?.frozenShape) { cell.tempColor = cell.color; cell.color = color; } else this.s.grid[y + dy][x + dx] = color; } })); this.scene.managers.ui.draw(); if (++count >= 6) { interval.remove(); // Count the blocks we're about to remove for BLOCK CLEAR objective let blocksCleared = 0; combo.pattern.forEach((r, dy) => r.forEach((c, dx) => { if (c) { blocksCleared++; this.s.grid[y + dy][x + dx] = null; } })); // Update the BLOCK CLEAR objective if (blocksCleared > 0) { this.updateObjectiveProgress('BLOCK CLEAR', blocksCleared); } this.scene.managers.ui.draw(); } }, loop: true }); this.scene.timers.push(interval); this.add(combo.points); this.scene.managers.anim.showText(combo.name + ' Combo!', '#ffff00'); this.scene.managers.audio.play('lineClear'); } activateMelted(x, y, pos) { const melted = pos.filter(([dx, dy]) => this.s.grid[y + dy]?.[x + dx]?.frozenShape?.melted).length; let count = 0; const interval = this.scene.time.addEvent({ delay: 50, callback: () => { const color = count % 2 === 0 ? 0xffffff : 0x00ffff; pos.forEach(([dx, dy]) => { const cell = this.s.grid[y + dy][x + dx]; if (cell?.frozenShape) { cell.tempColor = cell.color; cell.color = color; } else this.s.grid[y + dy][x + dx] = color; }); this.scene.managers.ui.draw(); if (++count >= 6) { interval.remove(); pos.forEach(([dx, dy]) => { const cell = this.s.grid[y + dy][x + dx]; if (cell?.isShimmer && cell.frozenShape) { const type = cell.frozenShape.type, cleared = this.s.grid.flat().filter(c => c?.frozenShape?.type === type).length; this.s.grid.forEach((r, gy) => r.forEach((c, gx) => { if (c?.frozenShape?.type === type) this.s.grid[gy][gx] = null; })); this.add(cleared * 1000); // Update BLOCK CLEAR objective for shimmer clear this.updateObjectiveProgress('BLOCK CLEAR', cleared); this.scene.managers.anim.showText(`Shimmer Clear: +${cleared * 1000}!`, '#ffffff', 32, -50, 1500); this.s.hasShimmerBlock = false; } else this.s.grid[y + dy][x + dx] = null; }); this.scene.managers.ui.draw(); } }, loop: true }); this.scene.timers.push(interval); const type = pos.map(([dx, dy]) => this.s.grid[y + dy]?.[x + dx]?.frozenShape?.type).filter(t => t)[0]; const sameType = pos.every(([dx, dy]) => this.s.grid[y + dy]?.[x + dx]?.frozenShape?.type === type); const points = (300 + (melted - 3) * 100) * (sameType ? 2 : 0.7); this.add(points); this.scene.managers.anim.showText(`${sameType ? 'Perfect' : ''} Melted Combo!`, '#00ffff', 28); this.scene.managers.audio.play('lineClear'); // Check for blocks that need to fall after melting this.scene.time.delayedCall(500, () => { this.scene.managers.grid.checkForFallingBlocks(); }); } clearLines() { this.s.flashingLines = []; let melted = false; this.s.grid.forEach((r, y) => r.forEach((c, x) => { if (c?.frozenShape && !c.frozenShape.melted) { melted = true; let count = 0; const orig = c.frozenShape.color; const interval = this.scene.time.addEvent({ delay: 100, callback: () => { c.frozenShape.color = count % 2 === 0 ? 0xffffff : orig; this.scene.managers.ui.draw(); if (++count >= 6) { interval.remove(); c.frozenShape.melted = true; c.frozenShape.color = 0x00ffff; this.scene.managers.ui.draw(); } }, loop: true }); this.scene.timers.push(interval); } })); // Track total lines cleared in this chain for objective tracking let totalLinesCleared = 0; this.scene.time.delayedCall(melted ? 500 : 0, () => { // Identify all completed lines, regardless of adjacency let completedLines = []; for (let y = this.s.GRID_HEIGHT - 1; y >= 0; y--) { if (this.s.grid[y].every(c => c)) { completedLines.push(y); } } // Store all completed lines, even if not adjacent this.s.flashingLines = completedLines; if (this.s.flashingLines.length) { this.scene.managers.audio.play('lineClear'); let count = 0, colors = [0xffffff, 0xffff00, 0xff00ff, 0x00ffff]; const interval = this.scene.time.addEvent({ delay: 100, callback: () => { this.s.flashingLines.forEach(y => this.s.grid[y].forEach((c, x) => { if (c?.frozenShape) { c.tempColor = c.color; c.color = colors[count % colors.length]; } else this.s.grid[y][x] = colors[count % colors.length]; })); this.scene.managers.ui.draw(); if (++count >= 4) { interval.remove(); let newGrid = [], meltedCount = 0, frozen = new Map(); this.s.flashingLines.forEach(y => this.s.grid[y].forEach((c, x) => { if (c?.frozenShape) { if (c.frozenShape.melted) meltedCount++; frozen.set(`${x},${y}`, { ...c.frozenShape, melted: false }); } })); if (meltedCount) { const points = meltedCount * 8 * (1 + Math.floor(meltedCount / 3)); this.add(points); this.scene.managers.anim.showText(`Melted Bonus: +${points}!`, '#00ffff', 24, 50); } for (let i = 0; i < this.s.flashingLines.length; i++) newGrid.push(Array(this.s.GRID_WIDTH).fill(null)); this.s.grid.forEach((r, y) => { if (!this.s.flashingLines.includes(y)) newGrid.push(r); }); frozen.forEach((fs, k) => { const [x, y] = k.split(',').map(Number), ny = y + this.s.flashingLines.length; if (ny < this.s.GRID_HEIGHT && !newGrid[ny][x]) newGrid[ny][x] = { color: 0x808080, frozenShape: fs }; }); this.s.grid = newGrid; let falling = false; for (let x = 0; x < this.s.GRID_WIDTH; x++) for (let y = this.s.GRID_HEIGHT - 2; y >= 0; y--) { if (this.s.grid[y][x] && !this.s.grid[y + 1][x]) { this.s.grid[y + 1][x] = this.s.grid[y][x]; this.s.grid[y][x] = null; falling = true; } } if (falling) { this.scene.managers.ui.draw(); this.scene.time.delayedCall(100, () => this.clearLines()); } else { const newLines = []; for (let y = this.s.GRID_HEIGHT - 1; y >= 0; y--) if (this.s.grid[y].every(c => c)) newLines.push(y); if (newLines.length) { this.s.flashingLines = newLines; this.clearLines(); } else { const points = [0, 100, 300, 500, 800, 1000][this.s.flashingLines.length] || 1000; this.s.score += points * this.s.level; this.s.linesCleared += this.s.flashingLines.length; // Add current batch to the total count for this clearing chain totalLinesCleared += this.s.flashingLines.length; // Update objectives based on total lines cleared in this chain const lineCount = totalLinesCleared; // Count all blocks cleared in this line clear operation for BLOCK CLEAR objective let blocksCleared = 0; this.s.flashingLines.forEach(lineY => { blocksCleared += this.s.grid[lineY].filter(cell => cell !== null).length; }); // Add any blocks from meltedCount that were involved in the lines if (meltedCount > 0) { blocksCleared += meltedCount; } if (blocksCleared > 0) { this.updateObjectiveProgress('BLOCK CLEAR', blocksCleared); } // Check for line clear objectives with hierarchical updates // Higher rank objectives contribute to lower rank ones if (lineCount === 4) { // A Tetris is worth 4 singles, 2 doubles, and 1 triple this.updateObjectiveProgress('TETRIS'); this.updateObjectiveProgress('TRIPLE'); this.updateObjectiveProgress('DOUBLE', 2); this.updateObjectiveProgress('SINGLE', 4); } else if (lineCount === 3) { // A Triple is worth 3 singles and 1 double this.updateObjectiveProgress('TRIPLE'); this.updateObjectiveProgress('DOUBLE'); this.updateObjectiveProgress('SINGLE', 3); } else if (lineCount === 2) { // A Double is worth 2 singles this.updateObjectiveProgress('DOUBLE'); this.updateObjectiveProgress('SINGLE', 2); } else if (lineCount === 1) { this.updateObjectiveProgress('SINGLE'); } // Check for "PLAYFIELD CLEAR" - more liberal interpretation let filledCells = 0; // Check bottom row - if it has 3 or fewer blocks, clear them const bottomRow = this.s.grid[this.s.grid.length - 1]; const bottomRowBlocks = bottomRow.filter(cell => cell !== null).length; if (bottomRowBlocks > 0 && bottomRowBlocks <= 3) { // Clear those blocks from the bottom row for (let x = 0; x < bottomRow.length; x++) { if (bottomRow[x] !== null) { bottomRow[x] = null; this.scene.managers.anim.showText("+100 Bonus!", "#FFFFFF", 16, 100); this.add(100); } } } // Count remaining filled cells after possible bottom row clearance this.s.grid.forEach(row => { filledCells += row.filter(cell => cell !== null).length; }); // Check if the grid is mostly empty (up to 5 blocks left) if (filledCells <= 5) { this.updateObjectiveProgress('PLAYFIELD CLEAR'); // If there are any blocks remaining, clear them for extra points if (filledCells > 0) { let bonusPoints = filledCells * 200; this.scene.managers.anim.showText(`Auto-clear +${bonusPoints}!`, "#FFFF00", 24); this.add(bonusPoints); // Update BLOCK CLEAR objective for auto-clear this.updateObjectiveProgress('BLOCK CLEAR', filledCells); // Clear all remaining blocks for (let y = 0; y < this.s.grid.length; y++) { for (let x = 0; x < this.s.grid[y].length; x++) { this.s.grid[y][x] = null; } } } } this.scene.managers.ui.texts.score.setText('Score: ' + this.s.score); if (this.s.score > this.scene.getHighScore()) this.scene.managers.ui.texts.high.setText('High: ' + this.s.score); if (this.s.linesCleared >= this.s.level * 10) { this.s.level++; this.scene.managers.ui.texts.level.setText('Level: ' + this.s.level); this.scene.timers = this.scene.timers.filter(t => t.callback !== this.scene.tick); this.scene.timers.push(this.scene.time.addEvent({ delay: this.scene.getTickDelay(), callback: () => this.scene.tick(), loop: true })); this.scene.managers.audio.change(); this.scene.managers.anim.showLevelUp(); } this.s.flashingLines = []; this.scene.managers.grid.checkForFallingBlocks(); this.scene.managers.ui.draw(); } } } }, loop: true }); this.scene.timers.push(interval); } else this.scene.managers.ui.draw(); }); } } // Animation Manager: Handles animations class AnimationManager { constructor(scene) { this.scene = scene; this.s = scene.state; } showText(text, color, size = 24, yOffset = 0, duration = 1000) { const t = this.scene.add.text(this.scene.sys.game.config.width / 2, this.scene.sys.game.config.height / 2 + yOffset, text, { fontSize: `${size}px`, fontFamily: 'Arial, "Press Start 2P"', color, stroke: '#000000', strokeThickness: 4 }).setOrigin(0.5); this.scene.tweens.add({ targets: t, alpha: 0, y: t.y - 100, duration, ease: 'Power2', onComplete: () => t.destroy() }); } showPerfectAnimation(bonus) { // Container to hold all elements of the animation const container = this.scene.add.container(this.scene.sys.game.config.width / 2, this.scene.sys.game.config.height / 2); // Add semi-transparent background overlay const overlay = this.scene.add.rectangle( 0, 0, this.scene.sys.game.config.width, this.scene.sys.game.config.height, 0x000000, 0.7 ); container.add(overlay); // Create "PERFECT !!" text with the unusual font const perfectText = this.scene.add.text(0, -50, 'PERFECT !!', { fontSize: '48px', fontFamily: '"Bungee Shade", "Rubik Glitch", "Creepster", cursive', color: '#FFD700', // Gold color align: 'center', stroke: '#FF4500', // Red-orange stroke strokeThickness: 8, shadow: { offsetX: 3, offsetY: 3, color: '#000000', blur: 10, fill: true } }).setOrigin(0.5); container.add(perfectText); // Create bonus points text const bonusText = this.scene.add.text(0, 20, `+${bonus} PTS`, { fontSize: '32px', fontFamily: '"Bungee Shade", "Rubik Glitch", "Creepster", cursive', color: '#00FFFF', // Cyan color align: 'center', stroke: '#FF00FF', // Magenta stroke strokeThickness: 5 }).setOrigin(0.5); container.add(bonusText); // Create flashing vector graphics borders const border1 = this.scene.add.graphics(); const border2 = this.scene.add.graphics(); const border3 = this.scene.add.graphics(); container.add(border1); container.add(border2); container.add(border3); // Array of colors for the border animations const borderColors = [0xFF0000, 0x00FF00, 0x0000FF, 0xFFFF00, 0xFF00FF, 0x00FFFF]; // Create pulsing animation for the text this.scene.tweens.add({ targets: [perfectText, bonusText], scale: { from: 1, to: 1.2 }, duration: 500, yoyo: true, repeat: 3 }); // Function to update the border graphics const updateBorders = (time) => { // Clear previous drawings border1.clear(); border2.clear(); border3.clear(); // Calculate dynamic sizes based on time const width = 320 + Math.sin(time / 200) * 20; const height = 200 + Math.cos(time / 200) * 20; // Determine colors for this frame const color1 = borderColors[Math.floor(time / 100) % borderColors.length]; const color2 = borderColors[Math.floor(time / 100 + 2) % borderColors.length]; const color3 = borderColors[Math.floor(time / 100 + 4) % borderColors.length]; // Draw first border border1.lineStyle(4, color1, 1); border1.strokeRect(-width / 2, -height / 2, width, height); // Draw second border (slightly smaller) border2.lineStyle(3, color2, 1); border2.strokeRect(-width / 2 + 15, -height / 2 + 15, width - 30, height - 30); // Draw third border with fancy corners border3.lineStyle(2, color3, 1); // Top-left corner border3.beginPath(); border3.moveTo(-width / 2 + 30, -height / 2 + 30); border3.lineTo(-width / 2 + 30, -height / 2 + 60); border3.moveTo(-width / 2 + 30, -height / 2 + 30); border3.lineTo(-width / 2 + 60, -height / 2 + 30); border3.strokePath(); // Top-right corner border3.beginPath(); border3.moveTo(width / 2 - 30, -height / 2 + 30); border3.lineTo(width / 2 - 30, -height / 2 + 60); border3.moveTo(width / 2 - 30, -height / 2 + 30); border3.lineTo(width / 2 - 60, -height / 2 + 30); border3.strokePath(); // Bottom-left corner border3.beginPath(); border3.moveTo(-width / 2 + 30, height / 2 - 30); border3.lineTo(-width / 2 + 30, height / 2 - 60); border3.moveTo(-width / 2 + 30, height / 2 - 30); border3.lineTo(-width / 2 + 60, height / 2 - 30); border3.strokePath(); // Bottom-right corner border3.beginPath(); border3.moveTo(width / 2 - 30, height / 2 - 30); border3.lineTo(width / 2 - 30, height / 2 - 60); border3.moveTo(width / 2 - 30, height / 2 - 30); border3.lineTo(width / 2 - 60, height / 2 - 30); border3.strokePath(); }; // Create a timer to update the borders const borderTimer = this.scene.time.addEvent({ delay: 16, // Update at approximately 60fps callback: () => updateBorders(this.scene.time.now), loop: true }); // Add the timer to scene timers so it can be cleaned up properly this.scene.timers.push(borderTimer); // Add particle effects const particles = this.scene.add.particles('square'); const emitter = particles.createEmitter({ x: 0, y: 0, speed: { min: 100, max: 200 }, angle: { min: 0, max: 360 }, scale: { start: 0.1, end: 0 }, blendMode: 'ADD', lifespan: 1000, tint: borderColors }); // Add particles to container container.add(particles); // Play a celebratory sound this.scene.managers.audio.play('lineClear'); // Add ending animation this.scene.time.delayedCall(4000, () => { // Stop the border timer borderTimer.remove(); // Fade out animation this.scene.tweens.add({ targets: container, alpha: 0, scale: 1.5, duration: 1000, ease: 'Power2', onComplete: () => { container.destroy(); this.scene.managers.ui.draw(); } }); }); } showLevelUp() { this.scene.managers.ui.texts.levelUp.setAlpha(1); this.scene.tweens.add({ targets: this.scene.managers.ui.texts.levelUp, alpha: 0, y: this.scene.sys.game.config.height / 2 - 100, duration: 2000, ease: 'Power2', onComplete: () => { this.scene.managers.ui.texts.levelUp.y = this.scene.sys.game.config.height / 2; } }); } } // State Manager: Handles game state transitions class StateManager { constructor(scene) { this.scene = scene; this.s = scene.state; } showSplash() { this.s.showingSplash = true; this.s.currentSplashIndex = 0; this.s.isDemo = false; this.scene.timers.forEach(t => t.remove()); this.scene.timers = []; this.scene.children.removeAll(); this.scene.input.keyboard.removeAllListeners(); this.scene.time.delayedCall(200, () => this.showCurrentSplash()); } showCurrentSplash() { this.scene.timers = this.scene.timers.filter(t => t.callback !== this.showCurrentSplash); this.scene.children.removeAll(); this.scene.input.keyboard.removeAllListeners(); this.scene.time.delayedCall(100, () => { if (this.s.currentSplashIndex === 0) { this.scene.add.text(this.scene.sys.game.config.width / 2, 100, 'TETRIS\nFROZEN', { fontSize: '32px', fontFamily: '"Press Start 2P", Arial', color: '#00ffff', align: 'center', stroke: '#000000', strokeThickness: 4 }).setOrigin(0.5); this.scene.add.text(this.scene.sys.game.config.width / 2, 180, 'HIGH SCORES', { fontSize: '16px', fontFamily: '"Press Start 2P", Arial', color: '#ffff00', align: 'center' }).setOrigin(0.5); const sc = this.scene.add.container(0, 0), mh = 240; const mask = this.scene.add.graphics().fillStyle(0xffffff).fillRect(this.scene.sys.game.config.width / 2 - 100, 210, 200, mh); mask.alpha = 0; this.scene.add.rectangle(this.scene.sys.game.config.width / 2, 330, 220, 260, 0x000000, 0.4).setOrigin(0.5); const entries = this.s.highScores.map((s, i) => { const c = this.scene.add.container(0, 210 + i * 24); c.add(this.scene.add.text(this.scene.sys.game.config.width / 2 - 80, 0, `${i + 1}.`, { fontSize: '10px', fontFamily: '"Press Start 2P", Arial', color: '#aaaaaa' })); c.add(this.scene.add.text(this.scene.sys.game.config.width / 2 - 50, 0, `${s.initials} ${s.score}`, { fontSize: '10px', fontFamily: '"Press Start 2P", Arial', color: i < 3 ? '#ffff00' : '#ffffff' })); sc.add(c); return c; }); sc.setMask(new Phaser.Display.Masks.GeometryMask(this.scene, mask)); if (this.s.highScores.length > Math.floor(mh / 24)) { this.scene.time.delayedCall(2000, () => { this.scene.tweens.add({ targets: sc, y: -(this.s.highScores.length * 24 - mh), duration: 15000, // Speed up scrolling by about 40% ease: 'Sine.easeInOut', yoyo: true, repeat: -1, repeatDelay: 5000, // Even longer delay at bottom to ensure 20th entry is clearly visible hold: 2000, // Hold longer at top and bottom onUpdate: () => entries.forEach((e, i) => e.alpha = (e.y + sc.y < 205 || e.y + sc.y > 445) ? 0 : (e.y + sc.y < 215 || e.y + sc.y > 435 ? 0.5 : 1)) }); }); } const ps = this.scene.add.text(this.scene.sys.game.config.width / 2, 450, 'PRESS X TO START', { fontSize: '16px', fontFamily: '"Press Start 2P", Arial', color: '#ffffff' }).setOrigin(0.5); this.scene.tweens.add({ targets: ps, alpha: 0, yoyo: true, repeat: -1, duration: 500 }); const c = this.scene.add.container(this.scene.sys.game.config.width / 2, 160), cs = '(c) 2025 Douglas P Stoothoff', lt = []; let x = 0; for (let i = 0; i < cs.length; i++) { const l = this.scene.add.text(x, 0, cs[i], { fontSize: '8px', fontFamily: '"Press Start 2P", Arial', color: '#ffffff', align: 'center' }).setOrigin(0.5); lt.push(l); c.add(l); x += cs[i] === ' ' ? 3 : 6; } c.x -= (x - 3) / 2; this.scene.createDynamicColorCycleAnimation(lt); } else if (this.s.currentSplashIndex === 1) { this.scene.add.text(this.scene.sys.game.config.width / 2, 60, 'SCORING GUIDE', { fontSize: '24px', fontFamily: '"Press Start 2P", Arial', color: '#ffff00', align: 'center' }).setOrigin(0.5); ['Single Line: 100pts', 'Double Line: 300pts', 'Triple Line: 500pts', 'Tetris: 800pts', '', 'COMBOS', 'Small Square: 500pts', 'L-Shape: 800pts', 'T-Shape: 1000pts', 'Z-Shape: 1200pts', 'Cross: 1500pts', '', 'FROZEN BLOCKS', 'Melt 3+: Chain Bonus', 'Same Type: 2x Points'].forEach((t, i) => { this.scene.add.text(this.scene.sys.game.config.width / 2, 120 + i * 25, t, { fontSize: '12px', fontFamily: '"Press Start 2P", Arial', color: '#ffffff', align: 'center' }).setOrigin(0.5); }); } else if (this.s.currentSplashIndex === 2) { // Smaller font size and centered position for Command Reference title this.scene.add.text(this.scene.sys.game.config.width / 2, 60, 'COMMAND REFERENCE', { fontSize: '16px', // Smaller font fontFamily: '"Press Start 2P", Arial', color: '#ffff00', align: 'center', wordWrap: { width: 300 } // Ensure text wraps properly }).setOrigin(0.5); const commands = [ 'Arrow Keys: Move Block', 'Up Arrow/X: Rotate Block', 'Down Arrow: Fast Drop', 'WASD: Alternative Controls', 'M Key: Change Music', 'L Key: Level Up (Cheat)', 'Space: Advance Screens', '', 'TOUCH CONTROLS:', 'Swipe Left/Right: Move', 'Swipe Down: Fast Drop', 'Tap: Rotate Block' ]; commands.forEach((cmd, i) => { this.scene.add.text(this.scene.sys.game.config.width / 2, 120 + i * 25, cmd, { fontSize: '12px', fontFamily: '"Press Start 2P", Arial', color: '#ffffff', align: 'center' }).setOrigin(0.5); }); } const ps = this.scene.add.text(this.scene.sys.game.config.width / 2, 550, 'PRESS X TO START', { fontSize: '16px', fontFamily: '"Press Start 2P", Arial', color: '#ffffff' }).setOrigin(0.5); this.scene.tweens.add({ targets: ps, alpha: 0, yoyo: true, repeat: -1, duration: 500 }); this.scene.timers.push(this.scene.time.addEvent({ delay: this.s.currentSplashIndex === 0 ? 18000 : 8000, // Longer delay for high score screen callback: () => { if (this.s.showingSplash) { // Cycle through splash screens: 0 -> 1 -> 2 -> 0 this.s.currentSplashIndex = (this.s.currentSplashIndex + 1) % 3; this.scene.tweens.add({ targets: this.scene.children.list, alpha: 0, duration: 500, onComplete: () => this.s.showingSplash && this.showCurrentSplash() }); } } })); this.scene.input.keyboard.once('keydown-X', () => { this.scene.timers = this.scene.timers.filter(t => t.callback !== this.showCurrentSplash); this.s.showingSplash = false; this.scene.time.delayedCall(100, () => this.scene.initGame()); }); // More robust space bar handling for splash screen navigation const spaceHandler = (e) => { if (e.keyCode === Phaser.Input.Keyboard.KeyCodes.SPACE) { // Remove all existing timers to prevent multiple transitions this.scene.timers = this.scene.timers.filter(t => t.callback !== this.showCurrentSplash); this.scene.input.keyboard.removeListener('keydown', spaceHandler); // Cycle through splash screens: 0 -> 1 -> 2 -> 0 this.s.currentSplashIndex = (this.s.currentSplashIndex + 1) % 3; // Fade out current screen this.scene.tweens.add({ targets: this.scene.children.list, alpha: 0, duration: 300, onComplete: () => { if (this.s.showingSplash) { this.showCurrentSplash(); } } }); } }; // Add the space key handler this.scene.input.keyboard.on('keydown', spaceHandler); }); } showGameOver() { this.s.gameOver = true; this.scene.timers.forEach(t => t.remove()); this.scene.timers = []; this.scene.input.keyboard.removeAllListeners(); this.scene.managers.audio.stop(); this.scene.managers.audio.play('gameOver'); if (this.s.score > this.scene.getLowestHighScore() && !this.s.isDemo) { // Clear any existing tweens and timers to prevent conflicts this.scene.tweens.killAll(); this.scene.timers.forEach(t => { if (t && typeof t.remove === 'function') { t.remove(); } }); this.scene.timers = []; // Show high score entry screen after a short delay this.scene.time.delayedCall(1000, () => this.showInitials()); } else { this.scene.managers.ui.texts.gameOver.setAlpha(1); this.scene.time.delayedCall(2000, () => this.showSplash()); } } showInitials() { // Define all valid characters for initials const availableChars = []; // Add all printable ASCII characters (32-126) for (let i = 32; i <= 126; i++) { availableChars.push(String.fromCharCode(i)); } // Reset initials to first valid character this.s.playerInitials = [availableChars[0], availableChars[0], availableChars[0]]; this.s.currentInitialIndex = 0; // Create the high score entry UI const c = this.scene.add.container(this.scene.sys.game.config.width / 2, this.scene.sys.game.config.height / 2); c.add(this.scene.add.rectangle(0, 0, 260, 220, 0x000000, 0.9)); const rank = this.scene.getScoreRank(this.s.score), rt = rank <= 20 ? `#${rank} RANK!` : 'TOP 20!'; c.add(this.scene.add.text(0, -80, 'NEW HIGH SCORE!', { fontSize: '16px', fontFamily: '"Press Start 2P", Arial', color: '#ffff00', align: 'center' }).setOrigin(0.5)); c.add(this.scene.add.text(0, -50, `${this.s.score} PTS - ${rt}`, { fontSize: '12px', fontFamily: '"Press Start 2P", Arial', color: '#ffffff', align: 'center' }).setOrigin(0.5)); c.add(this.scene.add.text(0, -20, 'ENTER YOUR INITIALS:', { fontSize: '10px', fontFamily: '"Press Start 2P", Arial', color: '#aaaaff', align: 'center' }).setOrigin(0.5)); // Create up arrows for all three positions const upArrows = []; for (let i = 0; i < 3; i++) { const up = this.scene.add.text(-30 + (i * 30), -15, '▲', { fontSize: '16px', fontFamily: 'Arial', color: '#ffff00' }).setOrigin(0.5); upArrows.push(up); c.add(up); } // Create the initials text const id = this.scene.add.text(0, 10, this.s.playerInitials.join(''), { fontSize: '32px', fontFamily: '"Press Start 2P", Arial', color: '#ffffff', align: 'center' }).setOrigin(0.5); c.add(id); // Create down arrows for all three positions const downArrows = []; for (let i = 0; i < 3; i++) { const down = this.scene.add.text(-30 + (i * 30), 45, '▼', { fontSize: '16px', fontFamily: 'Arial', color: '#ffff00' }).setOrigin(0.5); downArrows.push(down); c.add(down); } // Create cursors for all three positions const cursors = []; for (let i = 0; i < 3; i++) { const cursor = this.scene.add.text(-30 + (i * 30), 30, '_', { fontSize: '24px', fontFamily: '"Press Start 2P", Arial', color: '#ffff00' }).setOrigin(0.5); cursors.push(cursor); c.add(cursor); } // Add blinking animation to all UI elements // Create individual tweens for each set of arrows and cursors for (let i = 0; i < 3; i++) { this.scene.tweens.add({ targets: [upArrows[i], downArrows[i], cursors[i]], alpha: 0.3, yoyo: true, repeat: -1, duration: 300 }); } // Create submit button const sb = this.scene.add.rectangle(0, 80, 120, 40, 0x444444, 1); const st = this.scene.add.text(0, 80, 'SUBMIT', { fontSize: '14px', fontFamily: '"Press Start 2P", Arial', color: '#ffffff' }).setOrigin(0.5); c.add([sb, st]); // Add submit button interaction sb.setInteractive().on('pointerdown', () => { this.scene.addHighScore(this.s.score, this.s.playerInitials.join('')); c.destroy(); // Go directly to splash screen instead of game over screen this.showSplash(); }); // Function to update the UI when selections change const update = () => { id.setText(this.s.playerInitials.join('')); // Highlight the currently selected position for (let i = 0; i < 3; i++) { const isActive = (i === this.s.currentInitialIndex); // Stop existing tweens for the selected position this.scene.tweens.getTweensOf(upArrows[i]).forEach(tween => tween.stop()); this.scene.tweens.getTweensOf(downArrows[i]).forEach(tween => tween.stop()); this.scene.tweens.getTweensOf(cursors[i]).forEach(tween => tween.stop()); if (isActive) { // Active position should have full opacity and blinking effect upArrows[i].setAlpha(1); downArrows[i].setAlpha(1); cursors[i].setAlpha(1); // Create new blinking tween for active position this.scene.tweens.add({ targets: [upArrows[i], downArrows[i], cursors[i]], alpha: 0.3, yoyo: true, repeat: -1, duration: 300 }); } else { // Inactive positions should have reduced opacity and no blinking upArrows[i].setAlpha(0.4); downArrows[i].setAlpha(0.4); cursors[i].setAlpha(0.4); } } }; // Initial UI update update(); // Keyboard input handling this.scene.input.keyboard.on('keydown', e => { // Direct character input - any character if (e.key.length === 1) { this.s.playerInitials[this.s.currentInitialIndex] = e.key; // Auto-advance to next position if not at the end if (this.s.currentInitialIndex < 2) { this.s.currentInitialIndex++; } update(); this.scene.managers.audio.play('blockMove'); } // Backspace - go back one position else if (e.keyCode === 8) { this.s.currentInitialIndex = Math.max(0, this.s.currentInitialIndex - 1); update(); this.scene.managers.audio.play('blockMove'); } // Enter/Return - submit initials else if (e.keyCode === 13) { this.scene.addHighScore(this.s.score, this.s.playerInitials.join('')); c.destroy(); // Go directly to splash screen instead of game over screen this.showSplash(); } // Left arrow - move cursor left else if (e.keyCode === 37) { this.s.currentInitialIndex = Math.max(0, this.s.currentInitialIndex - 1); update(); this.scene.managers.audio.play('blockMove'); } // Right arrow - move cursor right else if (e.keyCode === 39) { this.s.currentInitialIndex = Math.min(2, this.s.currentInitialIndex + 1); update(); this.scene.managers.audio.play('blockMove'); } // Up/Down arrows - cycle through all available characters else if (e.keyCode === 38 || e.keyCode === 40) { const currentChar = this.s.playerInitials[this.s.currentInitialIndex]; let currentIndex = availableChars.indexOf(currentChar); // If character not found, default to first character if (currentIndex === -1) currentIndex = 0; // Calculate next character index based on arrow direction let nextIndex; if (e.keyCode === 38) { // Up arrow // Move to next character, loop to beginning if at end nextIndex = (currentIndex + 1) % availableChars.length; } else { // Down arrow // Move to previous character, loop to end if at beginning nextIndex = (currentIndex - 1 + availableChars.length) % availableChars.length; } // Set the new character this.s.playerInitials[this.s.currentInitialIndex] = availableChars[nextIndex]; update(); this.scene.managers.audio.play('blockMove'); } }); // Add touch controls for mobile users for (let i = 0; i < 3; i++) { const index = i; // Capture the index for closure // Make up arrows clickable upArrows[i].setInteractive({ useHandCursor: true }); upArrows[i].on('pointerdown', () => { this.s.currentInitialIndex = index; const currentChar = this.s.playerInitials[index]; let currentIndex = availableChars.indexOf(currentChar); if (currentIndex === -1) currentIndex = 0; // Move to next character const nextIndex = (currentIndex + 1) % availableChars.length; this.s.playerInitials[index] = availableChars[nextIndex]; update(); this.scene.managers.audio.play('blockMove'); }); // Make down arrows clickable downArrows[i].setInteractive({ useHandCursor: true }); downArrows[i].on('pointerdown', () => { this.s.currentInitialIndex = index; const currentChar = this.s.playerInitials[index]; let currentIndex = availableChars.indexOf(currentChar); if (currentIndex === -1) currentIndex = 0; // Move to previous character const nextIndex = (currentIndex - 1 + availableChars.length) % availableChars.length; this.s.playerInitials[index] = availableChars[nextIndex]; update(); this.scene.managers.audio.play('blockMove'); }); // Make cursors clickable to select position cursors[i].setInteractive({ useHandCursor: true }); cursors[i].on('pointerdown', () => { this.s.currentInitialIndex = index; update(); this.scene.managers.audio.play('blockMove'); }); } } } // Additional Scene Methods Tetris.prototype.restartGame = function() { this.timers.forEach(t => t.remove()); this.timers = []; this.managers.audio.stop(); Object.assign(this.state, { gameOver: false, score: 0, level: 1, linesCleared: 0, flashingLines: [], currentShape: null, nextShape: null }); this.managers.grid.init(); this.managers.ui.init(); this.state.nextShape = this.managers.grid.getShape(); this.managers.grid.spawn(); this.timers.push(this.time.addEvent({ delay: this.getTickDelay(), callback: () => this.tick(), loop: true })); this.managers.audio.init(); this.managers.ui.draw(); }; Tetris.prototype.getHighScore = function() { return this.state.highScores[0].score; }; Tetris.prototype.getLowestHighScore = function() { return this.state.highScores[this.state.highScores.length - 1].score; }; Tetris.prototype.getScoreRank = function(score) { return this.state.highScores.filter(s => score < s.score).length + 1; }; Tetris.prototype.addHighScore = function(score, initials) { // Ensure we have valid initials, but keep original case/characters initials = (initials || '').substring(0, 3).padEnd(3, 'A'); this.state.highScores.push({ score, initials }); // Sort high scores and keep only the top 20 this.state.highScores.sort((a, b) => b.score - a.score).splice(20); }; Tetris.prototype.incrementLevel = function() { if (this.state.gameOver || this.state.showingSplash) return; this.state.level++; this.managers.ui.texts.level.setText('Level: ' + this.state.level); this.setLevelObjective(); // Set a new objective for the new level this.timers = this.timers.filter(t => t.callback !== this.tick); this.timers.push(this.time.addEvent({ delay: this.getTickDelay(), callback: () => this.tick(), loop: true })); this.managers.anim.showLevelUp(); this.managers.audio.change(); }; Tetris.prototype.createDynamicColorCycleAnimation = function(letters) { const colors = [0xff0000, 0xff4000, 0xff8000, 0xffbf00, 0xffff00, 0x80ff00, 0x00ff00, 0x00ff80, 0x00ffff, 0x0080ff, 0x0000ff, 0x8000ff, 0xff00ff, 0xff0080, 0xff00ff, 0x00ffff, 0xffffff]; letters.forEach((l, i) => { l.setTint(colors[(i * 3) % colors.length]); this.tweens.add({ targets: l, y: { value: '+=2', yoyo: true, repeat: -1, duration: 300 + Math.random() * 200 }, x: { value: '+=1', yoyo: true, repeat: -1, duration: 400 + Math.random() * 300 } }); }); this.timers.push(this.time.addEvent({ delay: 60, callback: () => { if (!letters.length || !letters[0].active) return; letters.forEach((l, i) => l.setTint(colors[Math.floor((this.time.now / 100 + i * 2 + Math.sin(this.time.now / 300 + i * 0.3) * 3) % colors.length)])); }, loop: true })); }; // Game Config const config = { type: Phaser.AUTO, parent: 'renderDiv', pixelArt: false, physics: { default: 'arcade', arcade: { gravity: { y: 0 } } }, scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, width: 360, height: 640 }, scene: Tetris }; window.phaserGame = new Phaser.Game(config);