class Example extends Phaser.Scene { constructor() { super(); this.isMobileMode = localStorage.getItem('mobileMode') === 'true'; } preload() { // Load jumpscare sound this.load.audio('Robotic_Horror_jumps', 'https://play.rosebud.ai/assets/Robotic_Horror_jumps.mp3?rEOn'); this.load.audio('Air_blowing_through_ (1)', 'https://play.rosebud.ai/assets/Air_blowing_through_ (1).mp3?RIMg'); this.load.audio('ventCrawl', 'https://play.rosebud.ai/assets/Crawling_in_metal_ve.mp3?91ZN'); this.load.audio('knockSound', 'https://play.rosebud.ai/assets/Loud_punch_on_a_meta.mp3?LqFJ'); // Static effect this.load.image('static', 'https://play.rosebud.ai/assets/effect_static.jfif?tg5C'); // Audio this.load.audio('ambiance', 'https://play.rosebud.ai/assets/Air_blowing_through_.mp3?AAbf'); // Camera views - C1 variations this.load.image('C1_none', 'https://play.rosebud.ai/assets/New Project (1).png?sxik'); // Night 5 Bill assets including jumpscare this.load.image('bill_jumpscare', 'https://play.rosebud.ai/assets/output-removebg-preview (4).png?8GrQ'); this.load.image('Howdy', 'https://play.rosebud.ai/assets/Howdy.png?g8Fs'); this.load.image('KITCHEN', 'https://play.rosebud.ai/assets/KITCHEN.png?knuY'); this.load.image('C3 HOWDY', 'https://play.rosebud.ai/assets/C3 HOWDY.png?qgaC'); this.load.image('HALLWAYS (1)', 'https://play.rosebud.ai/assets/HALLWAYS (1).png?jjR5'); this.load.image('Vent', 'https://play.rosebud.ai/assets/New Project (11).png?4Xp3'); this.load.image('STAGE BETTER', 'https://play.rosebud.ai/assets/STAGE BETTER.png?bWJH'); this.load.image('C3 (2)', 'https://play.rosebud.ai/assets/C3 (2).png?6Mu2'); this.load.image('C1_hee', 'https://play.rosebud.ai/assets/New Project (3).png?mJ1L'); this.load.image('C1_blue', 'https://play.rosebud.ai/assets/New Project (2).png?BsXN'); this.load.image('C1_both', 'https://play.rosebud.ai/assets/New Project.png?lr9l'); // Camera views - C2 variations this.load.image('C2_hee', 'https://play.rosebud.ai/assets/New Project (5).png?wUe5'); this.load.image('C2_blue', 'https://play.rosebud.ai/assets/New Project (6).png?QgRy'); this.load.image('C2_both', 'https://play.rosebud.ai/assets/New Project (4).png?YXJI'); // Camera views - C2, C3, C4, C5 empty states this.load.image('C2_none', 'https://play.rosebud.ai/assets/New Project (7).png?vkOe'); this.load.image('C3_none', 'https://play.rosebud.ai/assets/New Project (9).png?Mnuz'); this.load.image('C4C5_none', 'https://play.rosebud.ai/assets/New Project (13).png?Wl9C'); this.load.image('HALLWAYS', 'https://play.rosebud.ai/assets/HALLWAYS (1).png?jjR5'); // Camera views - C3, C4, C5 with characters this.load.image('C3_hee', 'https://play.rosebud.ai/assets/New Project (8).png?khKc'); this.load.image('C4_hee', 'https://play.rosebud.ai/assets/New Project (12).png?5s3k'); // Office views this.load.image('heeHee_leftDoor', 'https://play.rosebud.ai/assets/New Project (15).png?xfF4'); this.load.image('heeHee_rightDoor', 'https://play.rosebud.ai/assets/New Project (14).png?IvlR'); this.load.image('bluebird_vent', 'https://play.rosebud.ai/assets/New Project (10).png?OwOy'); this.load.image('vent', 'https://play.rosebud.ai/assets/New Project (11).png?4Xp3'); this.load.image('tablet', 'https://play.rosebud.ai/assets/Tablet with white boarder and black screen.png?99zY'); this.load.image('tabletFull', 'https://play.rosebud.ai/assets/Tablet with white boarder and black screen but close to the screen.png?ZF7m'); this.load.image('heeHee', 'https://play.rosebud.ai/assets/Clown Fnaf Animatronic full body.png?kCq8'); this.load.image('stevieBlue', 'https://play.rosebud.ai/assets/A Blue Bird Fnaf Animatronic with Sun Glasses full body.png?W3VQ'); this.load.image('newspaper', 'https://play.rosebud.ai/assets/paper.jfif?bBi2'); this.load.image('clownFace', 'https://play.rosebud.ai/assets/Cartoon Clown Face with the Word "HeeHee\'s" Above and the words "Fried Iguanas" below.png?l0Jg'); this.load.image('floor', 'https://play.rosebud.ai/assets/Obama.png?J2cS'); this.load.image('door', 'https://play.rosebud.ai/assets/Open Electric door.png?7mTo'); this.load.image('doorClosed', 'https://play.rosebud.ai/assets/Shut Electric door.png?T8VV'); this.load.image('desk', 'https://play.rosebud.ai/assets/Security Office with 2 doors on the side, buttons next to the doors, a wooden desk with a computer on it, and a clown poster, Fnaf.png?NK02'); this.load.image('cj_c3', 'https://play.rosebud.ai/assets/C3.png?kDAI'); this.load.image('cj_c3_hee', 'https://play.rosebud.ai/assets/C3 a.png?7nRj'); this.load.image('cj_office', 'https://play.rosebud.ai/assets/output-removebg-preview.png?Fme5'); this.load.image('oula', 'https://play.rosebud.ai/assets/output-removebg-preview (3).png?Cu0R'); this.load.image('c3_oula_cj', 'https://play.rosebud.ai/assets/C3 (1).png?H9EE'); this.load.image('c3_all', 'https://play.rosebud.ai/assets/C3 ab.png?tIwM'); } create() { // Set the background color to black this.cameras.main.setBackgroundColor('#000000'); // Add up arrow key counter this.upKeyCount = 0; this.upKey = this.input.keyboard.addKey('UP'); this.upKey.on('down', () => { this.upKeyCount++; if (this.upKeyCount === 5) { this.scene.start('KillBillEndingScene'); } }); // Check if player has completed night 5 if (localStorage.getItem('night5Completed') === 'true') { // Add gold star const star = this.add.text(750, 50, '⭐', { font: '48px Arial', fill: '#FFD700' }).setOrigin(0.5); // Add subtle animation to the star this.tweens.add({ targets: star, scale: { from: 1, to: 1.2 }, duration: 1000, yoyo: true, repeat: -1, ease: 'Sine.easeInOut' }); } // Add HeeHee (main animatronic) to the left side const heeHee = this.add.image(200, 300, 'heeHee'); heeHee.setScale(0.5); // Add Stevie Blue to the right side const stevieBlue = this.add.image(600, 300, 'stevieBlue'); stevieBlue.setScale(0.5); // Add game title this.add.text(400, 100, "Five Nights at HeeHee's", { font: 'bold 48px Arial', fill: '#ffffff', stroke: '#000000', strokeThickness: 4 }).setOrigin(0.5); // Add Start New Game button const startButton = this.add.text(400, 230, 'Start New Game', { font: '24px Arial', fill: '#ffffff' }).setOrigin(0.5).setInteractive(); // Add KILL BILL option if night 5 is completed if (localStorage.getItem('night5Completed') === 'true') { const killBillButton = this.add.text(400, 280, 'KILL BILL', { font: '24px Arial', fill: '#ff0000' }).setOrigin(0.5).setInteractive(); killBillButton.on('pointerover', () => killBillButton.setStyle({ fill: '#ff8c00' })); killBillButton.on('pointerout', () => killBillButton.setStyle({ fill: '#ff0000' })); killBillButton.on('pointerdown', () => { this.registry.set('currentNight', 'killbill'); this.scene.start('Night1Scene'); }); } // Add Continue button const continueButton = this.add.text(400, 280, 'Continue', { font: '24px Arial', fill: '#ffffff' }).setOrigin(0.5).setInteractive(); // Add Custom Night button const customNightButton = this.add.text(400, 330, 'Custom Night', { font: '24px Arial', fill: '#ffffff' }).setOrigin(0.5).setInteractive(); // Add mobile mode lever const leverX = 400; const leverY = 400; this.add.text(leverX, leverY - 35, 'Mobile Mode', { font: '16px Arial', fill: '#ffffff' }).setOrigin(0.5); const leverBase = this.add.rectangle(leverX, leverY, 40, 60, 0x666666) .setInteractive(); this.leverHandle = this.add.rectangle(leverX, leverY + (this.isMobileMode ? 15 : -15), 20, 30, 0x00ff00); leverBase.on('pointerdown', () => { this.isMobileMode = !this.isMobileMode; localStorage.setItem('mobileMode', this.isMobileMode); // Animate lever handle this.tweens.add({ targets: this.leverHandle, y: leverY + (this.isMobileMode ? 15 : -15), duration: 200, ease: 'Power1', onComplete: () => { if (this.isMobileMode) { this.showMobileInstructions(); } } }); }); // Add hover effect to buttons [startButton, continueButton, customNightButton].forEach(button => { button.on('pointerover', () => button.setStyle({ fill: '#ff0' })); button.on('pointerout', () => button.setStyle({ fill: '#ffffff' })); }); // Add click handler for Custom Night customNightButton.on('pointerdown', () => { this.scene.start('CustomNightScene'); }); // Add click events to buttons startButton.on('pointerdown', () => this.startNewGame()); continueButton.on('pointerdown', () => this.continueGame()); } startNewGame() { console.log('Starting new game...'); this.scene.start('NewspaperScene'); } continueGame() { this.scene.start('ContinueScene'); } showMobileInstructions() { // Create semi-transparent background const bg = this.add.rectangle(400, 300, 600, 400, 0x000000, 0.9) .setStrokeStyle(2, 0xffffff); // Add instruction text const instructions = [ 'Mobile Controls:', '', '• Tap the camera button at the bottom', ' of the screen to toggle cameras', '', '• Double tap vent cameras to seal/unseal them', '', '• Tap doors to close/open them', '', 'Tap anywhere to close' ]; const instructionTexts = instructions.map((line, i) => { return this.add.text(400, 200 + (i * 30), line, { font: '20px Arial', fill: '#ffffff', align: 'center' }).setOrigin(0.5); }); // Create container for all elements const container = this.add.container(0, 0, [bg, ...instructionTexts]); container.setDepth(1000); // Add click handler to close bg.setInteractive(); bg.once('pointerdown', () => { container.destroy(); }); } } class NewspaperScene extends Phaser.Scene { constructor() { super('NewspaperScene'); } create() { // Add newspaper image and stretch it across the entire screen const newspaper = this.add.image(400, 300, 'newspaper'); newspaper.setOrigin(0.5); newspaper.setDisplaySize(800, 600); // Add a white background for the clown face and text const whiteBg = this.add.rectangle(450, 350, 400, 300, 0xffffff); whiteBg.setOrigin(0.5); // Add a white background for the text const textBg = this.add.rectangle(450, 180, 400, 80, 0xffffff); textBg.setOrigin(0.5); // Add the clown face image const clownFace = this.add.image(450, 350, 'clownFace'); clownFace.setOrigin(0.5); clownFace.setScale(0.4); // Adjusted scale to fit within the white background // Add "HeeHee's Hiring" text with enhanced style const hiringText = this.add.text(450, 180, "HeeHee's Hiring", { font: 'bold 52px Arial', fill: '#FF0000', stroke: '#000000', strokeThickness: 6 }); hiringText.setOrigin(0.5); this.time.delayedCall(5000, () => { this.scene.start('Night1Scene'); }); } } class Night1Scene extends Phaser.Scene { constructor() { super('Night1Scene'); this.nightCodes = { 2: 'CJ', 3: 'DD', 4: 'MATH', 5: 'BILL' }; } preload() { this.load.image('devil', 'https://play.rosebud.ai/assets/output-removebg-preview (2).png?9bM6'); this.load.audio('phone_ring', 'https://play.rosebud.ai/assets/sound_effect_4.mp3?m3Yy'); this.load.audio('Screaming_Robot_Cowb', 'https://play.rosebud.ai/assets/Screaming_Robot_Cowb.mp3?0gWu'); this.load.audio('ElevenLabs_2025-01-02T06_56_48_John Doe - Deep_pvc_s50_sb33_se20_b_m2', 'https://play.rosebud.ai/assets/ElevenLabs_2025-01-02T06_56_48_John Doe - Deep_pvc_s50_sb33_se20_b_m2.mp3?X50P'); this.load.audio('final_speech', 'https://play.rosebud.ai/assets/The final speech.mp3?WMrW'); this.load.audio('ElevenLabs_2025-01-02T06_59_15_Aria_pre_s50_sb75_se0_b_m2', 'https://play.rosebud.ai/assets/ElevenLabs_2025-01-02T06_59_15_Aria_pre_s50_sb75_se0_b_m2.mp3?dYU9'); // Night phone call audios const phoneCallAssets = { 1: 'https://play.rosebud.ai/assets/ElevenLabs_2025-01-02T05_31_51_Bill_pre_s50_sb75_se0_b_m2.mp3?Zacz', 2: 'https://play.rosebud.ai/assets/Night call 2.mp3?PAvc', 3: 'https://play.rosebud.ai/assets/Night 3 call.mp3?2rd4', 4: 'https://play.rosebud.ai/assets/ElevenLabs_2025-01-02T06_45_39_Bill_pre_s50_sb75_se0_b_m2.mp3?Vd6i' }; Object.entries(phoneCallAssets).forEach(([night, url]) => { this.load.audio(`phone_call_${night}`, url); }); } create() { // Get the night number from registry or default to 1 const nightNumber = this.registry.get('currentNight') || 1; // For Night 5, show special prompt if (nightNumber === 5) { const checkC1Text = this.add.text(400, 200, 'Check C1...', { font: 'bold 48px Arial', fill: '#FFFF00', stroke: '#000000', strokeThickness: 4 }).setOrigin(0.5); // Fade out the check C1 text this.tweens.add({ targets: checkC1Text, alpha: 0, delay: 2000, duration: 1000 }); } // Display night code for Night 2 // Display night code if it exists if (this.nightCodes && this.nightCodes[nightNumber]) { const codeText = this.add.text(400, 250, this.nightCodes[nightNumber], { font: 'bold 48px Arial', fill: '#FF0000', stroke: '#000000', strokeThickness: 4 }).setOrigin(0.5); // Fade out the code text along with night text this.tweens.add({ targets: codeText, alpha: 0, delay: 2000, duration: 1000 }); } // Display night number text const nightText = this.add.text(400, 300, `Night ${nightNumber} 12AM`, { font: 'bold 64px Arial', fill: '#FFFFFF' }).setOrigin(0.5); // Only play phone call for nights 1-4 if (nightNumber < 5) { // Play phone ring sound const phoneRing = this.sound.add('phone_ring', { volume: 0.5 }); phoneRing.play(); // After the ring finishes, play the phone call phoneRing.once('complete', () => { const phoneCall = this.sound.add(`phone_call_${nightNumber}`, { volume: 0.7 }); phoneCall.play(); }); } // After 2 seconds, fade out the text and start the office scene this.time.delayedCall(2000, () => { this.tweens.add({ targets: nightText, alpha: 0, duration: 1000, onComplete: () => { this.scene.start('OfficeScene'); } }); }); } } class OfficeScene extends Phaser.Scene { constructor() { super('OfficeScene'); this.power = 100; // Starting power percentage this.heeheeJumpscareCooldown = false; // Cooldown flag for HeeHee's jumpscare this.speedMultiplier = 1; // Normal speed by default this.devilCooldown = false; // Cooldown flag for Devil's appearance this.paranoiaMeter = 0; // Paranoia level (0-100) this.paranoiaOverlay = null; // Visual overlay for paranoia this.paranoiaText = []; // Array to hold warning texts this.cjPosition = 'C3'; // CJ's starting position this.cjClickCount = 0; // Counter for CJ clicks this.cjInOffice = false; // Flag for when CJ is in office this.cjOfficeDirection = 'left'; // CJ's movement direction in office this.cjTimer = null; // Timer for CJ's office appearance this.currentHour = 0; // 0 = 12AM, 1 = 1AM, etc. this.timePerHour = 90000; // 90 seconds (1.5 minutes) per hour this.powerDrainRate = 0.1; // Base drain rate per second this.powerUsage = 1; // Base power usage multiplier // AI difficulty configuration for each night this.aiLevels = { night1: { heeHee: 3, blueBird: 1 }, night5: { bill: 15, devil: 20 }, killbill: { bill: 25 }, night2: { heeHee: 5, blueBird: 3, cj: 3 }, night3: { heeHee: 7, blueBird: 5, cj: 7, devil: 5 }, night4: { heeHee: 10, blueBird: 7, cj: 10, devil: 7, oula: 10 } }; // Movement paths for animatronics this.possiblePaths = { heeHee: ['C1', 'C2', 'C3', 'C4', 'C5'], blueBird: ['C1', 'C2', 'V1', 'V2', 'V3', 'V4'], bill: ['C1', 'C2'] }; this.doorStates = { left: false, // false = open, true = closed right: false }; this.ventStates = { V1: false, // false = open, true = closed V2: false, V3: false, V4: false }; this.characterPositions = { heeHee: 'C1', blueBird: 'C1', bill: 'C1' // Bill starts at C1 }; } create() { this.isCameraView = false; this.isTransitioning = false; this.devilInOffice = false; this.isMobileMode = localStorage.getItem('mobileMode') === 'true'; if (this.isMobileMode) { this.setupMobileControls(); } this.devilTimer = null; this.devilSprite = null; // Initialize paranoia system this.createParanoiaOverlay(); // Start paranoia update loop this.time.addEvent({ delay: 100, // Update every 100ms callback: this.updateParanoia, callbackScope: this, loop: true }); // Initialize special characters based on night const currentNight = this.registry.get('currentNight'); if (currentNight === 2 || currentNight === 3) { this.initializeCJ(); } if (currentNight === 3) { this.initializeDevil(); } if (currentNight === 4) { this.initializeOula(); this.oulaPosition = 'C3'; this.currentProblem = null; this.problemTimer = null; } // Add power display UI // Create container for power UI at bottom left with high depth const powerContainer = this.add.container(20, 520).setDepth(9); // Add time display above power indicator this.timeText = this.add.text(0, -30, '12 AM', { font: '24px Arial', fill: '#ffffff' }).setDepth(9); powerContainer.add(this.timeText); // Start time progression this.time.addEvent({ delay: this.timePerHour, callback: this.advanceTime, callbackScope: this, loop: true }); // Power text with enhanced styling this.powerText = this.add.text(0, 0, 'Power Left: 100%', { font: 'bold 24px Arial', fill: '#ffffff', stroke: '#000000', strokeThickness: 2 }); // Usage bar background const powerBarBg = this.add.rectangle(0, 30, 200, 15, 0x666666); powerBarBg.setOrigin(0, 0); // Usage bar fill (represents power usage) this.powerBarFill = this.add.rectangle(0, 30, 40, 15, 0x00ff00); this.powerBarFill.setOrigin(0, 0); // Usage text this.powerUsageText = this.add.text(0, 50, 'Power Usage: 1x', { font: '20px Arial', fill: '#ffffff' }); // Add everything to the container powerContainer.add([powerBarBg, this.powerBarFill, this.powerText, this.powerUsageText]); // Start power drain this.time.addEvent({ delay: 1000, // Check every second callback: this.drainPower, callbackScope: this, loop: true }); // Add background ambiance // Add background ambiance with custom config for better performance this.ambianceSound = this.sound.add('Air_blowing_through_ (1)', { loop: true, volume: 0.3, buffer: true, mute: false }); // Add dark overlay this.darkOverlay = this.add.rectangle(400, 300, 800, 600, 0x000000) .setAlpha(0.3) .setDepth(8); this.ambianceSound.play(); // Setup keyboard input this.cKey = this.input.keyboard.addKey('C'); this.xKey = this.input.keyboard.addKey('X'); this.gKey = this.input.keyboard.addKey('G'); this.cKey.on('down', () => this.toggleCamera()); this.xKey.on('down', () => this.closeCurrentVent()); this.gKey.on('down', () => this.toggleSpeed()); // Add floor and ceiling const floor = this.add.tileSprite(400, 550, 800, 100, 'floor'); const ceiling = this.add.tileSprite(400, 50, 800, 100, 'floor'); ceiling.flipY = true; // Add doors this.leftDoor = this.add.image(-200, 600, 'door').setInteractive(); this.leftDoor.setOrigin(0, 1); this.leftDoor.setScale(0.6); this.rightDoor = this.add.image(1000, 600, 'door').setInteractive(); this.rightDoor.setOrigin(1, 1); this.rightDoor.setScale(0.6); this.rightDoor.flipX = true; // Add desk const desk = this.add.image(400, 450, 'desk'); desk.setScale(0.8); // Add door interactivity this.leftDoor.on('pointerdown', () => this.toggleDoor(this.leftDoor)); this.rightDoor.on('pointerdown', () => this.toggleDoor(this.rightDoor)); } setupMobileControls() { // Add camera toggle button const camButton = this.add.rectangle(400, 550, 80, 80, 0x444444) .setInteractive() .setDepth(100); const camIcon = this.add.text(400, 550, '📷', { font: '32px Arial' }) .setOrigin(0.5) .setDepth(101); camButton.on('pointerdown', () => { if (!this.isTransitioning) { this.toggleCamera(); } }); // Setup double tap for vents this.lastTap = 0; this.input.on('pointerdown', (pointer) => { if (!this.isCameraView) return; const currentTime = new Date().getTime(); const tapLength = currentTime - this.lastTap; if (tapLength < 500 && tapLength > 0) { if (this.currentCam && this.currentCam.startsWith('V')) { this.closeCurrentVent(); } } this.lastTap = currentTime; }); } toggleDoor(door) { // Don't allow door toggling if camera is open or no power if (this.isCameraView || this.power <= 0) return; if (door.texture.key === 'door') { door.setTexture('doorClosed'); door.setTint(0x8B4513); // Apply a brown tint (Saddle Brown) } else { door.setTexture('door'); door.clearTint(); // Remove the tint when the door is opened } // Update door states this.doorStates[door === this.leftDoor ? 'left' : 'right'] = door.texture.key === 'doorClosed'; this.updatePowerUsage(); } update() { this.checkAnimatronicMovements(); } startNight5Speech() { if (!this.speechPlayed && this.registry.get('currentNight') === 5) { this.speechPlayed = true; this.nightFrozen = true; // Play the final speech const finalSpeech = this.sound.add('final_speech', { volume: 0.7 }); finalSpeech.play(); // After speech ends (40 seconds), unfreeze the night this.time.delayedCall(40000, () => { this.nightFrozen = false; }); } } checkAnimatronicMovements() { // Check movement based on speed multiplier if (!this.lastMoveTime) this.lastMoveTime = this.time.now; if (this.time.now - this.lastMoveTime <= 5000 / this.speedMultiplier) return; this.lastMoveTime = this.time.now; const currentNight = this.registry.get('currentNight'); let nightConfig; if (currentNight === 'custom') { nightConfig = this.registry.get('customAiLevels'); } else { nightConfig = this.aiLevels[`night${currentNight}`] || this.aiLevels.night1; } // Ensure we have a valid configuration if (!nightConfig) { console.warn('No valid night configuration found, using default'); return; } if (currentNight === 5) { this.checkCharacterMovement('bill', nightConfig); } else if (currentNight === 'killbill') { this.checkCharacterMovement('bill', this.aiLevels.killbill); } else { // Check each animatronic's movement if they have AI levels defined if (nightConfig.heeHee !== undefined) { this.checkCharacterMovement('heeHee', nightConfig); } if (nightConfig.blueBird !== undefined) { this.checkCharacterMovement('blueBird', nightConfig); } if (nightConfig.cj !== undefined) { const cjRoll = Math.floor(Math.random() * 20); if (cjRoll <= nightConfig.cj) { this.moveCJ(); } } if (nightConfig.devil !== undefined) { const devilRoll = Math.floor(Math.random() * 20); if (devilRoll <= nightConfig.devil) { this.checkDevilAppearance(); } } if (nightConfig.oula !== undefined) { const oulaRoll = Math.floor(Math.random() * 20); if (oulaRoll <= nightConfig.oula) { this.checkOulaActivity(); } } } } checkCharacterMovement(character, nightConfig) { // Don't proceed if nightConfig or character AI level is not defined if (!nightConfig || nightConfig[character] === undefined) { return; } // Don't move Bill if night is frozen (during speech) if (this.nightFrozen && character === 'bill') return; // Increase Bill's AI level to 20 at 5 AM during regular night 5 if (character === 'bill' && this.currentHour === 5 && this.registry.get('currentNight') === 5) { nightConfig[character] = 20; } const roll = Math.floor(Math.random() * 20); // For KILL BILL mode, do two movement checks if (this.registry.get('currentNight') === 'killbill' && character === 'bill') { const secondRoll = Math.floor(Math.random() * 20); if (roll <= 20 || secondRoll <= 5) { this.moveBill(); return; } } if (roll <= nightConfig[character]) { if (character === 'bill') { this.moveBill(); } else { character === 'heeHee' ? this.moveHeeHee() : this.moveBlueBird(); } } } moveBill() { const oldPos = this.characterPositions.bill || 'C1'; if (oldPos === 'C1') { this.characterPositions.bill = 'C2'; } else if (oldPos === 'C2') { // At C2, randomly choose attack pattern if (Math.random() < 0.67) { // 2/3 chance for HeeHee pattern // HeeHee pattern this.characterPositions.bill = 'C3'; } else { // 1/3 chance for vent pattern // BlueBird pattern const vents = ['V1', 'V2', 'V3', 'V4']; this.characterPositions.bill = vents[Math.floor(Math.random() * vents.length)]; this.sound.add('ventCrawl', { volume: 0.5 }).play(); } } else if (oldPos === 'C3') { // From C3, go to C4 or C5 this.characterPositions.bill = Math.random() < 0.5 ? 'C4' : 'C5'; } else if (oldPos === 'C4' && !this.doorStates.left) { this.jumpscare('bill_jumpscare'); } else if (oldPos === 'C5' && !this.doorStates.right) { this.jumpscare('bill_jumpscare'); } else if (oldPos.startsWith('V') && !this.ventStates[oldPos]) { this.jumpscare('bill_jumpscare'); } else { // If blocked, return to start this.characterPositions.bill = 'C1'; this.sound.add('knockSound', { volume: 0.5 }).play(); } // Update camera if we're viewing the relevant location if (this.isCameraView && (this.currentCam === oldPos || this.currentCam === this.characterPositions.bill)) { this.flashStaticEffect(); this.updateCameraView(); } } moveHeeHee() { const oldPos = this.characterPositions.heeHee; const currentIndex = this.possiblePaths.heeHee.indexOf(oldPos); // Try to move forward in the path if (currentIndex < this.possiblePaths.heeHee.length - 1) { // Special handling for C3 to C4/C5 choice if (oldPos === 'C3') { this.characterPositions.heeHee = Math.random() < 0.5 ? 'C4' : 'C5'; } else { this.characterPositions.heeHee = this.possiblePaths.heeHee[currentIndex + 1]; } } // Check if at a door if (oldPos === 'C4' && !this.doorStates.left) { // Show HeeHee at left door this.doorImage = this.add.image(400, 300, 'heeHee_leftDoor').setDepth(-1); // Roll one more time for kill attempt const killRoll = Math.floor(Math.random() * 20); if (killRoll <= this.aiLevels.night1.heeHee && !this.heeheeJumpscareCooldown) { this.jumpscare('heeHee'); } else { // Move to a random earlier position instead of going back to start const previousPositions = this.possiblePaths.heeHee.slice(0, currentIndex + 1); this.characterPositions.heeHee = previousPositions[Math.floor(Math.random() * previousPositions.length)]; // Remove door image when HeeHee leaves if (this.doorImage) { this.doorImage.destroy(); this.doorImage = null; } } } else if (oldPos === 'C5' && !this.doorStates.right) { // Show HeeHee at right door this.doorImage = this.add.image(400, 300, 'heeHee_rightDoor').setDepth(-1); // Roll one more time for kill attempt const killRoll = Math.floor(Math.random() * 20); if (killRoll <= this.aiLevels.night1.heeHee && !this.heeheeJumpscareCooldown) { this.jumpscare('heeHee'); } else { // Move to a random earlier position instead of going back to start const previousPositions = this.possiblePaths.heeHee.slice(0, currentIndex + 1); this.characterPositions.heeHee = previousPositions[Math.floor(Math.random() * previousPositions.length)]; // Remove door image when HeeHee leaves if (this.doorImage) { this.doorImage.destroy(); this.doorImage = null; } } } // If blocked by door, return to start if ((oldPos === 'C4' && this.doorStates.left) || (oldPos === 'C5' && this.doorStates.right)) { this.characterPositions.heeHee = 'C1'; // Remove door image when HeeHee leaves if (this.doorImage) { this.doorImage.destroy(); this.doorImage = null; } // Play knock sound when blocked this.sound.add('knockSound', { volume: 0.5 }).play(); } // If character moved and we're viewing their current/previous camera, update the view if (this.isCameraView && (this.currentCam === oldPos || this.currentCam === this.characterPositions.heeHee)) { this.flashStaticEffect(); this.updateCameraView(); } } moveBlueBird() { const oldPos = this.characterPositions.blueBird; // If at C1, move to C2 if (oldPos === 'C1') { this.characterPositions.blueBird = 'C2'; } // If at C2, choose a random vent else if (oldPos === 'C2') { const vents = ['V1', 'V2', 'V3', 'V4']; this.characterPositions.blueBird = vents[Math.floor(Math.random() * vents.length)]; // Play vent crawling sound this.sound.add('ventCrawl', { volume: 0.5 }).play(); } // If in a vent else if (oldPos.startsWith('V')) { if (this.ventStates[oldPos]) { // If vent is blocked, move back to C1 this.characterPositions.blueBird = 'C1'; // Play knock sound when blocked this.sound.add('knockSound', { volume: 0.5 }).play(); } else { // If vent is open, game over this.jumpscare('stevieBlue'); } } // If character moved and we're viewing their current/previous camera, update the view if (this.isCameraView && (this.currentCam === oldPos || this.currentCam === this.characterPositions.blueBird)) { this.flashStaticEffect(); this.updateCameraView(); } } toggleCamera() { if (this.isTransitioning) return; this.isTransitioning = true; // If we're exiting camera view, check for Devil appearance if (this.isCameraView && this.registry.get('currentNight') === 3) { this.checkDevilAppearance(); } // When entering camera view, make Devil leave and start cooldown if (!this.isCameraView && this.devilInOffice) { this.devilInOffice = false; this.devilCooldown = true; if (this.devilSprite) { this.devilSprite.destroy(); } if (this.devilTimer) { this.devilTimer.remove(); } // Start 2-second cooldown timer this.time.delayedCall(2000, () => { this.devilCooldown = false; }); } // Clear existing paranoia drain timer if (this.paranoiaDrainTimer) { this.paranoiaDrainTimer.remove(); } if (!this.isCameraView) { // Show first tablet frame const tablet = this.add.image(400, 300, 'tablet').setScale(0.8); // After 60ms, show the full screen tablet this.time.delayedCall(60, () => { tablet.destroy(); const tabletFull = this.add.image(400, 300, 'tabletFull').setScale(1); // After another 60ms, enter camera view this.time.delayedCall(60, () => { tabletFull.destroy(); this.enterCameraView(); this.isTransitioning = false; }); }); } else { const tabletFull = this.add.image(400, 300, 'tabletFull').setScale(1); // After 60ms, show the smaller tablet this.time.delayedCall(60, () => { tabletFull.destroy(); const tablet = this.add.image(400, 300, 'tablet').setScale(0.8); // After another 60ms, finish the transition this.time.delayedCall(60, () => { tablet.destroy(); this.exitCameraView(); this.isTransitioning = false; }); }); } this.isCameraView = !this.isCameraView; // When exiting camera view, check if HeeHee is at a door if (!this.isCameraView && (this.characterPositions.heeHee === 'C4' || this.characterPositions.heeHee === 'C5')) { this.heeheeJumpscareCooldown = true; this.time.delayedCall(2000, () => { this.heeheeJumpscareCooldown = false; }); } } enterCameraView() { this.currentCam = 'C1'; // Create a container for all camera view elements this.cameraContainer = this.add.container(0, 0); // Create a black background for the camera view this.cameraBackground = this.add.rectangle(400, 300, 800, 600, 0x000000); this.cameraContainer.add(this.cameraBackground); // Create main camera display with optimized settings this.cameraDisplay = this.add.image(400, 300, 'C1_none') .setOrigin(0.5) .setDisplaySize(800, 600) .setPipeline('TextureTintPipeline'); this.cameraContainer.add(this.cameraDisplay); // Add static effect overlay covering the entire screen this.staticEffect = this.add.image(400, 300, 'static') .setOrigin(0.5) .setAlpha(0.1) .setDepth(1) .setDisplaySize(800, 600); this.cameraContainer.add(this.staticEffect); // Create camera map buttons const buttonStyle = { font: '16px Arial', fill: '#ffffff', backgroundColor: '#444444', padding: { x: 8, y: 4 } }; // Main path buttons this.camButtons = { C1: this.add.text(50, 500, 'C1', buttonStyle).setInteractive(), C2: this.add.text(150, 500, 'C2', buttonStyle).setInteractive(), C3: this.add.text(250, 500, 'C3', buttonStyle).setInteractive(), C4: this.add.text(200, 550, 'C4', buttonStyle).setInteractive(), C5: this.add.text(300, 550, 'C5', buttonStyle).setInteractive(), }; // Vent buttons this.ventButtons = { V1: this.add.text(600, 500, 'V1', buttonStyle).setInteractive(), V2: this.add.text(650, 500, 'V2', buttonStyle).setInteractive(), V3: this.add.text(600, 550, 'V3', buttonStyle).setInteractive(), V4: this.add.text(650, 550, 'V4', buttonStyle).setInteractive(), }; // Add interactivity to all buttons Object.entries({ ...this.camButtons, ...this.ventButtons }).forEach(([cam, button]) => { button.on('pointerover', () => button.setStyle({ fill: '#ffff00' })); button.on('pointerout', () => button.setStyle({ fill: '#ffffff' })); button.on('pointerdown', () => this.switchCamera(cam)); }); } switchCamera(cam) { this.currentCam = cam; this.updateCameraView(); // Reset only camera buttons to default state Object.values(this.camButtons).forEach(button => { button.setStyle({ backgroundColor: '#444444' }); }); // Update vent buttons based on their states Object.entries(this.ventButtons).forEach(([ventName, button]) => { button.setStyle({ backgroundColor: this.ventStates[ventName] ? '#FF0000' : '#444444' }); }); // Highlight the current camera/vent button const activeButton = cam.startsWith('V') ? this.ventButtons[cam] : this.camButtons[cam]; if (!this.ventStates[cam]) { // Only change highlight if vent is not closed activeButton.setStyle({ backgroundColor: '#666666' }); } } updateCameraView() { if (!this.isCameraView || !this.cameraDisplay) return; let imageKey; // Check if this is first time viewing C1 on Night 5 if (this.registry.get('currentNight') === 5 && this.currentCam === 'C1' && !this.speechPlayed) { this.startNight5Speech(); } // Night 5 Bill Logic if (this.registry.get('currentNight') === 5) { const billHere = this.characterPositions.bill === this.currentCam; if (billHere) { switch (this.currentCam) { case 'C1': imageKey = 'Howdy'; break; case 'C2': imageKey = 'KITCHEN'; break; case 'C3': imageKey = 'C3 HOWDY'; break; case 'C4': case 'C5': imageKey = 'HALLWAYS'; this.cameraDisplay.setFlipX(this.currentCam === 'C5'); break; default: if (this.currentCam.startsWith('V')) { imageKey = 'Vent'; // Use Bill's vent image this.sound.add('ventCrawl', { volume: 0.5 }).play(); } } } else { // Empty room views for Night 5 switch (this.currentCam) { case 'C1': imageKey = 'STAGE BETTER'; break; case 'C2': imageKey = 'C2_none'; break; case 'C3': imageKey = 'C3 (2)'; break; case 'C4': case 'C5': imageKey = 'C4C5_none'; this.cameraDisplay.setFlipX(this.currentCam === 'C5'); break; default: if (this.currentCam.startsWith('V')) { imageKey = 'Vent'; } } } if (imageKey) { this.flashStaticEffect(); this.cameraDisplay.setTexture(imageKey); return; } } // Reset flip state if (this.cameraDisplay) { this.cameraDisplay.setFlipX(false); } // Get character positions for current camera const heeHeeHere = this.characterPositions.heeHee === this.currentCam; const blueBirdHere = this.characterPositions.blueBird === this.currentCam; // Determine camera view based on location and characters present if (this.currentCam.startsWith('V')) { imageKey = blueBirdHere ? 'bluebird_vent' : 'vent'; } else if (this.currentCam === 'C4' || this.currentCam === 'C5') { if (heeHeeHere) { imageKey = 'C4_hee'; this.cameraDisplay.setFlipX(this.currentCam === 'C5'); } else { imageKey = 'C4C5_none'; this.cameraDisplay.setFlipX(this.currentCam === 'C5'); } } else if (this.currentCam === 'C3') { const night = this.registry.get('currentNight'); const isCJPresent = (night >= 2) && this.cjPosition === 'C3'; const isOulaPresent = (night === 4) && this.oulaPosition === 'C3'; if (isCJPresent && isOulaPresent && heeHeeHere) { imageKey = 'c3_all'; } else if (isCJPresent && isOulaPresent) { imageKey = 'c3_oula_cj'; } else if (isCJPresent) { imageKey = heeHeeHere ? 'cj_c3_hee' : 'cj_c3'; } else { // For Night 5, use different base image for C3 if (this.registry.get('currentNight') === 5) { imageKey = 'C3 (2)'; } else { imageKey = heeHeeHere ? 'C3_hee' : 'C3_none'; } } } else if (this.currentCam === 'C2') { if (heeHeeHere && blueBirdHere) { imageKey = 'C2_both'; } else if (heeHeeHere) { imageKey = 'C2_hee'; } else if (blueBirdHere) { imageKey = 'C2_blue'; } else { imageKey = 'C2_none'; } } else if (this.currentCam === 'C1') { if (heeHeeHere && blueBirdHere) { imageKey = 'C1_both'; } else if (heeHeeHere) { imageKey = 'C1_hee'; } else if (blueBirdHere) { imageKey = 'C1_blue'; } else { // For Night 5, use different base image imageKey = (this.registry.get('currentNight') === 5) ? 'STAGE BETTER' : 'C1_none'; } } // Only update if we have a valid camera display and image key if (this.cameraDisplay && imageKey) { this.flashStaticEffect(); this.cameraDisplay.setTexture(imageKey); } } exitCameraView() { // Keep track of vent states before destroying UI const currentVentStates = { ...this.ventStates }; // Destroy the entire camera container and its contents if (this.cameraContainer) { this.cameraContainer.destroy(); this.cameraContainer = null; } // Destroy all camera buttons if (this.camButtons) { Object.values(this.camButtons).forEach(button => button.destroy()); this.camButtons = null; } // Destroy all vent buttons if (this.ventButtons) { Object.values(this.ventButtons).forEach(button => button.destroy()); this.ventButtons = null; } // Clear any remaining references this.cameraDisplay = null; this.staticEffect = null; } closeCurrentVent() { if (!this.isCameraView || !this.currentCam.startsWith('V') || this.power <= 0) return; // Toggle the current vent state this.ventStates[this.currentCam] = !this.ventStates[this.currentCam]; // Update the button appearance based on the new state if (this.ventButtons && this.ventButtons[this.currentCam]) { this.ventButtons[this.currentCam].setStyle({ backgroundColor: this.ventStates[this.currentCam] ? '#FF0000' : '#444444' }); } // Play static effect when toggling this.flashStaticEffect(); this.updatePowerUsage(); } flashStaticEffect() { if (!this.staticEffect) return; // Stop any ongoing flash if (this.staticTween) { this.staticTween.stop(); } // Create new flash effect this.staticTween = this.tweens.add({ targets: this.staticEffect, alpha: { from: 1, to: 0.1 }, duration: 1000, ease: 'Power2' }); } jumpscare(character, isCJ = false) { // Stop any existing sounds if (this.ambianceSound) { this.ambianceSound.stop(); } // Play jumpscare sound based on character let soundKey = 'Robotic_Horror_jumps'; let volume = 1; if (character === 'bill_jumpscare') { soundKey = 'Screaming_Robot_Cowb'; volume = 0.7; } const scareSound = this.sound.add(soundKey, { volume }); scareSound.play(); // Create jumpscare image const jumpscareImg = this.add.image(400, 300, isCJ ? 'cj_office' : character) .setDepth(100) .setScale(0.1); if (isCJ) { // Special CJ jumpscare animation this.tweens.add({ targets: jumpscareImg, scale: 3, duration: 200, yoyo: false, ease: 'Quad.easeIn' }); } else { // Default jumpscare animation for other characters this.tweens.add({ targets: jumpscareImg, scale: 2, duration: 250, yoyo: true, repeat: 4, ease: 'Quad.easeInOut' }); } // Transition to game over after 2.5 seconds this.time.delayedCall(2500, () => { this.scene.start('GameOverScene'); }); } updatePowerUsage() { // Calculate power usage based on number of active devices let usage = 1; // Base usage // Add 1 for each closed door if (this.doorStates.left) usage++; if (this.doorStates.right) usage++; // Add 1 for each closed vent Object.values(this.ventStates).forEach(state => { if (state) usage++; }); this.powerUsage = usage; this.powerUsageText.setText(`Power Usage: ${usage}x`); // Update the usage bar this.powerBarFill.width = Math.min(usage * 40, 200); // 40 pixels per usage level } drainPower() { if (this.power <= 0) { if (this.power !== 0) { this.power = 0; this.powerFailure(); } return; } // Drain power based on usage this.power -= this.powerDrainRate * this.powerUsage; // Update power text this.powerText.setText(`Power Left: ${Math.floor(this.power)}%`); // Update usage bar color based on usage level const usage = this.powerUsage; if (usage >= 5) { this.powerBarFill.setFillStyle(0xff0000); // Red for high usage } else if (usage >= 3) { this.powerBarFill.setFillStyle(0xffff00); // Yellow for medium usage } else { this.powerBarFill.setFillStyle(0x00ff00); // Green for low usage } // Increase darkness as power decreases if (this.darkOverlay) { this.darkOverlay.setAlpha(0.3 + (0.5 * (1 - this.power / 100))); } // If power runs out, trigger power failure if (this.power <= 0) { this.powerFailure(); } } advanceTime() { // Don't advance time if night is frozen (during speech) if (this.nightFrozen) return; this.currentHour++; if (this.currentHour >= 6) { // Player survived until 6 AM this.surviveNight(); return; } // Update time display const hour = this.currentHour === 0 ? 12 : this.currentHour; this.timeText.setText(`${hour} AM`); } surviveNight() { // Stop all ongoing activities if (this.ambianceSound) { this.ambianceSound.stop(); } // If player beats Kill Bill mode, go to cutscene if (this.registry.get('currentNight') === 'killbill') { this.scene.start('KillBillEndingScene'); return; } // If player beats night 5, set the achievement if (this.registry.get('currentNight') === 5) { localStorage.setItem('night5Completed', 'true'); // Show victory message and transition to main menu const victoryText = this.add.text(400, 300, '6 AM\nYou Beat Night 5!', { font: 'bold 64px Arial', fill: '#FFFFFF', align: 'center' }).setOrigin(0.5).setDepth(50); this.time.delayedCall(3000, () => { this.scene.start('Example'); }); return; } // For other nights, show standard victory message const victoryText = this.add.text(400, 300, '6 AM\nYou Survived!', { font: 'bold 64px Arial', fill: '#FFFFFF', align: 'center' }).setOrigin(0.5).setDepth(50); // Transition to main menu after showing victory this.time.delayedCall(3000, () => { this.scene.start('Example'); }); } powerFailure() { // Open all doors and vents if (this.doorStates.left) this.toggleDoor(this.leftDoor); if (this.doorStates.right) this.toggleDoor(this.rightDoor); Object.keys(this.ventStates).forEach(vent => { if (this.ventStates[vent]) { this.ventStates[vent] = false; if (this.ventButtons && this.ventButtons[vent]) { this.ventButtons[vent].setStyle({ backgroundColor: '#444444' }); } } }); // Disable controls this.powerText.setStyle({ fill: '#ff0000' }); // Wait a few seconds then trigger game over this.time.delayedCall(5000, () => { this.jumpscare('heeHee'); }); } toggleSpeed() { this.speedMultiplier = this.speedMultiplier === 1 ? 2 : 1; // Update time progression speed if (this.timeEvent) { this.timeEvent.remove(); } this.timeEvent = this.time.addEvent({ delay: this.timePerHour / this.speedMultiplier, callback: this.advanceTime, callbackScope: this, loop: true }); // Show speed indicator const speedText = this.add.text(400, 100, this.speedMultiplier === 2 ? '>> FAST FORWARD <<' : '>> NORMAL SPEED <<', { font: '24px Arial', fill: this.speedMultiplier === 2 ? '#ff0000' : '#00ff00', backgroundColor: '#000000', padding: { x: 10, y: 5 } }).setOrigin(0.5).setDepth(100); // Fade out the indicator this.tweens.add({ targets: speedText, alpha: 0, duration: 1000, ease: 'Power2', onComplete: () => speedText.destroy() }); } createParanoiaOverlay() { // Create red overlay that will grow from the borders this.paranoiaOverlay = this.add.graphics(); this.paranoiaOverlay.setDepth(7); // Below dark overlay but above most elements } updateParanoia() { if (this.isCameraView) { // Increase paranoia when on cameras this.paranoiaMeter = Math.min(100, this.paranoiaMeter + 0.1); } else { // Decrease paranoia 10x faster when off cameras this.paranoiaMeter = Math.max(0, this.paranoiaMeter - 1); } // Update visual overlay if (this.paranoiaOverlay) { this.paranoiaOverlay.clear(); if (this.paranoiaMeter > 0) { const alpha = Math.min(0.5, this.paranoiaMeter / 200); // Max 50% opacity const borderSize = (this.paranoiaMeter / 100) * 400; // Grows with paranoia this.paranoiaOverlay.fillStyle(0xff0000, alpha); // Draw from edges this.paranoiaOverlay.fillRect(0, 0, borderSize, 600); // Left this.paranoiaOverlay.fillRect(800 - borderSize, 0, borderSize, 600); // Right this.paranoiaOverlay.fillRect(0, 0, 800, borderSize); // Top this.paranoiaOverlay.fillRect(0, 600 - borderSize, 800, borderSize); // Bottom } } // Handle warning texts if (this.paranoiaMeter >= 75) { this.showWarningTexts(); } else { this.clearWarningTexts(); } // Check for game over if (this.paranoiaMeter >= 100) { this.paranoiaGameOver(); } } showWarningTexts() { if (this.paranoiaText.length === 0) { for (let i = 0; i < 5; i++) { const text = this.add.text( Phaser.Math.Between(100, 700), Phaser.Math.Between(100, 500), "It's IN front of you", { font: '24px Arial', fill: '#ff0000', alpha: 0.7 } ).setDepth(8); this.paranoiaText.push(text); } } } clearWarningTexts() { this.paranoiaText.forEach(text => text.destroy()); this.paranoiaText = []; } paranoiaGameOver() { // Clear all texts and overlays this.clearWarningTexts(); if (this.paranoiaOverlay) { this.paranoiaOverlay.destroy(); } // Show heart attack message const heartAttackText = this.add.text(400, 300, 'You died of a heart attack!', { font: 'bold 48px Arial', fill: '#ff0000', stroke: '#000000', strokeThickness: 6 }).setOrigin(0.5).setDepth(100); // Transition to game over after delay this.time.delayedCall(2000, () => { this.scene.start('GameOverScene'); }); } initializeCJ() { // Start CJ's random movement timer this.time.addEvent({ delay: Phaser.Math.Between(10000, 20000), callback: this.moveCJ, callbackScope: this, loop: true }); } moveCJ() { if (this.power <= 0 || this.cjInOffice || this.isCameraView) return; // Get current night configuration and handle custom night case let nightConfig; const currentNight = this.registry.get('currentNight'); if (currentNight === 'custom') { nightConfig = this.registry.get('customAiLevels'); } else { nightConfig = this.aiLevels[`night${currentNight}`]; } // Check if nightConfig exists and has cj property if (!nightConfig || typeof nightConfig.cj === 'undefined') return; // Do two movement checks for (let i = 0; i < 2; i++) { // Roll for CJ movement (0-20, must be <= AI level to move) const cjRoll = Math.floor(Math.random() * 20); if (cjRoll <= nightConfig.cj && !this.isCameraView) { this.cjPosition = 'office'; this.cjInOffice = true; this.spawnCJInOffice(); break; // Exit loop if CJ moves to office } } } spawnCJInOffice() { if (this.cjSprite) { this.cjSprite.destroy(); } this.cjSprite = this.add.image(200, 300, 'cj_office') .setScale(0.8) // Increased size .setDepth(10) .setInteractive(); this.cjSprite.on('pointerdown', this.handleCJClick, this); // Start the 5-second timer if (this.cjTimer) { this.cjTimer.remove(); } let attackDelay = this.isCameraView ? 3000 : 5000; this.cjTimer = this.time.delayedCall(attackDelay, () => { if (this.cjInOffice) { if (this.isCameraView) { // Hide CJ if player is on camera if (this.cjSprite) { this.cjSprite.setVisible(false); } // Brief delay before jumpscare this.time.delayedCall(500, () => { this.jumpscare('cj_office', true); // true indicates it's CJ's jumpscare }); } else { this.jumpscare('cj_office', true); // true indicates it's CJ's jumpscare } } }); // Start direction switching timer this.directionSwitchTimer = this.time.addEvent({ delay: 2000, // Switch every 2 seconds callback: () => { this.cjOfficeDirection = this.cjOfficeDirection === 'left' ? 'right' : 'left'; // Update movement tween if (this.cjMoveTween) { this.cjMoveTween.stop(); } this.cjMoveTween = this.tweens.add({ targets: this.cjSprite, x: this.cjOfficeDirection === 'left' ? 600 : 200, duration: 2000, ease: 'Linear' }); }, loop: true }); } handleCJClick() { this.cjClickCount++; // Toggle direction this.cjOfficeDirection = this.cjOfficeDirection === 'left' ? 'right' : 'left'; // 5% chance to gain power if (Math.random() < 0.05) { this.power = Math.min(100, this.power + 2); // Add 2 power, but don't exceed 100 // Show "+2 POWER" text that fades out const powerText = this.add.text(400, 200, '+2 POWER', { font: 'bold 32px Arial', fill: '#00ff00' }).setOrigin(0.5).setDepth(100); this.tweens.add({ targets: powerText, alpha: 0, y: 150, duration: 1000, ease: 'Power2', onComplete: () => powerText.destroy() }); } if (this.cjClickCount >= 3) { // CJ leaves after 3 clicks this.cjClickCount = 0; this.cjInOffice = false; this.cjPosition = 'C3'; if (this.cjSprite) { this.cjSprite.destroy(); } if (this.cjTimer) { this.cjTimer.remove(); } if (this.directionSwitchTimer) { this.directionSwitchTimer.remove(); } if (this.cjMoveTween) { this.cjMoveTween.stop(); } } else { // Reset the timer for the next click if (this.cjTimer) { this.cjTimer.remove(); } let attackDelay = this.isCameraView ? 3000 : 5000; this.cjTimer = this.time.delayedCall(attackDelay, () => { if (this.cjInOffice) { if (this.isCameraView) { // Hide CJ if player is on camera if (this.cjSprite) { this.cjSprite.setVisible(false); } // Brief delay before jumpscare this.time.delayedCall(500, () => { this.jumpscare('cj_office'); }); } else { this.jumpscare('cj_office'); } } }); } } initializeDevil() { // Remove the timer-based check as we'll check on camera toggle instead } checkDevilAppearance() { if (this.power <= 0 || this.devilInOffice || this.devilCooldown) return; // Calculate appearance chance: (10% * AI level / 2) const devilAILevel = this.aiLevels.night3.devil; const appearanceChance = (10 * devilAILevel) / 2; // This gives us the percentage chance // Generate random number between 1-100 for percentage check const roll = Math.random() * 100; // If roll is less than or equal to the appearance chance, spawn the Devil if (roll <= appearanceChance) { this.spawnDevil(); } } spawnDevil() { this.devilInOffice = true; if (this.devilSprite) { this.devilSprite.destroy(); } this.devilSprite = this.add.image(400, 350, 'devil') .setScale(0.7) .setDepth(9); if (this.devilTimer) { this.devilTimer.remove(); } this.devilTimer = this.time.delayedCall(5000, () => { if (this.devilInOffice && !this.isCameraView) { this.jumpscare('devil'); } }); } initializeOula() { // Start Oula's activity timer this.time.addEvent({ delay: Phaser.Math.Between(15000, 30000), callback: this.checkOulaActivity, callbackScope: this, loop: true }); } checkOulaActivity() { if (this.power <= 0 || this.currentProblem) return; const oulaRoll = Math.floor(Math.random() * 20); if (oulaRoll <= this.aiLevels.night4.oula) { // Only present math problem if player is looking at C3 if (this.isCameraView && this.currentCam === 'C3') { this.presentMathProblem(); } else { // If not looking at C3, Oula has a chance to move back to C3 if (this.oulaPosition !== 'C3') { this.oulaPosition = 'C3'; if (this.isCameraView) { this.flashStaticEffect(); this.updateCameraView(); } } } } } presentMathProblem() { // Play Oula's audio clip at 50% volume const oulaAudio = this.sound.add('ElevenLabs_2025-01-02T06_59_15_Aria_pre_s50_sb75_se0_b_m2', { volume: 0.5 }); oulaAudio.play(); // Generate two random numbers between 1 and 20 const num1 = Phaser.Math.Between(1, 20); const num2 = Phaser.Math.Between(1, 20); const answer = num1 + num2; // Create popup window const popup = this.add.container(400, 300).setDepth(1000); // Add semi-transparent background const bg = this.add.rectangle(0, 0, 400, 200, 0x000000, 0.9); bg.setStrokeStyle(2, 0xff0000); popup.add(bg); // Add problem text const problemText = this.add.text(0, -50, `${num1} + ${num2} = ?`, { font: '32px Arial', fill: '#ff0000', align: 'center' }).setOrigin(0.5); popup.add(problemText); // Add input display const inputDisplay = this.add.text(0, 0, '', { font: '28px Arial', fill: '#ffffff', align: 'center' }).setOrigin(0.5); popup.add(inputDisplay); // Add timer bar const timerBar = this.add.rectangle(0, 60, 300, 20, 0x00ff00); timerBar.setOrigin(0.5); popup.add(timerBar); // Timer bar animation this.tweens.add({ targets: timerBar, width: 0, duration: 8000, ease: 'Linear' }); this.currentProblem = { text: problemText, inputDisplay: inputDisplay, popup: popup, answer: answer, input: '' }; // Set up keyboard input this.input.keyboard.on('keydown-ENTER', () => this.checkAnswer()); this.input.keyboard.on('keydown', (event) => { if (event.keyCode >= 48 && event.keyCode <= 57) { this.currentProblem.input += event.key; this.currentProblem.inputDisplay.setText(this.currentProblem.input); } else if (event.keyCode === 8) { this.currentProblem.input = this.currentProblem.input.slice(0, -1); this.currentProblem.inputDisplay.setText(this.currentProblem.input); } }); // Start 8-second timer this.problemTimer = this.time.delayedCall(8000, () => { if (this.currentProblem) { this.jumpscare('oula'); } }); } checkAnswer() { if (!this.currentProblem) return; const userAnswer = parseInt(this.currentProblem.input); if (userAnswer === this.currentProblem.answer) { // Correct answer this.problemTimer.remove(); // Stop the audio if it's still playing this.sound.getAllPlaying().forEach(sound => { if (sound.key === 'ElevenLabs_2025-01-02T06_59_15_Aria_pre_s50_sb75_se0_b_m2') { sound.stop(); } }); // Randomly choose reward (power boost or time skip) if (Math.random() < 0.5) { this.power = Math.min(100, this.power + 5); this.add.text(400, 200, '+5% POWER!', { font: '24px Arial', fill: '#00ff00' }).setOrigin(0.5).setDepth(100); } else { this.currentHour = Math.min(5, this.currentHour + 1); this.add.text(400, 200, 'SKIPPED 1 HOUR!', { font: '24px Arial', fill: '#00ff00' }).setOrigin(0.5).setDepth(100); } } else { // Wrong answer this.jumpscare('oula'); } // Clean up this.currentProblem.popup.destroy(); this.currentProblem = null; this.input.keyboard.removeAllListeners('keydown'); this.input.keyboard.removeAllListeners('keydown-ENTER'); } } class GameOverScene extends Phaser.Scene { constructor() { super('GameOverScene'); } create() { // Add "Game Over" text const gameOverText = this.add.text(400, 200, 'Game Over', { font: 'bold 64px Arial', fill: '#FF0000' }).setOrigin(0.5); // Add "Main Menu" button const mainMenuButton = this.add.text(400, 400, 'Main Menu', { font: '32px Arial', fill: '#FFFFFF' }) .setOrigin(0.5) .setInteractive(); // Add hover effect mainMenuButton.on('pointerover', () => mainMenuButton.setStyle({ fill: '#FF0000' })); mainMenuButton.on('pointerout', () => mainMenuButton.setStyle({ fill: '#FFFFFF' })); // Add click handler to return to main menu mainMenuButton.on('pointerdown', () => { // Stop any running scenes this.scene.stop('OfficeScene'); // Start the main menu scene this.scene.start('Example'); }); } } class KillBillEndingScene extends Phaser.Scene { constructor() { super('KillBillEndingScene'); } preload() { // Load all hallway images this.load.image('hallway1', 'https://play.rosebud.ai/assets/HALLWAYS.png?SX3x'); this.load.image('hallway2', 'https://play.rosebud.ai/assets/HALLWAYS (1).png?wNcQ'); this.load.image('hallway3', 'https://play.rosebud.ai/assets/HALLWAYS (2).png?yZjd'); this.load.image('hallway4', 'https://play.rosebud.ai/assets/HA11WAYS (1).png?qLUz'); this.load.image('hallway5', 'https://play.rosebud.ai/assets/HALLWAYS.png?DfCS'); this.load.image('hallway6', 'https://play.rosebud.ai/assets/HALLWAYS (1).png?yOJa'); this.load.image('hallway7', 'https://play.rosebud.ai/assets/HALLWAYS (2).png?DnN2'); this.load.image('hallway8', 'https://play.rosebud.ai/assets/HALLWAYS (3).png?FVT2'); this.load.image('hallway9', 'https://play.rosebud.ai/assets/HALLWAYS (4).png?T9vk'); // Load all sound effects this.load.audio('jerry1', 'https://play.rosebud.ai/assets/ElevenLabs_2025-01-05T06_52_22_Jerry_pvc_s50_sb75_se0_b_m2.mp3?9Kw0'); this.load.audio('bullets', 'https://play.rosebud.ai/assets/bullets_hitting_grou.mp3?atgE'); this.load.audio('bill_final', 'https://play.rosebud.ai/assets/ElevenLabs_2025-01-05T06_53_32_Bill_pre_s50_sb75_se0_b_m2.mp3?cBIG'); this.load.audio('jerry2', 'https://play.rosebud.ai/assets/ElevenLabs_2025-01-05T06_53_03_Jerry_pvc_s50_sb75_se0_b_m2.mp3?iMqu'); this.load.audio('shotgun', 'https://play.rosebud.ai/assets/Loud_Bang_from_shotg.mp3?JnYA'); } create() { let timeline = this.time.addEvent({ delay: 100, callback: this.startCutscene, callbackScope: this }); } startCutscene() { let currentImage; // Sequence of images and sounds with precise timing for dramatic effect const sequence = [{ image: 'hallway1', duration: 2000, sound: 'jerry1', fadeIn: true }, { image: 'hallway1', duration: 2000, sound: 'jerry1' }, { image: 'hallway2', duration: 1000 }, { image: 'hallway3', duration: 1000 }, { image: 'hallway1', duration: 2000, sound: 'bullets' }, { image: 'hallway4', duration: 1500, sound: 'bill_final' }, { image: 'hallway5', duration: 3000, sound: 'jerry2' }, { image: 'hallway6', duration: 1000 }, { image: 'hallway7', duration: 1000 }, { image: 'hallway8', duration: 1000, sound: 'shotgun' }, { image: 'hallway9', duration: 1000, sound: 'shotgun' }]; let currentIndex = 0; const showNext = () => { if (currentImage) { currentImage.destroy(); } if (currentIndex >= sequence.length) { // Show "GOOD JOB" text and return to menu const goodJobText = this.add.text(400, 300, 'GOOD JOB', { font: 'bold 64px Arial', fill: '#ffffff', stroke: '#000000', strokeThickness: 6 }).setOrigin(0.5); this.time.delayedCall(3000, () => { this.scene.start('Example'); }); return; } const item = sequence[currentIndex]; // Create the image with fade effect if specified currentImage = this.add.image(400, 300, item.image) .setOrigin(0.5) .setDisplaySize(800, 600) .setAlpha(item.fadeIn ? 0 : 1); // Add fade-in effect if specified if (item.fadeIn) { this.tweens.add({ targets: currentImage, alpha: 1, duration: 500, ease: 'Linear' }); } if (item.sound) { this.sound.add(item.sound).play(); } this.time.delayedCall(item.duration, () => { currentIndex++; showNext(); }); }; showNext(); } } class ContinueScene extends Phaser.Scene { constructor() { super('ContinueScene'); this.nightCodes = { 2: 'CJ', 3: 'DD', 4: 'MATH', 5: 'BILL' }; } create() { const titleStyle = { font: '32px Arial', fill: '#ffffff' }; const buttonStyle = { font: '24px Arial', fill: '#ffffff' }; // Add title this.add.text(400, 100, 'Select Night', titleStyle).setOrigin(0.5); // Add night buttons for (let i = 1; i <= 5; i++) { const nightButton = this.add.text(400, 150 + (i * 60), `Night ${i}`, buttonStyle) .setOrigin(0.5) .setInteractive(); // Add hover effect nightButton.on('pointerover', () => nightButton.setStyle({ fill: '#ff0' })); nightButton.on('pointerout', () => nightButton.setStyle({ fill: '#ffffff' })); // Handle click nightButton.on('pointerdown', () => { if (i === 1) { this.scene.start('NewspaperScene'); } else { this.promptForCode(i); } }); } // Add back button const backButton = this.add.text(400, 500, 'Back', buttonStyle) .setOrigin(0.5) .setInteractive(); backButton.on('pointerover', () => backButton.setStyle({ fill: '#ff0' })); backButton.on('pointerout', () => backButton.setStyle({ fill: '#ffffff' })); backButton.on('pointerdown', () => this.scene.start('Example')); } promptForCode(night) { // Create a semi-transparent background const overlay = this.add.rectangle(400, 300, 800, 600, 0x000000, 0.7); // Create prompt text const promptText = this.add.text(400, 250, `Enter Code for Night ${night}:`, { font: '24px Arial', fill: '#ffffff' }).setOrigin(0.5); // Create input text const inputText = this.add.text(400, 300, '', { font: '32px Arial', fill: '#ffffff' }).setOrigin(0.5); let input = ''; // Handle keyboard input this.input.keyboard.on('keydown', event => { if (event.keyCode === 8 && input.length > 0) { // Handle backspace input = input.slice(0, -1); } else if (event.keyCode === 13) { // Handle enter this.validateCode(night, input, [overlay, promptText, inputText]); } else if (event.keyCode >= 65 && event.keyCode <= 90) { // Add letter if its a valid letter key (A-Z) if (input.length < 4) { // Allow up to 4 characters input += event.key.toUpperCase(); } } inputText.setText(input); }); } validateCode(night, input, elementsToDestroy) { if (input === this.nightCodes[night]) { // Valid code - start the night elementsToDestroy.forEach(element => element.destroy()); this.registry.set('currentNight', night); this.scene.start('Night1Scene'); } else { // Invalid code - shake the input this.tweens.add({ targets: elementsToDestroy[2], // inputText x: 400, y: 300, duration: 50, yoyo: true, repeat: 3, ease: 'Sine.easeInOut', onStart: () => { elementsToDestroy[2].setStyle({ fill: '#ff0000' }); }, onComplete: () => { elementsToDestroy[2].setStyle({ fill: '#ffffff' }); } }); } } } class CustomNightScene extends Phaser.Scene { constructor() { super('CustomNightScene'); this.aiLevels = { heeHee: 0, blueBird: 0, cj: 0, devil: 0, oula: 0 }; } create() { // Add title this.add.text(400, 50, 'Custom Night', { font: 'bold 48px Arial', fill: '#ffffff' }).setOrigin(0.5); // Character positions and spacing // Create container for all boxes const boxSize = { width: 140, height: 180 }; const spacing = 20; const totalWidth = (boxSize.width * 5) + (spacing * 4); const startX = (800 - totalWidth) / 2 + (boxSize.width / 2); const startY = 200; const characters = [{ name: 'heeHee', image: 'heeHee', displayName: 'HeeHee' }, { name: 'blueBird', image: 'stevieBlue', displayName: 'Blue Bird' }, { name: 'cj', image: 'cj_office', displayName: 'CJ' }, { name: 'devil', image: 'devil', displayName: 'Devil' }, { name: 'oula', image: 'oula', displayName: 'Oula' }]; // Create character displays characters.forEach((char, index) => { const x = startX + ((boxSize.width + spacing) * index); // Create box background const box = this.add.rectangle(x, startY, boxSize.width, boxSize.height, 0x333333) .setOrigin(0.5) .setStrokeStyle(2, 0x666666); // Add character image // Add character image with custom scaling based on character const image = this.add.image(x, startY - 40, char.image) .setOrigin(0.5); // Set different scales for different characters if (char.name === 'heeHee') { image.setScale(0.12); } else if (char.name === 'blueBird') { image.setScale(0.15); } else { image.setScale(0.2); } // Add character name this.add.text(x, startY + 20, char.displayName, { font: '16px Arial', fill: '#ffffff' }).setOrigin(0.5); // Add AI level display const levelText = this.add.text(x, startY + 50, this.aiLevels[char.name].toString(), { font: '24px Arial', fill: '#ffffff' }).setOrigin(0.5); // Add up arrow const upArrow = this.add.text(x, startY + 30, '▲', { font: '20px Arial', fill: '#ffffff' }).setOrigin(0.5).setInteractive(); // Add down arrow const downArrow = this.add.text(x, startY + 70, '▼', { font: '24px Arial', fill: '#ffffff' }).setOrigin(0.5).setInteractive(); // Add arrow functionality // Add hold-to-increase functionality for up arrow let upHoldTimer; upArrow.on('pointerdown', () => { if (this.aiLevels[char.name] < 20) { this.aiLevels[char.name]++; levelText.setText(this.aiLevels[char.name].toString()); } // Start rapid increase after holding for 500ms upHoldTimer = this.time.addEvent({ delay: 100, callback: () => { if (this.aiLevels[char.name] < 20) { this.aiLevels[char.name]++; levelText.setText(this.aiLevels[char.name].toString()); } }, loop: true, startAt: 500 }); }); upArrow.on('pointerup', () => { if (upHoldTimer) { upHoldTimer.remove(); } }); upArrow.on('pointerout', () => { if (upHoldTimer) { upHoldTimer.remove(); } }); // Add hold-to-decrease functionality for down arrow let downHoldTimer; downArrow.on('pointerdown', () => { if (this.aiLevels[char.name] > 0) { this.aiLevels[char.name]--; levelText.setText(this.aiLevels[char.name].toString()); } // Start rapid decrease after holding for 500ms downHoldTimer = this.time.addEvent({ delay: 100, callback: () => { if (this.aiLevels[char.name] > 0) { this.aiLevels[char.name]--; levelText.setText(this.aiLevels[char.name].toString()); } }, loop: true, startAt: 500 }); }); downArrow.on('pointerup', () => { if (downHoldTimer) { downHoldTimer.remove(); } }); downArrow.on('pointerout', () => { if (downHoldTimer) { downHoldTimer.remove(); } }); // Add hover effects [upArrow, downArrow].forEach(arrow => { arrow.on('pointerover', () => arrow.setStyle({ fill: '#ff0' })); arrow.on('pointerout', () => arrow.setStyle({ fill: '#ffffff' })); }); }); // Add mobile mode lever const leverX = 400; const leverY = 380; this.add.text(leverX, leverY - 25, 'Mobile Mode', { font: '16px Arial', fill: '#ffffff' }).setOrigin(0.5); const leverBase = this.add.rectangle(leverX, leverY, 40, 60, 0x666666) .setInteractive(); this.leverHandle = this.add.rectangle(leverX, leverY + (this.isMobileMode ? 15 : -15), 20, 30, 0x00ff00); leverBase.on('pointerdown', () => { this.isMobileMode = !this.isMobileMode; localStorage.setItem('mobileMode', this.isMobileMode); // Animate lever handle this.tweens.add({ targets: this.leverHandle, y: leverY + (this.isMobileMode ? 15 : -15), duration: 200, ease: 'Power1', onComplete: () => { if (this.isMobileMode) { this.showMobileInstructions(); } } }); }); // Add Start button const startButton = this.add.text(400, 470, 'Start Night', { font: '32px Arial', fill: '#ffffff' }).setOrigin(0.5).setInteractive(); // Add Back button const backButton = this.add.text(400, 520, 'Back', { font: '24px Arial', fill: '#ffffff' }).setOrigin(0.5).setInteractive(); // Add button functionality startButton.on('pointerdown', () => { this.registry.set('currentNight', 'custom'); this.registry.set('customAiLevels', this.aiLevels); this.scene.start('Night1Scene'); }); backButton.on('pointerdown', () => { this.scene.start('Example'); }); // Add hover effects [startButton, backButton].forEach(button => { button.on('pointerover', () => button.setStyle({ fill: '#ff0' })); button.on('pointerout', () => button.setStyle({ fill: '#ffffff' })); }); } showMobileInstructions() { // Create semi-transparent background const bg = this.add.rectangle(400, 300, 600, 400, 0x000000, 0.9) .setStrokeStyle(2, 0xffffff); // Add instruction text const instructions = [ 'Mobile Controls:', '', '• Tap the camera button at the bottom', ' of the screen to toggle cameras', '', '• Double tap vent cameras to seal/unseal them', '', '• Tap doors to close/open them', '', 'Tap anywhere to close' ]; const instructionTexts = instructions.map((line, i) => { return this.add.text(400, 200 + (i * 30), line, { font: '20px Arial', fill: '#ffffff', align: 'center' }).setOrigin(0.5); }); // Create container for all elements const container = this.add.container(0, 0, [bg, ...instructionTexts]); container.setDepth(1000); // Add click handler to close bg.setInteractive(); bg.once('pointerdown', () => { container.destroy(); }); } } const config = { type: Phaser.AUTO, parent: 'renderDiv', scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, width: 800, height: 600, backgroundColor: '#000000', scene: [Example, NewspaperScene, Night1Scene, OfficeScene, GameOverScene, ContinueScene, KillBillEndingScene, CustomNightScene], render: { pixelArt: false, antialias: true, roundPixels: false, powerPreference: 'high-performance' }, physics: { default: false }, audio: { disableWebAudio: false, noAudio: false }, callbacks: { postBoot: function(game) { game.canvas.style.imageRendering = 'auto'; game.canvas.style.webkitImageSmoothing = 'auto'; } } }; window.phaserGame = new Phaser.Game(config);