class Example extends Phaser.Scene { constructor () { super(); this.gameStarted = false; this.playerTweenDuration = 300; this.playerShootCooldown = 200; this.playerMissileShootCooldown = 1600; this.playerShooting = false; this.playerBulletSpeed = 10; this.playerBulletPower = 1; this.playerBullets = []; this.playerHmissileSpeed = 4; // Added variable to hold player's homing missile speed this.playerHmissilePower = 3; this.playerMissileThreshold = 250; this.playerHmissiles = []; // Added array to hold player's homing missiles this.enemyBullets = []; // Array to store enemy bullets this.enemies = []; this.enemySpeedMin = 100; this.enemySpeedMax = 200; this.enemyBulletSpeed = 5; this.score = 0; this.score_difficulty_multiplier=250; this.gameOver = false; this.bigTextStyle = { font: "62px Impact", fill: "#dddddd", boundsAlignH: "center", boundsAlignV: "middle" }; this.medTextStyle = { font: "28px Verdana", fill: "#dddddd", boundsAlignH: "center", boundsAlignV: "middle" }; this.smallTextStyle = { font: "16px Courier", fill: "#dddddd", boundsAlignH: "center", boundsAlignV: "middle" }; this.shadows = []; this.bkgScrollSpeed = 0.1; } preload () { this.load.image('sky', 'https://storage.googleapis.com/rosebud_assets_storage/5103ed96-fd28-422e-8bce-bf1fb07337f0.png'); this.load.image('logo', 'https://storage.googleapis.com/rosebud_assets_storage/358f77d9-b583-4cc0-a361-ae126041213a.png'); this.load.image('red_particle', 'https://storage.googleapis.com/rosebud_assets_storage/9df43adc-2cc8-45cb-a3d2-59a662d9f559.png'); this.load.image('spr_player', 'https://storage.googleapis.com/rosebud_assets_storage/ab30a78c-2320-4a00-b8da-6b21f3f94d59.png'); this.load.image('spr_player_bullet', 'https://storage.googleapis.com/rosebud_assets_storage/51357503-f5e1-4619-a685-09315f9f8c2f.png'); this.load.image('spr_player_hmissile', 'https://storage.googleapis.com/rosebud_assets_storage/b814f88f-cd4f-4a50-8823-18e0c75d61d2.png'); this.load.image('spr_enemy_small1' , 'https://storage.googleapis.com/rosebud_assets_storage/3c1a58da-96f5-479b-b963-7839b79697e7.png'); this.load.image('spr_enemy_small2' , 'https://storage.googleapis.com/rosebud_assets_storage/bde0b9c0-dd44-48bf-8be5-823ee3d6bb28.png'); this.load.image('spr_enemy_small3' , 'https://storage.googleapis.com/rosebud_assets_storage/ac61a474-0e3a-4662-a76a-a3a4f16884e8.png'); this.load.image('spr_enemy_med1' , 'https://storage.googleapis.com/rosebud_assets_storage/f5474306-c15a-4f4d-b56f-eff02cff716f.png'); this.load.image('spr_enemy_med2' , 'https://storage.googleapis.com/rosebud_assets_storage/60c08a7a-8adc-49a0-899a-32889d048c3a.png'); this.load.image('spr_enemy_med3' , 'https://storage.googleapis.com/rosebud_assets_storage/e87ddee1-c9bc-41ee-94dc-ab2c97e18487.png'); this.load.image('spr_enemy_big1' , 'https://storage.googleapis.com/rosebud_assets_storage/e9b2fa6f-a0ee-4e14-a33b-068f7d7f11ed.png'); this.load.image('spr_enemy_big2' , 'https://storage.googleapis.com/rosebud_assets_storage/1b54e123-4129-4612-9737-330d3ddf485d.png'); this.load.image('spr_enemy_big3' , 'https://storage.googleapis.com/rosebud_assets_storage/ee1e0df9-002d-47b5-b14e-53a424a8809f.png'); this.load.image('spr_enemy_bullet1', 'https://storage.googleapis.com/rosebud_assets_storage/4c167ab8-d8e3-45a4-a16a-835524a55fad.png'); this.load.image('spr_enemy_bullet2', 'https://storage.googleapis.com/rosebud_assets_storage/08ee6bda-396c-4c6d-844e-555b6b342fba.png'); this.load.image('spr_start_btn', 'https://storage.googleapis.com/rosebud_assets_storage/187ec7b3-bedf-48bc-92e2-d9e26e649afe.png'); this.load.image('spr_reset_btn', 'https://storage.googleapis.com/rosebud_assets_storage/6d9fb69a-060d-467e-aa1b-d7de8e1113df.png'); this.load.image('spr_restart_btn', 'https://storage.googleapis.com/rosebud_assets_storage/c81a5159-4e32-43ad-a2c3-1947540c4d90.png'); this.load.spritesheet('waterTile', 'https://storage.googleapis.com/rosebud_assets_storage/b7c5a131-5642-4756-aa92-5fa1d0df12c1.png', { frameWidth: 32, frameHeight: 32 }); } create () { //this.bkg1 = this.add.image(400, 300, 'sky'); this.camera_center_x = this.cameras.main.width/2 this.waterTile = this.add.tileSprite(0, 0, this.cameras.main.width, this.cameras.main.height, 'waterTile'); this.waterTile.setOrigin(0, 0); this.waterTile.setTint(0xcccccc); this.logo = this.add.image(this.camera_center_x, this.cameras.main.height*(2/8), 'logo'); this.logo.setScale(0.5); this.logo.setDepth(1); this.createShadow(this.logo,5,5,this.logo.scale); // Adding Start Button this.startButton = this.add.image(this.camera_center_x, this.cameras.main.height*(5/8), 'spr_start_btn').setInteractive(); this.startButton.setScale(0.2); // Adding Reset Button this.resetButton = this.add.image(this.camera_center_x, this.cameras.main.height*(6/8), 'spr_reset_btn').setInteractive(); this.resetButton.setScale(0.2); // Adding Restart Button, initially hidden this.restartButton = this.add.image(this.cameras.main.width - 50, 40, 'spr_restart_btn').setInteractive(); this.restartButton.setScale(0.08); this.restartButton.visible = false; // Adding player this.player = this.add.sprite(this.camera_center_x, this.cameras.main.height*(7/8), 'spr_player'); this.createShadow(this.player, 10, this.player.height/2); // Adding score text this.scoreText = this.add.text(16, 16, 'Score: 0', this.smallTextStyle); this.scoreText.setShadow(3, 3, 'rgba(0,0,0,0.5)', 2); // Pointer down to make player shoot this.input.on('pointerdown', (pointer) => { if (pointer.leftButtonDown() && this.gameStarted) { this.playerShooting = true; } }); this.input.on('pointerup', () => { this.playerShooting = false; }); // Pointer move event to move player this.input.on('pointermove', pointer => { // Player only moves if the game has started if (this.gameStarted) { this.movePlayer(pointer, 18); } }); // Start Button Click event this.startButton.on('pointerdown', (pointer) => { this.startGame(pointer); this.startButton.setTint(0x0000ff); // Tint the start button blue when clicked }); this.resetButton.on('pointerdown', () => this.resetGame()); this.restartButton.on('pointerdown', () => this.resetGame()); // Listen for 'k' key press this.input.keyboard.on('keydown-K', () => { //this.debug_sprite(); }); } // Start game method startGame (pointer) { console.log("Game started!"); // Create a new tween that changes the bkgScrollSpeed to 2 over 2 seconds this.tweens.add({ targets: this, bkgScrollSpeed: 0.8, ease: 'Linear', // 'Cubic', 'Elastic', 'Bounce', 'Back' duration: 2000, repeat: 0, // -1: infinity yoyo: false }); //this.bkgScrollSpeed = 1.4 // Reset player score this.score = 0; this.displayScore(this.score) this.difficulty=1; this.movePlayer(pointer, 18); this.player.lastShotTime = 0; // Initialize lastShotTime when game starts this.gameStarted = true; this.gameOver = false; // Remove buttons this.startButton.visible = false; this.resetButton.visible = false; this.restartButton.visible = true; // Tween logo this.tweens.add({ targets: this.logo, y: this.cameras.main.height + this.logo.height, alpha: 0, ease: 'Power1', duration: 2000, }); // Start spawning enemies this.enemySpawnEvent = this.time.addEvent({ delay: Phaser.Math.Between(2000, 4000), // fire at random interval between 1-2 sec callback: this.spawnEnemies, callbackScope: this, loop: true }); } // Reset game method resetGame () { console.log("Game reset!"); //In case there are objects on screen this.destroyAllObjects() this.gameStarted = false; this.gameOver = false; this.cameras.main.fadeOut(500, 0, 0, 0, function (camera, progress) { if (progress === 1) { this.scene.restart(); this.cameras.main.fadeIn(200, 0, 0, 0); } }, this); } // All GameOver logic goes here gameOverCode () { //this.enemies.forEach(enemy => enemy.destroy()); //this.enemies = []; //this.enemyBullets.forEach(bullet => bullet.destroy()); //this.enemyBullets = []; //this.enemySpawnEvent.remove(false); this.destroyAllObjects(true) //this.bkgScrollSpeed = 0.2 // Create a new tween that changes the bkgScrollSpeed this.tweens.add({ targets: this, bkgScrollSpeed: 0.1, ease: 'Linear', // 'Cubic', 'Elastic', 'Bounce', 'Back' duration: 200, repeat: 0, // -1: infinity yoyo: false }); this.gameOver = true; this.scoreText.visible = false; var goTxt = this.add.text(this.cameras.main.centerX, this.cameras.main.centerY, 'GAME OVER', this.bigTextStyle ).setOrigin(0.5).setDepth(2); goTxt.setShadow(5, 5, 'rgba(0,0,0,0.5)', 2); var goScore = this.add.text(this.cameras.main.centerX, this.cameras.main.height*(5/8), 'SCORE: '+this.score, this.medTextStyle ).setOrigin(0.5).setDepth(2); goScore.setShadow(4, 4, 'rgba(0,0,0,0.5)', 2); } destroyAllObjects(fx=false) { // Destroy enemies and create explosions this.enemies.forEach(enemy => { if(fx) this.createExplosion(enemy.x, enemy.y, 'spr_enemy_bullet2',500); enemy.destroy(); }); this.enemies = []; // Destroy enemy bullets and create explosions this.enemyBullets.forEach(bullet => { if (fx) this.createExplosion(bullet.x, bullet.y, 'spr_enemy_bullet2',300); bullet.destroy(); }); this.enemyBullets = []; } //// PLAYER SECTION //// // Player movement method movePlayer (pointer, offsety) { //Clamp player to within bottom 2/3 of screen let y = Phaser.Math.Clamp(pointer.y - offsety, this.cameras.main.height * 2 / 3, this.cameras.main.height); let x = Phaser.Math.Clamp(pointer.x, 0 + this.player.width/4, this.cameras.main.width - this.player.width/4); this.tweens.add({ targets: this.player, x: x, y: y, ease: 'cubic', duration: this.playerTweenDuration }); } // Shoot Player Bullet method shootPlayerBullet() { // Check if enough time has passed since the last bullet was shot if (this.playerShooting && !this.gameOver) { if (!this.player.lastShotTime || this.time.now - this.player.lastShotTime > this.playerShootCooldown) { let bullet = this.add.image(this.player.x, this.player.y - this.player.height / 2, 'spr_player_bullet'); bullet.setScale(1.3); bullet.speed = this.playerBulletSpeed; bullet.power = this.playerBulletPower; this.playerBullets.push(bullet); // Record the time the bullet was shot this.player.lastShotTime = this.time.now; this.createShadow(bullet,10,10,0.8); } } this.movePlayerBullets(); } movePlayerBullets() { for(let i = 0; i < this.playerBullets.length; i++){ if(this.playerBullets[i].y < 0){ this.playerBullets[i].destroy(); this.playerBullets.splice(i, 1); } else { this.playerBullets[i].y -= this.playerBullets[i].speed; } } } // New method to shoot homing missile shootPlayerHmissile() { if (this.playerShooting && !this.gameOver) { if (!this.player.lastMissileShotTime || this.time.now - this.player.lastMissileShotTime > this.playerMissileShootCooldown) { let hmissile = this.add.image(this.player.x, this.player.y - this.player.height / 2, 'spr_player_hmissile'); hmissile.setScale(1.5) hmissile.speed = this.playerHmissileSpeed; hmissile.power = this.playerHmissilePower; this.playerHmissiles.push(hmissile); // Record the time the missile was shot this.player.lastMissileShotTime = this.time.now; } } this.movePlayerHmissiles(); } movePlayerHmissiles() { for(let i = 0; i < this.playerHmissiles.length; i++){ if(this.playerHmissiles[i].y < 0 || this.playerHmissiles[i].y > this.cameras.main.height+50){ this.playerHmissiles[i].destroy(); this.playerHmissiles.splice(i, 1); } else { let missile = this.playerHmissiles[i]; if (missile.target && missile.target.active) { let dirX = missile.target.x - missile.x; let dirY = missile.target.y - missile.y; let len = Math.sqrt(dirX * dirX + dirY * dirY); dirX /= len; dirY /= len; missile.rotation = Phaser.Math.Angle.Between(missile.x, missile.y, missile.target.x, missile.target.y) + Math.PI/2; // Rotate sprite towards target missile.x += dirX * missile.speed; missile.y += dirY * missile.speed; } // else if (missile.target && !missile.target.active) { // If missile target is destroyed, also destroy the missile // this.createExplosion(this.playerHmissiles[i].x, this.playerHmissiles[i].y, 'spr_player_bullet'); // this.playerHmissiles[i].destroy(); // this.playerHmissiles.splice(i, 1); // } else { for (let j = 0; j < this.enemies.length; j++) { let enemy = this.enemies[j]; let dist = Phaser.Math.Distance.Between(missile.x, missile.y, enemy.x, enemy.y); if (dist <= this.playerMissileThreshold) { missile.target = enemy; break; } } if (!missile.target) { missile.y -= missile.speed; } } } } } destroyPlayer() { this.createExplosion(this.player.x, this.player.y, 'spr_enemy_bullet1',600) this.player.destroy(); this.gameOverCode(); this.playerHmissiles.forEach(missile => missile.destroy()); this.playerHmissiles = []; //this.playerBullets.forEach(bullet => bullet.destroy()); //this.playerBullets = []; } //// PLAYER SECTION ENDS //// //// ENEMY SECTION //// spawnEnemies() { // Initially spawn only small enemies let enemyTypes = ['spr_enemy_small1', 'spr_enemy_small2', 'spr_enemy_small3']; // After first difficulty level, spawn medium enemies also if(this.score > this.score_difficulty_multiplier * 1){ enemyTypes.push('spr_enemy_med1','spr_enemy_med2','spr_enemy_med3'); } // After first difficulty level, spawn big enemies also if(this.score > this.score_difficulty_multiplier * 2){ enemyTypes.push('spr_enemy_big1','spr_enemy_big2','spr_enemy_big3'); } const randomEnemy = Phaser.Math.RND.pick(enemyTypes); const x = Phaser.Math.Between(32, this.cameras.main.width-32); const y = -50; if (this.gameStarted) { // Some enemies will be above and some below the GameOver text and other UI elements var enemyDepth = Phaser.Math.RND.between(1, 3) let enemy = this.add.image(x, y, randomEnemy).setDepth(enemyDepth); this.createShadow(enemy, 10, -enemy.height/1.4); enemy.name = randomEnemy; // Add this line to assign the name property enemy.speed = Phaser.Math.Between(this.enemySpeedMin, this.enemySpeedMax)/60; // Speed is in pixel/frame, so divide by 60 for per second speed enemy.health = 3; // New enemy health property enemy.shot_cooldown = 2; // Scaling medium enemy size, health and speed if (randomEnemy.includes('med')) { enemy.setScale(1.3); enemy.health=5; enemy.speed = enemy.speed *0.75 enemy.shot_cooldown = 2.5; } // Scaling big enemy size, health and speed else if (randomEnemy.includes('big')) { enemy.setScale(1.5); enemy.health=8; enemy.speed = enemy.speed *0.5 enemy.shot_cooldown = 3; } this.enemies.push(enemy); } } // Move enemies and destroy if out of scene. 50 pixels to be safe. moveEnemies() { { for(let i = 0; i < this.enemies.length; i++){ // Destroy enemies if outside camera if(this.enemies[i].y > this.cameras.main.height+50){ this.enemies[i].destroy(); this.enemies.splice(i, 1); } else { // Move Medium2 type enemies towards player if (this.enemies[i].name.includes('med2')) { this.moveEnemyTowardsPlayer(i); } // After second difficulty level, Small2 type enemies also move towards the player else if (this.score > this.score_difficulty_multiplier*2 && this.enemies[i].name.includes('small2')) { this.moveEnemyTowardsPlayer(i); } // Move enemies straight down else { this.enemies[i].y += this.enemies[i].speed; } } } } } moveEnemyTowardsPlayer(i) { if (!this.gameOver && this.enemies[i]) { // Calculate direction vector (player position - enemy position) let dirX = this.player.x - this.enemies[i].x; let dirY = this.player.y - this.enemies[i].y; // Normalize direction vector let len = Math.sqrt(dirX * dirX + dirY * dirY); dirX /= len; dirY /= len; // Move enemy towards player this.enemies[i].x += dirX * this.enemies[i].speed; this.enemies[i].y += dirY * this.enemies[i].speed; } else { this.enemies[i].y += this.enemies[i].speed; } } shootEnemyBullet() { if (!this.gameOver) { for(let i = 0; i < this.enemies.length; i++){ if (this.enemies[i].name.includes('1') || this.enemies[i].name.includes('3') ) { if(this.enemies[i] && (!this.enemies[i].nextShot || this.enemies[i].nextShot < this.time.now)) { var bullet = this.add.image(this.enemies[i].x, this.enemies[i].y + this.enemies[i].height / 2, 'spr_enemy_bullet1'); bullet.setScale(1.3); bullet.speed = this.enemyBulletSpeed; this.enemies[i].nextShot = this.time.now + this.enemies[i].shot_cooldown * 1000; this.enemyBullets.push(bullet); } } } } this.moveEnemyBullets() } moveEnemyBullets() { for(let i = 0; i < this.enemyBullets.length; i++) { if(this.enemyBullets[i].y > this.cameras.main.height) { this.enemyBullets[i].destroy(); this.enemyBullets.splice(i, 1); } else { this.enemyBullets[i].y += this.enemyBullets[i].speed; } } } destroyEnemy(i) { this.createExplosion(this.enemies[i].x, this.enemies[i].y, 'spr_enemy_bullet1', 400); this.enemies[i].destroy(); this.enemies.splice(i, 1); this.score += 100; // Increment score this.displayScore(this.score); // Update enemy spawn rate after every enemy destroyed this.updateEnemySpawnRate(); } destroyDeadEnemies() { for(let i = 0; i < this.enemies.length; i++){ if (this.enemies[i].health <= 0) { this.destroyEnemy(i); // Calls the new destroyEnemy function } } } updateEnemySpawnRate() { // Update delay to spawn enemies faster as score goes up const newDelay = Phaser.Math.Clamp(2000 - (this.score / 10), 1000, 2000); this.enemySpawnEvent.delay = newDelay; } //// ENEMY SECTION ENDS//// checkCollision() { //Disable collision check if Game over if (!this.gameOver) { // Collision check for enemy and player bullets for(let i = 0; i < this.enemies.length; i++){ // If enemy is visible in scene. 16 pixels to be safe. if ( this.enemies[i].y > 0 + 16 ) { // Iterate through all player bullets in scene to check for collision for(let j = 0; j < this.playerBullets.length; j++){ //In certain cases enemy may be destroyed while for loop is running if(this.enemies[i]) { if(Phaser.Geom.Intersects.RectangleToRectangle(this.enemies[i].getBounds(), this.playerBullets[j].getBounds())){ this.enemies[i].health -= this.playerBullets[j].power; // Decrement the enemy's health this.flash_red(this.enemies[i]) this.playerBullets[j].destroy(); this.playerBullets.splice(j, 1); break; } } else break; } // Iterate through all player homing missiles in scene to check for collision for(let j = 0; j < this.playerHmissiles.length; j++){ //In certain cases enemy may be destroyed while for loop is running if(this.enemies[i]) { if(Phaser.Geom.Intersects.RectangleToRectangle(this.enemies[i].getBounds(), this.playerHmissiles[j].getBounds())){ this.enemies[i].health -= this.playerHmissiles[j].power; // Decrement the enemy's health by the power of the homing missile this.flash_red(this.enemies[i]) if (this.playerHmissiles[j]) { this.createExplosion(this.playerHmissiles[j].x, this.playerHmissiles[j].y, 'spr_player_bullet'); this.playerHmissiles[j].destroy(); this.playerHmissiles.splice(j, 1); } break; } } else break; } } } // Collision check for player and enemy bullets for (let i = 0; i < this.enemyBullets.length; i++){ if(Phaser.Geom.Intersects.RectangleToRectangle(this.player.getBounds(), this.enemyBullets[i].getBounds())){ this.destroyPlayer(); //this.enemyBullets[i].destroy() //this.enemyBullets.splice(i, 1); break; } } // Collision check for player and enemy for (let i = 0; i < this.enemies.length; i++){ if(Phaser.Geom.Intersects.RectangleToRectangle(this.player.getBounds(), this.enemies[i].getBounds())){ this.destroyPlayer(); //this.enemy[i].destroy() //this.enemy.splice(i, 1); break; } } } } //// UI, FX AND JUICE SECTION //// flash_red(img) { img.setTint(0xff0000); // Tint to red this.time.addEvent({ delay: 50, // Flash for 0.5 seconds callback: () => img.clearTint(), // Remove tint callbackScope: this }); } createExplosion(x, y, particle_img, lifespan=500) { let particles = this.add.particles(particle_img); let emitter = particles.createEmitter({ speed: 100, scale: { start: 0.8, end: 0 }, alpha: { start: 1, end: 0 }, blendMode: 'normal', lifespan: lifespan }); emitter.explode(30, x, y); } // Add createShadow method createShadow(object, offsetX, offsetY, scale = 0.5) { let shadow = this.add.image(object.x + offsetX, object.y + offsetY, object.texture.key); shadow.setDepth(0); shadow.setScale(scale); shadow.setTint(0x222222); // Dark grey tint shadow.setAlpha(0.7); object.shadow = shadow; // Attach shadow to the object shadow.parentObj = object; shadow.offsetX = offsetX; shadow.offsetY = offsetY; this.shadows.push(shadow); // Push the shadow to the shadows array } // Move the shadow with its parent moveShadow() { for (let i = 0; i < this.shadows.length; i++) { // If the parent object is destroyed if (!this.shadows[i].parentObj.active) { this.shadows[i].destroy(); // Destroy the shadow this.shadows.splice(i, 1); // Remove it from the shadows array } else { this.shadows[i].x = this.shadows[i].parentObj.x + this.shadows[i].offsetX; this.shadows[i].y = this.shadows[i].parentObj.y + this.shadows[i].offsetY; } } } displayScore(score = 0) { this.scoreText.setText('Score: ' + score); // Update score text } //// FX AND JUICE SECTION ENDS //// update() { this.waterTile.tilePositionY -= this.bkgScrollSpeed; this.checkCollision(); this.destroyDeadEnemies(); this.moveEnemies(); this.moveShadow(); this.shootPlayerBullet(); //this.shootPlayerHmissile(); // Let's have enemies shoot only after first difficulty level if (this.score > this.score_difficulty_multiplier*1) this.shootEnemyBullet(); } } const container = document.getElementById('renderDiv'); const config = { type: Phaser.AUTO, parent: 'renderDiv', scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, width: 600, height: 800, scene: Example }; window.phaserGame = new Phaser.Game(config);