class Example extends Phaser.Scene { constructor () { super(); this.isBoosting = false; // To keep track of when the player is boosting this.gameStarted = false; // Track whether the game has started this.gameSpeed = 1; this.groundSpeed = 0; // The speed at which the ground moves to the left this.score = 0; // Player's score this.wasTouchingDown = false; // To check if player was touching down in last frame this.coins = []; // Array to keep track of all coins this.aliens = []; this.bugs = []; this.spawnCoinTimer; // Timer event for spawning coins this.spawnAlienTimer; // Timer event for spawning aliens this.spawnBugTimer; this.helpText = null; } preload () { //Misc this.load.image('spr_red', `https://play.rosebud.ai/assets/red.png?ORpm`); // Load the player spritesheets this.load.spritesheet('spr_astro_idle', `https://play.rosebud.ai/assets/astro_idle - trimmed.png?l34q`, { frameWidth: 52, frameHeight: 64 }); this.load.spritesheet('spr_astro_run', `https://play.rosebud.ai/assets/astro_run - trimmed.png?cZP2`, { frameWidth: 54, frameHeight: 68 }); this.load.spritesheet('spr_astro_jump', `https://play.rosebud.ai/assets/astro_jump - trimmed.png?QhSX`, { frameWidth: 54, frameHeight: 64 }); this.load.spritesheet('spr_astro_death', `https://play.rosebud.ai/assets/astro_death - trimmed.png?rEHy`, { frameWidth: 56, frameHeight: 68 }); this.load.spritesheet('spr_alien_run', `https://play.rosebud.ai/assets/Alien_run - trimmed.png?g4hI`, { frameWidth: 52, frameHeight: 80 }); this.load.image('spr_bug1', `https://play.rosebud.ai/assets/spr_Sectoid_Alpha - trim.png?6N8r`); this.load.image('spr_bug2', `https://play.rosebud.ai/assets/spr_Sectoid_Beta - trim.png?f7oR`); // Items this.load.spritesheet('spr_gold_coin', `https://play.rosebud.ai/assets/ezgif.com-gif-to-sprite-converter.png?oOTF`, { frameWidth: 52, frameHeight: 48 }); // Game elements and Bkg this.load.image('spr_floor', `https://play.rosebud.ai/assets/spr_floor.png?b4f7`); // Floor tile image this.load.image('spr_bkg1', `https://play.rosebud.ai/assets/spr_bkg1.png?q6xK`); this.load.image('spr_bkg_stars', `https://play.rosebud.ai/assets/spr_bkg_stars.png?4gYo`); this.load.image('spr_bkg_trees1', `https://play.rosebud.ai/assets/parallax-mountain-foreground-trees.png?Sj0p`); this.load.image('spr_bkg_trees2', `https://play.rosebud.ai/assets/parallax-mountain-trees.png?8mbY`); this.load.image('spr_bkg_mountains1', `https://play.rosebud.ai/assets/parallax-mountain-mountains.png?HJ3T`); this.load.image('spr_bkg_mountains2', `https://play.rosebud.ai/assets/parallax-mountain-montain-far.png?bnVR`); // UI this.load.image('spr_start_btn', `https://play.rosebud.ai/assets/START-1-5-2024.png?XKmN`); this.load.spritesheet('spr_numbers', `https://play.rosebud.ai/assets/spr_numbers.png?nv1V`, { frameWidth: 82, frameHeight: 115 }); this.load.image('spr_restart_btn', 'https://storage.googleapis.com/rosebud_assets_storage/276397e9-d093-4edf-a77a-3a1136b741e0.png'); } create () { this.create_bkg(); this.create_player(); this.create_ground(); this.create_UI_elements(); this.setup_UI_Interaction(); // Start listening to the 'pointerdown' event this.input.on('pointerdown', () => { if (this.gameStarted) { this.isBoosting = true; this.jetEmitter.start(); } }); // Stop boosting when the mouse button is released this.input.on('pointerup', () => { this.isBoosting = false; this.jetEmitter.stop(); }); this.input.on('pointerupoutside', () => { this.isBoosting = false; this.jetEmitter.stop(); }); } update () { // Move the background and the ground to the left when the game starts if (this.gameStarted) { this.background1.tilePositionX += 0.5; this.background2.tilePositionX += 1; this.background_mountains2.tilePositionX +=1.1; this.background_mountains1.tilePositionX +=1.15; this.background_trees2.tilePositionX +=1.2; this.background_trees.tilePositionX +=1.25; this.ground.tilePositionX += this.groundSpeed; } // If the game has started and the player is boosting, apply an upwards force if (this.gameStarted) { if (this.isBoosting) { this.player.setVelocityY(-200); // Play the jump animation without looping this.player.anims.play('jump', false); } // If the player is on the floor, play the run animation else if (this.player.body.touching.down) { this.player.anims.play('run', true); if (!this.wasTouchingDown) { //this.dustEmitter.explode(20, this.player.x, this.player.y+50); } } for (let i = 0; i < this.bugs.length; i++) { const bug = this.bugs[i]; bug.y = bug.startingY + Math.sin(bug.x / 100) * 40; } // Update the position of the emitters to be at player's position this.jetEmitter.setPosition(this.player.x - 16, this.player.y); //this.dustEmitter.setPosition(this.player.x, this.player.y+50); // Update wasTouchingDown for next frame this.wasTouchingDown = this.player.body.touching.down; } // Destroy coins that have moved off-screen this.destroyOffscreenObjects(this.coins); } /// PLAYER FUNCTIONS create_player() { // Create the player character this.player = this.physics.add.sprite(100, 400, 'spr_astro_idle'); this.player.setCollideWorldBounds(true); // Make the player fall faster by increasing its gravity this.player.body.setGravityY(300); this.player.body.setBounce(0.2); // Create the jet effect using an emitter this.jetEmitter = this.add.particles('spr_red').createEmitter({ speed: 10, scale: { start: 0.3, end: 0 }, lifespan: 300, blendMode: 'ADD', tint: Phaser.Display.Color.ValueToColor('0xffff00').color }); this.jetEmitter.stop(); this.create_player_anims(); this.player.anims.play('idle'); } create_player_anims() { // Create animations this.anims.create({ key: 'idle', frames: this.anims.generateFrameNumbers('spr_astro_idle', { start: 0, end: 5 }), frameRate: 10, repeat: -1 }); this.anims.create({ key: 'run', frames: this.anims.generateFrameNumbers('spr_astro_run', { start: 0, end: 5 }), frameRate: 10, repeat: -1 }); this.anims.create({ key: 'jump', frames: this.anims.generateFrameNumbers('spr_astro_jump', { start: 0, end: 4 }), frameRate: 10, repeat: 0 }); this.anims.create({ key: 'death', frames: this.anims.generateFrameNumbers('spr_astro_death', { start: 0, end: 5 }), frameRate: 10, repeat: -1 }); this.anims.create({ key: 'alien_run', frames: this.anims.generateFrameNumbers('spr_alien_run', { start: 0, end: 5 }), frameRate: 10, repeat: -1 }); this.anims.create({ key: 'gold_coin_rotate', frames: this.anims.generateFrameNumbers('spr_gold_coin', { start: 0, end: 15 }), frameRate: 15, repeat: -1 }); } // GAME SETUP create_bkg() { // Create the backgrounds this.background1 = this.add.tileSprite(0, 0, 800, 600, 'spr_bkg1').setOrigin(0, 0).setDepth(-7); this.background2 = this.add.tileSprite(0, 0, 800, 600, 'spr_bkg_stars').setOrigin(0, 0).setDepth(-6); this.background_mountains1 = this.add.tileSprite(0, 410, 800, 160, 'spr_bkg_mountains1').setOrigin(0, 0).setDepth(-5); this.background_mountains2 = this.add.tileSprite(0, 410, 800, 160, 'spr_bkg_mountains2').setOrigin(0, 0).setDepth(-4); this.background_trees2 = this.add.tileSprite(0, 410, 800, 160, 'spr_bkg_trees2').setOrigin(0, 0).setDepth(-3); this.background_trees = this.add.tileSprite(0, 410, 800, 160, 'spr_bkg_trees1').setOrigin(0, 0).setDepth(-2); } create_ground() { this.ground = this.add.tileSprite(0, 598, 800*2, 42, 'spr_floor'); this.ground.setScale(1.5); // Create invisible platform for player to land on this.platform = this.add.rectangle(0, 580, 800, 32); this.platform.visible = false; // Add the platform to a physics group this.platforms = this.physics.add.staticGroup(); this.platforms.add(this.platform); // Add a collider between the player and the platform this.physics.add.collider(this.player, this.platforms); } /// UI and FX FUNCTIONS create_UI_elements() { this.startButton = this.add.image(400, 300, 'spr_start_btn').setInteractive(); this.startButton.setScale(0.2); // Create the countdown sprite at position (400, 200), initially hidden this.countdownSprite = this.add.sprite(400, 200, 'spr_numbers', 3); this.countdownSprite.setScale(0.7); this.countdownSprite.visible = false; // Create the score text this.scoreText = this.add.text(16, 16, 'Score: 0', { fontSize: '32px', fill: '#ccc' }); // Create the help text this.helpText = this.add.text( this.sys.game.config.width / 2, this.startButton.y + this.startButton.displayHeight / 2 + 20, 'Use mouse button or touch to activate your jetpack.\nCollect coins.\nWatch out for the aliens and bugs.', { fontSize: '18px', fill: '#ccc' } ).setOrigin(0.5, 0); } setup_UI_Interaction() { // When the button is clicked, start the game this.startButton.on('pointerdown', () => { // Add a fade out effect to the start button this.tweens.add({ targets: this.startButton, alpha: 0, duration: 500, ease: 'Power1' }); this.tweens.add({ targets: this.helpText, alpha: 0, duration: 500, ease: 'Power1' }); // Start the countdown this.startCountdown(); }); } spawnExplosion(x, y, particle, size=0.2) { // Create the explosion effect using an emitter const particles = this.add.particles(particle); const emitter = particles.createEmitter({ speed: 90, lifespan: 500, scale: {start: size, end: 0}, blendMode: 'ADD', tint: Phaser.Display.Color.ValueToColor('0xffff00').color }); // Position the emitter at the given coordinates emitter.setPosition(x, y); // Emit 100 particles emitter.explode(20, x, y); } /// OBJECTS AND ITEM FUNCTIONS spawnObject(spriteName, direction, speed, objArray, objectPattern = Phaser.Math.Between(0, 7)) { //const objectPattern = Phaser.Math.Between(0, 6); // Generate a random number for pattern type const startX = direction === 'right' ? 0 : this.sys.game.config.width; switch(objectPattern) { case 0: // Straight line pattern var coinY = Phaser.Math.Between(50, 450); for(let i = 0; i < 5; i++){ const myObj = this.physics.add.sprite(startX + i * 60, coinY, spriteName); this.setObjectProperties(myObj, direction, speed, spriteName); objArray.push(myObj); } break; case 1: // Zigzag pattern for(let i = 0; i < 5;i++){ const myObj = this.physics.add.sprite(startX + i * 60, 100 + (i % 2) * 30, spriteName); this.setObjectProperties(myObj, direction, speed, spriteName); objArray.push(myObj); } break; case 2: // Random pattern for(let i = 0; i < 4; i++){ const myObj = this.physics.add.sprite(startX + i * 60, Phaser.Math.Between(100, 300), spriteName); this.setObjectProperties(myObj, direction, speed, spriteName); objArray.push(myObj); } break; case 3: // Staircase pattern for(let i = 0; i < 5; i++){ const myObj = this.physics.add.sprite(startX + i * 60, 200 + i * 30, spriteName); this.setObjectProperties(myObj, direction, speed, spriteName); objArray.push(myObj); } break; case 4: // Sin wave pattern for(let i = 0; i < 8; i++){ const myObj = this.physics.add.sprite(startX + i * 60, 200 + Math.sin(i) * 50, spriteName); this.setObjectProperties(myObj, direction, speed, spriteName); objArray.push(myObj); } break; case 5: // Arc pattern for(let i = 0; i < 6; i++){ const myObj = this.physics.add.sprite(startX + i * 60, 200 + Math.sin(i - Math.PI/2) * 50, spriteName); this.setObjectProperties(myObj, direction, speed, spriteName); objArray.push(myObj); } break; case 6: // Circle pattern for(let i = 0; i < 5; i++){ const myObj = this.physics.add.sprite(startX + Math.cos(i/5 * Math.PI * 2) * 70, 200 + Math.sin(i/5 * Math.PI * 2) * 70, spriteName); this.setObjectProperties(myObj, direction, speed, spriteName); objArray.push(myObj); } break; case 7: // Straight line pattern on ground for(let i = 0; i < 6; i++){ const myObj = this.physics.add.sprite(startX + i * 60, 500, spriteName); this.setObjectProperties(myObj, direction, speed, spriteName); objArray.push(myObj); } break; case 8: // On Y axis var myObj = this.physics.add.sprite(startX , Phaser.Math.Between(50, 450), spriteName); this.setObjectProperties(myObj, direction, speed, spriteName); objArray.push(myObj); break; case 9: // On the ground var myObj = this.physics.add.sprite(startX , 526, spriteName); this.setObjectProperties(myObj, direction, speed, spriteName); objArray.push(myObj); break; } } setObjectProperties(object, direction, speed, name) { object.name = name; object.setVelocityX(speed * this.gameSpeed); object.direction = direction; // Set direction object.setScale(0.4); object.body.allowGravity = false; // Prevent object from falling object.startingY = object.y; object.setFlipX(direction === 'left'); // Flip the sprite based on direction this.setObjectInteraction(object); } setObjectInteraction(obj) { if (obj.name === 'spr_gold_coin') { obj.anims.play('gold_coin_rotate'); this.physics.add.overlap(this.player, obj, this.collectCoin, null, this); } else if (obj.name === 'spr_alien_run' || obj.name === 'spr_bug1' || obj.name === 'spr_bug2') { this.physics.add.collider(this.player, obj, this.playerHit, null, this); if (obj.name === 'spr_alien_run'){ obj.setScale(1.05); obj.anims.play('alien_run'); } if (obj.name === 'spr_bug1' || obj.name === 'spr_bug2') { obj.setScale(0.6); } } } spawnAlien() { // Stop the existing timer if it exists if(this.spawnAlienTimer) { this.spawnAlienTimer.remove(); } // Create a new alien this.spawnObject('spr_alien_run', 'left', -165, this.aliens, 9); // Create a new timer with a random delay this.spawnAlienTimer = this.time.addEvent({ delay: Phaser.Math.Between(2000, 6000), callback: this.spawnAlien, callbackScope: this, loop: false }); } spawnRandomBug() { if (this.spawnBugTimer) { this.spawnBugTimer.remove(); } if (this.score >=100) { const bugSprite = Phaser.Math.RND.pick(['spr_bug1', 'spr_bug2']); this.spawnObject(bugSprite, 'left', -195, this.bugs, 8); } this.spawnBugTimer = this.time.addEvent({ delay: Phaser.Math.Between(1000 / this.gameSpeed, 4000 / this.gameSpeed), callback: this.spawnRandomBug, callbackScope: this, loop: false }) } playerHit(player, alien) { player.anims.play('death', true); this.physics.pause(); this.gameOver(); this.time.delayedCall(500, () => { this.spawnExplosion(player.x, player.y, 'spr_red', 0.3); player.destroy(); }, [], this); } gameOver() { // Remove spawn timers if (this.spawnCoinTimer) { this.spawnCoinTimer.remove(); } if (this.spawnAlienTimer) { this.spawnAlienTimer.remove(); } if (this.spawnBugTimer) { this.spawnBugTimer.remove(); } this.physics.pause(); this.gameStarted = false; this.add.text(400, 300, 'Game Over', { fontSize: '32px', fill: '#fff' }).setOrigin(0.5); const restartButton = this.add.image(400, 400, 'spr_restart_btn').setInteractive(); restartButton.setScale(0.2); // When the button is clicked, restart the game restartButton.on('pointerdown', () => { this.gameSpeed = 1; this.score = 0; this.scene.restart(); }); } // Function to adjust game speed based on score adjustGameSpeed() { // Increase game speed as score crosses 100, 250, 500, 750 and 1000 if (this.score > 1000) { this.gameSpeed = 2.2; } else if (this.score > 750) { this.gameSpeed = 2; } else if (this.score > 500) { this.gameSpeed = 1.8; } else if (this.score > 250) { this.gameSpeed = 1.6; } else if (this.score > 100) { this.gameSpeed = 1.2; } // Apply the game speed to the ground speed this.groundSpeed = this.gameSpeed; } collectCoin(player, coin) { this.spawnExplosion(coin.x, coin.y, 'spr_gold_coin'); coin.destroy(); // Destroy the coin this.score += 10; // Update the score this.scoreText.setText('Score: ' + this.score); // Update the score text const index = this.coins.indexOf(coin); if (index > -1) { this.coins.splice(index, 1); } // Adjust game speed based on score this.adjustGameSpeed(); } /// MISC GAMEPLAY FUNCTIONS destroyOffscreenObjects(objects) { for (let i = objects.length - 1; i >= 0; i--) { const object = objects[i]; if ((object.direction === 'left' && object.x < 0) || (object.direction === 'right' && object.x > this.sys.game.config.width)) { object.destroy(); objects.splice(i, 1); if (object.name === 'spr_bug1' || object.name === 'spr_bug2') { } } } } startCountdown() { let countdown = 3; this.countdownSprite.visible = true; this.countdownSprite.setFrame(countdown); const countdownTimer = this.time.addEvent({ delay: 1000, callback: () => { countdown--; if (countdown > 0) { this.countdownSprite.setFrame(countdown); } else { this.countdownSprite.visible = false; countdownTimer.remove(); // Game has started this.gameStarted = true; // Set the player's animation to 'run' this.player.anims.play('run'); // Set the ground speed this.groundSpeed = 2; // Move the player +100 pixels in the x direction this.tweens.add({ targets: this.player, x: this.player.x + 100, duration: 1000, ease: 'Power1' }); this.spawnCoinTimer = this.time.addEvent({ delay: Phaser.Math.Between(5000, 8000), callback: this.spawnObject, callbackScope: this, args: ['spr_gold_coin', 'left', -125, this.coins], loop: true }); this.spawnAlien(); this.spawnRandomBug(); } }, loop: true }); } } /// CANVAS 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: 200 } } }, scene: Example }; window.phaserGame = new Phaser.Game(config);