class Enemy { constructor(scene, id, x, y, type) { this.scene = scene; this.x = x; this.y = y; this.id = id; this.size = 32; this.speed = 100; this.sprite = this.scene.physics.add.sprite(this.x, this.y, type).setDisplaySize(this.size, this.size); this.isDead = false; this.attackCooldown = 1000; // in milliseconds this.attackTimer = null; this.type = type; // Enemy type configurations this.typeConfigs = { shooter: { speed: 100, attackCooldown: 3000, }, pusher: { speed: 150, attackCooldown: 2000, }, burst: { speed: 100, attackCooldown: 4000, }, }; // Apply type-specific configurations this.speed = this.typeConfigs[type].speed; this.attackCooldown = this.typeConfigs[type].attackCooldown; } startAttacking() { this.attackTimer = this.scene.time.addEvent({ delay: this.attackCooldown, callback: this.attack, callbackScope: this, loop: true }); } stopAttacking() { if (this.attackTimer) { this.attackTimer.remove(); } } move() { // update the x y based on sprite this.x = this.sprite.x; this.y = this.sprite.y; } attack() { if (this.type === 'shooter') { this.shootBullet(); } else if (this.type === 'burst') { console.log('Burst attack'); let direction = this.shootBullet(); this.scene.time.addEvent({ delay: 200, callback: () => { direction = this.shootBullet(direction.x, direction.y); }, callbackScope: this, repeat: 1 }); } } shootBullet(directionX=null, directionY = null) { const player = this.scene.player; const bullet = new Bullet(this.scene, this.x, this.y, 'enemy'); if (!directionX || !directionY) { const distanceX = player.sprite.x - this.sprite.x; const distanceY = player.sprite.y - this.sprite.y; const angle = Math.atan2(distanceY, distanceX); directionX = Math.cos(angle); directionY = Math.sin(angle); } bullet.setDirection(directionX, directionY); // add physics overlap and callback this.scene.physics.add.overlap(bullet.sprite, player.sprite, this.scene.handleBulletHit, null, this.scene); this.scene.bullets.push(bullet); return {x: directionX, y: directionY}; } moveRing(ring) { const velocityX = this.sprite.body.velocity.x; const velocityY = this.sprite.body.velocity.y; const distance = 80 + (60 * Math.random()) let directionX = velocityX / Math.sqrt(velocityX * velocityX + velocityY * velocityY); let directionY = velocityY / Math.sqrt(velocityX * velocityX + velocityY * velocityY); // Check if moving the ring would make it go out of the game // If so, then ricochet the ring (so if if going out down, then go up; if going out left, then go right, etc.) if (ring.x + directionX * distance < 0 || ring.x + directionX * distance > this.scene.sys.game.config.width || ring.y + directionY * distance < 0 || ring.y + directionY * distance > this.scene.sys.game.config.height) { const ricochetForce = 1.5; if (ring.x + directionX * distance < 0) { directionX = Math.abs(directionX) * ricochetForce; } if (ring.x + directionX * distance > this.scene.sys.game.config.width) { directionX = -Math.abs(directionX) * ricochetForce; } if (ring.y + directionY * distance < 0) { directionY = Math.abs(directionY) * ricochetForce; } if (ring.y + directionY * distance > this.scene.sys.game.config.height) { directionY = -Math.abs(directionY) * ricochetForce; } } ring.x += directionX * distance; ring.y += directionY * distance; ring.sprite.x = ring.x; ring.sprite.y = ring.y; } setDirection(x, y) { const distanceX = x - this.sprite.x; const distanceY = y - this.sprite.y; const angle = Math.atan2(distanceY, distanceX); const directionX = Math.cos(angle); const directionY = Math.sin(angle); this.sprite.setVelocity(directionX * this.speed, directionY * this.speed); } } class Player { constructor(scene, x, y,hp,speed){ this.scene = scene; this.x = x; this.y = y; this.size = 32; this.speed = speed; this.hp = hp this.maxHp = hp; this.sprite = this.scene.physics.add.sprite(this.x, this.y, 'player').setDisplaySize(this.size, this.size); this.sprite.setCollideWorldBounds(true); this.keys = this.scene.input.keyboard.addKeys('W,A,S,D'); this.inRing = true; } heal(amount) { // return if max hp if (this.hp === this.maxHp) { return; } this.hp += amount; if (this.hp <= 0) { console.log('Player died'); } } hurt(amount) { this.hp -= amount; } move() { if (this.keys.W.isDown) { this.sprite.setVelocityY(-this.speed); } else if (this.keys.S.isDown) { this.sprite.setVelocityY(this.speed); } else { this.sprite.setVelocityY(0); } if (this.keys.A.isDown) { this.sprite.setVelocityX(-this.speed); } else if (this.keys.D.isDown) { this.sprite.setVelocityX(this.speed); } else { this.sprite.setVelocityX(0); } // update player x y this.x = this.sprite.x; this.y = this.sprite.y; } } class Bullet { constructor(scene, x, y, sender) { this.scene = scene; this.x = x; this.y = y; this.speed = 300; this.size = 16; this.sprite = this.scene.physics.add.sprite(this.x, this.y, 'bullet').setDisplaySize(this.size, this.size); this.sender = sender; this.isDone = false; this.directionX = 0; this.directionY = 0; } setDirection(x, y) { this.directionX = x; this.directionY = y; this.sprite.setVelocity(x * this.speed, y * this.speed); } move() { // update x y based on sprite this.x = this.sprite.x; this.y = this.sprite.y; } } class Ring { constructor(scene, x, y, healPerInterval, healInterval, radius) { this.scene = scene; this.x = x; this.y = y; this.radius = radius; this.healPerInterval = healPerInterval; this.healInterval = healInterval; this.sprite = this.scene.physics.add.sprite(this.x, this.y, 'ring').setDisplaySize(this.radius * 2, this.radius * 2); } checkCircleSquareCollision(circleX, circleY, circleRadius, squareX, squareY, squareWidth, squareHeight) { const halfSquareWidth = squareWidth / 2; const halfSquareHeight = squareHeight / 2; const deltaX = Math.abs(circleX - squareX); const deltaY = Math.abs(circleY - squareY); if (deltaX > halfSquareWidth + circleRadius || deltaY > halfSquareHeight + circleRadius) { return false; } if (deltaX <= halfSquareWidth || deltaY <= halfSquareHeight) { return true; } const cornerDistanceSquared = Math.pow(deltaX - halfSquareWidth, 2) + Math.pow(deltaY - halfSquareHeight, 2); return cornerDistanceSquared <= Math.pow(circleRadius, 2); } // method to check overlap(other), with ring (circle) checkOverlap(other) { return this.checkCircleSquareCollision(this.sprite.x, this.sprite.y, this.radius, other.x, other.y, other.size, other.size); } } class Main extends Phaser.Scene { constructor () { super(); this.enemies = []; this.bullets = []; this.score = 0; } preload () { this.load.image('bullet', `https://play.rosebud.ai/assets/red_tile_32.png?HZ0F`); this.load.image('pusher', `https://play.rosebud.ai/assets/gold_tile_32.png?3ihp`); this.load.image('player', 'https://play.rosebud.ai/assets/pink_square.jpg?SO6f') this.load.image('shooter', 'https://play.rosebud.ai/assets/big_purple_square.jpg?Fbdf') this.load.image('burst', `https://play.rosebud.ai/assets/placeholder_wave_32x32.png?49NH`); this.load.image('ring', `https://play.rosebud.ai/assets/light_blue_circle.png?eVzQ`); this.load.audio('scoreSound', 'https://play.rosebud.ai/assets/score.wav?FFy9'); this.load.audio('hitSound', 'https://play.rosebud.ai/assets/slam.mp3?JTOu'); this.load.audio('gameOverSound', 'https://play.rosebud.ai/assets/game_over.wav?OQCm'); } create() { this.difficultyConfig = { levels: [ { levelName: "Tutorial", enemyCount: 0, enemyTypes: ["shooter"], maxSpawnTime: 3000, // milliseconds maxSpawnCount: 2 }, { levelName: "Easy", enemyCount: 5, enemyTypes: ["shooter", "pusher"], maxSpawnTime: 2000, maxSpawnCount: 2, }, { levelName: "Medium", enemyCount: 15, enemyTypes: ["shooter", "pusher", "burst"], maxSpawnTime: 2000, maxSpawnCount: 3, }, { levelName: "Hard", enemyCount: 25, enemyTypes: ["shooter", "pusher", "burst"], maxSpawnTime: 2000, maxSpawnCount: 4, }, { levelName: "Insane", enemyCount: 40, enemyTypes: ["shooter", "pusher", "burst"], maxSpawnTime: 1500, maxSpawnCount: 4, } ] }; this.startGame(); } resetGame() { this.sound.stopAll(); this.sound.play('gameOverSound'); // Destroy all sprites this.player.sprite.destroy(); for (const enemy of this.enemies) { enemy.sprite.destroy(); enemy.stopAttacking(); } for (const bullet of this.bullets) { bullet.sprite.destroy(); } this.ring.sprite.destroy(); this.playerHPText.destroy(); this.scoreText.destroy(); this.levelText.destroy(); // Remove all events this.spawnEvent.remove(); this.healthEvent.remove(); // Call startGame to reset the game this.startGame(); } startGame(){ this.currentLevel = this.difficultyConfig.levels[0]; this.endGame = false; this.score = 0; this.bullets = []; this.enemies = []; this.healthInterval = 5; // define constants for: player speed, hp, ring heal per interval, ring heal interval // create player, enemy, ring const PLAYER_SPEED = 130; const PLAYER_HP = 100; const RING_HEAL_PER_INTERVAL = 1; const RING_HEAL_INTERVAL = 25; const PLAYER_X = 400; const PLAYER_Y = 300; const RING_RADIUS = 70; this.ring = new Ring(this, PLAYER_X, PLAYER_Y, RING_HEAL_PER_INTERVAL, RING_HEAL_INTERVAL, RING_RADIUS); this.player = new Player(this, PLAYER_X, PLAYER_Y, PLAYER_HP, PLAYER_SPEED); // log the overlap console.log('Player is in ring:', this.ring.checkOverlap(this.player)); // Add text element for player HP this.playerHPText = this.add.text(10, 10, `${this.player.hp}`, { font: '16px Arial', fill: '#ffffff' }); this.scoreText = this.add.text(10, 40, `Score: ${this.score}`, { font: '24px Arial', fill: '#ffffff' }) this.levelText = this.add.text(10, 10, `Difficulty: ${this.currentLevel.levelName}`, { font: '24px Arial', fill: '#ffffff' }) this.addHealthEvent(); this.addSpawner(); // sounds // this.shootSound = this.sound.add('shootSound'); this.hitSound = this.sound.add('hitSound'); this.scoreSound = this.sound.add('scoreSound'); // set the volume this.hitSound.setVolume(0.8); this.scoreSound.setVolume(0.4); } addSpawner(){ this.spawnEvent = this.time.addEvent({ delay: this.currentLevel.maxSpawnTime, callback: () => { const numEnemies = Math.floor(Math.random() * this.currentLevel.maxSpawnCount) + 1; // stagger the spawn of enemies for (let i = 0; i < numEnemies; i++) { this.time.delayedCall(200 * i, this.spawnEnemy, [], this); } }, callbackScope: this, loop: true }); } update() { this.player.move(); this.playerHPText.setPosition(this.player.sprite.x - 10, this.player.sprite.y - 10); this.moveEnemies(); this.updateBullets(); this.handlePlayerRingOverlap(); this.handleEnemyRingCollision(); this.cleanupEnemies(); if (this.endGame) { this.resetGame(); } } increaseScore() { this.score += 1; this.scoreText.setText(`${this.score}`); this.scoreSound.play(); this.increaseLevel(); } increaseLevel() { const currentLevelIndex = this.difficultyConfig.levels.indexOf(this.currentLevel); if (currentLevelIndex === this.difficultyConfig.levels.length - 1) { return; } const nextLevel = this.difficultyConfig.levels[currentLevelIndex + 1]; if (this.score >= nextLevel.enemyCount) { this.currentLevel = nextLevel; this.spawnEvent.remove(); this.addSpawner(); this.levelText.setText(`Difficulty: ${this.currentLevel.levelName}`); } } moveEnemies() { for (const enemy of this.enemies) { enemy.setDirection(this.player.x, this.player.y); enemy.move() } } updateBullets() { for (let i = this.bullets.length - 1; i >= 0; i--) { const bullet = this.bullets[i]; bullet.move(); if (bullet.isDone) { bullet.sprite.destroy(); this.bullets.splice(i, 1); } } } handlePlayerRingOverlap() { const isPlayerInRing = this.ring.checkOverlap(this.player); if (isPlayerInRing && !this.player.inRing) { this.player.inRing = true; } else if (!isPlayerInRing && this.player.inRing) { this.player.inRing = false; } } spawnEnemy() { // config for enemy spawn const enemyTypes = this.currentLevel.enemyTypes; //spawn enemy const { x: enemyX, y: enemyY } = this.getEnemySpawnPosition(); const randomTypeIndex = Math.floor(Math.random() * enemyTypes.length); const enemyType = enemyTypes[randomTypeIndex]; // generate random id (5 characters long) const id = Math.random().toString(36).substring(2, 7); const enemy = new Enemy(this, id, enemyX, enemyY, enemyType); if (enemy.sprite) { // Check if the enemy sprite was created successfully // log enemies length if (enemyType === 'shooter' || enemyType === 'burst') { enemy.startAttacking(); enemy.attack(); } enemy.setDirection(this.player.x, this.player.y); this.enemies.push(enemy); } else { console.warn('Failed to create enemy sprite'); } } // Enemy touch ring == enemy dies == player scores handleEnemyRingCollision() { for (const enemy of this.enemies) { if (this.ring.checkOverlap(enemy) && !enemy.isDead) { enemy.isDead = true; if (enemy.type === 'pusher' ) { enemy.moveRing(this.ring); } this.increaseScore(); // log type shooter died and new score console.log(`${enemy.type}-${enemy.id} died`); console.log('New score:', this.score); } } } // get enemy spawn Position getEnemySpawnPosition() { const borders = ['left', 'right', 'top', 'bottom']; const randomBorder = borders[Math.floor(Math.random() * borders.length)]; let enemyX, enemyY; switch (randomBorder) { case 'left': enemyX = 0; enemyY = Math.random() * this.sys.game.config.height; break; case 'right': enemyX = this.sys.game.config.width; enemyY = Math.random() * this.sys.game.config.height; break; case 'top': enemyX = Math.random() * this.sys.game.config.width; enemyY = 0; break; case 'bottom': enemyX = Math.random() * this.sys.game.config.width; enemyY = this.sys.game.config.height; break; } return { x: enemyX, y: enemyY} } // remove Enemy from Game removeEnemy(enemy) { enemy.sprite.destroy(); enemy.stopAttacking(); } cleanupEnemies() { this.enemies.forEach(enemy => { if (enemy.isDead) { enemy.sprite.destroy(); enemy.stopAttacking(); } }); this.enemies = this.enemies.filter(enemy => !enemy.isDead); } handleBulletHit(bulletSprite, playerSprite) { const damage = 15; // Hard-coded damagfe value const bullet = this.bullets.find(bullet => bullet.sprite === bulletSprite); // Apply damage to player this.player.hurt(damage); const knockbackForce = 35; // Hard-coded knockback force // Get the direction of the bullet const directionX = bullet.directionX; const directionY = bullet.directionY; // apply knock back to player (kncokbackForce * direction) and move the sprite this.player.sprite.x += knockbackForce * directionX; this.player.sprite.y += knockbackForce * directionY; bullet.isDone = true; this.hitSound.play(); } updatePlayerHealth(){ const PLAYER_HURT_PER_INTERVAL = 1; if (this.player.inRing) { this.player.heal(this.ring.healPerInterval); } else { this.player.hurt(PLAYER_HURT_PER_INTERVAL); // if drops below 0, then set : endGame if (this.player.hp <= 0) { console.log('Player died'); this.endGame = true; } } // Update player HP text this.updatePlayerHPText(); } addHealthEvent(){ this.healthEvent = this.time.addEvent({ delay: this.healthInterval, callback: this.updatePlayerHealth, callbackScope: this, loop: true }); } updatePlayerHPText() { // Update player HP text this.playerHPText.setText(`${this.player.hp}`); } } 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, physics: { default: 'arcade', arcade: { gravity: { y: 0 } } }, scene: Main }; window.phaserGame = new Phaser.Game(config);

Other games like this

About stayInRing