class Example extends Phaser.Scene { constructor() { super(); this.fontStyle = { font: "20px Courier", fill: "#000000" }; this.bulletStyle = { font: "35px Courier", fill: "#0000ff" }; this.enemyStyle = { font: "20px Courier, bold", fill: "#0000ff" }; this.playerSpeed = 20; this.enemySpeed = 20; this.canMove = true; this.canShoot = true; this.bullets = []; this.enemies = []; this.wave = 1; this.score = 0; this.fireRateDelay = 500; this.enemySpawnMultiplier = 1; this.gameOver = false; this.gameLoop; this.goreObjects = []; this.bloodTiles = []; this.backgroundMusic = null; this.musicKeys = [ "pixel-rage", "speed-thrill-beat", "phantom", "electro-sport-beat", "unkillable", "powersport", "burn", "frantic" ]; this.gameOverText = null; this.rebootingText = null; this.rebootingTextBlinkEvent = null; this.scoreText = null; } preload() { this.load.audio("pixel-rage", `https://play.rosebud.ai/assets/pixel-rage-201371.mp3.mp3?xR1m`); this.load.audio("speed-thrill-beat", `https://play.rosebud.ai/assets/speed-thrill-beat-190669.mp3.mp3?IyV6`); this.load.audio("phantom", `https://play.rosebud.ai/assets/phantom-116107.mp3.mp3?nFGY`); this.load.audio("electro-sport-beat", `https://play.rosebud.ai/assets/electro-sport-beat-204640.mp3.mp3?N3dz`); this.load.audio("unkillable", `https://play.rosebud.ai/assets/the-unkillable-155342.mp3.mp3?MTFs`); this.load.audio("powersport", `https://play.rosebud.ai/assets/power-sport-extreme-trailer-123405.mp3.mp3?8whP`); this.load.audio("burn", `https://play.rosebud.ai/assets/gvidon-burn-the-bridge-186149.mp3.mp3?31TT`); this.load.audio("frantic", `https://play.rosebud.ai/assets/frantic-15190.mp3.mp3?HJIC`); this.load.image("grass", `https://play.rosebud.ai/assets/Grass Recolored.png?aPXm`); this.load.image("grass2", `https://play.rosebud.ai/assets/Grass2 recolored.png?CrI9`); this.load.image("border", `https://play.rosebud.ai/assets/Border Recolored.png?6ueU`); this.load.image("blood", `https://play.rosebud.ai/assets/Blood Recolored.png?8QTS`); this.load.image("gore", `https://play.rosebud.ai/assets/Gore recolored.png?hX2S`); this.load.image("player", `https://play.rosebud.ai/assets/Soldier Recolored.png?ixJh`); this.load.image("enemy", `https://play.rosebud.ai/assets/Zombie Recolored.png?w9Tu`); this.load.image("bullet", `https://play.rosebud.ai/assets/Bullet recolored.png?6yEP`); } create() { this.createBorders(); this.createGround(); this.createPlayer(); this.createInput(); this.spawnEnemies(); this.createGameLoop(); this.playBackgroundMusic(); this.createScoreUI(); } createBorders() { for (let i = 0; i <= 800; i += 40) { this.add.image(i, 0, "border").setOrigin(0, 0).setDisplaySize(40, 40); this.add.image(i, 560, "border").setOrigin(0, 0).setDisplaySize(40, 40); } for (let i = 0; i <= 560; i += 40) { this.add.image(0, i, "border").setOrigin(0, 0).setDisplaySize(40, 40); this.add.image(760, i, "border").setOrigin(0, 0).setDisplaySize(40, 40); } } createGround() { for (let y = 40; y < 560; y += 40) { for (let x = 40; x < 760; x += 40) { const symbol = Math.random() > 0.5 ? "grass" : "grass2"; this.add.image(x, y, symbol).setOrigin(0, 0).setDisplaySize(40, 40); } } } createPlayer() { this.player = this.add.image(400, 300, "player"); this.player.depth = 2; // Set player depth above blood and gore this.playerLastDirection = { x: 0, y: 0 }; } createInput() { this.cursors = this.input.keyboard.addKeys({ 'up': Phaser.Input.Keyboard.KeyCodes.UP, 'down': Phaser.Input.Keyboard.KeyCodes.DOWN, 'left': Phaser.Input.Keyboard.KeyCodes.LEFT, 'right': Phaser.Input.Keyboard.KeyCodes.RIGHT, 'w': Phaser.Input.Keyboard.KeyCodes.W, 'a': Phaser.Input.Keyboard.KeyCodes.A, 's': Phaser.Input.Keyboard.KeyCodes.S, 'd': Phaser.Input.Keyboard.KeyCodes.D }); } createGameLoop() { this.gameLoop = this.time.addEvent({ delay: 16, loop: true, callback: this.update, callbackScope: this }); } createScoreUI() { this.scoreText = this.add.text(350, 20, `Score: ${this.score}`, { font: '30px Courier', fill: '#00ffff' }); } update() { if (!this.gameOver) { this.handlePlayerMovement(); this.handlePlayerShooting(); this.updateBulletPositions(); this.handleEnemyMovement(); this.handleBulletCollisions(); this.handlePlayerEnemyCollision(); this.spawnNewEnemiesIfNeeded(); } } handlePlayerMovement() { if (this.canMove) { if (this.cursors.w.isDown && this.player.y > 40) { this.player.y -= this.playerSpeed; this.playerLastDirection = { x: 0, y: -1 }; } else if (this.cursors.a.isDown && this.player.x > 40) { this.player.x -= this.playerSpeed; this.playerLastDirection = { x: -1, y: 0 }; } else if (this.cursors.s.isDown && this.player.y < 520) { this.player.y += this.playerSpeed; this.playerLastDirection = { x: 0, y: 1 }; } else if (this.cursors.d.isDown && this.player.x < 720) { this.player.x += this.playerSpeed; this.playerLastDirection = { x: 1, y: 0 }; } this.canMove = false; this.time.delayedCall(100, () => { this.canMove = true; }); } } handlePlayerShooting() { if (this.canShoot) { if (this.cursors.up.isDown) { this.shootBullet({ x: 0, y: -1 }); } else if (this.cursors.down.isDown) { this.shootBullet({ x: 0, y: 1 }); } else if (this.cursors.left.isDown) { this.shootBullet({ x: -1, y: 0 }); } else if (this.cursors.right.isDown) { this.shootBullet({ x: 1, y: 0 }); } } } updateBulletPositions() { for (let i = this.bullets.length - 1; i >= 0; i--) { const bullet = this.bullets[i]; bullet.x += bullet.direction.x * this.playerSpeed; bullet.y += bullet.direction.y * this.playerSpeed; // Update the position and rotation of the bullet sprite bullet.sprite.setPosition(bullet.x, bullet.y); bullet.sprite.setRotation(Math.atan2(bullet.direction.y, bullet.direction.x)); bullet.sprite.depth = 1; // Set bullet depth above blood and gore // Remove bullets that go off-screen if (bullet.x < 0 || bullet.x > 800 || bullet.y < 0 || bullet.y > 600) { bullet.sprite.destroy(); this.bullets.splice(i, 1); } } } handleEnemyMovement() { for (let enemy of this.enemies) { enemy.depth = 1; // Set enemy depth above blood and gore if (enemy.canMove) { const dx = this.player.x - enemy.x; const dy = this.player.y - enemy.y; const dist = Math.sqrt(dx * dx + dy * dy); const nx = dx / dist; const ny = dy / dist; enemy.x += nx * this.enemySpeed; enemy.y += ny * this.enemySpeed; // Update the rotation of the enemy sprite, assuming they are naturally facing down const angleToPlayer = Math.atan2(dy, dx); const enemyAngle = angleToPlayer - Math.PI / 2; // Adjust the angle by -90 degrees (facing down) enemy.setRotation(enemyAngle); enemy.canMove = false; this.time.delayedCall(400, () => { enemy.canMove = true; }); } } } handleBulletCollisions() { const playerBounds = this.player.getBounds(); for (let i = this.bullets.length - 1; i >= 0; i--) { const bullet = this.bullets[i]; const bulletBounds = new Phaser.Geom.Rectangle(bullet.x, bullet.y, 40, 40); for (let j = 0; j < this.enemies.length; j++) { const enemy = this.enemies[j]; const enemyBounds = enemy.getBounds(); if (Phaser.Geom.Intersects.RectangleToRectangle(bulletBounds, enemyBounds)) { bullet.sprite.destroy(); this.bullets.splice(i, 1); enemy.destroy(); this.enemies.splice(j, 1); this.score += 100; this.colorTiles(enemy.x, enemy.y, "blood"); this.spawnGore(enemy.x, enemy.y, "gore"); this.fireRateDelay -= 1; this.scoreText.setText(`Score: ${this.score}`); break; } } } } handlePlayerEnemyCollision() { const playerBounds = this.player.getBounds(); for (let enemy of this.enemies) { const enemyBounds = enemy.getBounds(); if (Phaser.Geom.Intersects.RectangleToRectangle(playerBounds, enemyBounds)) { this.gameOver = true; this.killGameLoop(); this.showGameOverScreen(); break; } } } spawnNewEnemiesIfNeeded() { if (this.enemies.length === 0) { this.enemySpawnMultiplier += 0.25; this.spawnEnemies(); } } shootBullet(direction) { const bullet = this.add.image(this.player.x, this.player.y, "bullet"); const bulletSprite = { x: bullet.x, y: bullet.y, direction: { ...direction }, sprite: bullet }; this.bullets.push(bulletSprite); bullet.depth = 1; // Set bullet depth above blood and gore bullet.setRotation(Math.atan2(direction.y, direction.x)); // Set the initial rotation of the bullet this.canShoot = false; this.time.delayedCall(this.fireRateDelay, () => { this.canShoot = true; }); } colorTiles(x, y, color) { const minX = x - 40; const maxX = x + 40; const minY = y - 40; const maxY = y + 40; for (let i = 0; i < 5; i++) { const randomX = minX + Math.random() * (maxX - minX); const randomY = minY + Math.random() * (maxY - minY); const tile = this.add.image(randomX, randomY, color).setOrigin(0, 0).setDisplaySize(40, 40); this.bloodTiles.push(tile); } } spawnGore(x, y, color) { for (let i = 0; i < 5; i++) { const randomX = x + Math.random() * 40 - 20; const randomY = y + Math.random() * 40 - 20; const gore = this.add.image(randomX, randomY, color).setOrigin(0, 0).setDisplaySize(40, 40); this.goreObjects.push(gore); } } spawnEnemies() { this.enemies = []; const enemiesPerWave = this.wave; for (let i = 0; i < this.wave; i++) { this.time.delayedCall(i * 3000, () => { for (let j = 0; j < enemiesPerWave; j++) { const side = Math.floor(Math.random() * 4); let x, y; switch (side) { case 0: x = Math.random() * 800; y = 0; break; case 1: x = 800; y = Math.random() * 600; break; case 2: x = Math.random() * 800; y = 600; break; case 3: x = 0; y = Math.random() * 600; break; } const enemy = this.add.image(x, y, "enemy"); enemy.canMove = true; this.enemies.push(enemy); } }); } this.wave++; } restartGame() { this.canMove = true; this.canShoot = true; this.bullets = []; this.enemies.forEach(enemy => enemy.destroy()); this.enemies = []; this.wave = 1; this.score = 0; this.gameOver = false; this.fireRateDelay = 500; this.enemySpawnMultiplier = 1; this.goreObjects.forEach(gore => gore.destroy()); this.goreObjects = []; this.bloodTiles.forEach(tile => tile.destroy()); this.bloodTiles = []; this.player.x = 400; this.player.y = 300; this.playerLastDirection = { x: 0, y: 0 }; this.spawnEnemies(); this.gameLoop.reset({ delay: 16, loop: true, callback: this.update, callbackScope: this }); this.scoreText.setText(`Score: ${this.score}`); } resetWave() { this.restartGame(); } killGameLoop() { this.gameLoop.remove(); this.stopBackgroundMusic(); } playBackgroundMusic() { if (this.backgroundMusic) { this.backgroundMusic.stop(); } const randomIndex = Math.floor(Math.random() * this.musicKeys.length); const musicKey = this.musicKeys[randomIndex]; this.backgroundMusic = this.sound.add(musicKey); this.backgroundMusic.play({ loop: true, volume: 0.5 }); this.backgroundMusic.once('stop', () => { this.playBackgroundMusic(); }); } stopBackgroundMusic() { if (this.backgroundMusic) { this.backgroundMusic.stop(); this.backgroundMusic = null; } } showGameOverScreen() { if (!this.gameOverText) { this.gameOverText = this.add.text(400, 300, 'Suit_Compromised', { font: '48px Courier', fill: '#00ff00' }); this.gameOverText.setOrigin(0.5); this.rebootingText = this.add.text(400, 360, 'System Rebooting Sending New Suit', { font: '24px Courier', fill: '#00ff00' }); this.rebootingText.setOrigin(0.5); this.rebootingTextBlinkEvent = this.time.addEvent({ delay: 500, loop: true, callback: () => { this.rebootingText.setVisible(!this.rebootingText.visible); } }); } this.time.delayedCall(3000, () => { this.gameOverText.destroy(); this.gameOverText = null; this.rebootingText.destroy(); this.rebootingText = null; this.rebootingTextBlinkEvent.remove(); this.rebootingTextBlinkEvent = null; this.restartGame(); }); } } const container = document.getElementById('renderDiv'); const config = { type: Phaser.AUTO, parent: 'renderDiv', scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, width: 800, height: 600, audio: { disableWeb: true }, physics: { default: 'arcade', arcade: { gravity: { y: 200 } } }, scene: Example }; window.phaserGame = new Phaser.Game(config);