class NotDone extends Phaser.Scene { constructor() {} preload() {} create() {} update() {} } class BedRoom extends Phaser.Scene { constructor() { super('bedroom'); // Add a flag variable to track if the event has been triggered this.cutScene = false; this.event1Over = 0; this.event2Over = 0; this.event3Over = 0; this.event4Over = 0; this.eventTriggered1 = false; this.eventTriggered2 = false; this.eventTriggered3 = false; this.eventTriggered4 = false; this.timesClicked = 0; this.clickedPlay = false; this.clickedResearch = false; this.clickedSocial = false; this.clickedDrawer = false; this.clickedSleep = false; this.doorClosedTween = null; this.insomniacBar; this.insomniacValue = 20; this.insomniacMaxValue = 100; this.insomniacBarLabel; this.insomniacBarValue; this.joystick; this.joystickRadius = 50; // The maximum distance from the joystick's center to push the drag circle this.joystickActive = false; // Whether the joystick is currently being dragged this.joystickPosition; // The current position of the joystick's drag circle this.joystickCenter; // The center position of the joystick's base circle this.lastAnim = null; this.playerPrevPos = null; // Store the player's previous position this.canShowPopup = true; this.doorZones = []; this.pcZones = []; this.bedZones = []; this.closetZones = []; this.windowZones = []; this.calnedarZones = []; this.drawerZones = []; this.lastStepTime = 0; } preload() { const gameFrame = document.getElementById('gameFrame'); this.wKey = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.W); this.aKey = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.A); this.sKey = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.S); this.dKey = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.D); // Load the Tiled JSON file and the combined tileset image if (!this.textures.exists('ClosetDemon')) { this.load.image('ClosetDemon', `https://play.rosebud.ai/assets/ClosetDemon.jpg.jpg?cTsy`) } if (!this.textures.exists('WideUIBar')) { this.load.image('WideUIBar', `https://play.rosebud.ai/assets/InsomniacBarUI.png.png?x2jA`) } if (!this.textures.exists('Interor')) { this.load.image('tileset-image6', `https://play.rosebud.ai/assets/interior.png.png?qedR`) } if (!this.textures.exists('UnderBedGhost')) { this.load.image('UnderBedGhost', `https://play.rosebud.ai/assets/UnderBed Monster.jpg.jpg?at8M`) } if (!this.textures.exists('doorDemon')) { this.load.image('doorDemon', `https://play.rosebud.ai/assets/Door's Demon Body.png.png?F7vb`) } if (!this.textures.exists('Door Demon')) { this.load.image('doorDemonBG', `https://play.rosebud.ai/assets/Door's Demon.jpg.jpg?jBgS`) } if (!this.textures.exists('Door Open')) { this.load.image('DoorOpen', `https://play.rosebud.ai/assets/doorOpened.png.png?nG9c`) } if (!this.textures.exists('Door Closed')) { this.load.image('DoorClosed', `https://play.rosebud.ai/assets/doorClosed.png.png?n3l8`) } this.load.audio('sirBedlam_violin-scare', `https://play.rosebud.ai/assets/thesoundfxguy_yt_piano-jump-scare-stinger.wav.wav?tZ1b`); this.load.audio('thesoundfxguy_yt_piano-jump-scare-stinger', `https://play.rosebud.ai/assets/thesoundfxguy_yt_piano-jump-scare-stinger.wav.wav?tZ1b`); this.load.audio('doorKnock', `https://play.rosebud.ai/assets/door-knock.mp3.mp3?yUeD`); this.load.audio('closetDoorOpen', `https://play.rosebud.ai/assets/closet-door-open Pixbay.mp3.mp3?F50A`); this.load.audio('closetDoorShut', `https://play.rosebud.ai/assets/closet-door-shut.mp3.mp3?os3x`); this.load.audio('closetShaking', `https://play.rosebud.ai/assets/cabinet-shake.mp3.mp3?FUpb`); this.load.audio('youWon!', `https://play.rosebud.ai/assets/YouWon.mp3.mp3?J09B`); this.load.audio('PillsShake', `https://play.rosebud.ai/assets/pills-shake.mp3.mp3?QCLg`); this.load.audio('DoorOpening', `https://play.rosebud.ai/assets/door-opening.mp3.mp3?YNbb`); this.load.audio('DoorClosing', `https://play.rosebud.ai/assets/door-closing.mp3.mp3?TATc`); this.load.audio('PlayerSteps', `https://play.rosebud.ai/assets/WalkSlower.mp3.mp3?jYW5`); this.load.audio('GhostScratch', `https://play.rosebud.ai/assets/ghost-scratching-carpet.mp3.mp3?nBpt`); if (!this.textures.exists('tilemap-json')) { this.load.tilemapTiledJSON('tilemap-json', `https://play.rosebud.ai/assets/BedRoom.json.json?p8ra`); } if (!this.textures.exists('tileset-image1')) { this.load.image('tileset-image1', (`https://play.rosebud.ai/assets/Set1.png.png?ic73`)); } if (!this.textures.exists('tilemap-door-image')) { this.load.image('door-image', (`https://play.rosebud.ai/assets/Set1.png.png?ic73`)); } if (!this.textures.exists('tileset-image2')) { this.load.image('tileset-image2', (`https://play.rosebud.ai/assets/Set2New.png?LToD`)); } if (!this.textures.exists('tileset-image3')) {this.load.image('tileset-image3', (`https://play.rosebud.ai/assets/Set3New.png?L2VX`)); } if (!this.textures.exists('tileset-image4')) { this.load.image('tileset-image4', (`https://play.rosebud.ai/assets/Set4New.png?GRyz`)); } if (!this.textures.exists('tileset-image5')) { this.load.image('tileset-image5', (`https://play.rosebud.ai/assets/Set5.png.png?813f`));} if (!this.cache.json.exists('player'), !this.textures.exists('player')) { this.load.atlas('player', `https://play.rosebud.ai/assets/Player_Idle.png.png?SLXb`, `https://play.rosebud.ai/assets/Player_Idle.json.json?T9wA`); } } create() { // Insomniac Bar this.insomniacBar = this.add.graphics(); this.wideBar = this.add.image(194, 47, 'WideUIBar') .setScale(0.42, 0.43) .setDepth(1000); // Add the insomniac bar label above the bar this.insomniacBarLabel = this.add.text(115, -3, 'INSOMNIA', { color: '#FF0000', fontSize: '30px', stroke: '#8B9CFF', fontWeight: 'bold', fontFamily: "Verdana", strokeThickness: 4 }); // Initialize the text object with the initial value this.insomniacBarValue = this.add.text(140, 35, this.insomniacValue.toString() + "/100", { color: '#FFFFFF', fontSize: '30px',fontFamily:"Verdana" , stroke: '#010101', strokeThickness: 1 }); // Update the text content dynamically whenever the insomniacValue changes this.insomniacBarValue.setText(this.insomniacValue.toString() + "/100") .setScale(1, 0.7) // Draw the initial insomniac bar this.updateInsomniacBar(); this.time.addEvent({ delay: 5000, // ms callback: this.incrementInsomniacValue, callbackScope: this, loop: true }); // Maps----------------------------------------------------------------------------------------------------------------------- const map = this.make.tilemap({ key: 'tilemap-json' }); const tileset1 = map.addTilesetImage('tiletest', 'tileset-image1'); const tileset2 = map.addTilesetImage('tileset_modern_rpg_props', 'tileset-image2'); const tileset3 = map.addTilesetImage('tileset_modern_rpg_furniture', 'tileset-image3'); const tileset4 = map.addTilesetImage('Items_1', 'tileset-image4'); const tileset5 = map.addTilesetImage('Inside_A2', 'tileset-image5'); const tileset6 = map.addTilesetImage('interior free', 'tileset-image6'); // Main layers--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- const ground = map.createLayer('BedRoom1', [tileset1, tileset5], 32, 64); const walls = map.createLayer('Walls', [tileset1], 32, 64); walls.setCollisionBetween(0, 2000); // Set the tiles with indices from 1 to 1000 as collidable const openDoor = map.createLayer('OpenDoor', [tileset1, tileset2, tileset3, tileset4, tileset5], 32, 64); const decor = map.createLayer('Decor', [tileset1, tileset2, tileset3, tileset4, tileset5], 32, 64); decor.setCollisionBetween(0, 2000); const decor2 = map.createLayer('Decor2', [tileset1, tileset2, tileset3, tileset4, tileset5, tileset6], 32, 64); decor2.setCollisionBetween(0, 2000); const pc = map.createLayer('PC', [tileset1, tileset2, tileset3, tileset4, tileset5], 32, 64); pc.setCollisionBetween(0, 2000); this.player = this.physics.add.sprite(200, 150, 'player', 'frame00'); this.player.setDepth(100); // Set a high depth to ensure the layer is on top this.player.body.setSize(20, 22, 5, 10); this.physics.add.collider(this.player, walls); this.physics.add.collider(this.player, decor); this.physics.add.collider(this.player, decor2); // Options----------------------------------------------------------------------------------------------------------------------------- this.play = this.add.text(0, 290, '1. Play Games ', { fontSize: '20px', backgroundColor: '#31363F', color: '#fff' }) .setOrigin(-0.05, 1) .setPadding(8) .setInteractive() .setVisible(false) .on('pointerdown', () => { this.clickedPlay = true; this.physics.pause(); this.play.setText(''); this.play.setPadding(0); this.research.setText(''); this.research.setPadding(0); this.social.setText(''); this.social.setPadding(0); // Show 'playR' text this.playR = this.add.text(0, 290, 'I will play some games', { fontSize: '25px', backgroundColor: '#0000', color: '#fff' }) .setOrigin(-0.05, 0) .setPadding(10) .setInteractive() .setVisible(true); // Set play text back to original after 5 seconds this.time.delayedCall(3500, function() { this.physics.resume(); this.playR.destroy(); this.playR2 = this.add.text(0, 290, 'Enough For Today.', {fontSize: '25px', backgroundColor: '#0000', color: '#fff'}) .setOrigin(-0.25, 0) .setPadding(10) .setInteractive() .setVisible(true); }, [], this); // Set play text back to original after 3.5 seconds this.time.delayedCall(6500, function() { this.insomniacValue -= 20; this.updateInsomniacBar(); if (this.clickedResearch === false) { this.research.setText('3. Review The Research Papers'); this.research.setPadding(10); } if (this.clickedSocial === false) { this.social.setPadding(10); this.social.setText('2. Check Social Media Apps '); } this.play.destroy(); this.playR2.destroy(); this.physics.resume(); }, [], this); }); //---------------------------------------------------------------------------------------------------------------------------------------------- this.social = this.add.text(0, 320, '2. Check Social Media Apps ', { fontSize: '20px', backgroundColor: '#31363F', color: '#fff' }) .setOrigin(-0.05, 0.5) .setPadding(8) .setInteractive() .setVisible(false) .on('pointerdown', () => { this.clickedSocial = true; this.physics.pause(); this.social.setText(''); this.social.setPadding(0); if (this.clickedResearch === false) { this.research.setText(''); this.research.setPadding(0);} if (this.clickedPlay === false) { this.play.setText(''); this.play.setPadding(0);} // Show 'socialR' text this.socialR = this.add.text(0, 290, 'Just One Reel...', { fontSize: '25px', backgroundColor: '#0000', color: '#fff' }) .setOrigin(-0.05, 0) .setPadding(10) .setInteractive() .setVisible(true); // Set social text back to original after 5 seconds this.time.delayedCall(3500, function() { this.physics.resume(); this.socialR.destroy(); this.socialR2 = this.add.text(0, 290, 'How Much Time Has Passed...', {fontSize: '25px', backgroundColor: '#0000', color: '#fff'}) .setOrigin(-0, 0) .setPadding(10) .setInteractive() .setVisible(true); }, [], this); this.time.delayedCall(6500, function() { // Decrease the socialer's insomnia by 50 this.insomniacValue += 20; // Update the insomniac bar this.updateInsomniacBar(); if (this.clickedResearch === false) { this.research.setText('3. Review The Research Papers'); this.research.setPadding(10); } if (this.clickedPlay === false) { this.play.setPadding(10); this.play.setText('1. Play Games '); } this.social.destroy(); this.socialR2.destroy(); this.physics.resume(); }, [], this); }); //---------------------------------------------------------------------------------------------------------------------------------------------- this.research = this.add.text(1, 350, '3. Review The Research Papers', { fontSize: '20px', backgroundColor: '#31363F', color: '#fff' }) .setOrigin(-0.05, 0) .setPadding(8) .setInteractive() .setVisible(false) .on('pointerdown', () => { this.insomniacValue += 20; this.updateInsomniacBar(); this.timesClicked += 1; this.clickedResearch= true; this.physics.pause(); console.log('Reviewing Research Papers'); this.research.setText(''); this.research.setPadding(0); if (this.clickedSocial === false) { this.social.setText(''); this.social.setPadding(0);} if (this.clickedPlay === false) { this.play.setText(''); this.play.setPadding(0);} if (this.timesClicked === 1) { this.eventTriggered1 = true; this.eventTriggered4 = true; // Show 'researchR' text this.researchR = this.add.text(0, 290, 'Lets Start', { fontSize: '25px', backgroundColor: '#0000', color: '#fff' }) .setOrigin(-0.7, 0) .setPadding(10) .setInteractive() .setVisible(true); } if (this.timesClicked === 2) { this.eventTriggered2 = true; this.researchR = this.add.text(0, 290, 'Sigh...', { fontSize: '25px', backgroundColor: '#0000', color: '#fff' }) .setOrigin(-0.7, 0) .setPadding(10) .setInteractive() .setVisible(true); } if (this.timesClicked === 3) { this.eventTriggered3 = true; this.researchR = this.add.text(0, 290, '...', { fontSize: '25px', backgroundColor: '#0000', color: '#fff' }) .setOrigin(-0.7, 0) .setPadding(10) .setInteractive() .setVisible(true); } // Set research text back to original after 3.5 seconds this.time.delayedCall(3500, function() { this.researchR.destroy(); if (this.timesClicked === 1) { this.researchR2 = this.add.text(0, 290, 'I Feel Dizzy...', {fontSize: '25px', backgroundColor: '#0000', color: '#fff'}) .setOrigin(-0.3, 0) .setPadding(10) .setInteractive() .setVisible(true); } if (this.timesClicked === 2) { this.researchR2 = this.add.text(0, 290, 'Quick Break.', {fontSize: '25px', backgroundColor: '#0000', color: '#fff'}) .setOrigin(-0.4, 0) .setPadding(10) .setInteractive() .setVisible(true); } if (this.timesClicked === 3) { this.researchR2 = this.add.text(0, 290, 'I am Getting Closer.', {fontSize: '25px', backgroundColor: '#0000', color: '#fff'}) .setOrigin(-0.1, 0) .setPadding(10) .setInteractive() .setVisible(true); } }, [], this); this.time.delayedCall(5000, function() { this.physics.resume(); this.researchR2.destroy(); if (this.eventTriggered1 === false || this.eventTriggered2 === false || this.eventTriggered3 === false || this.eventTriggered4 === false) { if (this.clickedSocial === false) { this.social.setText('2. Check Social Media Apps '); this.social.setPadding(10); } if (this.clickedPlay === false) { this.play.setPadding(10); this.play.setText('1. Play Games '); } this.research.setText('3. Review The Research Papers'); this.research.setPadding(10); if (this.clickedSocial === false) { this.social.setText('2. Check Social Media Apps '); this.social.setPadding(10); } if (this.clickedPlay === false) { this.play.setPadding(10); this.play.setText('1. Play Games '); } this.research.setText('3. Review The Research Papers'); this.research.setPadding(10); this.updateInsomniacBar(); } }, [], this); }); //---------------------------------------------------------------------------------------------------------------------------------------------- this.sleep = this.add.text(0, 290, 'Sleep', { fontSize: '32px', backgroundColor: '#31363F', color: '#fff' }) .setOrigin(-1.2, -0.7) .setPadding(10) .setInteractive() .setVisible(false) .on('pointerdown', () => { this.physics.pause(); // Show 'sleepR' text this.sleepR = this.add.text(0, 290, 'I Have To Finish My', { fontSize: '25px', backgroundColor: '#0000', color: '#fff' }) .setOrigin(-0.05, 0.2) .setPadding(10) .setInteractive() .setVisible(true); console.log('Going To Sleep?...'); this.sleepR2 = this.add.text(0, 290, 'Research Papers First.', { fontSize: '25px', backgroundColor: '#0000', color: '#fff' }) .setOrigin(-0.046, -0.6) .setPadding(10) .setInteractive() .setVisible(true); if (this.clickedDrawer === false) { this.drawer.setText(''); this.drawer.setPadding(0); } this.sleep.setText(''); this.sleep.setPadding(0); // Set sleep text back to original after 5 seconds this.time.delayedCall(3500, function() { this.physics.resume(); this.sleepR.destroy(); this.sleepR2.destroy(); this.sleep.setText('Sleep'); if (this.clickedDrawer === false) { this.drawer.setText('Check Drawer'); this.drawer.setPadding(10); } this.sleep.setPadding(10); }, [], this); }); //---------------------------------------------------------------------------------------------------------------------------------------------- this.mirror = this.add.text(0, 290, 'Check Mirror', { fontSize: '32px', backgroundColor: '#31363F', color: '#fff' }) .setOrigin(-0.3, -0.5) .setPadding(10) .setInteractive() .setVisible(false) .on('pointerdown', () => { this.physics.pause(); // Hide the 'mirror' text this.closet.setVisible(false); // Show 'mirrorR' text this.mirrorR = this.add.text(0, 290, 'I Got Some Dark Circles', { fontSize: '25px', backgroundColor: '#0000', color: '#fff' }) .setOrigin(-0.05, 0) .setPadding(10) .setInteractive() .setVisible(true); console.log('Cheking the mirror...'); this.mirrorR2 = this.add.text(0, 290, 'Under My Eyes.', { fontSize: '25px', backgroundColor: '#0000', color: '#fff' }) .setOrigin(-0.09, -1) .setPadding(10) .setInteractive() .setVisible(true); this.closet.setText(''); this.mirror.setText(''); this.closet.setPadding(0); this.mirror.setPadding(0); // Set mirror text back to original after 5 seconds this.time.delayedCall(3500, function() { this.physics.resume(); this.mirrorR.destroy(); this.mirrorR2.destroy(); this.closet.setText('Open Closet?'); // Reset the text content this.mirror.setText('Check Mirror'); this.closet.setPadding(10); this.mirror.setPadding(10); this.closet.setVisible(true); // Show the 'closet' text again }, [], this); }); //----------------------------------------------------------------------------------------------------------------------------- this.closet = this.add.text(0, 290, 'Open Closet?', { fontSize: '32px', backgroundColor: '#31363F', color: '#fff' }) .setOrigin(-0.3, 0.8) .setPadding(10) .setInteractive() .setVisible(false) .on('pointerdown', () => { this.physics.pause(); this.sound.play('closetDoorOpen', { delay: 0.2 }); this.closetR = this.add.text(0, 290, 'Just Clothes...', { fontSize: '32px', backgroundColor: '#0000', color: '#fff' }) .setOrigin(-0.2, 0) .setPadding(10) .setInteractive() .setVisible(true); console.log('Opened The Closet...'); // Change text after 3 seconds this.time.delayedCall(2000, function() { this.closetR.setText('Why Did I Even Open It...?'); this.closetR.setOrigin(-0.01, -0.1); // Adjust origin if needed this.closetR.setFontSize('24px'); // Change font size }, [], this); this.closet.setText(''); this.mirror.setText(''); this.closet.setPadding(0); this.mirror.setPadding(0); // Set closet text back to original after 5 seconds this.time.delayedCall(6000, function() { this.sound.play('closetDoorShut', { delay: 0.2 }); this.physics.resume(); this.closetR.destroy(); this.closet.setText('Open Closet?'); // Reset the text content this.mirror.setText('Check Mirror'); this.closet.setPadding(10); this.mirror.setPadding(10); this.closet.setVisible(true); // Show the 'closet' text again }, [], this); }); //----------------------------------------------------------------------------------------------------------------------------------------------------------- this.calendar = this.add.text(0, 290, 'Check Calendar', { fontSize: '32px', backgroundColor: '#31363F', color: '#fff' }) .setOrigin(-0.2, 0) .setPadding(10) .setInteractive() .setVisible(false) .on('pointerdown', () => { this.physics.pause(); // Show 'calendarR' text this.calendarR = this.add.text(0, 290, 'The Dead Line is', { fontSize: '30px', backgroundColor: '#0000', color: '#fff' }) .setOrigin(-0.1, 0) .setPadding(10) .setInteractive() .setVisible(true); console.log('Cheking the calendar...'); this.calendarR2 = this.add.text(0, 290, 'Tomorrow...', { fontSize: '30px', backgroundColor: '#0000', color: '#fff' }) .setOrigin(-0.14, -1) .setPadding(10) .setInteractive() .setVisible(true); this.calendar.setText(''); this.calendar.setPadding(0); // Set calendar text back to original after 5 seconds this.time.delayedCall(3500, function() { this.physics.resume(); this.calendarR.destroy(); this.calendarR2.destroy(); this.calendar.setText('Check Calendar'); this.calendar.setPadding(10); }, [], this); }); //------------------------------------------------------------------------------------ this.window = this.add.text(0, 290, 'Check Window', { fontSize: '32px', backgroundColor: '#31363F', color: '#fff' }) .setOrigin(-0.31, 0) .setPadding(10) .setInteractive() .setVisible(false) .on('pointerdown', () => { console.log('Too Dark to See...'); this.physics.pause(); // Show 'windowR' text this.windowR = this.add.text(0, 290, 'Too Dark to See...', { fontSize: '30px', backgroundColor: '#0000', color: '#fff' }) .setOrigin(-0.1, 0) .setPadding(10) .setInteractive() .setVisible(true); console.log('Cheking the window...'); this.window.setText(''); this.window.setPadding(0); // Set window text back to original after 5 seconds this.time.delayedCall(3500, function() { this.physics.resume(); this.windowR.destroy(); this.window.setText('Check Window'); this.window.setPadding(10); }, [], this); }); //------------------------------------------------------------------------------------- this.drawer = this.add.text(0, 290, 'Check Drawer', { fontSize: '32px', backgroundColor: '#31363F', color: '#fff' }) .setOrigin(-0.31, 0.5) .setPadding(10) .setInteractive() .setVisible(false) .on('pointerdown', () => { this.sound.play('PillsShake'); if (this.clickedSleep === false){ this.sleep.setText(''); this.sleep.setPadding(0); } console.log('Cheking The Drawer...'); this.physics.pause(); // Show 'drawerR' text this.drawerR = this.add.text(0, 290, 'My Sleeping Pills', { fontSize: '30px', backgroundColor: '#0000', color: '#fff' }) .setOrigin(-0.1, 0) .setPadding(10) .setInteractive() .setVisible(true); this.drawer.setText(''); this.drawer.setPadding(0); // Set drawer text back to original after 3.5 seconds this.time.delayedCall(1500, function() { this.drawerR.destroy(); this.pillsQ = this.add.text(0, 290, 'Take The Pills?', { fontSize: '32px', backgroundColor: '#640177', color: '#F14102' }) .setOrigin(-0.15, 0.8) .setPadding(5) .setInteractive() .setVisible(true); this.pillsN = this.add.text(0, 290, 'No ', { fontSize: '40px', backgroundColor: '#D20103', color: '#fff' }) .setOrigin(-3.1, -0.7) .setPadding(3) .setInteractive() .setVisible(true) .on('pointerdown', () => { this.pillsQ.destroy(); this.pillsY.destroy(); this.pillsN.destroy(); this.pillsN2 = this.add.text(0, 290, 'Not Now...', { fontSize: '26px', backgroundColor: '#0000', color: '#fff' }) .setOrigin(-0.7, 0) .setPadding(10) .setInteractive() .setVisible(true); this.time.delayedCall(1500, function() { this.drawer.setText('Check Drawer'); this.drawer.setPadding(10); this.pillsN2.destroy(); this.physics.resume(); if (this.clickedSleep === false){ this.sleep.setText('Sleep'); this.sleep.setPadding(10); } }, [], this); }); this.pillsY = this.add.text(0, 290, 'Yes', { fontSize: '40px', backgroundColor: '#01D31A', color: '#fff' }) .setOrigin(-1, -0.7) .setPadding(3) .setInteractive() .setVisible(true) .on('pointerdown', () => { this.clickedDrawer = true this.drawer.destroy() ; this.pillsQ.destroy(); this.pillsN.destroy(); this.pillsY.destroy(); this.pillsY2 = this.add.text(0, 290, 'You Have Taken The Pills', { fontSize: '26px', backgroundColor: '#0000', color: '#fff' }) .setOrigin(-0, 0) .setPadding(10) .setInteractive() .setVisible(true); this.time.delayedCall(1500, function() { // Decrease the player's insomnia by 50 this.insomniacValue -= 50; this.updateInsomniacBar(); this.pillsY2.destroy(); this.physics.resume(); if (this.clickedSleep === false) { this.sleep.setText('Sleep'); this.sleep.setPadding(10); } }, [], this); }); }, [], this); }); //----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- this.leaveButton = this.add.text(this.scale.width / 2, this.scale.height - 60, 'Leave', { fontSize: '32px', backgroundColor: '#31363F', color: '#fff' }) .setOrigin(0.5, 1) .setPadding(10) .setInteractive() .setVisible(false) .on('pointerdown', () => { this.neverLeaving = this.add.text(0, 290, 'I Need To finish My Research', { fontSize: '23px', backgroundColor: '#00000', color: '#fff' }) .setOrigin(0.01, 0) .setPadding(10) .setInteractive() .setVisible(true); this.physics.pause(); this.leaveButton.setText(''); this.leaveButton.setPadding(0); this.time.delayedCall(1500, function() { this.physics.resume(); this.neverLeaving.destroy(); this.leaveButton.setText('leaveButton'); this.leaveButton.setPadding(10); }, [], this); }); // Door Layer---------------------------------------------------------------------------------------------------------------------------------------------------------------------- const doorLayer = map.createBlankLayer('DoorLayer', tileset1); doorLayer.setCollisionBetween(0, 2000); // Make the door tiles collidable this.physics.add.collider(this.player, doorLayer); const objectLayerDoor = map.getObjectLayer('Door'); objectLayerDoor.objects.forEach(object => { const tileId = object.gid; // Convert object world coordinates to tile coordinates const tileX = map.worldToTileX(object.x + 40); const tileY = map.worldToTileY(object.y + 50); // Create a tile at the tile coordinates in the doorLayer const doorLayer = map.getLayer('DoorLayer').tilemapLayer; doorLayer.putTileAt(tileId, tileX, tileY); // Create a larger collision zone around the door const doorZone = this.physics.add.sprite(object.x + 52, object.y + 63, null); doorZone.setSize(object.width * 1.5, object.height * 2); doorZone.setOffset(-object.width/2, -object.height/2); doorZone.visible = false; // Make the door zone invisible // Add the door zone to the array doorZone.overlapping = false; this.doorZones.push(doorZone); this.physics.add.overlap(this.player, doorZone, () => { doorZone.overlapping = true; this.leaveButton.setVisible(true); this.time.delayedCall(300, function() { this.cutScene = false; }, [], this); }, null, this); }); //PCZone-------------------------------------------------------------------------------------------------------------------------------------- // Create an array to store all pcZones this.pcZones = []; const PCZoneLayer = map.getObjectLayer('PCZone'); PCZoneLayer.objects.forEach(object => { const pcZone = this.physics.add.sprite(object.x + object.width + 7, object.y + object.height + 40, null); pcZone.setSize(object.width, object.height); pcZone.visible = false; this.pcZones.push(pcZone); this.physics.add.overlap(this.player, pcZone, () => { this.play.setVisible(true); this.social.setVisible(true); this.research.setVisible(true); }, null, this); }); // Bed Zone---------------------------------------------------------------------------------------------------------------------------------------------------------------- this.bedZones = []; const bedLayer = map.getObjectLayer('Bed'); bedLayer.objects.forEach(object => { const bedZone = this.physics.add.sprite(object.x + object.width + 23, object.y + object.height + 40, null); bedZone.setSize(object.width, object.height); bedZone.visible = false; this.bedZones.push(bedZone); this.physics.add.overlap(this.player, bedZone, () => { this.sleep.setVisible(true); }, null, this); }); // Closet Zone--------------------------------------------------------------------------------------------------------------------------------------------------------------------- this.closetZones = []; const closetLayer = map.getObjectLayer('Closet'); closetLayer.objects.forEach(object => { const closetZone = this.physics.add.sprite(object.x + object.width + 5, object.y + object.height + 40, null); closetZone.setSize(object.width, object.height); closetZone.visible = false; this.closetZones.push(closetZone); this.physics.add.overlap(this.player, closetZone, () => { this.closet.setVisible(true); this.mirror.setVisible(true); if (this.physics.overlap(this.player, closetZone) && this.event2Over === 0) { this.time.delayedCall(300, function() { this.cutScene = false; }, [], this); } }); }); // Window Zone this.windowZones = []; const windowLayer = map.getObjectLayer('Window'); windowLayer.objects.forEach(object => { const windowZone = this.physics.add.sprite(object.x + object.width + 33, object.y + object.height + 80, null); windowZone.setSize(object.width, object.height); windowZone.visible = false; this.windowZones.push(windowZone); this.physics.add.overlap(this.player, windowZone, () => { this.window.setVisible(true); }); }); // Calendar Zone this.calendarZones = []; const calendarLayer = map.getObjectLayer('Calendar'); calendarLayer.objects.forEach(object => { const calendarZone = this.physics.add.sprite(object.x + object.width + 24, object.y + object.height + 40, null); calendarZone.setSize(object.width, object.height); calendarZone.visible = false; this.calendarZones.push(calendarZone); this.physics.add.overlap(this.player, calendarZone, () => { this.calendar.setVisible(true); }); }); // Drawer Zone this.drawerZones = []; const drawerLayer = map.getObjectLayer('Drawer'); drawerLayer.objects.forEach(object => { const drawerZone = this.physics.add.sprite(object.x + object.width + 24, object.y + object.height + 53, null); drawerZone.setSize(object.width, object.height); drawerZone.visible = false; this.drawerZones.push(drawerZone); this.physics.add.overlap(this.player, drawerZone, () => { this.drawer.setVisible(true); }); }); // Create animations-------------------------------------------------------------------------------------------------------------------------------------------------------- // Create cursor keys for movement this.cursors = this.input.keyboard.createCursorKeys(); this.anims.create({ key: 'right', frames: this.anims.generateFrameNames('player', { start: 0, end: 3, prefix: 'frame', zeroPad: 2 }), frameRate: 7, repeat: -1 }); this.anims.create({ key: 'left', frames: this.anims.generateFrameNames('player', { start: 4, end: 7, prefix: 'frame', zeroPad: 2 }), frameRate: 7, repeat: -1 }); this.anims.create({ key: 'down', frames: this.anims.generateFrameNames('player', { start: 8, end: 11, prefix: 'frame', zeroPad: 2 }), frameRate: 7, repeat: -1 }); this.anims.create({ key: 'up', frames: this.anims.generateFrameNames('player', { start: 12, end: 15, prefix: 'frame', zeroPad: 2 }), frameRate: 7, repeat: -1 }); this.player.play('down', true); // Initialize joystick properties if (!this.sys.game.device.os.desktop){ this.joystickCenter = new Phaser.Geom.Point(80, this.scale.height - 55); this.joystickPosition = new Phaser.Geom.Point(this.joystickCenter.x, this.joystickCenter.y); this.joystick = this.add.graphics(); // Draw joystick base this.joystick.fillStyle(0xD3BD01, 0.5); this.joystick.fillCircle(this.joystickCenter.x, this.joystickCenter.y, this.joystickRadius); // Draw initial joystick position this.joystick.fillCircle(this.joystickPosition.x, this.joystickPosition.y, 20); // Listen for pointer events this.input.on('pointerdown', this.onPointerDown, this); this.input.on('pointerup', this.onPointerUp, this); this.input.on('pointermove', this.onPointerMove, this); // Hide the joystick initially this.joystick.visible = false; } } onPointerDown(pointer) { if (pointer.x < this.scale.width / 2) { // Move the joystick base to the clicked position on the left side of the screen this.joystickCenter.setTo(pointer.x, pointer.y); this.joystickPosition.setTo(pointer.x, pointer.y); this.joystickActive = true; this.joystick.visible = true; // Make the joystick visible } } onPointerUp() { this.joystickActive = false; this.joystick.visible = false; // Hide the joystick when not in use this.joystickPosition.setTo(this.joystickCenter.x, this.joystickCenter.y); } onPointerMove(pointer) { if (this.joystickActive) { // Update only the pointer position relative to the joystick base const angle = Phaser.Math.Angle.Between(this.joystickCenter.x, this.joystickCenter.y, pointer.x, pointer.y); const distance = Phaser.Math.Distance.Between(this.joystickCenter.x, this.joystickCenter.y, pointer.x, pointer.y); if (distance <= this.joystickRadius) { this.joystickPosition.setTo(pointer.x, pointer.y); } else { this.joystickPosition.setTo( this.joystickCenter.x + Math.cos(angle) * this.joystickRadius, this.joystickCenter.y + Math.sin(angle) * this.joystickRadius ); } } } incrementInsomniacValue() { if (this.insomniacValue < this.insomniacMaxValue) { this.insomniacValue++; this.updateInsomniacBar()+ "/100"; } } closetMonsterEvent() { this.event1Over = 1; this.research.setText(''); this.research.setPadding(0); if (this.clickedSocial === false) { this.social.setText(''); this.social.setPadding(0);} if (this.clickedPlay === false) { this.play.setText(''); this.play.setPadding(0);} this.time.delayedCall(5000, function() { this.sound.play('closetShaking'); this.researchQ1 = this.add.text(1, 350, 'The Closet Is Shaking...?', { fontSize: '20px', backgroundColor: '#31363F', color: '#fff' }) .setOrigin(-0, 0.73) .setPadding(62) .setInteractive() .setVisible(true); this.researchE1 = this.add.text(1, 350, 'Ignore', { fontSize: '20px', backgroundColor: '#D20103', color: '#fff', alpha: '0.5' }) .setOrigin(-2.3, 0.5) .setPadding(8) .setInteractive() .setVisible(true) .on('pointerout', () => { this.tweens.add({ targets: this.researchE1, alpha: 0.5, duration: 200, }); }) .on('pointerover', () => { // Create a tween to fade the text out this.tweens.add({ targets: this.researchE1, alpha: 1, duration: 200, }); }) .on('pointerdown', () => { const closetShakingSound = this.sound.get('closetShaking'); if (closetShakingSound && closetShakingSound.isPlaying) { closetShakingSound.stop(); } this.physics.resume(); this.insomniacValue += 20; this.updateInsomniacBar(); this.researchQ1.destroy(); this.researchE2.destroy(); this.researchE1.destroy(); this.time.delayedCall(5000, function() { this.eventTriggered1 = false; if (this.clickedSocial === false) { this.social.setText('2. Check Social Media Apps '); this.social.setPadding(10); } if (this.clickedPlay === false) { this.play.setPadding(10); this.play.setText('1. Play Games '); } this.research.setText('3. Review The Research Papers'); this.research.setPadding(10); this.physics.resume(); this.updateInsomniacBar(); }, [], this); }); this.researchE1.alpha = 0.5 this.researchE2 = this.add.text(1, 350, 'Check', { fontSize: '20px', backgroundColor: '#01D31A', color: '#fff',alpha: '0.5' }) .setOrigin(-1.3, 0.5) .setPadding(8) .setInteractive() .setVisible(true) .on('pointerout', () => { // Create a tween to fade the text out this.tweens.add({ targets: this.researchE2, alpha: 0.5, duration: 200, }); }) .on('pointerover', () => { // Create a tween to fade the text out this.tweens.add({ targets: this.researchE2, alpha: 1, duration: 200, }); }) .on('pointerdown', () => { this.physics.resume(); this.cutScene = true if (this.cutScene === true){ this.player.setVelocity(0); this.player.setAngularVelocity(0); // Set angular velocity to prevent rotation } // Find the closest doorZone let closestDoorZone = null; let closestDoorDistance = Infinity; this.doorZones.forEach(zone => { const distance = Phaser.Math.Distance.Between(this.player.x, this.player.y, zone.x, zone.y); if (distance < closestDoorDistance) { closestDoorZone = zone; closestDoorDistance = distance; } }); // If there's a closest zone, move the player towards it if (closestDoorZone) { const targetX = closestDoorZone.x + closestDoorZone.width / 2; const targetY = closestDoorZone.y + closestDoorZone.height / 2; const dx = targetX - this.player.x; const dy = targetY - this.player.y; const speed = 100; const distance = Phaser.Math.Distance.Between(this.player.x, this.player.y, targetX, targetY); // Normalize the direction vector const direction = new Phaser.Math.Vector2(dx, dy).normalize(); this.player.play('left', true); // Move the player this.player.setVelocity(direction.x * speed, direction.y * speed); // Check if the player has reached the target if (distance < this.player.body.halfWidth) { // You can add any code here to handle reaching the target, e.g., opening the door } } this.time.delayedCall(2000, function() { this.physics.pause(); const closetShakingSound = this.sound.get('closetShaking'); if (closetShakingSound && closetShakingSound.isPlaying) { closetShakingSound.stop(); } this.sound.play('sirBedlam_violin-scare', { delay: 0.2 }); this.closetDemon = this.add.image(200, 200, 'ClosetDemon') .setOrigin(0.5, 0.5) .setScale(0.5,0.5) this.closetDemon.setDepth(1000) this.tweens.add({ targets: this.closetDemon, scaleX: 2.5, // Scale the image to twice its original width scaleY: 2.5, // Scale the image to twice its original height duration: 1500, // Duration of the tween in milliseconds ease: 'Linear' // Easing function for the tween }); }, [], this); this.insomniacValue -= 20; this.researchQ1.destroy(); this.researchE2.destroy(); this.researchE1.destroy(); this.updateInsomniacBar(); this.time.delayedCall(5000, function() { if (this.closetDemon) { this.closetDemon.destroy(); } this.eventTriggered1 = false; if (this.clickedSocial === false) { this.social.setText('2. Check Social Media Apps '); this.social.setPadding(10); } if (this.clickedPlay === false) { this.play.setPadding(10); this.play.setText('1. Play Games '); } this.research.setText('3. Review The Research Papers'); this.research.setPadding(10); this.physics.resume(); this.updateInsomniacBar(); }, [], this); }) this.researchE2.alpha = 0.5; }, [], this); }; doorDemonEvent() { this.event2Over = 1; this.research.setText(''); this.research.setPadding(0); if (this.clickedSocial === false) { this.social.setText(''); this.social.setPadding(0);} if (this.clickedPlay === false) { this.play.setText(''); this.play.setPadding(0);} this.time.delayedCall(5000, function() { this.sound.play('doorKnock', { loop: true, }); this.researchQ1 = this.add.text(1, 350, 'The Door...', { fontSize: '30px', backgroundColor: '#31363F', color: '#fff', padding: { x: 100, y: 60 } }) .setOrigin(-0, 0.73) .setInteractive() .setVisible(true); this.researchE1 = this.add.text(1, 350, 'Ignore', { fontSize: '20px', backgroundColor: '#D20103', color: '#fff',alpha: '0.5' }) .setOrigin(-2.3, 0.3) .setPadding(8) .setInteractive() .setVisible(true) .on('pointerover', () => { // Create a tween to fade the text out this.tweens.add({ targets: this.researchE1, alpha: 1, duration: 200, }); }) .on('pointerout', () => { // Create a tween to fade the text out this.tweens.add({ targets: this.researchE1, alpha: 0.5, duration: 200, }); }) .on('pointerdown', () => { const doorKnockingSound = this.sound.get('doorKnock'); if (doorKnockingSound && doorKnockingSound.isPlaying) { doorKnockingSound.stop(); } this.physics.resume(); this.insomniacValue += 20; this.updateInsomniacBar(); this.researchQ1.destroy(); this.researchE2.destroy(); this.researchE1.destroy(); this.time.delayedCall(5000, function() { this.eventTriggered2 = false; if (this.clickedSocial === false) { this.social.setText('2. Check Social Media Apps '); this.social.setPadding(10); } if (this.clickedPlay === false) { this.play.setPadding(10); this.play.setText('1. Play Games '); } this.research.setText('3. Review The Research Papers'); this.research.setPadding(10); this.physics.resume(); this.updateInsomniacBar(); }, [], this); }); this.researchE1.alpha = 0.5; this.researchE2 = this.add.text(1, 350, 'Check', { fontSize: '20px', backgroundColor: '#01D31A', color: '#fff' }) .setOrigin(-1.3, 0.3) .setPadding(8) .setInteractive() .setVisible(true) .on('pointerover', () => { // Create a tween to fade the text out this.tweens.add({ targets: this.researchE2, alpha: 1, duration: 200, }); }) .on('pointerout', () => { // Create a tween to fade the text out this.tweens.add({ targets: this.researchE2, alpha: 0.5, duration: 200, }); }) .on('pointerdown', () => { const doorKnockingSound = this.sound.get('doorKnock'); if (doorKnockingSound && doorKnockingSound.isPlaying) { doorKnockingSound.stop(); } this.physics.resume(); this.cutScene = true if (this.cutScene === true){ this.player.setVelocity(0); this.player.setAngularVelocity(0); // Set angular velocity to prevent rotation } // Find the closest doorZone let closestZone = null; let closestDistance = Infinity; this.doorZones.forEach(zone => { const distance = Phaser.Math.Distance.Between(this.player.x, this.player.y, zone.x, zone.y); if (distance < closestDistance) { closestZone = zone; closestDistance = distance; } }); // If there's a closest zone, move the player towards it if (closestZone) { const targetX = closestZone.x + closestZone.width / 2; const targetY = closestZone.y + closestZone.height / 2; const dx = targetX - this.player.x; const dy = targetY - this.player.y; const speed = 100; const distance = Phaser.Math.Distance.Between(this.player.x, this.player.y, targetX, targetY); // Normalize the direction vector const direction = new Phaser.Math.Vector2(dx, dy).normalize(); this.player.play('left', true); // Move the player this.player.setVelocity(direction.x * speed, direction.y * speed); // Check if the player has reached the target if (distance < this.player.body.halfWidth) { // You can add any code here to handle reaching the target, e.g., opening the door } } this.time.delayedCall(2000, function() { const doorKnockingSound = this.sound.get('doorKnock'); doorKnockingSound.stop(); this.doorDemonBG = this.add.image(200, 200, 'doorDemonBG') .setOrigin(0.5, 0.5) .setScale(1,1) this.doorDemonBG.setDepth(1000) this.doorClosed = this.add.image(200, 200, 'DoorClosed') .setOrigin(0.5, 0.5) .setScale(1,1) this.doorClosed.setDepth(1001) // Store the initial properties const initialX = this.doorClosed.x; const initialY = this.doorClosed.y; const initialScaleX = this.doorClosed.scaleX; const initialScaleY = this.doorClosed.scaleY; this.researchE3 = this.add.text(65, 350, 'Peek', { fontSize: '20px', backgroundColor: '#01D31A', color: '#fff', alpha: '0.5' }) .setOrigin(-1.5, 5) .setPadding(8) .setInteractive() .setVisible(true) this.researchE3.setDepth(1002) .on('pointerout', () => { // Create a tween to fade the text out this.tweens.add({ targets: this.researchE3, alpha: 0.5, duration: 200, }); }) .on('pointerover', () => { // Create a tween to fade the text out this.tweens.add({ targets: this.researchE3, alpha: 1, duration: 200, }); }) .on('pointerdown', () => { this.researchE3.setText('') .setPadding(0); this.researchE4.setText('') .setPadding(0); const doorClosedTween = this.tweens.add({ targets: this.doorClosed, x: 260, y: 885, scaleX: 7, scaleY: 7, duration: 1000, ease: 'Linear', }); this.researchE3.alpha = 0.5; this.time.delayedCall(1500, function() { this.exitButton = this.add.text(1, 350, 'Exit', { fontSize: '20px', backgroundColor: '#D20103', color: '#fff' }) .setOrigin(-2.4, 2) .setPadding(8) .setInteractive() .setDepth(1005) .setVisible(true) .on('pointerover', () => { // Create a tween to fade the text out this.tweens.add({ targets: this.exitButton, alpha: 1, duration: 200, }); }) .on('pointerout', () => { // Create a tween to fade the text out this.tweens.add({ targets: this.exitButton, alpha: 0.5, duration: 200, }); }) .on('pointerdown', () => { const doorReversedTween = this.tweens.add({ targets: this.doorClosed, x: initialX, y: initialY, scaleX: initialScaleX, scaleY: initialScaleY, duration: 1500, ease: 'Linear', }); this.exitButton.destroy(); this.time.delayedCall(1500, function() { this.researchE3.setText('Peek') .setPadding(8); this.researchE4.setText('Open The Door') .setPadding(8); }, [], this); }); this.exitButton.alpha = 0.5; }, [], this); }) this.researchE3.alpha = 0.5; this.researchE4 = this.add.text(1, 350, 'Open The Door', { fontSize: '20px', backgroundColor: '#01D31A', color: '#fff', alpha: '0.5' }) .setOrigin(-0.7, 3.5) .setPadding(8) .setInteractive() .setVisible(true) this.researchE4.setDepth(1002) .on('pointerdown', () => { this.researchE3.destroy(); this.researchE4.destroy(); this.time.delayedCall(1000, function() { this.doorOpen = this.add.image(200, 200, 'DoorOpen') .setOrigin(0.5, 0.5) .setScale(1,1) this.doorOpen.setDepth(1003) this.doorClosed.destroy(); this.time.delayedCall(1500, function() { this.doorDemonBG.destroy(); this.physics.resume(); this.doorDemon = this.add.image(200, 200, 'doorDemon') .setOrigin(0.5, 0.5) .setScale(1,1) this.doorDemon.setDepth(1004) this.time.delayedCall(1500, function() { this.sound.play('sirBedlam_violin-scare', { delay: 0.2 }); this.tweens.add({ targets: this.doorDemon, scaleX: 2.5, scaleY: 2.5, duration: 1500, ease: 'Linear' }); this.time.delayedCall(1500, function() { this.doorDemon.destroy(); this.doorOpen.destroy(); }, [], this); }, [], this); }, [], this); }, [], this); }) this.researchE4.alpha = 0.5; this.researchE4.on('pointerover', () => { // Create a tween to fade the text back in this.tweens.add({ targets: this.researchE4, alpha: 1, duration: 200, }); }); // Create a pointer out event listener for the 'Open The Door' text this.researchE4.on('pointerout', () => { // Create a tween to fade the text out this.tweens.add({ targets: this.researchE4, alpha: 0.5, duration: 200, }); }); }, [], this); this.insomniacValue -= 20; this.researchQ1.destroy(); this.researchE2.destroy(); this.researchE1.destroy(); this.updateInsomniacBar(); this.time.delayedCall(10000, function() { this.eventTriggered2 = false; if (this.clickedSocial === false) { this.social.setText('2. Check Social Media Apps '); this.social.setPadding(10); } if (this.clickedPlay === false) { this.play.setPadding(10); this.play.setText('1. Play Games '); } this.research.setText('3. Review The Research Papers'); this.research.setPadding(10); this.physics.resume(); this.updateInsomniacBar(); }, [], this); }) this.researchE2.alpha = 0.5; }, [], this); }; update() { // Ensure Insomnia value doesn't get below zero if (this.insomniacValue < 0) { this.insomniacValue = 0; this.updateInsomniacBar(); } if (this.insomniacValue >= 100) { this.player.body.enable = false; this.gameOver = this.add.text(0, 290, 'Game Over', { fontSize: '40px', backgroundColor: '', color: '#D20103', stroke: '#000', fontWeight: 'bold', fontFamily: "Verdana", strokeThickness: 4 }) .setOrigin(-0.37, 3.2) .setPadding(0) .setInteractive() .setVisible(true) this.time.delayedCall(3000, function() { location.reload(); }, [], this); } if (this.insomniacValue >= 100) { this.insomniacValue = 100; this.updateInsomniacBar()+ "/100"; } if (this.insomniacValue >= 40 && this.eventTriggered1 && this.event1Over === 0) {this.closetMonsterEvent();} if (this.insomniacValue >= 60 && this.eventTriggered2 && this.event2Over === 0) {this.doorDemonEvent();} const speed = 100; // Reset player velocity for every frame if (this.cutScene === false){ this.player.setVelocity(0); this.player.setAngularVelocity(0); // Set angular velocity to prevent rotation } //DoorZone Logic this.doorZones.forEach(doorZone => { if (doorZone.overlapping && !this.physics.overlap(this.player, doorZone)) { doorZone.overlapping = false; this.leaveButton.setVisible(false); } }); //PCZone Logic this.pcZones.forEach(pcZone => { if (!this.physics.overlap(this.player, pcZone)) { pcZone.overlapping = false; this.play.setVisible(false); this.social.setVisible(false); this.research.setVisible(false); } if (this.physics.overlap(this.player, pcZone)) { pcZone.overlapping = true; this.calendar.setVisible(false); this.drawer.setVisible(false); } }); //BedZone Logic this.bedZones.forEach(bedZone => { if (!this.physics.overlap(this.player, bedZone)) { bedZone.overlapping = false; this.sleep.setVisible(false); } }); //ClosetZone Logic this.closetZones.forEach(closetZone => { if (!this.physics.overlap(this.player, closetZone)) { closetZone.overlapping = false; this.mirror.setVisible(false); this.closet.setVisible(false); } if (this.physics.overlap(this.player, closetZone)) { closetZone.overlapping = true; this.calendar.setVisible(false); } }); //windowZone Logic this.windowZones.forEach(windowZone => { if (!this.physics.overlap(this.player, windowZone)) { windowZone.overlapping = false; this.window.setVisible(false); } }); //drawerZone Logic this.drawerZones.forEach(drawerZone => { if (!this.physics.overlap(this.player, drawerZone)) { drawerZone.overlapping = false; this.drawer.setVisible(false); } }); // Movemnt-System----------------------------------------------------------------------------------------------- // Joystick logic if (!this.sys.game.device.os.desktop){ var direction = new Phaser.Math.Vector2(this.joystickPosition.x - this.joystickCenter.x, this.joystickPosition.y - this.joystickCenter.y).normalize(); this.player.setVelocity(direction.x * speed, direction.y * speed); if (this.joystickActive) { const distance = Phaser.Math.Distance.Between(this.joystickCenter.x, this.joystickCenter.y, this.joystickPosition.x, this.joystickPosition.y); if (distance > this.joystickRadius) { const angle = Phaser.Math.Angle.Between(this.joystickCenter.x, this.joystickCenter.y, this.joystickPosition.x, this.joystickPosition.y); const x = this.joystickCenter.x + Math.cos(angle) * this.joystickRadius; const y = this.joystickCenter.y + Math.sin(angle) * this.joystickRadius; this.joystickPosition.setTo(x, y); } this.joystick.clear(); this.joystick.fillStyle(0xD20103, 0.5); this.time.delayedCall(0, function() { this.joystick.clear(); this.joystick.fillStyle(0xD3BD01, 0.5); this.joystick.fillCircle(this.joystickCenter.x, this.joystickCenter.y, this.joystickRadius); this.joystick.fillCircle(this.joystickPosition.x, this.joystickPosition.y, 20); }, [], this); this.joystick.fillCircle(this.joystickCenter.x, this.joystickCenter.y, this.joystickRadius); this.joystick.fillCircle(this.joystickPosition.x, this.joystickPosition.y, 20); } } // If the joystick is not active, use the keyboard for input else { // Handle diagonal movement in 8 directions if ((this.cursors.up.isDown || this.wKey.isDown) && (this.cursors.right.isDown || this.dKey.isDown)) { this.player.setVelocity(speed, -speed); } else if ((this.cursors.down.isDown || this.sKey.isDown) && (this.cursors.right.isDown || this.dKey.isDown)) { this.player.setVelocity(speed, speed); } else if ((this.cursors.up.isDown || this.wKey.isDown) && (this.cursors.left.isDown || this.aKey.isDown)) { this.player.setVelocity(-speed, -speed); } else if ((this.cursors.down.isDown || this.sKey.isDown) && (this.cursors.left.isDown || this.aKey.isDown)) { this.player.setVelocity(-speed, speed); } // Handle movement in 4 directions if (this.cursors.right.isDown || this.dKey.isDown) { this.player.setVelocityX(speed); this.player.play('right', true); } else if (this.cursors.left.isDown || this.aKey.isDown) { this.player.setVelocityX(-speed); this.player.play('left', true); } else if (this.cursors.down.isDown || this.sKey.isDown) { this.player.setVelocityY(speed); this.player.play('down', true); } else if (this.cursors.up.isDown || this.wKey.isDown) { this.player.setVelocityY(-speed); this.player.play('up', true); } } // Player steps sound logic if (this.player.body.velocity.x !== 0 || this.player.body.velocity.y !== 0) { if (!this.playerStepsSoundPlaying) { this.playerStepsSound = this.sound.add('PlayerSteps', { loop: true }); this.playerStepsSound.play(); this.playerStepsSoundPlaying = true; } } else { if (this.playerStepsSoundPlaying) { this.playerStepsSound.stop(); this.playerStepsSoundPlaying = false; } } if (this.joystickActive) { const angle = Phaser.Math.Angle.Between(this.joystickCenter.x, this.joystickCenter.y, this.joystickPosition.x, this.joystickPosition.y); const deg = Phaser.Math.RadToDeg(angle); var direction = new Phaser.Math.Vector2(Math.cos(angle), Math.sin(angle)).normalize(); this.player.setVelocity(direction.x * speed, direction.y * speed); // update animation based on angle if ((deg > 45 && deg <= 135)) { // up this.player.play('down', true); } else if ((deg > -45 && deg <= 45)) { // right this.player.play('right', true); } else if ((deg > -135 && deg <= -45)) { // down this.player.play('up', true); } else { // left this.player.play('left', true); } } } updateInsomniacBar() { // Clear the old graphics this.insomniacBar.clear(); // Choose the color based on the insomniac value let color; if (this.insomniacValue < 40) { color = 0x008000; // Green } else if (this.insomniacValue < 70) { color = 0xFFFF00; // Yellow } else { color = 0xFF0000; // Red } // Draw the fill of the insomniac bar this.insomniacBar.fillStyle(color, 1); const insomniacRatio = Phaser.Math.Clamp(this.insomniacValue / this.insomniacMaxValue, 0, 1); this.insomniacBar.fillRect(60, 35, insomniacRatio * 280, 20); // Update the insomniac value text this.insomniacBarValue.text = this.insomniacValue.toString() + "/100"; } } const container = document.getElementById('renderDiv'); const config = { type: Phaser.AUTO, parent: 'renderDiv', scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, width: 400, height: 400, physics: { default: 'arcade', arcade: { gravity: { y: 0 }, debug: false } }, scene: BedRoom }; window.phaserGame = new Phaser.Game(config);