class StartScene extends Phaser.Scene { constructor() { super("startScene"); this.isMuted = false; } create() { const flappyBirdText = this.add.text(400, 200, 'Click to Start Flappy Bird', { fontSize: '32px', fill: '#fff'}).setOrigin(0.5); flappyBirdText.setInteractive(); flappyBirdText.on('pointerdown', () => { this.scene.start('FlappyBirdGame'); }, this); const pongEvolvedText = this.add.text(400, 400, 'Click to Start Pong Evolved', { fontSize: '32px', fill: '#fff', fontFamily: 'Arial' }).setOrigin(0.5); pongEvolvedText.setInteractive(); pongEvolvedText.on('pointerdown', () => { this.scene.start('DifficultySelectScene'); }, this); this.add.text(400, 440, 'Click on ball touch = Boost', { fontSize: '20px', fill: '#fff', fontFamily: 'Arial' }).setOrigin(0.5); } } class DifficultySelectScene extends Phaser.Scene { constructor() { super("DifficultySelectScene"); } create() { const easyText = this.add.text(400, 100, 'Easy', { fontSize: '32px', fill: '#fff', fontFamily: 'Arial' }).setOrigin(0.5); easyText.setInteractive(); easyText.on('pointerdown', () => { this.scene.start('PongEvolved', { difficulty: { speed: 0.33, boostChance: 0 } }); }, this); const mediumText = this.add.text(400, 200, 'Medium', { fontSize: '32px', fill: '#fff', fontFamily: 'Arial' }).setOrigin(0.5); mediumText.setInteractive(); mediumText.on('pointerdown', () => { this.scene.start('PongEvolved', { difficulty: { speed: 0.335, boostChance: 0.18 } }); }, this); const hardText = this.add.text(400, 300, 'Hard', { fontSize: '32px', fill: '#fff', fontFamily: 'Arial' }).setOrigin(0.5); hardText.setInteractive(); hardText.on('pointerdown', () => { this.scene.start('PongEvolved', { difficulty: { speed: 0.45, boostChance: 0.33 } }); }, this); const legendaryText = this.add.text(400, 400, 'Legendary', { fontSize: '32px', fill: '#fff', fontFamily: 'Arial' }).setOrigin(0.5); legendaryText.setInteractive(); legendaryText.on('pointerdown', () => { this.scene.start('PongEvolved', { difficulty: { speed: 0.45, boostChance: 0.70 } }); }, this); } } class FlappyBirdGame extends Phaser.Scene { constructor() { super("FlappyBirdGame"); } preload() { this.load.image('sky', `https://play.rosebud.ai/assets/nyvallhen_cloudy_sky_ffa83aa6-4668-4038-a28e-4961e8f1e797.png?HywS`); this.load.image('bird', 'https://storage.googleapis.com/rosebud_assets_storage/cf64eef4-0e81-48a4-b9b3-da52c663c833.png'); this.load.image('pipe', 'https://storage.googleapis.com/rosebud_assets_storage/7660d1a0-5ceb-4697-8bf9-f1472a57e16e.png'); this.load.audio('bgMusic', 'https://storage.googleapis.com/rosebud_assets_storage/7cf3da02-da39-4dd9-89c2-535568182fd5.mp3'); this.load.audio('wingFlap', 'https://storage.googleapis.com/rosebud_assets_storage/dd3143c7-8368-4d83-bac0-6cb44c264886.wav'); } create() { this.sky = this.add.image(400, 300, 'sky'); this.sky.setDisplaySize(this.sys.canvas.width, this.sys.canvas.height); this.bird = this.physics.add.sprite(100, 245, 'bird'); this.bird.setGravityY(1000); this.bird.setScale(0.08); this.bird.setFlipX(true); this.input.keyboard.on('keydown', () => { this.bird.setVelocityY(-350); this.sound.play('wingFlap'); }); this.input.on('pointerdown', () => { this.bird.setVelocityY(-350); this.sound.play('wingFlap'); }); this.pipes = this.physics.add.group(); this.pipeGenerationTimer = this.time.addEvent({ delay: 1500, callback: this.addRowOfPipes, callbackScope: this, loop: true }); this.score = 0; this.scoreText = this.add.text(16, 16, 'score: 0', { fontSize: '32px', fill: '#fff' }); this.lastPassedColumn = -1; this.generatedColumns = 0; this.bestScore = localStorage.getItem('bestScore') || 0; this.bestScoreText = this.add.text(16, 52, 'best: ' + this.bestScore, { fontSize: '32px', fill: '#fff' }); this.bgMusic = this.sound.add('bgMusic', { loop: true }); this.bgMusic.setVolume(0.3); this.bgMusic.play(); this.muteButton = this.add.text(700, 16, 'Mute', { fontSize: '32px', fill: '#fff' }); this.muteButton.setInteractive(); this.muteButton.on('pointerdown', () => { this.isMuted = !this.isMuted; this.bgMusic.setMute(this.isMuted); }); this.returnButton = this.add.text(700, 52, 'Return', { fontSize: '32px', fill: '#fff' }).setOrigin(0.5); this.returnButton.setInteractive(); this.returnButton.on('pointerdown', () => { this.bgMusic.stop(); this.scene.start('startScene'); }, this); } update() { this.pipes.getChildren().forEach(pipe => { if (this.bird.x > pipe.x + pipe.displayWidth && pipe.columnNumber > this.lastPassedColumn) { this.lastPassedColumn = pipe.columnNumber; this.score += 1; this.scoreText.setText('score: ' + this.score); } }); if (this.bird.y > 600 || this.bird.y < 0) { this.gameOver(); } } gameOver() { if (this.physics.world.isPaused) { return; } this.physics.pause(); this.bgMusic.stop(); this.bird.setTint(0xff0000); this.pipeGenerationTimer.remove(); this.add.text(400, 300, 'Game Over', { fontSize: '64px', fill: '#fff'}).setOrigin(0.5); const tryAgainButton = this.add.text(400, 400, 'Try Again', { fontSize: '32px', fill: '#fff'}).setOrigin(0.5); tryAgainButton.setInteractive(); tryAgainButton.on('pointerdown', () => { if (this.score > this.bestScore) { localStorage.setItem('bestScore', this.score); } this.scene.restart(); }); } addRowOfPipes() { let holePosition = Math.floor(Math.random() * 5) + 1; let columnNumber = ++this.generatedColumns; for (let i = 0; i < 10; i++) { if (i != holePosition && i != holePosition + 1) { let pipe = this.addOnePipe(800, i * 60 + 10); pipe.columnNumber = columnNumber; } } } addOnePipe(x, y) { const pipe = this.physics.add.image(x, y, 'pipe'); pipe.setScale(0.1); this.pipes.add(pipe); pipe.setVelocityX(-200); pipe.checkWorldBounds = true; pipe.outOfBoundsKill = true; this.physics.add.collider(this.bird, pipe, this.gameOver, null, this); return pipe; } } class PongEvolved extends Phaser.Scene { constructor() { super("PongEvolved"); this.allowBoost = false this.curveTween = null; this.lastScored = ''; this.isMuted = false; } init(data) { this.difficulty = data.difficulty; } preload() { this.load.image('fireParticle', 'https://storage.googleapis.com/rosebud_assets_storage/13c54993-9ee1-498e-97e1-01fadf43ef47.png'); this.load.image('background', 'https://storage.googleapis.com/rosebud_assets_storage/04f7fe52-ba74-48b6-9aa3-80d296444e06.png'); this.load.audio('bounce', 'https://storage.googleapis.com/rosebud_assets_storage/0a268574-2baf-4edb-9086-06965bce40c7.wav'); this.load.audio('bgMusicPong', `https://play.rosebud.ai/assets/music_fx_intelligent_jungle_dnb__ambience_synths_and.wav?Y3sL`); this.load.audio('boostSound', `https://play.rosebud.ai/assets/30a2ca0e-ed64-4a34-b287-18764620e45d.mp3?ToFI`); // Load the boost sound } create() { this.add.image(400, 300, 'background').setDisplaySize(800, 600).setOrigin(0.5); this.speed = 1000; this.curveSpeed = 1400; this.ballTouchingPlayerPaddle = false; this.particles = this.add.particles('fireParticle'); this.emitter = this.particles.createEmitter({ speed: 100, scale: { start: 0.1, end: 0.02 }, blendMode: 'ADD', lifespan: 500 }); this.paddle1 = this.add.rectangle(50, 300, 30, 100, 0xffffff); this.physics.add.existing(this.paddle1); this.paddle1.body.immovable = true; this.paddle1.body.collideWorldBounds = true; this.paddle2 = this.add.rectangle(750, 300, 30, 100, 0xffffff); this.physics.add.existing(this.paddle2); this.paddle2.body.immovable = true; this.paddle2.body.collideWorldBounds = true; this.ball = this.add.circle(400, 300, 10, 0xffffff); this.physics.add.existing(this.ball); this.ball.body.setCircle(10); this.ball.body.setBounce(1); this.ball.body.setCollideWorldBounds(true); this.setBallVelocity(); this.emitter.startFollow(this.ball); this.emitter.stop(); this.physics.add.collider(this.ball, this.paddle1, this.hitPlayerPaddle, null, this); this.physics.add.collider(this.ball, this.paddle2, this.hitEnemyPaddle, null, this); this.score1 = 0; this.score2 = 0; this.scoreText = this.add.text(16, 16, 'Player 1: 0, Player 2: 0', { fontSize: '32px', fill: '#fff', fontFamily: 'Arial' }); this.returnButton = this.add.text(65, 70, 'Menu', { fontSize: '32px', fill: '#fff', fontFamily: 'Arial' }).setOrigin(0.5); this.returnButton.setInteractive(); this.returnButton.on('pointerdown', () => { this.bgMusicPong.stop(); this.scene.start('startScene'); }, this); this.input.on('pointerdown', () => this.boostBall(true), this); this.input.on('pointermove', function (pointer) { this.paddle1.y = Phaser.Math.Clamp(pointer.y, 52, 548); }, this); this.bgMusicPong = this.sound.add('bgMusicPong', { loop: true }); this.bgMusicPong.setVolume(0.4); this.bgMusicPong.play(); this.isMusicMuted = false; this.muteMusicButton = this.add.text(16, 568, 'Mute Music', { fontSize: '32px', fill: '#fff', fontFamily: 'Arial' }); this.muteMusicButton.setInteractive(); this.muteMusicButton.on('pointerdown', () => { this.isMusicMuted = !this.isMusicMuted; this.bgMusicPong.setMute(this.isMusicMuted); }); } update() { let distance = Math.abs(this.ball.y - this.paddle2.y); if (this.ball.y < this.paddle2.y && distance > 5) { this.paddle2.body.setVelocityY(-this.difficulty.speed * this.speed); } else if (this.ball.y > this.paddle2.y && distance > 5) { this.paddle2.body.setVelocityY(this.difficulty.speed * this.speed); } else if (distance < 5) { this.paddle2.body.setVelocityY(0); } if (this.ball.x <= this.paddle1.width) { this.score2 += 1; this.ballTouchingPlayerPaddle = false; this.lastScored = 'Player 1'; // Store paddle 1 as the last scored on this.scoring(); } if (this.ball.x >= this.sys.canvas.width - this.paddle2.width) { this.score1 += 1; this.ballTouchingPlayerPaddle = false; this.lastScored = 'Player 2'; // Store paddle 2 as the last scored on this.scoring(); } if (this.ball.x <= this.paddle1.width) { this.score2 += 1; this.ballTouchingPlayerPaddle = false; this.scoring(); } let dx = this.ball.x - this.ball.body.prev.x; let dy = this.ball.y - this.ball.body.prev.y; this.emitter.setAngle({ min: 90 + Phaser.Math.RadToDeg(Math.atan2(dy, dx)) - 15, max: 90 + Phaser.Math.RadToDeg(Math.atan2(dy, dx)) + 15 }); } hitPlayerPaddle(ball, paddle) { this.sound.play('bounce'); ball.body.setVelocity(ball.body.velocity.x, ball.body.velocity.y + paddle.body.velocity.y * 1.0); this.ballTouchingPlayerPaddle = true; let diff = 0; if (ball.y < paddle.y) { diff = paddle.y - ball.y; ball.body.setVelocityY(-10 * diff); } else if (ball.y > paddle.y) { diff = ball.y - paddle.y; ball.body.setVelocityY(10 * diff); } else { ball.body.setVelocityY(2 + Math.random() * 8); } this.allowBoost = true; this.time.delayedCall(50, function () { this.allowBoost = false; }, [], this); this.emitter.stop(); this.resetBallVelocity(); if (this.curveTween) { this.curveTween.stop(); } } hitEnemyPaddle(ball, paddle) { this.sound.play('bounce'); ball.body.setVelocity(ball.body.velocity.x, ball.body.velocity.y + paddle.body.velocity.y * 1.0); this.ballTouchingPlayerPaddle = false; let diff = 0; if (ball.y < paddle.y) { diff = paddle.y - ball.y; ball.body.setVelocityY(-10 * diff); } else if (ball.y > paddle.y) { diff = ball.y - paddle.y; ball.body.setVelocityY(10 * diff); } else { ball.body.setVelocityY(2 + Math.random() * 8); } this.emitter.stop(); this.resetBallVelocity(); if (this.curveTween) { this.curveTween.stop(); } if (Math.random() < this.difficulty.boostChance) { this.boostBall(false); } } boostBall(playerBoost) { this.emitter.stop(); if ((playerBoost && this.allowBoost && this.ballTouchingPlayerPaddle && this.input.activePointer.isDown) || (!playerBoost)) { this.ball.body.setAngularVelocity(playerBoost ? 720 : -720); this.ball.body.setVelocityX(playerBoost ? this.curveSpeed * 1.0 : -this.curveSpeed * 1.0); this.ball.body.setVelocityY(Phaser.Math.Between(-1 * this.speed, 1 * this.speed)); // This line was modified to add randomness to the Y direction this.emitter.start(); this.sound.play('boostSound', { volume: 0.5 }); // Play the boost sound if (this.curveTween) { this.curveTween.stop(); } this.curveTween = this.tweens.add({ targets: this.ball.body.velocity, y: { from: this.ball.body.velocity.y, to: Phaser.Math.Between(-1 * this.speed, 1 * this.speed) }, // Changed this line to modify the Y direction randomly ease: 'Sine.easeInOut', duration: 500, // Duration of the effect yoyo: true // Make the effect go back and forth }); } } setBallVelocity() { let directionX = Math.random() < 0.5 ? -1 : 1; let directionY = Math.random() < 0.5 ? -1 : 1; this.ball.body.setVelocity(this.speed * directionX, this.speed * directionY); } resetBallVelocity() { this.ball.body.setVelocityX(this.ball.body.velocity.x < 0 ? -this.speed : this.speed); } scoring() { this.ball.body.reset(400, 300); let direction; // Check which paddle was the last to be scored on and launch the ball in its direction if(this.lastScored === 'Player 1') { direction = new Phaser.Math.Vector2(this.paddle1.x - this.ball.x, this.paddle1.y - this.ball.y); } else if(this.lastScored === 'Player 2') { direction = new Phaser.Math.Vector2(this.paddle2.x - this.ball.x, this.paddle2.y - this.ball.y); } else { // Default direction if no paddle has been scored on yet direction = new Phaser.Math.Vector2(-1, Math.random() < 0.5 ? -1 : 1); } direction.normalize(); this.ball.body.velocity.set(direction.x * this.speed, direction.y * this.speed); this.scoreText.setText('Player 1: ' + this.score1 + ', Player 2: ' + this.score2); this.emitter.stop(); if (this.curveTween !== null) { this.curveTween.stop(); } } } function rectangleToCircle(rect, circle) { let distX = Math.abs(circle.x - rect.x - rect.width / 2); let distY = Math.abs(circle.y - rect.y - rect.height / 2); if (distX > (rect.width / 2 + circle.radius)) { return false; } if (distY > (rect.height / 2 + circle.radius)) { return false; } if (distX <= (rect.width / 2)) { return true; } if (distY <= (rect.height / 2)) { return true; } let dx = distX - rect.width / 2; let dy = distY - rect.height / 2; return (dx * dx + dy * dy <= (circle.radius * circle.radius)); } const config = { scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, width: 800, height: 600, }, type: Phaser.AUTO, width: 800, height: 600, parent: 'renderDiv', physics: { default: 'arcade' }, scene: [StartScene, DifficultySelectScene, FlappyBirdGame, PongEvolved], backgroundColor: 0x000000, } const game = new Phaser.Game(config);