class Example extends Phaser.Scene { constructor() { super(); this.topRect = null; this.bottomRect = null; this.leftRect = null; this.rightRect = null; this.pachinkoField = []; // Array to store pachinko field objects this.balls = []; // Array to store all balls this.ballRadius = 4.25; // Radius of the ball (15% smaller than the original size) this.score = 0; // Initial score this.scoreText = null; // Reference to the text object displaying the score this.scoreBox = null; // Reference to the graphics object for the score box this.strikesRemainingText = null; // Reference to the text object displaying strikes remaining this.strikesRemainingBox = null; // Reference to the graphics object for the strikes remaining box this.strikesRemaining = 100; // Initial number of strikes remaining this.lastBallLaunchTime = 0; // Time since the last ball was launched this.scoringPocket = null; // Reference to the scoring pocket this.lightShowGraphics = null; // Reference to the graphics object for the light show this.frameGraphics = null; // Reference to the graphics object for the outer frame this.frameThickness = 4; // Thickness of the frame this.lightShowTween = null; // Reference to the tween for the flashing light show this.scoreSound = null; // Reference to the currently playing score sound this.leverReleaseSound = null; // Reference to the lever release sound this.initialScoringPocketWidth = 0; // Initial width of the scoring pocket this.strikesRemainingTintTimer = null; // Reference to the timer for tinting the strikes remaining text this.ballCount = 0; // Counter to keep track of the ball number this.gameOver = false; // Flag to indicate if the game is over this.gameOverText = null; // Reference to the game over text object this.gameOverTextBox = null; // Reference to the graphics object for the game over text box this.creditText = null; // Reference to the credit text object this.creditBox = null; // Reference to the graphics object for the credit box this.ballLaunchCooldown = 1000; // One second cooldown between ball launches this.lastBallLaunchTimestamp = 0; // Timestamp of the last ball launch this.isFirstBallLaunch = true; // Flag to track if it's the first ball launch this.ballLaunchCountdownText = null; // Reference to the text object displaying the ball launch countdown this.ballLaunchCountdownBox = null; // Reference to the graphics object for the ball launch countdown box this.leverInstructionText = null; // Reference to the text object displaying the lever instruction this.leverInstructionBox = null; // Reference to the graphics object for the lever instruction box this.spaceKeyEnabled = true; // Flag to track if the space key is enabled } preload() { this.load.image('tokyoZen', 'https://play.rosebud.ai/assets/TokyoZenC.png?hpqX'); this.load.image('halfBush', 'https://play.rosebud.ai/assets/HalfBush.png?oI97'); this.load.image('machineBottomAltB', 'https://play.rosebud.ai/assets/MachineBottomAltB.png?9jcr'); this.load.image('arcade', 'https://play.rosebud.ai/assets/Arcade.png?dcdv'); this.load.audio('pachinkoScoreA', 'https://play.rosebud.ai/assets/PachinkoScoreA.mp3?0mWL'); this.load.audio('pachinkoScoreB', 'https://play.rosebud.ai/assets/PachinkoScoreB.mp3?RIhB'); this.load.audio('pachinkoScoreC', 'https://play.rosebud.ai/assets/PachinkoScoreC.mp3?An3m'); this.load.audio('pachinkoScoreD', 'https://play.rosebud.ai/assets/PachinkoScoreD.mp3?MkhZ'); this.load.audio('pachinkoScoreE', 'https://play.rosebud.ai/assets/PachinkoScoreE.mp3?Po2j'); this.load.audio('leverRelease', 'https://play.rosebud.ai/assets/LeverRelease.wav?FYpE'); } create() { const width = this.cameras.main.width; const height = this.cameras.main.height; // Add Arcade image as background const arcade = this.add.image(width / 2, height / 2, 'arcade'); const scaleX = width / arcade.width; const scaleY = height / arcade.height; const scale = Math.max(scaleX, scaleY); arcade.setScale(scale).setOrigin(0.5, 0.5); arcade.setTint(0x808080); // Add TokyoZenC image const image = this.add.image(width / 2, 0, 'tokyoZen'); const scaleXImage = ((width * 0.8) / image.width) * 0.7; const scaleYImage = ((height * 0.8) / image.height) * 0.7; const scaleImage = Math.min(scaleXImage, scaleYImage); image.setScale(scaleImage).setOrigin(0.5, 0.5); image.setPosition(width / 2, image.displayHeight / 2); // Add HalfBush image const halfBush = this.add.image(width / 2, 0, 'halfBush'); const scaleXBush = ((width * 0.65) / halfBush.width) * 0.7; const scaleYBush = ((height * 0.65) / halfBush.height) * 0.7; const scaleBush = Math.min(scaleXBush, scaleYBush); halfBush.setScale(scaleBush).setOrigin(0.5, 0.5); halfBush.setPosition(image.x, image.y); // Add MachineBottom image and stretch it const machineBottom = this.add.image(image.x, image.y + image.displayHeight / 2, 'machineBottomAltB'); const machineBottomScaleX = image.displayWidth / machineBottom.width; const machineBottomScaleY = (height - image.displayHeight) / machineBottom.height; machineBottom.setScale(machineBottomScaleX, machineBottomScaleY).setOrigin(0.5, 0); // Draw a physically solid square around the bush with thicker walls const bushWidth = halfBush.displayWidth; const bushHeight = halfBush.displayHeight; const thickness = 20; const color = 0x00cccc; const frameAlpha = 0.5; this.topRect = this.add.rectangle(halfBush.x, halfBush.y - bushHeight / 2, bushWidth, thickness, color, frameAlpha); this.bottomRect = this.add.rectangle(halfBush.x, halfBush.y + bushHeight / 2, bushWidth, thickness, color, frameAlpha); // Calculate the peg radius const pegRadius = 2; // Now calculate the x-coordinate for the left wall const wallOffset = 5; this.leftRect = this.add.rectangle(halfBush.x - bushWidth / 2 + pegRadius + wallOffset, halfBush.y, thickness, bushHeight, color, frameAlpha); // Calculate the x-coordinate for the right-most peg const startX = this.leftRect.x + thickness - wallOffset; const fieldWidth = bushWidth - thickness * 2; const numPegsX = 15; const pegSpacingX = fieldWidth / (numPegsX - 1); const rightMostPegX = startX + (numPegsX - 2) * pegSpacingX + (numPegsX % 2 === 0 ? 0 : pegSpacingX / 2); // Position the right wall to align with the right-most peg const rightRectX = rightMostPegX - pegRadius + thickness - wallOffset; this.rightRect = this.add.rectangle(rightRectX, halfBush.y, thickness, bushHeight, color, frameAlpha); // Create pachinko field inside the composite frame const fieldHeight = bushHeight - thickness * 2; const numPegsY = 16; const pegs = this.physics.add.staticGroup(); // Arrange the pegs in a classic pachinko field pattern const pegSpacingY = fieldHeight / (numPegsY - 1); const startY = this.topRect.y + thickness + 65; for (let j = 2; j < numPegsY - 2; j++) { const offsetX = j % 2 === 0 ? 0 : pegSpacingX / 2; let leftMostPegX; for (let i = 0; i < numPegsX - 1; i++) { const x = startX + i * pegSpacingX + offsetX + Phaser.Math.Between(-3, 3); const y = startY + j * pegSpacingY + Phaser.Math.Between(-3, 3); if (y > 65 && y < 233) { const peg = this.add.circle(x, y, pegRadius, 0xffffff); pegs.add(peg); this.physics.add.existing(peg, true); this.pachinkoField.push(peg); } if (i === 0) { leftMostPegX = x; } } this.leftMostPegX = leftMostPegX; } // Enable physics this.physics.add.staticGroup([this.topRect, this.bottomRect, this.leftRect, this.rightRect]); // Dim the brightness halfBush.setTint(0x808080); // Add a non-physical lever (thick gray line) this.leverStartX = image.x + image.displayWidth / 2; this.leverStartY = image.y + image.displayHeight / 2 - (image.displayHeight * 0.15); const leverLength = 100; this.defaultLeverAngle = Math.PI / 4; const leverEndX = this.leverStartX + leverLength * Math.cos(this.defaultLeverAngle); const leverEndY = this.leverStartY - leverLength * Math.sin(this.defaultLeverAngle); this.lever = this.add.line(0, 0, this.leverStartX, this.leverStartY, leverEndX, leverEndY, 0x808080).setOrigin(0, 0); this.lever.setLineWidth(4); this.leverLength = leverLength; this.leverAngle = this.defaultLeverAngle; // Add a fairly large red circle to the edge of the lever const leverCircleRadius = 15; const leverCircleX = leverEndX; const leverCircleY = leverEndY; this.leverCircle = this.add.circle(leverCircleX, leverCircleY, leverCircleRadius, 0x800000); // Add space bar input this.spaceKey = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.SPACE); // Store ball details this.ballStartPosition = { x: 278, y: 107 }; this.ballStartVelocity = { x: 0, y: 0 }; this.powerReductionFactor = 0.6; // Force parameters this.minForce = 2; this.maxForce = 280; this.forceIncrement = 120; this.currentForce = this.minForce; this.launchAngle = Phaser.Math.DegToRad(30); this.leverTiltSpeed = 0.04; this.spaceBarHeldTime = 0; // Add semi-transparent black box with "Score: 0" text const boxColor = 0x000000; const boxAlpha = 0.7; const scoreBoxPadding = 10; const scoreTextStyle = { font: '18px Arial', fill: '#ffffff' }; // Create the score text first to get its dimensions this.scoreText = this.add.text(0, 0, `Score: ${this.score}`, scoreTextStyle); const scoreTextWidth = this.scoreText.width; const scoreTextHeight = this.scoreText.height; // Create the graphics object for the score box with the appropriate dimensions this.scoreBox = this.add.graphics(); this.scoreBox.fillStyle(boxColor, boxAlpha); this.scoreBox.fillRect(20, 20, scoreTextWidth + scoreBoxPadding * 2, scoreTextHeight + scoreBoxPadding * 2); // Position the score text in front of the score box this.scoreText.setPosition(20 + scoreBoxPadding, 20 + scoreBoxPadding); this.scoreText.setDepth(1); // Add semi-transparent black box with "Strikes Remaining: 100" text const strikesRemainingTextStyle = { font: '18px Arial', fill: '#ffffff' }; // Create the strikes remaining text first to get its dimensions this.strikesRemainingText = this.add.text(0, 0, `Strikes Remaining: ${this.strikesRemaining}`, strikesRemainingTextStyle); const strikesRemainingTextWidth = this.strikesRemainingText.width; const strikesRemainingTextHeight = this.strikesRemainingText.height; // Create the graphics object for the strikes remaining box with the appropriate dimensions this.strikesRemainingBox = this.add.graphics(); this.strikesRemainingBox.fillStyle(boxColor, boxAlpha); this.strikesRemainingBox.fillRect(20, 20 + scoreTextHeight + scoreBoxPadding * 2, strikesRemainingTextWidth + scoreBoxPadding * 2, strikesRemainingTextHeight + scoreBoxPadding * 2); // Position the strikes remaining text in front of the strikes remaining box this.strikesRemainingText.setPosition(20 + scoreBoxPadding, 20 + scoreBoxPadding + scoreTextHeight + scoreBoxPadding * 2); this.strikesRemainingText.setDepth(1); // Add semi-transparent black box with lever instruction text const instructionTextStyle = { font: '18px Arial', fill: '#ffffff' }; // Create the lever instruction text first to get its dimensions this.leverInstructionText = this.add.text(0, 0, 'Operate the lever with\nthe space bar.', instructionTextStyle); const leverInstructionTextWidth = this.leverInstructionText.width; const leverInstructionTextHeight = this.leverInstructionText.height; // Calculate the maximum text width and height const maxTextWidth = leverInstructionTextWidth; const maxTextHeight = leverInstructionTextHeight; // Create the graphics object for the instruction box with the appropriate dimensions this.leverInstructionBox = this.add.graphics(); this.leverInstructionBox.fillStyle(boxColor, boxAlpha); this.leverInstructionBox.fillRect(width - maxTextWidth - scoreBoxPadding, height / 2, width - (width / 2), maxTextHeight + scoreBoxPadding * 2); // Position the lever instruction text in front of the instruction box this.leverInstructionText.setPosition(width - maxTextWidth - scoreBoxPadding, height / 2 + scoreBoxPadding); this.leverInstructionText.setDepth(1); // Create a scoring pocket const pocketX1 = 415; const pocketY1 = 264; const pocketX2 = 435; const pocketY2 = 264 + ((260 - 248) * 1.5); this.scoringPocket = this.add.rectangle(pocketX1, pocketY1, pocketX2 - pocketX1, pocketY2 - pocketY1, 0xffd700, 1); this.physics.add.existing(this.scoringPocket, true); this.initialScoringPocketWidth = this.scoringPocket.width; // Set up collision detection for scoring this.physics.add.overlap(this.balls, this.scoringPocket, this.handleScoring, null, this); // Create a tween to move the scoring pocket back and forth const leftEdge = 322; const rightEdge = 467; this.scoringPocketTween = this.tweens.add({ targets: [this.scoringPocket], x: { from: leftEdge, to: rightEdge, yoyo: true, repeat: -1, ease: 'Linear', duration: 4000 }, onUpdate: () => { this.scoringPocket.body.reset(this.scoringPocket.x,this.scoringPocket.y); } }); // Create the graphics object for the light show this.lightShowGraphics = this.add.graphics(); //Create the graphics object for the outer frame this.frameGraphics = this.add.graphics(); // Load the lever release sound this.leverReleaseSound = this.sound.add('leverRelease', { volume: 0.3 }); } update(time, delta) { if (!this.gameOver) { if (!this.pegMoveEvent) { this.pegMoveEvent = this.time.addEvent({ delay: 50, callback: this.moveRandomPeg, callbackScope: this, loop: true }); } // Tilt the lever down when the space bar is down and the space key is enabled if (this.spaceKey.isDown && this.leverAngle > 0 && this.spaceKeyEnabled) { this.leverAngle -= this.leverTiltSpeed; const newEndX = this.leverStartX + this.leverLength * Math.cos(this.leverAngle); const newEndY = this.leverStartY - this.leverLength * Math.sin(this.leverAngle); this.lever.setTo(this.leverStartX, this.leverStartY, newEndX, newEndY); // Update the position of the lever circle this.leverCircle.setPosition(newEndX, newEndY); // Increase the force while holding the space bar based on the time it has been held down this.spaceBarHeldTime += delta; this.currentForce = Math.min(this.minForce + (this.spaceBarHeldTime / 1000) * 3 * this.maxForce, this.maxForce); } // Quickly return the lever to default position upon releasing the space bar if (this.spaceKey.isUp && this.leverAngle < this.defaultLeverAngle) { const newEndX = this.leverStartX + this.leverLength * Math.cos(this.defaultLeverAngle); const newEndY = this.leverStartY - this.leverLength * Math.sin(this.defaultLeverAngle); this.lever.setTo(this.leverStartX, this.leverStartY, newEndX, newEndY); // Reset the position of the lever circle this.leverCircle.setPosition(newEndX, newEndY); // Play the lever release sound this.leverReleaseSound.play(); // Create and launch a new ball if cooldown has passed or it's the first launch const currentTime = time; const timeSinceLastLaunch = currentTime - this.lastBallLaunchTimestamp; if ((timeSinceLastLaunch >= this.ballLaunchCooldown && this.strikesRemaining > 0) || this.isFirstBallLaunch) { this.createAndLaunchBall(time); this.lastBallLaunchTimestamp = currentTime; this.isFirstBallLaunch = false; // Reset the flag after the first launch this.spaceKeyEnabled = false; // Disable the space key after launching a ball } this.leverAngle = this.defaultLeverAngle; this.currentForce = this.minForce; this.spaceBarHeldTime = 0; this.lastBallLaunchTime = time; } // Update all balls for (let i = 0; i < this.balls.length; i++) { const ball = this.balls[i]; // Fail-safe: Reset the ball if it goes outside the playing field if (ball.x < this.leftRect.x || ball.x > this.rightRect.x || ball.y < this.topRect.y || ball.y > this.bottomRect.y) { ball.body.velocity.x *= this.powerReductionFactor; ball.body.velocity.y *= this.powerReductionFactor; ball.setPosition(this.ballStartPosition.x, this.ballStartPosition.y); ball.setVelocity(ball.body.velocity.x, ball.body.velocity.y); } // Check if the ball has already hit something (including ground) if (!ball.hasHit) { const hitObjects = this.physics.overlapCirc(ball.x, ball.y, this.ballRadius, [this.topRect, this.bottomRect, this.leftRect, this.rightRect, ...this.pachinkoField]); if (hitObjects.length > 0 || ball.body.touching.down) { ball.hasHit = true; ball.hitTime = time; } } else if (!ball.destroyTimer && time - ball.hitTime >= 5000) { ball.destroy(); this.balls.splice(i, 1); i--; if (this.strikesRemaining <= 0) { this.strikesRemaining = 0; this.strikesRemainingText.setText('Strikes Remaining: 0'); } else { this.strikesRemaining--; this.updateStrikesRemainingText(); } } } // Remove one "strikes remaining" if 6 seconds have passed since the last ball launch if (time - this.lastBallLaunchTime >= 6000) { this.strikesRemaining--; // Tint the strikes remaining text red for half a second this.strikesRemainingText.setTint(0xff0000); if (this.strikesRemainingTintTimer) { this.strikesRemainingTintTimer.remove(); } this.strikesRemainingTintTimer = this.time.delayedCall(500, () => { this.strikesRemainingText.setTint(0xffffff); }, null, this); this.updateStrikesRemainingText(); this.lastBallLaunchTime = time; } // Update the lever instruction text visibility const timeSinceLastLaunch = time - this.lastBallLaunchTimestamp; if (this.strikesRemaining > 0 && (timeSinceLastLaunch >= this.ballLaunchCooldown || this.isFirstBallLaunch)) { this.leverInstructionText.setVisible(true); this.leverInstructionBox.setVisible(true); this.spaceKeyEnabled = true; // Enable the space key when it's time to launch a new ball } else { this.leverInstructionText.setVisible(false); this.leverInstructionBox.setVisible(false); this.spaceKeyEnabled = false; // Disable the space key when it's not time to launch a new ball } // Check if there are no strikes remaining if (this.strikesRemaining === 0) { this.gameOver = true; } } else { // Game over state if (!this.gameOverText) { // Create the "Thanks for playing" text const gameOverTextStyle = { font: '40px Arial', fill: '#ffffff' }; this.gameOverText = this.add.text(this.cameras.main.centerX, this.cameras.main.centerY, 'Thanks for playing.\nTo play again, please refresh the page.', gameOverTextStyle); this.gameOverText.setOrigin(0.5, 0.5); // Create a semi-transparent black box behind the game over text const gameOverTextWidth = this.gameOverText.width; const gameOverTextHeight = this.gameOverText.height; const gameOverTextBoxPadding = 20; this.gameOverTextBox = this.add.graphics(); this.gameOverTextBox.fillStyle(0x000000, 0.7); this.gameOverTextBox.fillRect( this.cameras.main.centerX - gameOverTextWidth / 2 - gameOverTextBoxPadding, this.cameras.main.centerY - gameOverTextHeight / 2 - gameOverTextBoxPadding, gameOverTextWidth + gameOverTextBoxPadding * 2, gameOverTextHeight + gameOverTextBoxPadding * 2 ); // Position the game over text in front of the semi-transparent black box this.gameOverText.setDepth(1); } // Destroy all balls present on the screen for (let i = 0; i < this.balls.length; i++) { this.balls[i].destroy(); } this.balls = []; // Create the semi-transparent black box and credit text if (!this.creditText && !this.creditBox) { const creditTextStyle = { font: '14px Arial', fill: '#ffffff' }; const creditText = 'Crank sound credit:\n"Crank to Start" by adh.dreaming -- https://freesound.org/s/668371/ -- License: Creative Commons 0'; this.creditText = this.add.text(0, 0, creditText, creditTextStyle); const creditTextWidth = this.creditText.width; const creditTextHeight = this.creditText.height; const creditBoxPadding = 10; // Create the graphics object for the credit box with the appropriate dimensions this.creditBox = this.add.graphics(); this.creditBox.fillStyle(0x000000, 0.7); this.creditBox.fillRect( this.cameras.main.width / 2 - creditTextWidth / 2 - creditBoxPadding, this.cameras.main.height - creditTextHeight - creditBoxPadding * 2, creditTextWidth + creditBoxPadding * 2, creditTextHeight + creditBoxPadding * 2 ); // Position the credit text in front of the credit box this.creditText.setPosition( this.cameras.main.width / 2 - creditTextWidth / 2, this.cameras.main.height - creditTextHeight - creditBoxPadding * 1.5 ); this.creditText.setDepth(1); } // Keep the lever instruction text invisible during game over this.leverInstructionText.setVisible(false); this.leverInstructionBox.setVisible(false); this.spaceKeyEnabled = false; // Disable the space key during game over } } createAndLaunchBall(time) { // Determine if the ball should be larger const isFlashingBall = this.ballCount % 10 === 9; let ballRadius = this.ballRadius; if (isFlashingBall) { ballRadius *= 1.5; } let ballColor = 0x87ceeb; // Create unique texture for each ball const ballTextureKey = `ballTexture_${Phaser.Math.Between(0, 100000)}`; let graphics = this.make.graphics(); graphics.fillStyle(ballColor, 1.0); graphics.fillCircle(ballRadius, ballRadius, ballRadius); graphics.generateTexture(ballTextureKey, ballRadius * 2, ballRadius * 2); // Create the ball sprite with physics const ball = this.physics.add.sprite(this.ballStartPosition.x, this.ballStartPosition.y, ballTextureKey); ball.setGravityY(500); ball.setCollideWorldBounds(true); ball.setBounce(0.2); ball.setFriction(0.5); this.physics.add.collider(ball, [this.topRect, this.bottomRect, this.leftRect, this.rightRect]); this.physics.add.collider(ball, this.pachinkoField); // Launch the ball based on the current force and constant angle const horizontalVelocity = this.currentForce * Math.cos(this.launchAngle); const verticalVelocity = -this.currentForce * Math.sin(this.launchAngle) * 1.5; ball.setVelocity(horizontalVelocity, verticalVelocity); // Store the ball in the balls array this.balls.push(ball); ball.hasHit = false; // Add the ball to physics world and enable overlap check with the scoring pocket this.physics.add.overlap(ball, this.scoringPocket, this.handleScoring, null, this); // Set the ball to the default color ball.setTint(ballColor); // Increment the ball count this.ballCount++; // If this is a multiple of 10th ball, make it change colors every 0.1 seconds if (isFlashingBall) { const colors = [0xff0000, 0x00ff00, 0x0000ff, 0xffff00, 0xff00ff, 0x00ffff]; const colorChangeDuration = 100; this.time.addEvent({ delay: colorChangeDuration, callback: () => { ball.setTint(Phaser.Utils.Array.GetRandom(colors)); }, callbackScope: this, loop: true }); } // Remove one "strikes remaining" if 5 seconds have passed since the last ball launch if (time - this.lastBallLaunchTime >= 5000) { this.strikesRemaining--; // Tint the strikes remaining text red for half a second this.strikesRemainingText.setTint(0xff0000); if (this.strikesRemainingTintTimer) { this.strikesRemainingTintTimer.remove(); } this.strikesRemainingTintTimer = this.time.delayedCall(500, () => { this.strikesRemainingText.setTint(0xffffff); }, null, this); this.updateStrikesRemainingText(); this.lastBallLaunchTime = time; if (this.strikesRemaining < 0) { this.strikesRemaining = 0; } } } handleScoring(ball, scoringPocket) { // Stop any currently playing score sound if (this.scoreSound && this.scoreSound.isPlaying) { this.scoreSound.stop(); } // Determine if the scored ball is a flashing ball const isFlashingBall = ball.texture.key.includes('ballTexture_') && ball.displayWidth > this.ballRadius * 2; // Award points based on the ball type if (isFlashingBall) { this.score += 4; } else { this.score += 1; } // Update the score text and resize the score box const newScoreText = `Score: ${this.score}`; this.scoreText.setText(newScoreText); const newScoreTextWidth = this.scoreText.width; const newScoreTextHeight = this.scoreText.height; const newScoreBoxWidth = newScoreTextWidth + 20; const newScoreBoxHeight = newScoreTextHeight + 20; this.scoreBox.clear(); this.scoreBox.fillStyle(0x000000, 0.7); this.scoreBox.fillRect(20, 20, newScoreBoxWidth, newScoreBoxHeight); // Reposition the score text in front of the new score box this.scoreText.setPosition(20 + 10, 20 + 10); // Destroy the ball ball.destroy(); this.balls = this.balls.filter(b => b !== ball); // Start the colorful light show between the inner and outer frames this.startOrganizedBluePurpleShow(); // Play a random scoring sound const scoringSounds = ['pachinkoScoreA', 'pachinkoScoreB', 'pachinkoScoreC', 'pachinkoScoreD', 'pachinkoScoreE']; const randomSound = Phaser.Utils.Array.GetRandom(scoringSounds); this.scoreSound = this.sound.add(randomSound, { volume: 0.3 }); this.scoreSound.play(); } updateStrikesRemainingText() { const newStrikesRemainingText = `Strikes Remaining: ${this.strikesRemaining}`; this.strikesRemainingText.setText(newStrikesRemainingText); const newStrikesRemainingTextWidth = this.strikesRemainingText.width; const newStrikesRemainingTextHeight = this.strikesRemainingText.height; const newStrikesRemainingBoxWidth = newStrikesRemainingTextWidth + 20; const newStrikesRemainingBoxHeight = newStrikesRemainingTextHeight + 20; this.strikesRemainingBox.clear(); this.strikesRemainingBox.fillStyle(0x000000, 0.7); this.strikesRemainingBox.fillRect(20, 20 + this.scoreText.height + 20, newStrikesRemainingBoxWidth, newStrikesRemainingBoxHeight); // Reposition the strikes remaining text in front of the new strikes remaining box this.strikesRemainingText.setPosition(20 + 10, 20 + 10 + this.scoreText.height + 20); } startOrganizedBluePurpleShow() { // Clear any existing light show graphics and tweens this.lightShowGraphics.clear(); if (this.lightShowTween) { this.lightShowTween.stop(); } // Get the frame dimensions const innerFrameLeft = this.leftRect.x - this.leftRect.width / 2; const innerFrameRight = this.rightRect.x + this.rightRect.width / 2; const innerFrameTop = this.topRect.y - this.topRect.height / 2; const innerFrameBottom = this.bottomRect.y + this.bottomRect.height / 2; const outerFrameLeft = innerFrameLeft - this.frameThickness; const outerFrameRight = innerFrameRight + this.frameThickness; const outerFrameTop = innerFrameTop - this.frameThickness; const outerFrameBottom = innerFrameBottom + this.frameThickness; // Set up the light show configuration const numLights = 40; const lightRadius = 12; const duration = 5000; const startTime = this.time.now; const blueColor = 0x0000ff; const purpleColor = 0x800080; // Calculate the spacing between lights const lightSpacingX = (outerFrameRight - outerFrameLeft) / (numLights - 1); const lightSpacingY = (outerFrameBottom - outerFrameTop) / (numLights - 1); // Create the lights in a lined-up manner for (let i = 0; i < numLights; i++) { for (let j = 0; j < numLights; j++) { const x = outerFrameLeft + i * lightSpacingX; const y = outerFrameTop + j * lightSpacingY; const isInsideInnerFrame = x >= innerFrameLeft && x <= innerFrameRight && y >= innerFrameTop && y <= innerFrameBottom; if (!isInsideInnerFrame) { this.lightShowGraphics.fillStyle(blueColor, 1.0); this.lightShowGraphics.fillCircle(x, y, lightRadius); } } } // Create a tween to flash the lights between blue and purple this.lightShowTween = this.tweens.addCounter({ from: 0, to: 1, duration: 250, repeat: -1, yoyo: true, ease: 'Linear', onUpdate: (tween) => { const value = tween.getValue(); const color = value < 0.5 ? blueColor : purpleColor; this.lightShowGraphics.clear(); for (let i = 0; i < numLights; i++) { for (let j = 0; j < numLights; j++) { const x = outerFrameLeft + i * lightSpacingX; const y = outerFrameTop + j * lightSpacingY; const isInsideInnerFrame = x >= innerFrameLeft && x <= innerFrameRight && y >= innerFrameTop && y <= innerFrameBottom; if (!isInsideInnerFrame) { this.lightShowGraphics.fillStyle(color, 1.0); this.lightShowGraphics.fillCircle(x, y, lightRadius); } } } } }); // Create a timer to remove the light show after the duration this.time.delayedCall(duration, () => { this.lightShowTween.stop(); this.lightShowGraphics.clear(); }, null, this); } moveRandomPeg() { // Select a random peg from the pachinkoField array const randomPeg = Phaser.Utils.Array.GetRandom(this.pachinkoField); // Calculate a new random position within the bounds of the game area const newX = Phaser.Math.Between(this.leftRect.x + this.leftRect.width, this.rightRect.x - this.rightRect.width); const newY = Phaser.Math.Between(Math.max(this.topRect.y + this.topRect.height, 138), Math.min(this.bottomRect.y - this.bottomRect.height, 231)); // Move the peg to the new position randomPeg.body.reset(newX, newY); } } const config = { type: Phaser.AUTO, parent: 'renderDiv', scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, physics: { default: 'arcade', arcade: { gravity: { y: 200 } } }, width: 800, height: 600, scene: Example }; const game = new Phaser.Game(config);