class TitleScene extends Phaser.Scene { constructor() { super('TitleScene'); } preload() { this.load.image('startScreen', 'https://play.rosebud.ai/assets/Start screen.png?3kEW'); this.load.image('startButton', 'https://play.rosebud.ai/assets/Start button.png?uVUa'); this.load.image('startButtonPressed', 'https://play.rosebud.ai/assets/Start button pressed.png?HmwR'); this.load.audio('titleMusic', 'https://play.rosebud.ai/assets/Bomb tune.mp3?oSKl'); this.load.audio('clickSound', 'https://play.rosebud.ai/assets/Simple Click.mp3?2FVt'); } create() { // Add the start screen image const startScreen = this.add.image(400, 300, 'startScreen'); startScreen.setDisplaySize(800, 600); // Add the start button const startButton = this.add.image(400, 300, 'startButton'); startButton.setScale(0.5); // Set the scale to 50% of the original size startButton.setInteractive(); // Add click sound const clickSound = this.sound.add('clickSound'); startButton.on('pointerdown', () => { startButton.setTexture('startButtonPressed'); clickSound.play(); // Play the click sound }); startButton.on('pointerup', () => { startButton.setTexture('startButton'); this.startGameWithTransition(); }); startButton.on('pointerout', () => { startButton.setTexture('startButton'); }); // Play title screen music this.titleMusic = this.sound.add('titleMusic', { loop: true }); this.titleMusic.play(); } startGameWithTransition() { // Create a black rectangle covering the entire screen const blackOverlay = this.add.rectangle(400, 300, 800, 600, 0x000000); blackOverlay.setAlpha(0); // Fade to black this.tweens.add({ targets: blackOverlay, alpha: 1, duration: 1000, onComplete: () => { this.titleMusic.stop(); // Stop the title music this.scene.start('GameScene'); } }); } } class GameScene extends Phaser.Scene { constructor () { super('GameScene'); this.timer = 60; // Initialize timer to 1 minute (60 seconds) this.timerText = null; this.guideOpen = false; this.bombsDiffused = 0; // Counter for bombs diffused this.manualStages = 1; // Counter for manual stages completed, starting from 1 this.wires = []; this.wireEnds = []; // Renamed from wireCircles to wireEnds this.correctWire = null; this.lives = 3; // Initialize lives this.lifeLights = []; // Array to store life indicator lights this.cutWireHalves = []; // New array to store cut wire halves this.gameOver = false; // Flag to track if the game is over this.stressOverlay = null; // New property to store the stress overlay this.stressTween = null; // New property to store the stress effect tween this.tickingSound = null; // New property to store the ticking sound this.wireRules = {}; // New property to store the randomized wire rules this.roundCount = 0; // New property to keep track of rounds } preload () { this.load.image('background', 'https://play.rosebud.ai/assets/Background.png?lfXB'); this.load.image('screwhead', 'https://play.rosebud.ai/assets/Screwhead.png?wtKx'); this.load.image('greenLight', 'https://play.rosebud.ai/assets/Green Light.png?HG1w'); this.load.image('redLight', 'https://play.rosebud.ai/assets/Red Light.png?cEll'); this.load.image('wireBlack', 'https://play.rosebud.ai/assets/Texture_Black.png?JqcQ'); this.load.image('wireGreen', 'https://play.rosebud.ai/assets/Texture_Green.png?t3Oc'); this.load.image('wirePurple', 'https://play.rosebud.ai/assets/Texture_Purple.png?hiTl'); this.load.image('wireWhite', 'https://play.rosebud.ai/assets/Texture_White.png?PcSU'); this.load.image('wireRed', 'https://play.rosebud.ai/assets/Texture_Red.png?YpAl'); this.load.image('wireOrange', 'https://play.rosebud.ai/assets/Texture_Orange.png?tUhI'); this.load.image('wireGray', 'https://play.rosebud.ai/assets/Texture_Gray.png?UmJQ'); this.load.image('wireBlue', 'https://play.rosebud.ai/assets/Texture_Blue.png?Woe9'); this.load.image('wireYellow', 'https://play.rosebud.ai/assets/Texture_Yellow.png?vKf9'); this.load.image('wireBrown', 'https://play.rosebud.ai/assets/Texture_Brown.png?un1O'); this.load.image('paper', 'https://play.rosebud.ai/assets/Paper.png?Wexf'); this.load.image('endBomb', 'https://play.rosebud.ai/assets/End Bomb.png?Wcv7'); this.load.audio('gameplayMusic', 'https://play.rosebud.ai/assets/Bomb tune gameplay.mp3?MIAm'); this.load.audio('wireCutSound', 'https://play.rosebud.ai/assets/Cutting wire.mp3?95dW'); this.load.audio('wrongWireSound', 'https://play.rosebud.ai/assets/Wrong wire.mp3?GOYM'); this.load.audio('explosionSound', 'https://play.rosebud.ai/assets/Explosion.mp3?fTOS'); this.load.audio('gameOverMusic', 'https://play.rosebud.ai/assets/Bomb tune.mp3?oSKl'); this.load.audio('tickingSound', 'https://play.rosebud.ai/assets/Ticking small.mp3?vVUk'); this.load.image('medalBronze', 'https://play.rosebud.ai/assets/Medal_Bronze.png?o8zB'); this.load.image('medalSilver', 'https://play.rosebud.ai/assets/Medal_Silver.png?tNhm'); this.load.image('medalGold', 'https://play.rosebud.ai/assets/Medal_Gold.png?hTXN'); } create () { // Create a black overlay for fade-in effect const blackOverlay = this.add.rectangle(400, 300, 800, 600, 0x000000); blackOverlay.setAlpha(1); // Add the background image const background = this.add.image(400, 300, 'background'); background.setDisplaySize(800, 600); // Set the size to match the game's dimensions // Add three green lights at the top of the screen const lightSize = 50; // Adjust this value to change the size of the light const spacing = 50; const startX = 400 - (lightSize * 1.5 + spacing); const startY = 80; // Moved to the top of the screen for (let i = 0; i < 3; i++) { const light = this.add.image(startX + i * (lightSize + spacing), startY, 'greenLight'); light.setDisplaySize(lightSize, lightSize); this.lifeLights.push(light); // Store the light in the array } // Add black box for timer const timerBox = this.add.rectangle(30, 30, 120, 40, 0x000000); timerBox.setOrigin(0, 0); // Add digital timer text with red color and digital clock style this.timerText = this.add.text(40, 35, '01:00', { fontFamily: 'Courier', fontSize: '32px', fontStyle: 'bold', color: '#ff0000', align: 'center' }); // Update timer every second this.time.addEvent({ delay: 1000, callback: this.updateTimer, callbackScope: this, loop: true }); // Create "Manual" text at the bottom center of the screen const manualText = this.add.text(400, 580, 'Manual', { fontFamily: 'Consolas', fontSize: '45px', fontStyle: 'bold', color: '#000000', align: 'center' }); manualText.setOrigin(0.5); manualText.setInteractive(); manualText.on('pointerdown', this.toggleGuide, this); // Create guide container this.guideContainer = this.add.container(400, 300); this.guideContainer.setVisible(false); // Create guide background using the paper image const guideBg = this.add.image(0, 0, 'paper'); guideBg.setScale(1); // Adjust the scale as needed this.guideContainer.add(guideBg); // Create guide text this.guideText = this.add.text(0, 0, '', { fontFamily: 'Arial', fontSize: '14px', color: '#000000', align: 'left', wordWrap: { width: 280 } }); this.guideText.setOrigin(0.5, 0.425); this.guideContainer.add(this.guideText); // Add Bombs Diffused and Manual Stages text at the top right this.scoreText = this.add.text(655, 35, 'Bombs: 0\nDiffused\nManual: 1', { fontFamily: 'Courier', fontSize: '20px', fontStyle: 'bold', color: '#00ff00', align: 'center', lineSpacing: 5 }); // Add Bombs Diffused box at the top right, sized to fit the text const textBounds = this.scoreText.getBounds(); const padding = 10; const bombsBox = this.add.rectangle( 770, textBounds.centerY, textBounds.width + padding * 5, textBounds.height + padding * 2, 0x000000 ); bombsBox.setOrigin(1, 0.5); // Ensure the text is on top of the box this.children.bringToTop(this.scoreText); // Generate random wire rules this.generateRandomWireRules(); // Create wires for Level 1 this.createWires(); // Update guide page initially this.updateGuidePage(); // Play gameplay music this.gameplayMusic = this.sound.add('gameplayMusic', { loop: true }); this.gameplayMusic.play(); // Add wire cutting sound this.wireCutSound = this.sound.add('wireCutSound'); // Add wrong wire sound this.wrongWireSound = this.sound.add('wrongWireSound'); // Add explosion sound this.explosionSound = this.sound.add('explosionSound'); // Add game over music this.gameOverMusic = this.sound.add('gameOverMusic', { loop: true }); // Add ticking sound this.tickingSound = this.sound.add('tickingSound', { loop: true }); // Fade in the game screen this.tweens.add({ targets: blackOverlay, alpha: 0, duration: 1000, onComplete: () => { blackOverlay.destroy(); } }); // Create the stress overlay this.stressOverlay = this.add.rectangle(400, 300, 800, 600, 0xff0000); this.stressOverlay.setAlpha(0); } generateRandomWireRules() { const wireColors = ['Red', 'Blue', 'White', 'Black', 'Yellow', 'Brown', 'Purple', 'Orange', 'Green', 'Gray']; const wirePositions = ['First', 'Second', 'Third', 'Fourth', 'Fifth', 'Last']; const wireToCut = ['First', 'Second', 'Third', 'Fourth', 'Fifth', 'Last']; this.wireRules = { 3: [], 4: [], 5: [], 6: [] }; // Generate rules for each wire count for (let count = 3; count <= 6; count++) { let availableColors = [...wireColors]; let availablePositions = wirePositions.slice(0, count); let availableCuts = wireToCut.slice(0, count); // Generate 3 rules for each wire count for (let i = 0; i < 3; i++) { if (availableColors.length === 0 || availablePositions.length === 0 || availableCuts.length === 0) break; const color = availableColors.splice(Math.floor(Math.random() * availableColors.length), 1)[0]; const position = availablePositions.splice(Math.floor(Math.random() * availablePositions.length), 1)[0]; const cut = availableCuts.splice(Math.floor(Math.random() * availableCuts.length), 1)[0]; this.wireRules[count].push({color, position, cut}); } // Add a fallback rule this.wireRules[count].push({color: 'Otherwise', position: '', cut: availableCuts[0] || 'Last'}); } } createWires() { this.roundCount++; // Clear existing wires, wire ends, and cut wire halves this.wires.forEach(wire => wire.destroy()); this.wires = []; this.wireEnds.forEach(end => end.destroy()); this.wireEnds = []; this.cutWireHalves.forEach(half => half.destroy()); this.cutWireHalves = []; const wireTextures = ['wireRed', 'wireBlue', 'wireWhite', 'wireBlack', 'wireYellow', 'wireBrown', 'wirePurple', 'wireOrange', 'wireGreen', 'wireGray']; const wireY = 300; const wireWidth = 10; const wireHeight = 260; // Adjusted to fit within the dark gray box const numWires = Phaser.Math.Between(3, 6); // Random number of wires between 3 and 6 const positions = []; // Generate random positions for (let i = 0; i < numWires; i++) { let position; do { position = Phaser.Math.Between(230, 570); // Adjusted range to fit within the level interface } while (positions.some(p => Math.abs(p - position) < 30)); // Ensure wires are not too close positions.push(position); } // Sort positions to maintain left-to-right order positions.sort((a, b) => a - b); // Get the current rules for this wire count const currentRules = this.wireRules[numWires]; // Create a weighted list of wire colors based on the current rules const weightedColors = []; currentRules.forEach(rule => { if (rule.color !== 'Otherwise') { weightedColors.push(rule.color.toLowerCase()); weightedColors.push(rule.color.toLowerCase()); // Add twice to increase probability } }); // Fill the rest with random colors while (weightedColors.length < numWires) { const randomColor = wireTextures[Math.floor(Math.random() * wireTextures.length)].replace('wire', '').toLowerCase(); weightedColors.push(randomColor); } // Shuffle the weighted colors const shuffledColors = Phaser.Utils.Array.Shuffle(weightedColors); // Create wires at random positions with weighted colors for (let i = 0; i < numWires; i++) { const wireColor = shuffledColors[i]; const wire = this.add.image(positions[i], wireY, `wire${wireColor.charAt(0).toUpperCase() + wireColor.slice(1)}`); wire.setDisplaySize(wireWidth, wireHeight); wire.setInteractive(); wire.on('pointerdown', () => this.cutWire(wire)); wire.wireIndex = i; // Add index property to the wire wire.wireColor = wireColor; // Add color property to the wire wire.isCut = false; // Add isCut property to track if wire has been cut this.wires.push(wire); // Add screwhead images at each end of the wire const screwheadSize = 20; // Adjust this value to change the size of the screwhead const topScrewhead = this.add.image(wire.x, wire.y - wireHeight / 2, 'screwhead'); const bottomScrewhead = this.add.image(wire.x, wire.y + wireHeight / 2, 'screwhead'); topScrewhead.setDisplaySize(screwheadSize, screwheadSize); bottomScrewhead.setDisplaySize(screwheadSize, screwheadSize); this.wireEnds.push(topScrewhead, bottomScrewhead); } // Bring all wire ends to the front this.wireEnds.forEach(end => this.children.bringToTop(end)); // Apply rules this.applyRules(); } applyRules() { const numWires = this.wires.length; const rules = this.wireRules[numWires]; this.correctWire = null; for (let rule of rules) { if (rule.color === 'Otherwise') { if (!this.correctWire) { this.correctWire = this.wires[this.getWireIndexFromPosition(rule.cut, numWires)]; } break; } const wireColor = rule.color.toLowerCase(); const wirePosition = this.getWireIndexFromPosition(rule.position, numWires); if (this.wires[wirePosition] && this.wires[wirePosition].wireColor === wireColor) { this.correctWire = this.wires[this.getWireIndexFromPosition(rule.cut, numWires)]; break; } } // If no rule matched, use the last wire as a fallback if (!this.correctWire) { this.correctWire = this.wires[numWires - 1]; } // Update the guide this.updateGuidePage(); } getWireIndexFromPosition(position, numWires) { switch (position) { case 'First': return 0; case 'Second': return 1; case 'Third': return 2; case 'Fourth': return 3; case 'Fifth': return 4; case 'Last': return numWires - 1; default: return 0; } } cutWire(wire) { if (wire.isCut || this.gameOver) return; // If wire is already cut or game is over, do nothing wire.isCut = true; // Mark wire as cut // Play wire cutting sound this.wireCutSound.play(); // Visual effect of cutting the wire const gapSize = 20; //Size of the gap in the middle of the wire const wireHeight = wire.displayHeight; // Create two new images to represent the cut wire const topHalf = this.add.image(wire.x, wire.y - gapSize/2, wire.texture.key); const bottomHalf = this.add.image(wire.x, wire.y + gapSize/2, wire.texture.key); topHalf.setDisplaySize(wire.displayWidth, wireHeight); bottomHalf.setDisplaySize(wire.displayWidth, wireHeight); topHalf.setCrop(0, 0, topHalf.width, (wireHeight - gapSize) / 2); bottomHalf.setCrop(0, (wire.height + gapSize) / 2, bottomHalf.width, (wireHeight - gapSize) / 2); // Store the cut wire halves this.cutWireHalves.push(topHalf, bottomHalf); // Hide the original wire wire.setVisible(false); // Bring all wire ends to the front again this.wireEnds.forEach(end => this.children.bringToTop(end)); if (wire === this.correctWire) { this.bombsDiffused++; this.updateScoreText(); const successText = this.add.text(400, 200, 'Bomb Diffused!', { fontFamily: 'Arial', fontSize: '32px', color: '#00ff00', align: 'center' }).setOrigin(0.5); // Add 10 seconds to the timer this.timer += 10; // Show +10 near the timer const plusTenText = this.add.text(160, 35, '+10', { fontFamily: 'Arial', fontSize: '24px', fontStyle: 'bold', color: '#00ff00' }); // Fade out and remove the +10 text this.tweens.add({ targets: plusTenText, alpha: 0, y: 20, duration: 2000, onComplete: () => plusTenText.destroy() }); // Disable all wires this.wires.forEach(w => w.disableInteractive()); // Move to next level after a short delay this.time.delayedCall(2000, () => { successText.destroy(); if (this.roundCount % 10 === 0) { this.generateRandomWireRules(); // Generate new random rules every 10 rounds this.manualStages++; // Increment manual stages this.updateScoreText(); } this.createWires(); // Reset the level }); // Stop the ticking sound if it's playing if (this.tickingSound.isPlaying) { this.tickingSound.stop(); } } else { // Play wrong wire sound this.wrongWireSound.play(); this.lives--; if (this.lives >= 0) { this.lifeLights[this.lives].setTexture('redLight'); // Change the light to red } // Reduce timer by 15 seconds this.timer = Math.max(0, this.timer - 15); // Show -15 near the timer const minusFifteenText = this.add.text(160, 35, '-15', { fontFamily: 'Arial', fontSize: '24px', fontStyle: 'bold', color: '#ff0000' }); // Fade out and remove the -15 text this.tweens.add({ targets: minusFifteenText, alpha: 0, y: 20, duration: 2000, onComplete: () => minusFifteenText.destroy() }); if (this.lives <= 0 || this.timer <= 0) { this.endGame('Oops! You blew it!'); } } } updateTimer() { if (this.gameOver) return; this.timer--; if (this.timer < 0) { this.timer = 0; this.endGame('Oops! Time ran out!'); } const minutes = Math.floor(this.timer / 60); const seconds = this.timer % 60; this.timerText.setText(`${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`); // Start stress effect and play ticking sound when timer hits 10 seconds if (this.timer === 10) { this.startStressEffect(); this.tickingSound.play(); } else if (this.timer > 10) { this.stopStressEffect(); if (this.tickingSound.isPlaying) { this.tickingSound.stop(); } } } startStressEffect() { // Create a tween for fading in and out this.stressTween = this.tweens.add({ targets: this.stressOverlay, alpha: { from: 0, to: 0.3 }, duration: 500, yoyo: true, repeat: -1, ease: 'Sine.easeInOut' }); } stopStressEffect() { if (this.stressTween) { this.stressTween.stop(); this.stressTween = null; } this.stressOverlay.setAlpha(0); } updateScoreText() { this.scoreText.setText(`Bombs: ${this.bombsDiffused}\nDiffused\nManual: ${this.manualStages}`); } endGame(message) { this.gameOver = true; this.gameplayMusic.stop(); // Stop the gameplay music this.explosionSound.play(); // Play explosion sound // Stop the stress effect if it's running this.stopStressEffect(); // Stop the ticking sound if it's playing if (this.tickingSound.isPlaying) { this.tickingSound.stop(); } // Add the end bomb background const endBombBackground = this.add.image(400, 300, 'endBomb'); endBombBackground.setDisplaySize(800, 600); // Display the end game message, total bombs diffused, and manual stages completed const endText = this.add.text(400, 200, `${message}\nTotal Bombs Diffused: ${this.bombsDiffused}\nManual Stages Completed: ${this.manualStages}`, { fontFamily: 'Arial', fontSize: '32px', color: '#ffffff', align: 'center' }).setOrigin(0.5); // Determine which medal to display let medalImage; if (this.bombsDiffused >= 100) { medalImage = this.add.image(675, 500, 'medalGold'); } else if (this.bombsDiffused >= 50) { medalImage = this.add.image(675, 500, 'medalSilver'); } else if (this.bombsDiffused >= 25) { medalImage = this.add.image(675, 500, 'medalBronze'); } // If a medal was earned, display it if (medalImage) { medalImage.setScale(1); // Adjust the scale as needed } // Array of possible messages const messages = [ "In memory of the most explosive intern:", "In memory of the intern who made the biggest bang:", "In memory of the intern with the greatest impact:", "In memory of the most bombastic intern:", "In memory of the intern who went out with a bang:", "In memory of the intern who really blew us away:", "In memory of the intern who made the biggest explosion:", "In memory of the intern who left the greatest impact:", "In memory of the intern with the most spectacular finish:", "In memory of the intern who detonated the most:", "In memory of the intern who made a real blast:", "In memory of the intern who rocked the fuse box:", "In memory of the intern with the biggest bang for the buck:", "In memory of the intern who was dynamite:", "In memory of the intern who lit up the room:", "In memory of the intern who caused the biggest blast:", "In memory of the intern who set off the most fireworks:", "In memory of the intern who made every explosion count:", "In memory of the intern who had a blast with every task:", "In memory of the intern who went out with a real bang:", "In memory of the intern who went out with a spectacular bang:", "In memory of the intern who made every detonation memorable:", "In memory of the intern whose impact was truly explosive:", "In memory of the intern who left a mark with every fuse:", "In memory of the intern who blew up the charts:", "In memory of the intern who was a real firecracker:", "In memory of the intern who made a big bang on the job:", "In memory of the intern who sparked the most excitement:", "In memory of the intern whose work was dynamite:", "In memory of the intern who was a blast to work with:", "In memory of the intern who had the most explosive impact:", "In memory of the intern who made every fuse count:", "In memory of the intern who ignited the workplace:", "In memory of the intern who was a true dynamo:", "In memory of the intern who really lit up the scene:", "In memory of the intern who made every blast count:", "In memory of the intern who left an explosive legacy:", "In memory of the intern who made every spark unforgettable:", "In memory of the intern who truly went out with a bang:", "In memory of the intern who made the most explosive impact:" ]; // Choose a random message const randomMessage = messages[Math.floor(Math.random() * messages.length)]; // Add text input for player name with the random message const namePrompt = this.add.text(400, 300, randomMessage, { fontFamily: 'Arial', fontSize: '24px', color: '#ffffff', align: 'center' }).setOrigin(0.5); // Create a DOM element for text input const nameInput = this.add.dom(400, 350, 'input', { type: 'text', name: 'nameField', fontSize: '24px', backgroundColor: '#333', color: '#ffffff', padding: '10px', width: '200px' }); // Create a text object to display the entered name with a handwriting-style font const enteredNameText = this.add.text(400, 400, '', { fontFamily: '"Comic Sans MS", cursive, sans-serif', fontSize: '32px', color: '#ffffff', align: 'center', stroke: '#000000', strokeThickness: 2 }).setOrigin(0.5); // Add event listener for the input field nameInput.addListener('input'); nameInput.on('input', function (event) { enteredNameText.setText(`${event.target.value}`); }); // Show a thank you message this.add.text(400, 450, 'Thank you for playing!', { fontFamily: 'Arial', fontSize: '24px', color: '#ffffff', align: 'center' }).setOrigin(0.5); // Disable all wires this.wires.forEach(w => w.disableInteractive()); // Play game over music after a short delay this.time.delayedCall(1000, () => { this.gameOverMusic.play(); }); } toggleGuide() { this.guideOpen = !this.guideOpen; this.guideContainer.setVisible(this.guideOpen); if (this.guideOpen) { this.children.bringToTop(this.guideContainer); } } updateGuidePage() { let guideContent = "Wire Cutting Guide:\n\n"; for (let count = 3; count <= 6; count++) { guideContent += `${count} Wires:\n`; this.wireRules[count].forEach((rule, index) => { if (rule.color === 'Otherwise') { guideContent += `${index + 1}. Otherwise: Cut ${rule.cut}\n`; } else { guideContent += `${index + 1}. ${rule.position} wire ${rule.color}: Cut ${rule.cut}\n`; } }); guideContent += '\n'; } this.guideText.setText(guideContent); this.guideText.setPosition(0, -20); } } const container = document.getElementById('renderDiv'); const config = { type: Phaser.AUTO, parent: 'renderDiv', pixelArt: true, scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, width: 800, height: 600, dom: { createContainer: true }, physics: { default: 'arcade', arcade: { gravity: { y: 200 } } }, scene: [TitleScene, GameScene] }; window.phaserGame = new Phaser.Game(config);