class RoguelikeGame extends Phaser.Scene { constructor() { super(); this.resetGameState(); } preload() { this.load.image('player', 'https://play.rosebud.ai/assets/popcorn.png?B6vI'); this.load.image('enemy', 'https://play.rosebud.ai/assets/soda.png?VMYs'); this.load.image('background', 'https://play.rosebud.ai/assets/background.jpg?Yie9'); this.load.image('bullet', 'https://play.rosebud.ai/assets/bullet.png?rtzv'); this.load.image('heart', 'https://play.rosebud.ai/assets/heart.png?oyof'); this.load.audio('bgm', 'https://play.rosebud.ai/assets/roguelike_template_music.mp3?3t9Y'); } resetGameState() { this.clearedRooms = 0; this.isBossRoom = false; this.health = 3; this.isInvincible = false; this.invincibilityTime = 1000; // 1 second of invincibility after being hit this.rooms = {}; } create() { const { physics, input, add } = this; // Add background this.add.image(531, 400, 'background'); // Set world bounds this.physics.world.setBounds(101, 90, 860, 620); this.enemies = physics.add.group(); this.doors = physics.add.group(); this.bullets = physics.add.group(); this.bossBullets = physics.add.group(); this.hearts = physics.add.group(); // Player setup this.player = physics.add .sprite(531, 400, 'player') .setCollideWorldBounds(true) .setScale(0.0833); // Input setup this.cursors = input.keyboard.createCursorKeys(); // Health setup this.healthUI = this.add.group(); this.updateHealthUI(); // Room management this.rooms = {}; this.currentRoom = { x: 0, y: 0 }; this.loadRoom(0, 0); // Create minimap this.createMiniMap(); // Add BGM this.bgm = this.sound.add('bgm', { loop: true, volume: 0.5 }); this.bgm.play(); // Setup click-to-shoot this.input.on('pointerdown', (pointer) => { this.shootBullet(pointer.worldX, pointer.worldY); }); } update() { const { player, cursors, physics } = this; // Player movement with bounce-waddle effect const speed = 180; const bounceAmplitude = 1; const bounceFrequency = 16; player.setVelocity(0); if (cursors.left.isDown) player.setVelocityX(-speed); else if (cursors.right.isDown) player.setVelocityX(speed); if (cursors.up.isDown) player.setVelocityY(-speed); else if (cursors.down.isDown) player.setVelocityY(speed); // Apply bounce-waddle effect if (player.body.velocity.length() > 0) { player.y += Math.sin(this.time.now / bounceFrequency) * bounceAmplitude; } // Enemies follow player with menacing bounce-waddle this.enemies.children.iterate((enemy) => { if (enemy.isBoss) { physics.moveToObject(enemy, player, 30); if (this.time.now > (enemy.lastShot || 0)) { this.shootBossBullet(enemy); enemy.lastShot = this.time.now + 2000; // Shoot every 2 seconds } } else { physics.moveToObject(enemy, player, 60); } enemy.y += Math.sin(this.time.now / (bounceFrequency * 2)) * (bounceAmplitude / 2); }); // Check for room transitions this.checkRoomTransition(); // Game Over condition if (this.health <= 0) { this.gameOver(); } this.checkRoomCleared(); } hitPlayer(player, enemy) { if (this.isInvincible) return; if (enemy.isBoss) { this.health--; } else { enemy.destroy(); this.health--; } this.updateHealthUI(); // Set invincibility this.isInvincible = true; this.player.alpha = 0.5; // Visual feedback for invincibility this.time.delayedCall(this.invincibilityTime, () => { this.isInvincible = false; this.player.alpha = 1; }); if (this.health <= 0) { this.gameOver(); } } hitEnemy(bullet, enemy) { bullet.destroy(); if (enemy.isBoss) { enemy.health--; if (enemy.health <= 0) { enemy.destroy(); this.isBossRoom = false; this.clearedRooms = 0; // After defeating the boss, create a new room this.createNewRoom(); } } else { enemy.destroy(); } this.checkRoomCleared(); } loadRoom(x, y) { const { enemies, doors, physics } = this; enemies.clear(true, true); doors.clear(true, true); // Destroy any remaining heart pickups when leaving a room this.hearts.clear(true, true); let roomKey = `${x},${y}`; // Ensure player is within world bounds this.player.setPosition( Phaser.Math.Clamp(this.player.x, 151, 911), Phaser.Math.Clamp(this.player.y, 140, 660) ); if (this.isBossRoom) { // Create boss let boss = enemies.create(531, 400, 'enemy') .setCollideWorldBounds(true) .setScale(0.2); boss.isBoss = true; boss.health = 10; // Create a new room for the boss this.rooms[roomKey] = { enemies: [boss], cleared: false, visited: true }; } else if (!this.rooms[roomKey]) { this.rooms[roomKey] = { enemies: [], cleared: false, visited: false }; const maxEnemies = 3; const n = Phaser.Math.Between(1, maxEnemies); for (let i = 0; i < n; i++) { this.rooms[roomKey].enemies.push({ x: Phaser.Math.Between(151, 911), y: Phaser.Math.Between(140, 660) }); } } this.rooms[roomKey].visited = true; if (!this.isBossRoom && !this.rooms[roomKey].cleared) { this.rooms[roomKey].enemies.forEach((pos) => { enemies .create(pos.x, pos.y, 'enemy') .setCollideWorldBounds(true) .setScale(0.0833 * 0.7); }); } // Create doors (initially closed) if (x > -2) this.createDoor('left'); if (x < 2) this.createDoor('right'); if (y > -2) this.createDoor('up'); if (y < 2) this.createDoor('down'); physics.add.overlap(this.player, enemies, this.hitPlayer, null, this); physics.add.overlap(this.bullets, enemies, this.hitEnemy, null, this); physics.add.overlap(this.player, this.bossBullets, this.hitPlayerByBossBullet, null, this); physics.add.overlap(this.player, this.hearts, this.collectHeart, null, this); this.updateMiniMap(); // Open doors if the room is already cleared if (this.rooms[roomKey].cleared) { this.openDoors(); } // Make sure to update the health UI when entering a new room this.updateHealthUI(); } createDoor(direction) { const doorThickness = 20; const doorLength = 100; let doorX, doorY; switch (direction) { case 'left': doorX = this.physics.world.bounds.left + doorThickness / 2; doorY = this.physics.world.bounds.centerY; break; case 'right': doorX = this.physics.world.bounds.right - doorThickness / 2; doorY = this.physics.world.bounds.centerY; break; case 'up': doorX = this.physics.world.bounds.centerX; doorY = this.physics.world.bounds.top + doorThickness / 2; break; case 'down': doorX = this.physics.world.bounds.centerX; doorY = this.physics.world.bounds.bottom - doorThickness / 2; break; } let doorWidth = direction === 'left' || direction === 'right' ? doorThickness : doorLength; let doorHeight = direction === 'left' || direction === 'right' ? doorLength : doorThickness; // Create a semi-transparent Carolina blue rectangle for the door let door = this.add.rectangle(doorX, doorY, doorWidth, doorHeight, 0x4B9CD3, 0.5); this.doors.add(door); door.direction = direction; door.setOrigin(0.5, 0.5); // Add physics body this.physics.add.existing(door, true); door.body.setSize(doorWidth, doorHeight); // Initially set door as closed door.setActive(false); door.setVisible(false); } checkRoomTransition() { if (this.isTransitioning) return; this.doors.children.iterate((door) => { if (door.active && this.physics.overlap(this.player, door)) { this.isTransitioning = true; this.time.delayedCall(500, () => { // Increased delay to prevent rapid transitions if (door.direction === 'left') { this.currentRoom.x--; this.player.x = this.physics.world.bounds.right - 100; // Move player further from the door } else if (door.direction === 'right') { this.currentRoom.x++; this.player.x = this.physics.world.bounds.left + 100; } else if (door.direction === 'up') { this.currentRoom.y--; this.player.y = this.physics.world.bounds.bottom - 100; } else if (door.direction === 'down') { this.currentRoom.y++; this.player.y = this.physics.world.bounds.top + 100; } this.clearedRooms++; if (this.clearedRooms >= 3) { this.isBossRoom = true; this.clearedRooms = 0; } this.loadRoom(this.currentRoom.x, this.currentRoom.y); this.isTransitioning = false; }); } }); } shootBullet(targetX, targetY) { const speed = 400; const bullet = this.bullets.create(this.player.x, this.player.y, 'bullet'); bullet.setScale(0.5); const angle = Phaser.Math.Angle.Between(this.player.x, this.player.y, targetX, targetY); this.physics.velocityFromRotation(angle, speed, bullet.body.velocity); this.time.delayedCall(2000, () => { bullet.destroy(); }); } shootBossBullet(boss) { const speed = 300; const bullet = this.bossBullets.create(boss.x, boss.y, 'bullet'); bullet.setScale(0.5); bullet.setTint(0xff0000); // Red tint for boss bullets const angle = Phaser.Math.Angle.Between(boss.x, boss.y, this.player.x, this.player.y); this.physics.velocityFromRotation(angle, speed, bullet.body.velocity); this.time.delayedCall(3000, () => { bullet.destroy(); }); } hitPlayerByBossBullet(player, bullet) { if (this.isInvincible) return; bullet.destroy(); this.health--; this.updateHealthUI(); // Set invincibility this.isInvincible = true; this.player.alpha = 0.5; // Visual feedback for invincibility this.time.delayedCall(this.invincibilityTime, () => { this.isInvincible = false; this.player.alpha = 1; }); if (this.health <= 0) { this.gameOver(); } } createMiniMap() { if (!this.miniMap) { this.miniMap = this.add.graphics(); this.miniMap.x = this.scale.width - 110; this.miniMap.y = 10; } this.updateMiniMap(); } updateMiniMap() { if (!this.miniMap) { this.createMiniMap(); return; } this.miniMap.clear(); const roomSize = 20; const padding = 2; for (let y = -2; y <= 2; y++) { for (let x = -2; x <= 2; x++) { const roomKey = `${this.currentRoom.x + x},${this.currentRoom.y + y}`; const room = this.rooms[roomKey]; const color = room ? (room.cleared ? 0x00ff00 : 0x0000ff) : 0x333333; this.miniMap.fillStyle(color); this.miniMap.fillRect( (x + 2) * (roomSize + padding), (y + 2) * (roomSize + padding), roomSize, roomSize ); if (x === 0 && y === 0) { this.miniMap.lineStyle(2, 0xffffff); this.miniMap.strokeRect( (x + 2) * (roomSize + padding), (y + 2) * (roomSize + padding), roomSize, roomSize ); } } } } createNewRoom() { const roomKey = `${this.currentRoom.x},${this.currentRoom.y}`; this.rooms[roomKey] = { enemies: [], cleared: true, visited: true }; this.updateMiniMap(); this.openDoors(); } checkRoomCleared() { const roomKey = `${this.currentRoom.x},${this.currentRoom.y}`; if (this.rooms[roomKey] && this.enemies.countActive() === 0 && !this.rooms[roomKey].cleared) { this.rooms[roomKey].cleared = true; this.updateMiniMap(); this.openDoors(); this.spawnHeartPickup(); } } checkRoomCleared() { const roomKey = `${this.currentRoom.x},${this.currentRoom.y}`; if (this.enemies.countActive() === 0 && !this.rooms[roomKey].cleared) { this.rooms[roomKey].cleared = true; this.updateMiniMap(); this.openDoors(); this.spawnHeartPickup(); } } openDoors() { this.doors.children.iterate((door) => { door.setActive(true); door.setVisible(true); }); } spawnHeartPickup() { if (Phaser.Math.FloatBetween(0, 1) <= 0.75) { // 75% chance const x = Phaser.Math.Between(151, 911); const y = Phaser.Math.Between(140, 660); this.hearts.create(x, y, 'heart').setScale(0.5); } } collectHeart(player, heart) { heart.destroy(); this.health++; this.updateHealthUI(); } updateHealthUI() { this.healthUI.clear(true, true); const heartSpacing = 40; const startX = 120; const startY = this.scale.height - 50; for (let i = 0; i < this.health; i++) { this.healthUI.create(startX + i * heartSpacing, startY, 'heart').setScale(0.5).setScrollFactor(0); } } gameOver() { this.physics.pause(); this.player.setTint(0x666666); this.bgm.stop(); // Create a semi-transparent black overlay const overlay = this.add.rectangle(0, 0, this.scale.width, this.scale.height, 0x000000, 0.7); overlay.setOrigin(0, 0); // Add the player character image, greyed out and on its side const deadPlayer = this.add.image(this.scale.width / 2, this.scale.height / 2 - 100, 'player'); deadPlayer.setScale(0.2); deadPlayer.setTint(0x666666); deadPlayer.setAngle(90); // Add "Game Over" text const gameOverText = this.add.text(this.scale.width / 2, this.scale.height / 2, 'Game Over', { fontSize: '64px', fill: '#ffffff' }); gameOverText.setOrigin(0.5); // Add restart button const restartButton = this.add.text(this.scale.width / 2, this.scale.height / 2 + 100, 'Restart', { fontSize: '32px', fill: '#ffffff', backgroundColor: '#000000', padding: { left: 15, right: 15, top: 10, bottom: 10 } }); restartButton.setOrigin(0.5); restartButton.setInteractive({ useHandCursor: true }); restartButton.on('pointerdown', () => { this.resetGameState(); this.scene.restart(); }); } } const config = { type: Phaser.AUTO, parent: 'renderDiv', pixelArt: true, scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH }, width: 1062, height: 800, physics: { default: 'arcade', arcade: { gravity: { y: 0 }, debug: false } }, scene: RoguelikeGame }; window.phaserGame = new Phaser.Game(config);

Other games like this

About Popcorn Panic