class Example extends Phaser.Scene { constructor() { super(); this.cellSize = 40; this.cols = Math.floor(800 / this.cellSize); this.rows = Math.floor(600 / this.cellSize); this.grid = []; this.stack = []; this.player = null; this.cursors = null; this.playerSpeed = 200; this.walls = null; this.door = null; this.collectibles = null; this.collectedEyes = 0; this.messageText = null; this.difficultyLevel = 1; this.maxDifficulty = 5; } preload() { this.load.image('door', 'https://play.rosebud.ai/assets/big friendly.png?82YM'); this.load.image('eye', 'https://play.rosebud.ai/assets/eye.png?kqbo'); } create() { // Set the background color to black this.cameras.main.setBackgroundColor('#FFFF00'); // Initialize the grid for (let y = 0; y < this.rows; y++) { this.grid[y] = []; for (let x = 0; x < this.cols; x++) { this.grid[y][x] = { x: x, y: y, walls: [true, true, true, true], // top, right, bottom, left visited: false }; } } // Generate the maze this.generateMaze(0, 0); // Create walls group this.walls = this.physics.add.staticGroup(); // Create the maze walls const wallThickness = 2; for (let y = 0; y < this.rows; y++) { for (let x = 0; x < this.cols; x++) { let cell = this.grid[y][x]; let x1 = x * this.cellSize; let y1 = y * this.cellSize; if (cell.walls[0]) { // top let wall = this.add.rectangle(x1 + this.cellSize / 2, y1, this.cellSize, wallThickness, 0x0000ff); this.walls.add(wall); } if (cell.walls[1]) { // right let wall = this.add.rectangle(x1 + this.cellSize, y1 + this.cellSize / 2, wallThickness, this.cellSize, 0x0000ff); this.walls.add(wall); } if (cell.walls[2]) { // bottom let wall = this.add.rectangle(x1 + this.cellSize / 2, y1 + this.cellSize, this.cellSize, wallThickness, 0x0000ff); this.walls.add(wall); } if (cell.walls[3]) { // left let wall = this.add.rectangle(x1, y1 + this.cellSize / 2, wallThickness, this.cellSize, 0x0000ff); this.walls.add(wall); } } } // Create player this.player = this.add.circle(this.cellSize / 2, this.cellSize / 2, 12, 0xff0000); this.physics.add.existing(this.player); this.player.body.setCollideWorldBounds(true); // Add collision between player and walls this.physics.add.collider(this.player, this.walls); // Initialize cursor keys this.cursors = this.input.keyboard.createCursorKeys(); // Add door in the center of the maze const centerX = Math.floor(this.cols / 2) * this.cellSize + this.cellSize / 2; const centerY = Math.floor(this.rows / 2) * this.cellSize + this.cellSize / 2; this.door = this.physics.add.sprite(centerX, centerY, 'door'); this.door.setDisplaySize(35, 35); // Slightly bigger than the player circle this.physics.add.overlap(this.player, this.door, this.regenerateMaze, null, this); // Create collectibles group this.collectibles = this.physics.add.group(); // Place three eyes randomly in the maze this.placeCollectibles(); // Add overlap for collecting eyes this.physics.add.overlap(this.player, this.collectibles, this.collectEye, null, this); } update() { // Reset player velocity this.player.body.setVelocity(0); // Handle player movement if (this.cursors.left.isDown) { this.player.body.setVelocityX(-this.playerSpeed); } else if (this.cursors.right.isDown) { this.player.body.setVelocityX(this.playerSpeed); } if (this.cursors.up.isDown) { this.player.body.setVelocityY(-this.playerSpeed); } else if (this.cursors.down.isDown) { this.player.body.setVelocityY(this.playerSpeed); } } regenerateMaze() { // Only regenerate if all eyes are collected if (this.collectedEyes < 3) { // Show message if it doesn't exist if (!this.messageText) { this.messageText = this.add.text(400, 300, 'you cannot see. you need all of your eyes.', { fontSize: '20px', fill: '#000000' }); this.messageText.setOrigin(0.5); // Remove the message after 2 seconds this.time.delayedCall(2000, () => { if (this.messageText) { this.messageText.destroy(); this.messageText = null; } }); } return; } // Remove message if it exists if (this.messageText) { this.messageText.destroy(); this.messageText = null; } // Reset collected eyes counter and increase difficulty this.collectedEyes = 0; if (this.difficultyLevel < this.maxDifficulty) { this.difficultyLevel++; } // Clear existing walls this.walls.clear(true, true); // Reset grid for (let y = 0; y < this.rows; y++) { this.grid[y] = []; for (let x = 0; x < this.cols; x++) { this.grid[y][x] = { x: x, y: y, walls: [true, true, true, true], visited: false }; } } // Generate new maze this.generateMaze(0, 0); // Recreate walls const wallThickness = 2; for (let y = 0; y < this.rows; y++) { for (let x = 0; x < this.cols; x++) { let cell = this.grid[y][x]; let x1 = x * this.cellSize; let y1 = y * this.cellSize; if (cell.walls[0]) { let wall = this.add.rectangle(x1 + this.cellSize / 2, y1, this.cellSize, wallThickness, 0x0000ff); this.walls.add(wall); } if (cell.walls[1]) { let wall = this.add.rectangle(x1 + this.cellSize, y1 + this.cellSize / 2, wallThickness, this.cellSize, 0x0000ff); this.walls.add(wall); } if (cell.walls[2]) { let wall = this.add.rectangle(x1 + this.cellSize / 2, y1 + this.cellSize, this.cellSize, wallThickness, 0x0000ff); this.walls.add(wall); } if (cell.walls[3]) { let wall = this.add.rectangle(x1, y1 + this.cellSize / 2, wallThickness, this.cellSize, 0x0000ff); this.walls.add(wall); } } } // Keep player in current position (remove player reset) // Randomly place door in one of the corners const corners = [{ x: this.cellSize / 2, y: this.cellSize / 2 }, // top left { x: (this.cols - 1) * this.cellSize + this.cellSize / 2, y: this.cellSize / 2 }, // top right { x: this.cellSize / 2, y: (this.rows - 1) * this.cellSize + this.cellSize / 2 }, // bottom left { x: (this.cols - 1) * this.cellSize + this.cellSize / 2, y: (this.rows - 1) * this.cellSize + this.cellSize / 2 } // bottom right ]; // Remove the corner where the player is closest to const playerCorner = corners.reduce((closest, corner, index) => { const distance = Phaser.Math.Distance.Between(this.player.x, this.player.y, corner.x, corner.y); return distance < closest.distance ? { index, distance } : closest; }, { index: 0, distance: Infinity }); corners.splice(playerCorner.index, 1); // Pick a random corner from the remaining corners const randomCorner = Phaser.Math.RND.pick(corners); this.door.x = randomCorner.x; this.door.y = randomCorner.y; // Clear and replace collectibles this.collectibles.clear(true, true); this.placeCollectibles(); } placeCollectibles() { for (let i = 0; i < 3; i++) { let validPosition = false; let x, y; // Keep trying until we find a valid position while (!validPosition) { // Get random cell position x = Phaser.Math.Between(0, this.cols - 1); y = Phaser.Math.Between(0, this.rows - 1); // Check if position is far enough from player and door const cellX = x * this.cellSize + this.cellSize / 2; const cellY = y * this.cellSize + this.cellSize / 2; const distanceFromPlayer = Phaser.Math.Distance.Between( cellX, cellY, this.player.x, this.player.y ); const distanceFromDoor = Phaser.Math.Distance.Between( cellX, cellY, this.door.x, this.door.y ); // Position is valid if it's far enough from both player and door if (distanceFromPlayer > this.cellSize * 2 && distanceFromDoor > this.cellSize * 2) { validPosition = true; } } // Create eye at valid position const eye = this.physics.add.sprite( x * this.cellSize + this.cellSize / 2, y * this.cellSize + this.cellSize / 2, 'eye' ); eye.setDisplaySize(30, 30); // Same size as player circle this.collectibles.add(eye); } } collectEye(player, eye) { eye.destroy(); this.collectedEyes++; } generateMaze(x, y) { this.grid[y][x].visited = true; // Get all neighboring cells let neighbors = this.getNeighbors(x, y); // Add additional walls based on difficulty if (Math.random() < this.difficultyLevel * 0.1) { // Randomly add extra walls to create dead ends let cell = this.grid[y][x]; let availableWalls = cell.walls.map((wall, index) => !wall ? index : -1).filter(index => index !== -1); if (availableWalls.length > 1) { let wallToClose = Phaser.Math.RND.pick(availableWalls); cell.walls[wallToClose] = true; // Add corresponding wall to neighbor let nx = x, ny = y; if (wallToClose === 0) ny--; // top else if (wallToClose === 1) nx++; // right else if (wallToClose === 2) ny++; // bottom else if (wallToClose === 3) nx--; // left if (nx >= 0 && nx < this.cols && ny >= 0 && ny < this.rows) { this.grid[ny][nx].walls[(wallToClose + 2) % 4] = true; } } } // While there are unvisited neighbors while (neighbors.length > 0) { // Pick a random neighbor let randomIndex = Math.floor(Math.random() * neighbors.length); let next = neighbors[randomIndex]; if (!this.grid[next.y][next.x].visited) { // Remove walls between current cell and chosen neighbor if (next.x > x) { // right neighbor this.grid[y][x].walls[1] = false; this.grid[next.y][next.x].walls[3] = false; } else if (next.x < x) { // left neighbor this.grid[y][x].walls[3] = false; this.grid[next.y][next.x].walls[1] = false; } else if (next.y > y) { // bottom neighbor this.grid[y][x].walls[2] = false; this.grid[next.y][next.x].walls[0] = false; } else if (next.y < y) { // top neighbor this.grid[y][x].walls[0] = false; this.grid[next.y][next.x].walls[2] = false; } // Recursively visit next cell this.generateMaze(next.x, next.y); } // Remove the processed neighbor neighbors.splice(randomIndex, 1); } } getNeighbors(x, y) { let neighbors = []; // Check all adjacent cells if (y > 0) neighbors.push({ x: x, y: y - 1 }); // top if (x < this.cols - 1) neighbors.push({ x: x + 1, y: y }); // right if (y < this.rows - 1) neighbors.push({ x: x, y: y + 1 }); // bottom if (x > 0) neighbors.push({ x: x - 1, y: y }); // left // Return only unvisited neighbors return neighbors.filter(n => !this.grid[n.y][n.x].visited); } } const config = { type: Phaser.AUTO, parent: 'renderDiv', scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, width: 800, height: 600, scene: Example, physics: { default: 'arcade', arcade: { gravity: { y: 0 }, debug: false } } }; window.phaserGame = new Phaser.Game(config);