class MenuScene extends Phaser.Scene { constructor() { super({ key: 'MenuScene' }); this.selectedTime = 7; // Default time in minutes this.menuItems = []; this.selectedItemIndex = 0; this.gamepads = []; } preload() { this.load.image('selector', 'https://play.rosebud.ai/assets/2d yellow circle.png?hiaK'); } create() { this.cameras.main.setBackgroundColor('#000000'); // Title this.add.text(400, 200, 'PING', { fontSize: '64px', fill: '#fff' }).setOrigin(0.5); // Time selection text this.add.text(400, 250, 'Select Time:', { fontSize: '24px', fill: '#fff' }).setOrigin(0.5); // Time selection buttons const timeButtons = [{ time: 1, x: 200 }, { time: 2, x: 275 }, { time: 3, x: 350 }, { time: 5, x: 425 }, { time: 7, x: 500 }, { time: 10, x: 575 }]; this.timeTexts = timeButtons.map(({ time, x }) => { return this.add.text(x, 280, `${time}m`, { fontSize: '24px', fill: time === this.selectedTime ? '#ff0' : '#fff' }).setOrigin(0.5).setInteractive(); }); // Add click handlers for time buttons this.timeTexts.forEach((timeText, index) => { const time = timeButtons[index].time; timeText.on('pointerover', () => timeText.setStyle({ fill: '#ff0' })); timeText.on('pointerout', () => { if (this.selectedTime !== time) { timeText.setStyle({ fill: '#fff' }); } }); timeText.on('pointerdown', () => { this.selectedTime = time; this.timeTexts.forEach((text, i) => { text.setStyle({ fill: timeButtons[i].time === time ? '#ff0' : '#fff' }); }); }); }); // Create mode buttons const onePlayerBtn = this.add.text(400, 350, '1 Player', { fontSize: '32px', fill: '#fff' }).setOrigin(0.5).setInteractive(); const twoPlayerBtn = this.add.text(400, 400, '2 Players', { fontSize: '32px', fill: '#fff' }).setOrigin(0.5).setInteractive(); // Hover effects onePlayerBtn.on('pointerover', () => onePlayerBtn.setStyle({ fill: '#ff0' })); onePlayerBtn.on('pointerout', () => onePlayerBtn.setStyle({ fill: '#fff' })); twoPlayerBtn.on('pointerover', () => twoPlayerBtn.setStyle({ fill: '#ff0' })); twoPlayerBtn.on('pointerout', () => twoPlayerBtn.setStyle({ fill: '#fff' })); // Click handlers onePlayerBtn.on('pointerdown', () => { this.scene.start('PongGame', { mode: '1p', gameTime: this.selectedTime }); }); twoPlayerBtn.on('pointerdown', () => { this.scene.start('PongGame', { mode: '2p', gameTime: this.selectedTime }); }); // Gamepad support this.input.gamepad.on('connected', (pad) => { console.log('Gamepad connected:', pad.id); this.gamepads.push(pad); }); // Populate menu items for navigation this.menuItems = [onePlayerBtn, twoPlayerBtn]; this.timeButtons = timeButtons; this.selectedTimeIndex = timeButtons.findIndex(btn => btn.time === this.selectedTime); // Add selector this.selector = this.add.image(0, 0, 'selector').setDisplaySize(15, 15).setVisible(false); // Set initial selector position this.updateSelector(); } update() { if (this.gamepads.length > 0) { const pad = this.gamepads[0]; if (pad.buttons.some(b => b.pressed)) { this.selector.setVisible(true); } if (pad.leftStick.y < -0.5 || pad.buttons[12].pressed) { this.navigateMenu(-1); } else if (pad.leftStick.y > 0.5 || pad.buttons[13].pressed) { this.navigateMenu(1); } if (pad.leftStick.x > 0.5) { this.navigateTime(1); } else if (pad.leftStick.x < -0.5) { this.navigateTime(-1); } if (pad.buttons[0].pressed) { this.selectMenuItem(); } } } navigateTime(direction) { if (this.selectedItemIndex < 2) { this.selectedTimeIndex += direction; if (this.selectedTimeIndex < 0) { this.selectedTimeIndex = this.timeButtons.length - 1; } else if (this.selectedTimeIndex >= this.timeButtons.length) { this.selectedTimeIndex = 0; } this.selectedTime = this.timeButtons[this.selectedTimeIndex].time; this.timeTexts.forEach((text, i) => { text.setStyle({ fill: this.timeButtons[i].time === this.selectedTime ? '#ff0' : '#fff' }); }); this.updateSelector(); } this.input.gamepad.once('up', () => {}, this); } navigateMenu(direction) { this.selectedItemIndex += direction; if (this.selectedItemIndex < 0) { this.selectedItemIndex = this.menuItems.length - 1; } else if (this.selectedItemIndex >= this.menuItems.length) { this.selectedItemIndex = 0; } this.updateSelector(); // Add a delay to prevent rapid navigation this.input.gamepad.once('up', () => { // Reset stick values to prevent re-triggering immediately this.gamepads.forEach(pad => { pad.leftStick.x = 0; pad.leftStick.y = 0; }); }, this); } updateSelector() { if (this.selectedItemIndex < this.menuItems.length) { const selectedButton = this.menuItems[this.selectedItemIndex]; this.selector.setPosition(selectedButton.x - selectedButton.width / 2 - 20, selectedButton.y); this.selector.setVisible(true); // Reset style for all buttons this.menuItems.forEach(item => item.setStyle({ fill: '#fff' })); selectedButton.setStyle({ fill: '#ff0' }); } } selectMenuItem() { const selectedButton = this.menuItems[this.selectedItemIndex]; selectedButton.emit('pointerdown'); } } class PongGame extends Phaser.Scene { constructor() { super({ key: 'PongGame' }); this.playerScore = 0; this.aiScore = 0; this.gameStarted = false; this.gameMode = '1p'; this.currentBallSpeed = 360; // Track current ball speed this.yellowSquares = []; // Array to store yellow squares this.greenSquares = []; // Array to store green squares this.redSquares = []; // Array to store red squares this.purpleSquares = []; // Array to store purple squares this.blueSquares = []; // Array to store blue squares this.stars = []; // Array to store stars this.snowflakes = []; // Array to store snowflakes this.playerFrozen = false; // Track if player is frozen this.playerPaddlePowered = false; // Track if player paddle is powered up this.aiPaddlePowered = false; // Track if AI paddle is powered up this.gameTimeInSeconds = 0; // Will be set in init this.gameEnded = false; } init(data) { this.gameMode = data.mode; this.gameTimeInSeconds = data.gameTime * 60; // Convert minutes to seconds } create() { // Set background color this.cameras.main.setBackgroundColor('#000000'); // Create paddles using rectangles this.playerPaddle = this.add.rectangle(50, 300, 20, 100, 0xffffff); this.physics.add.existing(this.playerPaddle, true); this.aiPaddle = this.add.rectangle(750, 300, 20, 100, 0xffffff); this.physics.add.existing(this.aiPaddle, true); // Create ball this.ball = this.add.circle(400, 300, 10, 0xffffff); this.physics.add.existing(this.ball); // Set up ball physics this.ball.body.setBounce(1, 1); this.ball.body.setCollideWorldBounds(true); // Create fake ball (white square) this.fakeBall = this.add.rectangle(400, 300, 20, 20, 0xffffff); this.physics.add.existing(this.fakeBall); this.fakeBall.body.setCollideWorldBounds(false); // Set initial velocity for fake ball this.fakeBall.body.setVelocity(180, 180); this.ball.body.setMaxSpeed(400); this.ball.body.onWorldBounds = true; this.physics.world.checkCollision.left = false; this.physics.world.checkCollision.right = false; // Add colliders this.physics.add.collider(this.ball, this.playerPaddle, this.handlePaddleHit, null, this); this.physics.add.collider(this.ball, this.aiPaddle, this.handlePaddleHit, null, this); // Start spawning yellow squares this.time.addEvent({ delay: 2000, callback: this.spawnYellowSquare, callbackScope: this, loop: true }); // Start spawning stars this.time.addEvent({ delay: 15000, // Every 15 seconds callback: this.spawnStar, callbackScope: this, loop: true }); // Start spawning snowflakes this.time.addEvent({ delay: 12000, // Every 12 seconds callback: this.spawnSnowflake, callbackScope: this, loop: true }); // Start spawning green squares this.time.addEvent({ delay: 5000, callback: this.spawnGreenSquare, callbackScope: this, loop: true }); // Start spawning red squares this.time.addEvent({ delay: 7000, callback: this.spawnRedSquare, callbackScope: this, loop: true }); // Start spawning purple squares this.time.addEvent({ delay: 8000, callback: this.spawnPurpleSquare, callbackScope: this, loop: true }); // Start spawning blue squares this.time.addEvent({ delay: 10000, callback: this.spawnBlueSquare, callbackScope: this, loop: true }); // Create score text this.playerScoreText = this.add.text(200, 50, '0', { fontSize: '48px', fill: '#fff' }); this.aiScoreText = this.add.text(600, 50, '0', { fontSize: '48px', fill: '#fff' }); // Create center line this.createCenterLine(); // Create timer text this.timerText = this.add.text(700, 50, '7:00', { fontSize: '32px', fill: '#fff' }); // Start the countdown timer this.time.addEvent({ delay: 1000, callback: this.updateTimer, callbackScope: this, loop: true }); // Add keyboard controls this.cursors = this.input.keyboard.createCursorKeys(); // Add WASD keys for player 1 in 2p mode this.wasdKeys = this.input.keyboard.addKeys({ up: Phaser.Input.Keyboard.KeyCodes.W, down: Phaser.Input.Keyboard.KeyCodes.S, swing: Phaser.Input.Keyboard.KeyCodes.D }); // Initialize paddle swing states this.playerPaddle.isSwinging = false; this.aiPaddle.isSwinging = false; this.playerPaddle.swingRotation = 0; this.aiPaddle.swingRotation = 0; // Start the game automatically this.time.delayedCall(1000, () => { this.startGame(); }); // Initialize gamepads this.gamepads = this.input.gamepad.gamepads; } createCenterLine() { const centerLine = []; for (let y = 0; y < 600; y += 30) { const rect = this.add.rectangle(400, y, 10, 20, 0xffffff); centerLine.push(rect); } } startGame() { if (!this.gameStarted) { this.gameStarted = true; this.currentBallSpeed = 180; // 50% slower than original speed // Randomly choose starting side (-1 for left, 1 for right) const startingSide = Phaser.Math.Between(0, 1) === 0 ? -1 : 1; // Set ball position based on starting side const startX = startingSide === -1 ? 150 : 650; this.ball.setPosition(startX, 300); // Calculate initial angle and velocity const randomAngle = Phaser.Math.Between(-45, 45); const angleInRadians = Phaser.Math.DegToRad(randomAngle); const velocityX = Math.cos(angleInRadians) * this.currentBallSpeed * startingSide; const velocityY = Math.sin(angleInRadians) * this.currentBallSpeed; this.ball.body.setVelocity(velocityX, velocityY); } } resetBall() { this.ball.setPosition(400, 300); this.ball.body.setVelocity(0, 0); this.gameStarted = false; this.currentBallSpeed = 180; // Reset ball speed when point is scored // Automatically start after a short delay this.time.delayedCall(1000, () => { this.startGame(); }); } handlePaddleHit(ball, paddle) { // Calculate reflection angle based on where the ball hits the paddle const relativeY = ball.y - paddle.y; const normalizedY = relativeY / (paddle.height / 2); const bounceAngle = normalizedY * 60; // Max 60 degree bounce // Determine if ball should go left or right const direction = (paddle === this.playerPaddle) ? 1 : -1; // Check if paddle is powered up BEFORE setting new velocity let newSpeed = this.currentBallSpeed; if (paddle === this.playerPaddle && this.playerPaddlePowered) { newSpeed = 360 * 3; // Triple speed this.currentBallSpeed = newSpeed; this.playerPaddlePowered = false; paddle.setFillStyle(0xffffff); // Reset to white } else if (paddle === this.aiPaddle && this.aiPaddlePowered) { newSpeed = 360 * 3; // Triple speed this.currentBallSpeed = newSpeed; this.aiPaddlePowered = false; paddle.setFillStyle(0xffffff); // Reset to white } // Create velocity vector based on bounce angle and speed const angleInRadians = Phaser.Math.DegToRad(bounceAngle); const velocityX = Math.cos(angleInRadians) * newSpeed * direction; const velocityY = Math.sin(angleInRadians) * newSpeed; // Apply the new velocity immediately ball.body.setVelocity(velocityX, velocityY); if (paddle.isSwinging) { // Increase speed by 50% if not already increased if (this.currentBallSpeed === 360) { // Only if at base speed this.currentBallSpeed *= 1.5; // Increase by 50% // Get current velocity direction const currentVelocity = new Phaser.Math.Vector2(ball.body.velocity.x, ball.body.velocity.y); currentVelocity.normalize(); // Apply new speed maintaining direction ball.body.setVelocity( currentVelocity.x * this.currentBallSpeed, currentVelocity.y * this.currentBallSpeed ); } } } updatePaddleSwing(paddle, isSwingKeyPressed) { const SWING_SPEED = 10; const MAX_ROTATION = 30; if (isSwingKeyPressed && !paddle.isSwinging) { paddle.isSwinging = true; } if (paddle.isSwinging) { paddle.swingRotation += SWING_SPEED; paddle.setAngle(Math.sin(paddle.swingRotation * Math.PI / 180) * MAX_ROTATION); if (paddle.swingRotation >= 360) { paddle.isSwinging = false; paddle.swingRotation = 0; paddle.setAngle(0); } } } update() { // Don't update if game has ended if (this.gameEnded) return; // Gamepad controls const pad1 = this.gamepads[0]; const pad2 = this.gamepads[1]; // Player 1 paddle movement (gamepad or keyboard) if (!this.playerFrozen) { if (pad1 && Math.abs(pad1.leftStick.y) > 0.1) { this.playerPaddle.y += pad1.leftStick.y * 5; this.playerPaddle.body.updateFromGameObject(); } else { const p1UpKey = this.gameMode === '2p' ? this.wasdKeys.up : this.cursors.up; const p1DownKey = this.gameMode === '2p' ? this.wasdKeys.down : this.cursors.down; if (p1UpKey.isDown && this.playerPaddle.y > 50) { this.playerPaddle.y -= 5; this.playerPaddle.body.updateFromGameObject(); } if (p1DownKey.isDown && this.playerPaddle.y < 550) { this.playerPaddle.y += 5; this.playerPaddle.body.updateFromGameObject(); } } } // Update player 1 paddle swing const p1Swing = (pad1 && pad1.buttons[0].pressed) || (this.gameMode === '2p' ? this.wasdKeys.swing.isDown : this.cursors.left.isDown); this.updatePaddleSwing(this.playerPaddle, p1Swing); // Player 2 / AI paddle movement if (this.gameMode === '2p') { // Player 2 controls (gamepad or keyboard) if (pad2 && Math.abs(pad2.leftStick.y) > 0.1) { this.aiPaddle.y += pad2.leftStick.y * 5; this.aiPaddle.body.updateFromGameObject(); } else { if (this.cursors.up.isDown && this.aiPaddle.y > 50) { this.aiPaddle.y -= 5; this.aiPaddle.body.updateFromGameObject(); } if (this.cursors.down.isDown && this.aiPaddle.y < 550) { this.aiPaddle.y += 5; this.aiPaddle.body.updateFromGameObject(); } } // Update player 2 paddle swing const p2Swing = (pad2 && pad2.buttons[0].pressed) || this.cursors.left.isDown; this.updatePaddleSwing(this.aiPaddle, p2Swing); } else { // AI movement const aiSpeed = 2.5; // Set to 50% of human paddle speed (5 * 0.5 = 2.5) if (this.ball.y < this.aiPaddle.y && this.aiPaddle.y > 50) { this.aiPaddle.y -= aiSpeed; this.aiPaddle.body.updateFromGameObject(); } if (this.ball.y > this.aiPaddle.y && this.aiPaddle.y < 550) { this.aiPaddle.y += aiSpeed; this.aiPaddle.body.updateFromGameObject(); } } // Score detection if (this.ball.x < -10) { this.aiScore += 1; this.aiScoreText.setText(this.aiScore); this.resetBall(); } if (this.ball.x > 810) { this.playerScore += 1; this.playerScoreText.setText(this.playerScore); this.resetBall(); } // Update fake ball position when it goes off screen if (this.fakeBall.x < -20 || this.fakeBall.x > 820) { // Reset to a random position at the center this.fakeBall.setPosition(400, Phaser.Math.Between(100, 500)); // Set new random velocity const angle = Phaser.Math.Between(-45, 45); const speed = 180; const direction = Phaser.Math.Between(0, 1) === 0 ? -1 : 1; const velocityX = Math.cos(Phaser.Math.DegToRad(angle)) * speed * direction; const velocityY = Math.sin(Phaser.Math.DegToRad(angle)) * speed; this.fakeBall.body.setVelocity(velocityX, velocityY); } } spawnYellowSquare() { // Random x position between 100 and 700 const x = Phaser.Math.Between(100, 700); const yellowSquare = this.add.rectangle(x, -20, 30, 30, 0xffff00); this.physics.add.existing(yellowSquare); // Add collision with the ball this.physics.add.collider(this.ball, yellowSquare, (ball, square) => { // Get current velocity direction const currentVelocity = new Phaser.Math.Vector2(ball.body.velocity.x, ball.body.velocity.y); // Calculate current angle in degrees let angle = Phaser.Math.RadToDeg(Math.atan2(currentVelocity.y, currentVelocity.x)); // Reverse the vertical component currentVelocity.y *= -1; // Calculate new angle after vertical reversal let newAngle = Phaser.Math.RadToDeg(Math.atan2(currentVelocity.y, currentVelocity.x)); // If the new angle is too vertical (within 15 degrees of vertical), // adjust it to maintain a minimum horizontal component if (Math.abs(newAngle) > 75 && Math.abs(newAngle) < 105) { // Add or subtract 30 degrees to push it away from vertical newAngle += (newAngle > 0) ? -30 : 30; // Convert angle back to velocity const adjustedVelocity = new Phaser.Math.Vector2(); adjustedVelocity.setToPolar(Phaser.Math.DegToRad(newAngle), this.currentBallSpeed); ball.body.setVelocity(adjustedVelocity.x, adjustedVelocity.y); } else { // Apply the original reflected velocity if angle is okay ball.body.setVelocity( currentVelocity.x * this.currentBallSpeed, currentVelocity.y * this.currentBallSpeed ); } }); // Set velocity for downward movement yellowSquare.body.setVelocityY(200); // Store the square in the array this.yellowSquares.push(yellowSquare); // Remove the square when it goes off screen this.time.delayedCall(5000, () => { const index = this.yellowSquares.indexOf(yellowSquare); if (index > -1) { this.yellowSquares.splice(index, 1); yellowSquare.destroy(); } }); } spawnGreenSquare() { // Random y position between 100 and 500 const y = Phaser.Math.Between(100, 500); // Randomly choose left or right side const startX = Phaser.Math.Between(0, 1) === 0 ? -20 : 820; const velocityX = startX === -20 ? 150 : -150; // Move right if starting from left, and vice versa const greenSquare = this.add.rectangle(startX, y, 20, 20, 0x00ff00); this.physics.add.existing(greenSquare); // Add collision with paddles this.physics.add.overlap(greenSquare, this.playerPaddle, () => { this.playerPaddle.setFillStyle(0x00ff00); this.playerPaddlePowered = true; greenSquare.destroy(); }); this.physics.add.overlap(greenSquare, this.aiPaddle, () => { this.aiPaddle.setFillStyle(0x00ff00); this.aiPaddlePowered = true; greenSquare.destroy(); }); // Set velocity for sideways movement greenSquare.body.setVelocityX(velocityX); // Store the square in the array this.greenSquares.push(greenSquare); // Remove the square after 4 seconds this.time.delayedCall(6000, () => { const index = this.greenSquares.indexOf(greenSquare); if (index > -1) { this.greenSquares.splice(index, 1); greenSquare.destroy(); } }); } spawnRedSquare() { // Random y position between 100 and 500 const y = Phaser.Math.Between(100, 500); // Randomly choose left or right side const startX = Phaser.Math.Between(0, 1) === 0 ? -20 : 820; const velocityX = startX === -20 ? 200 : -200; // Move right if starting from left, and vice versa const redSquare = this.add.rectangle(startX, y, 20, 20, 0xff0000); this.physics.add.existing(redSquare); // Add collision with paddles this.physics.add.overlap(redSquare, this.playerPaddle, () => { this.playerScore -= 1; // Deduct only 1 point this.playerScoreText.setText(this.playerScore); redSquare.destroy(); }); this.physics.add.overlap(redSquare, this.aiPaddle, () => { this.aiScore -= 1; // Deduct only 1 point this.aiScoreText.setText(this.aiScore); redSquare.destroy(); }); // Set velocity for sideways movement redSquare.body.setVelocityX(velocityX); // Store the square in the array this.redSquares.push(redSquare); // Remove the square after 6 seconds this.time.delayedCall(6000, () => { const index = this.redSquares.indexOf(redSquare); if (index > -1) { this.redSquares.splice(index, 1); redSquare.destroy(); } }); } spawnPurpleSquare() { // Random y position between 100 and 500 const y = Phaser.Math.Between(100, 500); // Randomly choose left or right side const startX = Phaser.Math.Between(0, 1) === 0 ? -20 : 820; const velocityX = startX === -20 ? 175 : -175; // Move right if starting from left, and vice versa const purpleSquare = this.add.rectangle(startX, y, 20, 20, 0x800080); this.physics.add.existing(purpleSquare); // Add collision with paddles this.physics.add.overlap(purpleSquare, this.playerPaddle, () => { // Increase paddle height by 20% this.playerPaddle.height *= 1.2; this.playerPaddle.body.height *= 1.2; this.playerPaddle.body.updateFromGameObject(); purpleSquare.destroy(); // Reset paddle size after 5 seconds this.time.delayedCall(15000, () => { this.playerPaddle.height /= 1.2; this.playerPaddle.body.height /= 1.2; this.playerPaddle.body.updateFromGameObject(); }); }); this.physics.add.overlap(purpleSquare, this.aiPaddle, () => { // Increase paddle height by 20% this.aiPaddle.height *= 1.2; this.aiPaddle.body.height *= 1.2; this.aiPaddle.body.updateFromGameObject(); purpleSquare.destroy(); // Reset paddle size after 15 seconds this.time.delayedCall(15000, () => { this.aiPaddle.height /= 1.2; this.aiPaddle.body.height /= 1.2; this.aiPaddle.body.updateFromGameObject(); }); }); // Set velocity for sideways movement purpleSquare.body.setVelocityX(velocityX); // Store the square in the array this.purpleSquares.push(purpleSquare); // Remove the square after 6 seconds this.time.delayedCall(6000, () => { const index = this.purpleSquares.indexOf(purpleSquare); if (index > -1) { this.purpleSquares.splice(index, 1); purpleSquare.destroy(); } }); } spawnBlueSquare() { // Random y position between 100 and 500 const y = Phaser.Math.Between(100, 500); // Randomly choose left or right side const startX = Phaser.Math.Between(0, 1) === 0 ? -20 : 820; const velocityX = startX === -20 ? 175 : -175; // Move right if starting from left, and vice versa const blueSquare = this.add.rectangle(startX, y, 20, 20, 0x0000ff); this.physics.add.existing(blueSquare); // Add collision with paddles this.physics.add.overlap(blueSquare, this.playerPaddle, () => { // Decrease paddle height by 20% this.playerPaddle.height *= 0.8; this.playerPaddle.body.height *= 0.8; this.playerPaddle.body.updateFromGameObject(); blueSquare.destroy(); // Reset paddle size after 8 seconds this.time.delayedCall(8000, () => { this.playerPaddle.height /= 0.8; this.playerPaddle.body.height /= 0.8; this.playerPaddle.body.updateFromGameObject(); }); }); this.physics.add.overlap(blueSquare, this.aiPaddle, () => { // Decrease paddle height by 20% this.aiPaddle.height *= 0.8; this.aiPaddle.body.height *= 0.8; this.aiPaddle.body.updateFromGameObject(); blueSquare.destroy(); // Reset paddle size after 8 seconds this.time.delayedCall(8000, () => { this.aiPaddle.height /= 0.8; this.aiPaddle.body.height /= 0.8; this.aiPaddle.body.updateFromGameObject(); }); }); // Set velocity for sideways movement blueSquare.body.setVelocityX(velocityX); // Store the square in the array this.blueSquares.push(blueSquare); // Remove the square after 6 seconds this.time.delayedCall(6000, () => { const index = this.blueSquares.indexOf(blueSquare); if (index > -1) { this.blueSquares.splice(index, 1); blueSquare.destroy(); } }); } spawnStar() { // Set random position in the game area const x = Phaser.Math.Between(100, 700); const y = Phaser.Math.Between(100, 500); // Load the star image at the random position const star = this.add.image(x, y, 'hiaK'); star.setDisplaySize(30, 30); // Set size to match other power-ups this.physics.add.existing(star, true); // Make it static // Add collision with ball this.physics.add.overlap(star, this.ball, () => { // Determine which player hit the star based on ball direction if (this.ball.body.velocity.x > 0) { // Ball moving right, player hit it this.playerScore += 3; this.playerScoreText.setText(this.playerScore); } else { // Ball moving left, AI hit it this.aiScore += 3; this.aiScoreText.setText(this.aiScore); } // Remove the star and spawn a new one const index = this.stars.indexOf(star); if (index > -1) { this.stars.splice(index, 1); star.destroy(); this.spawnStar(); } }); // Store the star in the array this.stars.push(star); // Remove the star after 25 seconds and spawn a new one this.time.delayedCall(25000, () => { const index = this.stars.indexOf(star); if (index > -1) { this.stars.splice(index, 1); star.destroy(); // Spawn a new star immediately this.spawnStar(); } }); } spawnSnowflake() { const y = Phaser.Math.Between(100, 500); const snowflake = this.add.circle(-20, y, 10, 0x00ffff); this.physics.add.existing(snowflake); // Add collision with player paddle this.physics.add.overlap(snowflake, this.playerPaddle, () => { if (!this.playerFrozen) { this.playerFrozen = true; this.playerPaddle.setFillStyle(0x00ffff); // Ice blue color // Unfreeze after 2 seconds this.time.delayedCall(2000, () => { this.playerFrozen = false; this.playerPaddle.setFillStyle(0xffffff); // Reset to white }); } snowflake.destroy(); }); // Set velocity for sideways movement snowflake.body.setVelocityX(200); // Store the snowflake in the array this.snowflakes.push(snowflake); // Remove the snowflake after 6 seconds this.time.delayedCall(6000, () => { const index = this.snowflakes.indexOf(snowflake); if (index > -1) { this.snowflakes.splice(index, 1); snowflake.destroy(); } }); } updateTimer() { if (this.gameEnded) return; this.gameTimeInSeconds--; if (this.gameTimeInSeconds <= 0) { // Check if scores are tied if (this.playerScore === this.aiScore) { // Set overtime this.gameTimeInSeconds = 30; // Display "Overtime" text this.add.text(400, 200, 'Overtime!', { fontSize: '48px', fill: '#fff' }).setOrigin(0.5); } else { this.gameTimeInSeconds = 0; this.gameEnded = true; this.handleGameEnd(); } } // Convert seconds to MM:SS format const minutes = Math.floor(this.gameTimeInSeconds / 60); const seconds = this.gameTimeInSeconds % 60; this.timerText.setText(`${minutes}:${seconds.toString().padStart(2, '0')}`); } handleGameEnd() { // Stop the ball this.ball.body.setVelocity(0, 0); // Determine winner let winnerText; let winnerX; if (this.playerScore > this.aiScore) { winnerText = 'You Win!!!'; winnerX = 200; } else if (this.aiScore > this.playerScore) { winnerText = 'You Win!!!'; winnerX = 600; } else { winnerText = 'Draw!'; winnerX = 400; } // Display winner text this.add.text(winnerX, 300, winnerText, { fontSize: '64px', fill: '#fff' }).setOrigin(0.5); } } const container = document.getElementById('renderDiv'); const config = { type: Phaser.AUTO, parent: container, input: { gamepad: true }, scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, width: 800, height: 600, physics: { default: 'arcade', arcade: { debug: false } }, scene: [MenuScene, PongGame] }; window.phaserGame = new Phaser.Game(config);

Other games like this

About PING