class Example extends Phaser.Scene { constructor () { super(); this.lastFired = 0; // Required for the cooldown this.highScore = localStorage.getItem('highScore') || 0; // Retrieve the high score from localStorage or initialize it to 0 if it's not set } preload () { this.load.image('sky', `https://play.rosebud.ai/assets/space3v3.png?kFb0`); this.load.image('red', `https://play.rosebud.ai/assets/red.png?ORpm`); this.load.image('spaceShip', `https://play.rosebud.ai/assets/ship_E.png?bcr1`); this.load.image('player_bullet', `https://play.rosebud.ai/assets/star_tinyv2.png?TeGa`); this.load.image('player_explode', `https://play.rosebud.ai/assets/star_medium_redv2.png?ZchE`); this.load.image('alienShip', `https://play.rosebud.ai/assets/green alien ship side view facing left.png?G0PW`); this.load.image('bomb', `https://play.rosebud.ai/assets/space bomb that aliens drop.png?tdBb`); this.load.image('logo', `https://play.rosebud.ai/assets/SPACER-BOI-Start-12-30-2023 (1).png?ldyC`); this.load.image('logo_gameover', `https://play.rosebud.ai/assets/SPACER-BOI-Game-over-12-30-2023.png?08Dc`); this.load.image('restart', `https://play.rosebud.ai/assets/return.png?LxM2`); // Load enemy images this.load.image('enemy_A', `https://play.rosebud.ai/assets/enemy_Av2.png?4GIe`); this.load.image('enemy_B', `https://play.rosebud.ai/assets/enemy_Bv2.png?q0pX`); this.load.image('enemy_C', `https://play.rosebud.ai/assets/enemy_Cv2.png?Mnlk`); this.load.image('enemy_D', `https://play.rosebud.ai/assets/enemy_Dv2.png?I9NG`); this.load.image('enemy_E', `https://play.rosebud.ai/assets/enemy_Ev2.png?3XQV`); this.load.image('enemy_bullet', `https://play.rosebud.ai/assets/star_tiny_redv2.png?YFCs`); this.load.image('enemy_bullet2', `https://play.rosebud.ai/assets/star_tiny_orangev2.png?RmIF`); this.load.image('enemy_explode', `https://play.rosebud.ai/assets/star_medium_orangev2.png?7Ly5`); } create () { this.isGameOver = false; this.isShooting = false; this.backgroundSpeed = -0.4; this.score = 0; this.background = this.add.tileSprite(0, 0, this.scale.width, this.scale.height, 'sky'); this.background.setOrigin(0); const particles = this.add.particles('red'); this.emitter = particles.createEmitter({ speed: 60, scale: { start: 0.2, end: 0 }, angle: { min: 90, max: 90 }, // Emit downwards. lifespan: 800, blendMode: 'NORMAL' }); this.explosionParticles = this.add.particles('enemy_explode'); this.explosionEmitter = this.explosionParticles.createEmitter({ speed: 100, scale: { start: 0.6, end: 0 }, // Reduce the scale to make explosion smaller blendMode: 'NORMAL', on: false, lifespan: 500 // Reduce lifespan to make particles travel shorter distance }); this.playerExplosionParticles = this.add.particles('player_explode'); this.playerExplosionEmitter = this.playerExplosionParticles.createEmitter({ speed: 100, scale: { start: 0.8, end: 0 }, // Reduce the scale to make explosion smaller blendMode: 'NORMAL', on: false, lifespan: 500, // Reduce lifespan to make particles travel shorter distance //angle: { min: 45, max: 45 } // Set the angle of emission to 45 degrees }); this.playerbulletExplosionParticles = this.add.particles('player_explode'); this.playerbulletExplosionEmitter = this.playerExplosionParticles.createEmitter({ speed: 100, scale: { start: 0.6, end: 0 }, // Reduce the scale to make explosion smaller blendMode: 'NORMAL', on: false, lifespan: 100, // Reduce lifespan to make particles travel shorter distance //angle: { min: 45, max: 45 } // Set the angle of emission to 45 degrees }); this.spaceShip = this.add.image(400, this.scale.height - 100, 'spaceShip'); this.spaceShip.setScale(0.7); this.emitter.startFollow(this.spaceShip, 0, this.spaceShip.height / 4); this.logo = this.add.image(400, 250, 'logo').setInteractive(); this.logo.setScale(0.5); this.instructions = this.add.text(400, 380, 'Click Start to begin.\n\nThe ship will follow the mouse cursor. Keep the left mouse button pressed to fire.\nEach enemy destroyed gives 10 points. Each enemy missed will deduct 5 points.\nEnemies get stronger as you score.', { fontFamily: 'Arial', fontSize: '16px', color: '#ffffff', align: 'center' } ); this.instructions.setOrigin(0.5); this.scoreText = this.add.text(64, 32, 'Score: 0', { fontFamily: 'Arial', fontSize: '16px', color: '#ffffff', align: 'center' } ); //this.scoreText.setOrigin(0.5); this.hiscoreText = this.add.text(64, 52, 'High Score: ' + this.highScore, { fontFamily: 'Arial', fontSize: '16px', color: '#ffffff', align: 'center' } ); //this.scoreText.setOrigin(0.5); this.logo.on('pointerdown', () => { this.startGame(); }); this.player_bullets = this.add.group(); this.alienShips = this.add.group(); this.enemy_bullets = this.add.group(); // Group to hold enemy bullets this.restartButton = this.add.image(this.scale.width - 24, 24, 'restart').setInteractive(); this.restartButton.setOrigin(1, 0); this.restartButton.on('pointerdown', () => { this.restartGame(); }); this.input.on('pointerdown', () => { if (this.time.now - this.lastFired > 300) { // Check if enough time has passed since the last bullet was shot this.isShooting = true; } }); this.input.on('pointerup', () => { this.isShooting = false; }); } addEnemyShips() { // Add a random enemy ship to the scene let enemyTypes = ['enemy_A', 'enemy_B', 'enemy_C', 'enemy_D', 'enemy_E']; let enemyType = Phaser.Math.RND.pick(enemyTypes); let x = Phaser.Math.Between(0, this.scale.width); let newEnemy = this.add.image(x, 0, enemyType); newEnemy.health = this.score / 100; // Set health of enemy if (newEnemy.health < 1) newEnemy.health = 1 else if (newEnemy.health > 5) newEnemy.health = 5 this.alienShips.add(newEnemy); if (enemyType === 'enemy_C' || enemyType === 'enemy_D') { // These enemies move towards the player first this.tweens.add({ targets: newEnemy, x: this.spaceShip.x, y: this.spaceShip.y, duration: 6000, ease: 'Linear', onComplete: () => { // Then they continue moving down the screen this.tweens.add({ targets: newEnemy, y: this.scale.height + newEnemy.height, duration: 1000, ease: 'Linear' }); } }); // Enemy shooting logic Begins if (enemyType === 'enemy_C') { // Enemy C shoots bullets downwards this.time.addEvent({ delay: 1000, callback: () => { if (newEnemy.active && !this.isGameOver) { let enemy_bullet = this.add.image(newEnemy.x, newEnemy.y, 'enemy_bullet'); this.enemy_bullets.add(enemy_bullet); this.tweens.add({ targets: enemy_bullet, y: this.scale.height + enemy_bullet.height, duration: 2000, ease: 'Linear', onComplete: () => { this.tweens.add({ targets: enemy_bullet, y: this.scale.height + enemy_bullet.height, duration: 500, ease: 'Linear' }); } }); } }, callbackScope: this, loop: true }); } if (enemyType === 'enemy_D') { // Enemy D shoots bullets towards the player this.time.addEvent({ delay: 1000, callback: () => { if (newEnemy.active && !this.isGameOver) { let enemy_bullet = this.add.image(newEnemy.x, newEnemy.y, 'enemy_bullet2'); this.enemy_bullets.add(enemy_bullet); this.tweens.add({ targets: enemy_bullet, x: this.spaceShip.x, y: this.spaceShip.y, duration: 2000, ease: 'Linear', onComplete: () => { this.tweens.add({ targets: enemy_bullet, y: this.scale.height + enemy_bullet.height, duration: 500, ease: 'Linear' }); } }); } }, callbackScope: this, loop: true }); } } else { // Other enemies move down the screen this.tweens.add({ targets: newEnemy, y: this.scale.height + newEnemy.height, duration: 6000, ease: 'Linear' }); if (enemyType === 'enemy_B') { // Enemy B shoots bullets downwards this.time.addEvent({ delay: 1000, callback: () => { if (newEnemy.active && !this.isGameOver) { let enemy_bullet = this.add.image(newEnemy.x, newEnemy.y, 'enemy_bullet'); this.enemy_bullets.add(enemy_bullet); this.tweens.add({ targets: enemy_bullet, y: this.scale.height + enemy_bullet.height, duration: 2000, ease: 'Linear', onComplete: () => { this.tweens.add({ targets: enemy_bullet, y: this.scale.height + enemy_bullet.height, duration: 500, ease: 'Linear' }); } }); } }, callbackScope: this, loop: true }); } if (enemyType === 'enemy_E') { // Enemy E shoots bullets towards the player this.time.addEvent({ delay: 1000, callback: () => { if (newEnemy.active && !this.isGameOver) { let enemy_bullet = this.add.image(newEnemy.x, newEnemy.y, 'enemy_bullet2'); this.enemy_bullets.add(enemy_bullet); this.tweens.add({ targets: enemy_bullet, x: this.spaceShip.x, y: this.spaceShip.y, duration: 2000, ease: 'Linear', onComplete: () => { this.tweens.add({ targets: enemy_bullet, y: this.scale.height + enemy_bullet.height, duration: 500, ease: 'Linear' }); } }); } }, callbackScope: this, loop: true }); } } } startGame() { this.backgroundSpeed = -4; this.time.addEvent({ delay: Phaser.Math.Clamp(2000 - this.score * 2, 500, 2000), // The delay decreases as score increases. Minimum delay is 500ms and maximum delay is 2000ms. callback: this.spawnEnemy, callbackScope: this, loop: true }); this.logo.setVisible(false); this.instructions.setVisible(false); this.input.on('pointermove',pointer => { var y = Phaser.Math.Clamp(pointer.y, this.scale.height * 2/3, this.scale.height); this.tweens.add({ targets: this.spaceShip, x: pointer.x, y: y, duration: 60 }); }); } spawnEnemy() { this.addEnemyShips(); } checkOffScreen() { this.alienShips.getChildren().forEach(enemy => { if (enemy.y > this.scale.height || enemy.x < 0 || enemy.x > this.scale.width) { enemy.destroy(); if (!this.isGameOver) { this.score -= 5; //Penalty for missing this.scoreText.setText('Score: ' + this.score); } } }); // Check off-screen bullets and destroy them this.player_bullets.getChildren().forEach(bullet => { if (bullet.y < 0 || bullet.x < 0 || bullet.x > this.scale.width) { bullet.destroy(); } }); this.enemy_bullets.getChildren().forEach(bullet => { if (bullet.y > this.scale.height || bullet.x < 0 || bullet.x > this.scale.width) { bullet.destroy(); } }); } update() { this.background.tilePositionY += this.backgroundSpeed; if (this.isShooting && !this.isGameOver) { const player_bullet = this.add.image(this.spaceShip.x, this.spaceShip.y - 28, 'player_bullet'); player_bullet.setScale(0.8); this.player_bullets.add(player_bullet); this.lastFired = this.time.now; // Update the time the last bullet was shot this.isShooting = false; this.time.delayedCall(300, () => { if (this.input.activePointer.isDown) { this.isShooting = true; } }); // Moving the bullet up this.tweens.add({ targets: player_bullet, y: -player_bullet.height, duration: 2000, ease: 'Linear' }); } // Check for collision between bullets and enemies if (!this.isGameOver) { this.player_bullets.getChildren().forEach(bullet=>{ this.alienShips.getChildren().forEach(enemy=>{ const distX = Math.abs(bullet.x - enemy.x); const distY = Math.abs(bullet.y - enemy.y); if(distX < bullet.width/2 + enemy.width/2 && distY < bullet.height/2 + enemy.height/2) { bullet.destroy(); this.playerbulletExplosionEmitter.explode(20, bullet.x, bullet.y); // Emit particles at the position of the bullet enemy.health -= 1; // Decreaseenemy.health -= 1; // Decrease enemy health if (enemy.health <= 0) { this.explosionEmitter.explode(50, enemy.x, enemy.y); // Emit particles at the position of the enemy enemy.destroy(); this.score += 10; this.scoreText.setText('Score: ' + this.score); } } }); }); } // Check for collision between enemy bullets and player this.enemy_bullets.getChildren().forEach(bullet => { const distX = Math.abs(bullet.x - this.spaceShip.x); const distY = Math.abs(bullet.y - this.spaceShip.y); if (distX < bullet.width / 2 + this.spaceShip.width / 2 && distY < bullet.height / 2 + this.spaceShip.height / 2) { bullet.destroy(); this.playerExplosionEmitter.explode(50, this.spaceShip.x, this.spaceShip.y); // Emit particles at the position of the player this.spaceShip.destroy(); this.gameOver(); } }); // Check for collision between enemies and player if (!this.isGameOver) { this.alienShips.getChildren().forEach(enemy => { const distX = Math.abs(enemy.x - this.spaceShip.x); const distY = Math.abs(enemy.y - this.spaceShip.y); if (distX < enemy.width / 2 + this.spaceShip.width / 2 && distY < enemy.height / 2 + this.spaceShip.height / 2) { enemy.destroy(); this.playerExplosionEmitter.explode(50, this.spaceShip.x, this.spaceShip.y); // Emit particles at the position of the player this.spaceShip.destroy(); this.gameOver(); } }); } this.checkOffScreen(); } gameOver() { this.isGameOver = true; this.backgroundSpeed = 0.4; if(this.score > this.highScore) { // Check if the current score is greater than the high score this.highScore = this.score; // Update the high score localStorage.setItem('highScore', this.highScore); // Store the new high score in localStorage //this.hiscoreText.setText('Hi Score: ' + this.highScore); } this.logo_gameover = this.add.image(400, 250, 'logo_gameover').setInteractive(); this.logo_gameover.setScale(0.5); this.scoreText = this.add.text(400, 400, 'Final Score: ' + this.score, { fontFamily: 'Arial', fontSize: '38px', color: '#ffffff', align: 'center' }).setOrigin(0.5); if (this.score > 0) { if (this.score < this.highScore) this.scoreText = this.add.text(400, 450, 'Can you beat the HIGH SCORE ' + this.highScore + ' ?', { fontFamily: 'Arial', fontSize: '30px', color: '#ffffff', align: 'center' }).setOrigin(0.5); else this.scoreText = this.add.text(400, 450, 'Bet you can\'t score ' + this.score*1.1 + ' !', { fontFamily: 'Arial', fontSize: '30px', color: '#ffffff', align: 'center' }).setOrigin(0.5); } this.logo_gameover.on('pointerdown', () => { this.restartGame(); }); // Destroy all enemies and bullets this.alienShips.clear(true, true); this.enemy_bullets.clear(true, true); this.player_bullets.clear(true, true); this.emitter.stop() } restartGame() { this.scene.restart(); } } 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, scene: Example }; window.phaserGame = new Phaser.Game(config);