class OpeningScene extends Phaser.Scene { constructor() { super('OpeningScene'); } preload() { this.load.image('opening', 'https://play.rosebud.ai/assets/Opening.jpeg?F11d'); this.load.image('button', 'https://play.rosebud.ai/assets/Button.png?f8Wn'); } create() { this.add.image(400, 300, 'opening').setScale(0.5); const startButton = this.add.image(400, 100, 'button') .setInteractive() .setScale(0.2); this.add.text(400, 100, 'START', { fontSize: '32px', fill: '#ffffff', fontStyle: 'bold' }).setOrigin(0.5); startButton.on('pointerdown', () => { this.scene.start('CowboyShootingGame'); }); } } class CowboyShootingGame extends Phaser.Scene { constructor () { super('CowboyShootingGame'); this.resetGameVariables(); } resetGameVariables() { this.score = 0; this.moveSpeed = 3; this.isMovingLeft = false; this.isMovingRight = false; this.facingRight = true; this.isJumping = false; this.jumpsLeft = 2; // For double jump this.alienSpawnTime = 3000; this.canShoot = true; this.isShooting = false; this.jumpForce = -800; this.jumpDuration = 400; this.alienWalkSpeed = 52.5; this.alienFlySpeed = 105; this.activePointers = {}; this.groundLevel = 910; this.jumpCooldown = 250; this.lastJumpTime = 0; this.alienBeeAmplitude = 50; this.alienBeeFrequency = 0.002; this.isInvulnerable = false; this.health = 3; this.maxHealth = 3; this.isGameOver = false; this.shootCooldown = 500; this.fireRateMultiplier = 1; this.fireRateStackCount = 0; this.gameTime = 0; this.difficultyIncreaseInterval = 10000; this.maxDifficultyMultiplier = 3; this.hitAliens = new Set(); this.isPaused = false; } preload () { this.load.image('background', 'https://play.rosebud.ai/assets/Sand and the starry night sky.png?8Oky'); this.load.image('bullet', `https://play.rosebud.ai/assets/Bullet.png?ChrM`); this.load.image('cowboy', 'https://play.rosebud.ai/assets/A cowboy holding gun.png?en9c'); this.load.image('button', 'https://play.rosebud.ai/assets/Button.png?f8Wn'); this.load.image('muzzleFlash', 'https://play.rosebud.ai/assets/red.png?g53w'); this.load.image('alien1', 'https://play.rosebud.ai/assets/Alien.png?Xkhn'); this.load.image('alien2', 'https://play.rosebud.ai/assets/Alien B.png?6BAf'); this.load.image('alien3', 'https://play.rosebud.ai/assets/Alien Bee.png?kVB4'); this.load.image('bloodSplash', 'https://play.rosebud.ai/assets/Blood splash.png?KYxW'); this.load.image('dust', 'https://play.rosebud.ai/assets/dust_particle.png?abcd'); this.load.image('heart', 'https://play.rosebud.ai/assets/Red heart.png?j3p3'); this.load.image('skull', 'https://play.rosebud.ai/assets/Skull with wings.png?3KQx'); this.load.image('fireRateItem', 'https://play.rosebud.ai/assets/photostudio_1721049238237.png?cImz'); this.load.audio('bgm', 'https://play.rosebud.ai/assets/Pixel Paradise.mp3?6mfV'); this.load.audio('hitHurt', 'https://play.rosebud.ai/assets/hitHurt.wav?XKV3'); this.load.audio('jump', 'https://play.rosebud.ai/assets/jump.wav?bjyX'); this.load.audio('powerUp', 'https://play.rosebud.ai/assets/powerUp.wav?LjlU'); this.load.audio('death', 'https://play.rosebud.ai/assets/synth.wav?nI0A'); } create () { this.resetGameVariables(); this.background = this.add.image(400, 300, 'background'); this.background.setScale(1); this.bgm = this.sound.add('bgm', { loop: true }); this.bgm.play(); this.hitHurtSound = this.sound.add('hitHurt'); this.jumpSound = this.sound.add('jump'); this.powerUpSound = this.sound.add('powerUp'); this.deathSound = this.sound.add('death'); this.ground = this.physics.add.staticGroup(); this.ground.create(400, this.groundLevel, 'button').setScale(20, 1).refreshBody().setAlpha(0); this.cowboy = this.physics.add.sprite(400, -50, 'cowboy'); this.cowboy.setCollideWorldBounds(true); this.cowboy.setScale(0.25); this.cowboy.setBounce(0.1); this.cowboy.body.setSize(this.cowboy.width * 0.4, this.cowboy.height * 0.8); this.cowboy.body.setOffset(this.cowboy.width * 0.3, this.cowboy.height * 0.2); this.cowboy.body.setGravityY(600); this.muzzleFlash = this.add.image(this.cowboy.x, this.cowboy.y - 25, 'muzzleFlash'); this.muzzleFlash.setScale(0.15); this.muzzleFlash.setVisible(false); this.bullets = this.physics.add.group(); this.aliens = this.physics.add.group(); this.fireRateItems = this.physics.add.group(); this.heartItems = this.physics.add.group(); this.scoreText = this.add.text(750, 50, 'Score: 0', { fontSize: '48px', fill: '#ffffff', fontStyle: 'bold', stroke: '#000000', strokeThickness: 6 }); this.scoreText.setOrigin(1, 0.5); this.healthBar = this.add.group(); this.updateHealthBar(); this.physics.add.overlap(this.bullets, this.aliens, this.hitAlien, null, this); this.physics.add.collider(this.cowboy, this.ground, this.resetJumps, null, this); this.physics.add.collider(this.aliens, this.ground); this.physics.add.collider(this.heartItems, this.ground); this.physics.add.overlap(this.cowboy, this.aliens, this.hitCowboy, null, this); this.physics.add.overlap(this.cowboy, this.fireRateItems, this.collectFireRateItem, null, this); this.physics.add.overlap(this.cowboy, this.heartItems, this.collectHeart, null, this); this.shootButton = this.add.image(700, 550, 'button') .setInteractive() .setScale(0.125 * 1.15) .setData('action', 'shoot'); this.add.text(700, 550, 'SHOOT', { fontSize: '16px', fill: '#ffffff', fontStyle: 'bold' }).setOrigin(0.5); this.jumpButton = this.add.image(700, 450, 'button') .setInteractive() .setScale(0.125 * 1.15) .setData('action', 'jump'); this.add.text(700, 450, 'JUMP', { fontSize: '16px', fill: '#ffffff', fontStyle: 'bold' }).setOrigin(0.5); this.leftButton = this.add.image(50, 550, 'button') .setInteractive() .setScale(0.1 * 1.15 * 1.1) .setData('action', 'left'); this.add.text(50, 550, 'LEFT', { fontSize: '16px', fill: '#ffffff', fontStyle: 'bold' }).setOrigin(0.5); this.rightButton = this.add.image(150, 550, 'button') .setInteractive() .setScale(0.1 * 1.15 * 1.1) .setData('action', 'right'); this.add.text(150, 550, 'RIGHT', { fontSize: '16px', fill: '#ffffff', fontStyle: 'bold' }).setOrigin(0.5); this.input.addPointer(3); this.input.on('pointerdown', this.handlePointerDown, this); this.input.on('pointerup', this.handlePointerUp, this); this.input.on('pointerout', this.handlePointerUp, this); this.alienSpawnEvent = this.time.addEvent({ delay: this.alienSpawnTime, callback: this.spawnAlien, callbackScope: this, loop: true }); this.dustParticles = this.add.particles('dust'); this.dustEmitter = this.dustParticles.createEmitter({ x: 0, y: 0, speed: { min: -50, max: 50 }, angle: { min: 0, max: 360 }, scale: { start: 0.5, end: 0 }, alpha: { start: 1, end: 0 }, lifespan: 500, gravityY: 300, quantity: 20, on: false }); this.fireRateStackText = this.add.text(50, 100, 'Fire Rate x1', { fontSize: '24px', fill: '#ffff00', stroke: '#000000', strokeThickness: 4 }); this.time.addEvent({ delay: this.difficultyIncreaseInterval, callback: this.increaseDifficulty, callbackScope: this, loop: true }); // Add pause button this.pauseButton = this.add.image(750, 100, 'button') .setInteractive() .setScale(0.1) .on('pointerdown', this.togglePause, this); this.add.text(750, 100, 'PAUSE', { fontSize: '16px', fill: '#ffffff', fontStyle: 'bold' }).setOrigin(0.5); // Create pause menu (initially hidden) this.pauseMenu = this.add.container(400, 300).setAlpha(0).setVisible(false); const pauseOverlay = this.add.rectangle(0, 0, 800, 600, 0x000000, 0.7); const pauseText = this.add.text(0, -50, 'PAUSED', { fontSize: '48px', fill: '#ffffff', fontStyle: 'bold' }).setOrigin(0.5); const resumeButton = this.add.image(0, 50, 'button') .setInteractive() .setScale(0.2) .on('pointerdown', this.togglePause, this); const resumeText = this.add.text(0, 50, 'RESUME', { fontSize: '24px', fill: '#ffffff', fontStyle: 'bold' }).setOrigin(0.5); this.pauseMenu.add([pauseOverlay, pauseText, resumeButton, resumeText]); } handlePointerDown(pointer, targets) { const target = targets[0]; if (target && target.getData('action')) { const action = target.getData('action'); this.activePointers[pointer.id] = action; this.processAction(action, true); } } handlePointerUp(pointer) { const action = this.activePointers[pointer.id]; if (action) { this.processAction(action, false); delete this.activePointers[pointer.id]; } } processAction(action, isActive) { if (this.isGameOver || this.isPaused) return; switch (action) { case 'left': this.isMovingLeft = isActive; if (isActive) this.turnCowboy('left'); break; case 'right': this.isMovingRight = isActive; if (isActive) this.turnCowboy('right'); break; case 'jump': if (isActive) this.jump(); break; case 'shoot': this.isShooting = isActive; break; } } update (time, delta) { if (this.isGameOver || this.isPaused) return; this.gameTime += delta; if (this.isMovingLeft) { this.moveCowboy(-this.moveSpeed); } if (this.isMovingRight) { this.moveCowboy(this.moveSpeed); } if (this.isShooting && this.canShoot) { this.shoot(); } if (this.cowboy.body.touching.down) { if (this.isJumping) { this.createDustEffect(this.cowboy.x, this.cowboy.y + 40); } this.isJumping = false; } const difficultyMultiplier = Math.min(1 + (this.gameTime / this.difficultyIncreaseInterval) * 0.1, this.maxDifficultyMultiplier); this.aliens.children.entries.forEach(alien => { if (alien.texture.key === 'alien3') { const speed = this.alienFlySpeed * difficultyMultiplier; if (!this.hitAliens.has(alien)) { const dx = this.cowboy.x - alien.x; const dy = this.cowboy.y - alien.y; const angle = Math.atan2(dy, dx); alien.x += Math.cos(angle) * speed * delta * 0.001; alien.y += Math.sin(angle) * speed * delta * 0.001; const offsetY = Math.sin(time * this.alienBeeFrequency) * this.alienBeeAmplitude; alien.y += offsetY * delta * 0.001; alien.setFlipX(dx < 0); } else { alien.x += alien.flyDirection * speed * delta * 0.001; } } else { const speed = this.alienWalkSpeed * difficultyMultiplier; alien.x += alien.walkDirection * speed * delta * 0.001; alien.setFlipX(alien.walkDirection < 0); } if (alien.x < -200 || alien.x > 1000 || alien.y < -200 || alien.y > 1200) { alien.destroy(); this.hitAliens.delete(alien); } }); this.muzzleFlash.x = this.facingRight ? this.cowboy.x + 50 : this.cowboy.x - 50; this.muzzleFlash.y = this.cowboy.y - 40; this.fireRateItems.children.entries.forEach(item => { item.angle += 1; item.scaleX = 0.05 + Math.abs(Math.sin(time * 0.005) * 0.01); item.scaleY = item.scaleX; }); this.heartItems.children.entries.forEach(item => { item.angle = Math.sin(time * 0.003) * 5; if (!item.body.touching.down) { item.y = item.y + Math.sin(time * 0.01) * 0.5; } }); } shoot () { if (!this.canShoot) return; let bulletX = this.facingRight ? this.cowboy.x + 50 : this.cowboy.x - 50; let bulletY = this.cowboy.y - 40; let bullet = this.bullets.create(bulletX, bulletY, 'bullet'); bullet.setScale(0.025); let bulletSpeed = 960; if (this.facingRight) { bullet.setVelocity(bulletSpeed, 0); } else { bullet.setVelocity(-bulletSpeed, 0); bullet.setFlipX(true); } bullet.body.allowGravity = false; this.muzzleFlash.setVisible(true); this.time.delayedCall(50, () => { this.muzzleFlash.setVisible(false); }); this.tweens.add({ targets: this.cowboy, x: this.cowboy.x + (this.facingRight ? 2.5 : -2.5), duration: 50, yoyo: true, repeat: 1 }); this.canShoot = false; this.time.delayedCall(this.shootCooldown / this.fireRateMultiplier, () => { this.canShoot = true; }); } moveCowboy (speed) { this.cowboy.x += speed; this.cowboy.x = Phaser.Math.Clamp(this.cowboy.x, 0, 800); } turnCowboy (direction) { if (direction === 'left' && this.facingRight) { this.cowboy.setFlipX(true); this.facingRight = false; } else if (direction === 'right' && !this.facingRight) { this.cowboy.setFlipX(false); this.facingRight = true; } } jump () { const currentTime = this.time.now; if (currentTime - this.lastJumpTime >= this.jumpCooldown && this.jumpsLeft > 0) { this.isJumping = true; this.lastJumpTime = currentTime; this.jumpsLeft--; this.cowboy.setVelocityY(this.jumpForce); this.tweens.add({ targets: this.cowboy.body.velocity, y: 0, duration: this.jumpDuration, ease: 'Quad.easeOut' }); this.createDustEffect(this.cowboy.x, this.cowboy.y + 40); // Play the jump sound this.jumpSound.play(); } } resetJumps() { this.jumpsLeft = 2; } createDustEffect(x, y) { this.dustEmitter.setPosition(x, y); this.dustEmitter.explode(); } spawnAlien () { if (this.isGameOver) return; const alienTypes = ['alien1', 'alien2', 'alien3']; const randomType = Phaser.Math.RND.pick(alienTypes); const side = Phaser.Math.RND.between(0, 1) ? 'left' : 'right'; let x, y; if (side === 'left') { x = -50; } else { x = 850; } if (randomType === 'alien1' || randomType === 'alien2') { y = this.groundLevel - this.textures.get(randomType).getSourceImage().height * 0.25 / 2 - 350; } else if (randomType === 'alien3') { y = Phaser.Math.Between(100, 500); } const alien = this.aliens.create(x, y, randomType); alien.setScale(0.25); alien.setCollideWorldBounds(false); if (randomType === 'alien3') { alien.body.setAllowGravity(false); alien.body.setSize(alien.width * 0.5, alien.height * 0.7); alien.body.setOffset(alien.width * 0.25, alien.height * 0.15); alien.flyDirection = side === 'left' ? 1 : -1; } else { alien.setBounce(0.2); alien.body.setSize(alien.width * 0.6, alien.height * 0.7); alien.body.setOffset(alien.width * 0.2, alien.height * 0.15); alien.walkDirection = side === 'left' ? 1 : -1; } alien.setVisible(true); } hitAlien (bullet, alien) { if (bullet.active && alien.active) { bullet.destroy(); // Play the hit sound this.hitHurtSound.play(); const bloodSplash = this.add.image(alien.x, alien.y, 'bloodSplash'); bloodSplash.setScale(0.1); bloodSplash.setAlpha(0.8); this.tweens.add({ targets: bloodSplash, alpha: 0, scale: 0.2, y: bloodSplash.y - 80, duration: 1500, ease: 'Power1', onComplete: () => { bloodSplash.destroy(); } }); for (let i = 0; i < 5; i++) { const particle = this.add.image(alien.x, alien.y, 'bloodSplash'); particle.setScale(0.05); particle.setAlpha(0.6); this.tweens.add({ targets: particle, alpha: 0, scale: 0.1, x: particle.x + Phaser.Math.Between(-40, 40), y: particle.y - Phaser.Math.Between(40, 120), duration: 1200, ease: 'Power1', onComplete: () => { particle.destroy(); } }); } if (alien.texture.key === 'alien3') { this.score += 150; const dropChance = Phaser.Math.Between(1, 100); if (dropChance <= 30) { this.spawnFireRateItem(alien.x, alien.y); } else if (dropChance <= 45) { this.spawnHeart(alien.x, alien.y); } } else { this.score += 100; } alien.destroy(); this.hitAliens.delete(alien); this.scoreText.setText('Score: ' + this.score); } } spawnFireRateItem(x, y) { const item = this.fireRateItems.create(x, y, 'fireRateItem'); item.setScale(0.05); item.setBounce(0.2); item.setCollideWorldBounds(true); const glow = this.add.graphics(); glow.fillStyle(0xffff00, 0.3); glow.fillCircle(0, 0, 30); const glowTexture = glow.generateTexture(); const glowSprite = this.add.sprite(x, y, glowTexture); glowSprite.setScale(0.5); this.tweens.add({ targets: glowSprite, alpha: 0.1, scaleX: 0.7, scaleY: 0.7, duration: 1000, yoyo: true, repeat: -1 }); item.on('destroy', () => { glowSprite.destroy(); }); this.physics.add.existing(glowSprite); glowSprite.body.setAllowGravity(false); this.time.addEvent({ delay: 16, loop: true, callback: () => { glowSprite.x = item.x; glowSprite.y = item.y; } }); } spawnHeart(x, y) { const heart = this.heartItems.create(x, y, 'heart'); heart.setScale(0.1); heart.setBounce(0.4); heart.setCollideWorldBounds(true); heart.body.setAllowGravity(true); this.tweens.add({ targets: heart, alpha: 0.5, duration: 500, yoyo: true, repeat: -1 }); const glow = this.add.graphics(); glow.fillStyle(0xff0000, 0.3); glow.fillCircle(0, 0, 60); const glowTexture = glow.generateTexture(); const glowSprite = this.add.sprite(x, y, glowTexture); glowSprite.setScale(0.5); this.tweens.add({ targets: glowSprite, alpha: 0.1, scaleX: 0.7, scaleY: 0.7, duration: 1000, yoyo: true, repeat: -1 }); heart.on('destroy', () => { glowSprite.destroy(); }); this.physics.add.existing(glowSprite); glowSprite.body.setAllowGravity(false); this.time.addEvent({ delay: 16, loop: true, callback: () => { glowSprite.x = heart.x; glowSprite.y = heart.y; } }); } collectFireRateItem(cowboy, item) { item.destroy(); this.fireRateStackCount++; this.fireRateMultiplier = 1 + (this.fireRateStackCount * 0.5); // Play the power-up sound this.powerUpSound.play(); const powerUpText = this.add.text(cowboy.x, cowboy.y - 50, `Fire Rate x${this.fireRateMultiplier.toFixed(1)}!`, { fontSize: '24px', fill: '#ffff00', stroke: '#000000', strokeThickness: 4 }).setOrigin(0.5); this.tweens.add({ targets: powerUpText, y: powerUpText.y - 100, alpha: 0, duration: 2000, ease: 'Power2', onComplete: () => powerUpText.destroy() }); this.fireRateStackText.setText(`Fire Rate x${this.fireRateMultiplier.toFixed(1)}`); } collectHeart(cowboy, heart) { heart.destroy(); if (this.health < this.maxHealth) { this.health++; this.updateHealthBar(); // Play the power-up sound this.powerUpSound.play(); const healText = this.add.text(cowboy.x, cowboy.y - 50, 'Healed!', { fontSize: '24px', fill: '#ff0000', stroke: '#000000', strokeThickness: 4 }).setOrigin(0.5); this.tweens.add({ targets: healText, y: healText.y - 100, alpha: 0, duration: 2000, ease: 'Power2', onComplete: () => healText.destroy() }); } } hitCowboy(cowboy, alien) { if (!this.isInvulnerable) { this.isInvulnerable = true; this.blinkCowboy(); this.health--; this.updateHealthBar(); this.time.delayedCall(1000, () => { this.isInvulnerable = false; }); if (alien.texture.key === 'alien3') { this.hitAliens.add(alien); } if (this.health <= 0) { this.gameOver(); } } } blinkCowboy() { this.tweens.add({ targets: this.cowboy, alpha: 0, duration: 100, ease: 'Linear', repeat: 4, yoyo: true, onComplete: () => { this.cowboy.alpha = 1; } }); } updateHealthBar() { this.healthBar.clear(true, true); for (let i = 0; i < this.health; i++) { let heart = this.healthBar.create(40 + i * 60, 40, 'heart'); heart.setScale(0.075); } } increaseDifficulty() { const difficultyMultiplier = Math.min(1 + (this.gameTime / this.difficultyIncreaseInterval) * 0.1, this.maxDifficultyMultiplier); this.alienWalkSpeed = 52.5 * difficultyMultiplier; this.alienFlySpeed = 105 * difficultyMultiplier; this.alienSpawnTime = Math.max(3000 / difficultyMultiplier, 1000); this.alienSpawnEvent.reset({ delay: this.alienSpawnTime, callback: this.spawnAlien, callbackScope: this, loop: true }); } gameOver() { this.isGameOver = true; this.cowboy.setVisible(false); this.physics.pause(); this.alienSpawnEvent.remove(); this.bgm.stop(); // Play the death sound this.deathSound.play(); const skull = this.add.image(this.cowboy.x, this.cowboy.y, 'skull'); skull.setScale(0.1); skull.setAlpha(0); const path = new Phaser.Curves.Path(skull.x, skull.y); const amplitude = 100; const frequency = 0.015; const duration = 2000; const verticalDistance = 150; for (let i = 0; i <= 1; i += 0.005) { const x = Phaser.Math.Linear(skull.x, skull.x + Phaser.Math.Between(-25, 25), i); const y = Phaser.Math.Linear(skull.y, skull.y - verticalDistance, i) + Math.sin(i * Math.PI * 2 * frequency) * amplitude; path.lineTo(x, y); } this.tweens.add({ targets: skull, alpha: { from: 0, to: 1 }, ease: 'Sine.easeInOut', duration: duration / 2, }); this.tweens.add({ targets: skull, z: 1, ease: 'Sine.easeInOut', duration: duration, onUpdate: (tween) => { const t = tween.getValue(); const position = path.getPoint(t); skull.setPosition(position.x, position.y); }, onComplete: () => { this.tweens.add({ targets: skull, alpha: 0, duration: 250, ease: 'Power1', onComplete: () => { skull.destroy(); this.showGameOverText(); } }); } }); } showGameOverText() { const gameOverText = this.add.text(400, 300, 'GAME OVER', { fontSize: '64px', fill: '#ff0000', fontStyle: 'bold', stroke: '#000000', strokeThickness: 6 }).setOrigin(0.5); const finalScoreText = this.add.text(400, 380, `Final Score: ${this.score}`, { fontSize: '32px', fill: '#ffffff', fontStyle: 'bold', stroke: '#000000', strokeThickness: 4 }).setOrigin(0.5); const restartButton = this.add.image(400, 460, 'button') .setInteractive() .setScale(0.2); this.add.text(400, 460, 'RESTART', { fontSize: '24px', fill: '#ffffff', fontStyle: 'bold' }).setOrigin(0.5); restartButton.on('pointerdown', () => { this.scene.restart(); }); } togglePause() { this.isPaused = !this.isPaused; if (this.isPaused) { this.physics.pause(); this.alienSpawnEvent.paused = true; this.pauseMenu.setVisible(true); this.tweens.add({ targets: this.pauseMenu, alpha: 1, duration: 300, ease: 'Power2' }); } else { this.physics.resume(); this.alienSpawnEvent.paused = false; this.tweens.add({ targets: this.pauseMenu, alpha: 0, duration: 300, ease: 'Power2', onComplete: () => { this.pauseMenu.setVisible(false); } }); } } } 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: 600 }, debug: false } }, scene: [OpeningScene, CowboyShootingGame] }; window.phaserGame = new Phaser.Game(config);