class CrosswordGrid extends Phaser.GameObjects.Container { constructor(scene, x, y, size) { super(scene, x, y); this.size = size; this.cells = []; this.createGrid(); } createGrid() { const cellSize = 40; // Increased cell size for larger text for (let i = 0; i < this.size; i++) { for (let j = 0; j < this.size; j++) { const cellContainer = this.scene.add.container(j * cellSize, i * cellSize); const cell = this.scene.add.rectangle(0, 0, cellSize, cellSize, 0xFFFFFF); cell.setStrokeStyle(1, 0x000000); cell.setOrigin(0, 0); cell.setAlpha(0); // Start with transparent cells // Increased font size and added resolution for better rendering const text = this.scene.add.bitmapText(cellSize / 2, cellSize / 2, 'roboto', '', 28, 1) .setOrigin(0.5) .setTint(0x000000); cellContainer.add([cell, text]); this.add(cellContainer); this.cells.push({ container: cellContainer, graphics: cell, text: text, x: j, y: i, letter: '', isStart: false, wordIndex: -1, input: '', completed: false }); } } } placeWord(word, startX, startY, isAcross, wordIndex) { for (let i = 0; i < word.length; i++) { const x = isAcross ? startX + i : startX; const y = isAcross ? startY : startY + i; const cellIndex = y * this.size + x; this.cells[cellIndex].letter = word[i]; this.cells[cellIndex].wordIndex = wordIndex; this.cells[cellIndex].graphics.setAlpha(1); // Make cell visible if (i === 0) { this.cells[cellIndex].isStart = true; // Increased font size for cell numbers and added resolution const numberText = this.scene.add.bitmapText(4, 4, 'roboto', (wordIndex + 1).toString(), 14, 1) .setOrigin(0, 0) .setTint(0x000000); this.cells[cellIndex].container.add(numberText); } } } updateCell(x, y, letter) { const cellIndex = y * this.size + x; if (!this.cells[cellIndex].completed) { this.cells[cellIndex].input = letter; this.cells[cellIndex].text.setText(letter); } } removeLetterFromCell(x, y) { const cellIndex = y * this.size + x; if (!this.cells[cellIndex].completed) { this.cells[cellIndex].input = ''; this.cells[cellIndex].text.setText(''); } } setCorrectWord(startX, startY, isAcross, length) { for (let i = 0; i < length; i++) { const x = isAcross ? startX + i : startX; const y = isAcross ? startY : startY + i; const cellIndex = y * this.size + x; this.cells[cellIndex].graphics.setFillStyle(0x90EE90); this.cells[cellIndex].completed = true; } } highlightCell(x, y) { const cellIndex = y * this.size + x; this.cells[cellIndex].graphics.setStrokeStyle(2, 0xFF0000); } unhighlightCell(x, y) { const cellIndex = y * this.size + x; this.cells[cellIndex].graphics.setStrokeStyle(1, 0x000000); } } class Example extends Phaser.Scene { constructor() { super(); this.crosswordGrid = null; this.wordList = [ { word: "FUSELAGE", clue: "Main body of an aircraft" }, { word: "WING", clue: "Airfoil that provides lift" }, { word: "COCKPIT", clue: "Area where pilots control the aircraft" }, { word: "RUDDER", clue: "Vertical control surface on the tail" }, { word: "AILERON", clue: "Control surface on the wing for roll" }, { word: "ELEVATOR", clue: "Horizontal control surface on the tail" }, { word: "FLAP", clue: "Movable surface on the wing for lift and drag" }, { word: "PROPELLER", clue: "Rotating blade that provides thrust" }, { word: "LANDINGGEAR", clue: "Wheels or skids for takeoff and landing" }, { word: "TURBINE", clue: "Rotary engine in a jet aircraft" }, { word: "HANGAR", clue: "Building for housing aircraft" }, { word: "RUNWAY", clue: "Strip for aircraft takeoff and landing" }, { word: "ALTIMETER", clue: "Instrument that measures altitude" }, { word: "THROTTLE", clue: "Control for engine power" }, { word: "AVIATOR", clue: "Person who flies aircraft" }, { word: "JET", clue: "Aircraft powered by jet engines" }, { word: "RADAR", clue: "System for detecting aircraft position" }, { word: "TRANSPONDER", clue: "Device that emits an identifying signal" } ]; this.placedWords = []; this.acrossClues = []; this.downClues = []; this.clueTexts = []; } preload() { this.load.image('resetButton', 'https://play.rosebud.ai/assets/Redo.png?8Equ'); // Load the bitmap font with increased resolution this.load.bitmapFont('roboto', 'https://play.rosebud.ai/assets/rosebud_roboto.png?aqFU', 'https://play.rosebud.ai/assets/rosebud_roboto.xml?JihQ'); } create() { this.cameras.main.setBackgroundColor('#FFFFFF'); const gridSize = 15 * 40; // Adjusted for larger cell size const gridX = (this.cameras.main.width - gridSize) / 2; const gridY = 50; this.crosswordGrid = new CrosswordGrid(this, gridX, gridY, 15); this.add.existing(this.crosswordGrid); this.placeWords(); this.createCluesLists(); // Create black circle for reset button const circle = this.add.circle(40, 40, 25, 0x000000); // Add reset button const resetButton = this.add.image(40, 40, 'resetButton') .setInteractive() .on('pointerdown', this.resetCrossword, this); resetButton.setDisplaySize(35, 35); // Adjust size to fit within the circle this.input.keyboard.on('keydown', this.handleInput, this); this.input.on('pointerdown', this.handleCellClick, this); } placeWords() { // Sort the words by length in descending order const sortedWords = this.wordList.slice().sort((a, b) => b.word.length - a.word.length); // Initialize the grid with empty cells const gridSize = this.crosswordGrid.size; for (let cell of this.crosswordGrid.cells) { cell.letter = ''; cell.wordIndex = -1; cell.isStart = false; cell.graphics.setAlpha(0); // Hide all cells initially } this.placedWords = []; // Place the first word at the center const firstWordData = sortedWords[0]; const firstWord = firstWordData.word.replace(/\s/g, '').toUpperCase(); const startX = Math.floor((gridSize - firstWord.length) / 2); const startY = Math.floor(gridSize / 2); this.crosswordGrid.placeWord(firstWord, startX, startY, true, 0); this.placedWords.push({ word: firstWord, startX, startY, isAcross: true, clue: firstWordData.clue }); // Place the remaining words for (let i = 1; i < sortedWords.length; i++) { const wordData = sortedWords[i]; const word = wordData.word.replace(/\s/g, '').toUpperCase(); const positions = this.findPositionsForWord(word); let placed = false; for (let pos of positions) { if (this.canPlaceWordAt(word, pos.x, pos.y, pos.isAcross)) { this.crosswordGrid.placeWord(word, pos.x, pos.y, pos.isAcross, this.placedWords.length); this.placedWords.push({ word, startX: pos.x, startY: pos.y, isAcross: pos.isAcross, clue: wordData.clue }); placed = true; break; } } if (!placed) { console.warn(`Could not place word: ${word}`); } } } findPositionsForWord(word) { const positions = []; const gridSize = this.crosswordGrid.size; // For each placed word, try to find matching letters for (let placedWordData of this.placedWords) { const placedWord = placedWordData.word; for (let i = 0; i < placedWord.length; i++) { for (let j = 0; j < word.length; j++) { if (placedWord[i] === word[j]) { const isAcross = !placedWordData.isAcross; const x = placedWordData.startX + (placedWordData.isAcross ? i : 0) - (isAcross ? j : 0); const y = placedWordData.startY + (placedWordData.isAcross ? 0 : i) - (isAcross ? 0 : j); if (this.isWithinGrid(x, y, word.length, isAcross, gridSize)) { positions.push({ x, y, isAcross }); } } } } } // Randomize positions to vary the crossword each time return Phaser.Utils.Array.Shuffle(positions); } isWithinGrid(x, y, length, isAcross, gridSize) { if (isAcross) { return x >= 0 && x + length <= gridSize && y >= 0 && y < gridSize; } else { return x >= 0 && x < gridSize && y >= 0 && y + length <= gridSize; } } canPlaceWordAt(word, x, y, isAcross) { const gridSize = this.crosswordGrid.size; for (let i = 0; i < word.length; i++) { const cellX = isAcross ? x + i : x; const cellY = isAcross ? y : y + i; const cellIndex = cellY * gridSize + cellX; const cell = this.crosswordGrid.cells[cellIndex]; // If cell is out of bounds if (cellX < 0 || cellX >= gridSize || cellY < 0 || cellY >= gridSize) { return false; } // If cell is empty or contains the same letter if (cell.letter === '') { // Check adjacent cells for conflicts if (this.hasAdjacentLetters(cellX, cellY, isAcross)) { return false; } } else if (cell.letter !== word[i]) { return false; } } // Check cells before and after the word const beforeX = isAcross ? x - 1 : x; const beforeY = isAcross ? y : y - 1; const afterX = isAcross ? x + word.length : x; const afterY = isAcross ? y : y + word.length; if (this.isCellOccupied(beforeX, beforeY)) { return false; } if (this.isCellOccupied(afterX, afterY)) { return false; } return true; } hasAdjacentLetters(x, y, isAcross) { const gridSize = this.crosswordGrid.size; const adjacentOffsets = isAcross ? [{ dx: 0, dy: -1 }, { dx: 0, dy: 1 }] : [{ dx: -1, dy: 0 }, { dx: 1, dy: 0 }]; for (let offset of adjacentOffsets) { const adjX = x + offset.dx; const adjY = y + offset.dy; if (adjX >= 0 && adjX < gridSize && adjY >= 0 && adjY < gridSize) { const adjIndex = adjY * gridSize + adjX; const adjCell = this.crosswordGrid.cells[adjIndex]; if (adjCell.letter !== '') { return true; } } } return false; } isCellOccupied(x, y) { const gridSize = this.crosswordGrid.size; if (x >= 0 && x < gridSize && y >= 0 && y < gridSize) { const index = y * gridSize + x; const cell = this.crosswordGrid.cells[index]; return cell.letter !== ''; } return false; } createCluesLists() { this.acrossClues = []; this.downClues = []; for (let i = 0; i < this.placedWords.length; i++) { const { word, startX, startY, isAcross, clue } = this.placedWords[i]; const clueText = `${i + 1}. ${clue}`; if (isAcross) { this.acrossClues.push(clueText); } else { this.downClues.push(clueText); } } this.displayClues(); } displayClues() { const gridSize = 15 * 40; // Adjusted for larger cell size const gridX = (this.cameras.main.width - gridSize) / 2; const gridY = 50; // Clear previous clues this.clueTexts.forEach(text => text.destroy()); this.clueTexts = []; const spacing = 220; // Spacing between across and down sections // Calculate widths for across and down sections const sectionWidth = (gridSize - spacing) / 2; // Calculate the starting X positions to align with the grid const acrossX = gridX; const downX = gridX + sectionWidth + spacing; // Across section const acrossTitle = this.add.text(acrossX, gridY + gridSize + 20, 'ACROSS', { fontFamily: 'Arial', fontSize: '24px', color: '#000000', fontWeight: 'bold' }); this.clueTexts.push(acrossTitle); for (let i = 0; i < this.acrossClues.length; i++) { const text = this.add.text(acrossX, gridY + gridSize + 50 + i * 24, this.acrossClues[i], { fontFamily: 'Arial', fontSize: '18px', color: '#000000', }); this.clueTexts.push(text); } // Down section const downTitle = this.add.text(downX, gridY + gridSize + 20, 'DOWN', { fontFamily: 'Arial', fontSize: '24px', color: '#000000', fontWeight: 'bold' }); this.clueTexts.push(downTitle); for (let i = 0; i < this.downClues.length; i++) { const text = this.add.text(downX, gridY + gridSize + 50 + i * 24, this.downClues[i], { fontFamily: 'Arial', fontSize: '18px', color: '#000000', }); this.clueTexts.push(text); } } handleInput(event) { if (this.selectedCell) { const { x, y } = this.selectedCell; if (/^[A-Z]$/i.test(event.key)) { this.crosswordGrid.updateCell(x, y, event.key.toUpperCase()); this.checkWord(x, y); } else if (event.key === 'Backspace') { this.crosswordGrid.removeLetterFromCell(x, y); } } } handleCellClick(pointer) { const gridSize = 15 * 40; // Adjusted for larger cell size const gridX = (this.cameras.main.width - gridSize) / 2; const gridY = 50; const x = Math.floor((pointer.x - gridX) / 40); const y = Math.floor((pointer.y - gridY) / 40); if (x >= 0 && x < 15 && y >= 0 && y < 15) { if (this.selectedCell) { this.crosswordGrid.unhighlightCell(this.selectedCell.x, this.selectedCell.y); } this.selectedCell = { x, y }; this.crosswordGrid.highlightCell(x, y); } else { if (this.selectedCell) { this.crosswordGrid.unhighlightCell(this.selectedCell.x, this.selectedCell.y); } this.selectedCell = null; } } checkWord(x, y) { const cellIndex = y * 15 + x; const wordIndex = this.crosswordGrid.cells[cellIndex].wordIndex; if (wordIndex !== -1) { const { word, startX, startY, isAcross } = this.placedWords[wordIndex]; let correct = true; for (let i = 0; i < word.length; i++) { const checkX = isAcross ? startX + i : startX; const checkY = isAcross ? startY : startY + i; const checkCellIndex = checkY * 15 + checkX; if (this.crosswordGrid.cells[checkCellIndex].input !== word[i]) { correct = false; break; } } if (correct) { this.crosswordGrid.setCorrectWord(startX, startY, isAcross, word.length); this.shakeScreen(); } } } shakeScreen() { this.cameras.main.shake(100, 0.005); } resetCrossword() { this.crosswordGrid.destroy(); const gridSize = 15 * 40; // Adjusted for larger cell size const gridX = (this.cameras.main.width - gridSize) / 2; const gridY = 50; this.crosswordGrid = new CrosswordGrid(this, gridX, gridY, 15); this.add.existing(this.crosswordGrid); this.placeWords(); this.createCluesLists(); if (this.selectedCell) { this.selectedCell = null; } } } const config = { type: Phaser.AUTO, parent: 'renderDiv', pixelArt: false, scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, width: 1200, // Increased width to accommodate larger grid and text height: 1000, // Increased height to accommodate larger grid and text scene: Example }; window.phaserGame = new Phaser.Game(config);