Assets y escenas base (WIP)

- Preparados y precargados  assets de los fondos de todas las escenas (comentados para que no tarde demasiado en cargar)
- Creada clase base para todas las escenas (hay que completarlas)
- Modificado baseScene para colocar la cámara en el centro por defecto y para poder pasar callbacks al método de abrir las puertas
- Modificados bedroomBase y livingroomBase para usar dichos cambios

localization/day1/livingroomMorningDay1.json

@@ -121,5 +121,26 @@
             "type": "text",
             "character": "mom"
         }
+    },
+
+
+    "door": {
+        "root": {
+            "type": "condition",
+            "conditions": [
+                {
+                    "next": "noBag",
+                    "bagPicked": {
+                        "value": false,
+                        "operator": "equal",
+                        "default": false
+                    }
+                }
+            ]
+        },
+        "noBag": {
+            "type": "text",
+            "character": "player"
+        }
     }
 }

localization/en/day1/livingroomMorningDay1.json

@@ -41,7 +41,11 @@
                 "text": "Está en tu cuarto, cogela y vete ya."
             }
         ]
-    }
+    },
 
-
+    "door": {
+            "noBag": {
+                "text": "Me dejo la mochila. Será mejor que pases por mi habitación a recogerla antes de irme."
+            }
+        }
 }

localization/es/day1/livingroomMorningDay1.json

@@ -41,7 +41,12 @@
                 "text": "Está en tu cuarto, cogela y vete ya."
             }
         ]
-    }
+    },
 
+    "door": {
+        "noBag": {
+            "text": "Me dejo la mochila. Será mejor que pases por mi habitación a recogerla antes de irme."
+        }
+    }
 
 }

src/game.js

@@ -7,6 +7,9 @@ import TextOnlyScene from './scenes/textOnlyScene.js';
 import AlarmScene from './scenes/gameLoop/alarmScene.js';
 import BedroomMorningDay1 from './scenes/gameLoop/day1/bedroomMorningDay1.js';
 import LivingroomMorningDay1 from './scenes/gameLoop/day1/livingroomMorningDay1.js';
+import PlaygroundMorningDay1 from './scenes/gameLoop/day1/playgroundMorningDay1.js';
+import StairsMorningDay1 from './scenes/gameLoop/day1/stairsMorningDay1.js';
+import CorridorMorningDay1 from './scenes/gameLoop/day1/corridorMorningDay1.js';
 
 import ComputerScene from './UI/computer/computerScene.js'
 
@@ -27,9 +30,10 @@ const config = {
     // Nota: el orden de las escenas es relevante. Las que se encuentran delante, se renderizan delante
     scene: [
         BootScene, LanguageMenu, TitleMenu, UserInfoMenu,
-        TextOnlyScene, AlarmScene, BedroomMorningDay1, LivingroomMorningDay1,
-        Test, TestMenu, ComputerScene,
-        UIManager,],
+        TextOnlyScene, AlarmScene, 
+        BedroomMorningDay1, LivingroomMorningDay1, PlaygroundMorningDay1, StairsMorningDay1, CorridorMorningDay1,
+        Test, TestMenu, 
+        ComputerScene, UIManager,],
     autoFocus: true,
     disableContextMenu: true,        // Desactivar que aparezca el menu de inspeccionar al hacer click derecho
     render: {

src/managers/gameManager.js

@@ -39,7 +39,7 @@ export default class GameManager {
         this.blackboard = new Map();
 
         this.bagPicked = "bagPicked";
-        this.blackboard.set("bagPicked", false);
+        this.blackboard.set(this.bagPicked, false);
 
         this.isLate = "isLate";
         this.blackboard.set(this.isLate, false);
@@ -239,7 +239,7 @@ export default class GameManager {
         this.computerScene.scene.sleep();
 
 
-        let sceneName = 'LivingroomMorningDay1';
+        let sceneName = 'StairsMorningDay1';
 
         // Pasa a la escena inicial con los parametros text, onComplete y onCompleteDelay
         // let sceneName = 'TextOnlyScene';
@@ -315,7 +315,7 @@ export default class GameManager {
         // Se cambia a la escena actual de vuelta, que deberia ser la
         // habitacion, y deberia ponerse la camara en la izquierda
         let params = {
-            left: true
+            camPos: "left"
         };
         this.currentScene.scene.wake();
         this.currentScene.params = params;

src/scenes/bootScene.js

@@ -220,6 +220,103 @@ export default class BootScene extends Phaser.Scene {
         this.load.image('living_playDoorClosed', 'livingroom/livingroomDoorClosed.png');
         this.load.image('living_playDoorOpened', 'livingroom/livingroomDoorOpened.png');
 
+
+        // Patio
+        this.load.image('playgroundClosed', 'playground/playgroundClosed.png');
+        this.load.image('playgroundOpened', 'playground/playgroundOpened.png');
+        // this.load.image('earring', 'playground/earring.png');
+
+        // Escaleras
+        this.load.image('stairsBg', 'stairs/stairsBg.png');
+        this.load.image('stairsDoorClosed', 'stairs/stairsDoorClosed.png');
+        this.load.image('stairsDoorOpened', 'stairs/stairsDoorOpened.png');
+
+        // Pasillo
+        this.load.image('corridorBg', 'corridor/corridorBg.png');
+        // this.load.image('boysDoorClosed', 'corridor/boysDoorClosed.png');
+        // this.load.image('boysDoorOpened', 'corridor/boysDoorOpened.png');
+        // this.load.image('girlsDoorClosed', 'corridor/girlsDoorClosed.png');
+        // this.load.image('girlsDoorOpened', 'corridor/girlsDoorOpened.png');
+        // this.load.image('classDoorClosed', 'corridor/classDoorClosed.png');
+        // this.load.image('classDoorOpened', 'corridor/classDoorOpened.png');
+
+        // Banos
+        this.load.image('bathroomBg', 'bathroom/bathroomBg.png');
+        // this.load.image('bathroomDoorClosed', 'bathroom/bathroomDoorClosed.png');
+        // this.load.image('bathroomDoorOpened', 'bathroom/bathroomDoorOpened.png');
+        // this.load.image('bathroomStall1Closed', 'bathroom/bathroomStall1Closed.png');
+        // this.load.image('bathroomStall1Opened', 'bathroom/bathroomStall1Opened.png');
+        // this.load.image('bathroomstall2Closed', 'bathroom/bathroomstall2Closed.png');
+        // this.load.image('bathroomstall2Opened', 'bathroom/bathroomstall2Opened.png');
+        // this.load.image('stolenPhone', 'bathroom/stolenPhone.png');
+
+        // Clase desde el frente
+        this.load.image('classFrontBg', 'classFront/classFrontBg.png');
+        // this.load.image('frontChar1', 'classFront/frontChar1.png');
+        // this.load.image('frontChar2', 'classFront/frontChar2.png');
+        // this.load.image('frontChar3', 'classFront/frontChar3.png');
+        // this.load.image('frontChar4', 'classFront/frontChar4.png');
+        // this.load.image('frontChar5', 'classFront/frontChar5.png');
+        // this.load.image('frontChar6', 'classFront/frontChar6.png');
+        // this.load.image('frontChar7', 'classFront/frontChar7.png');
+        // this.load.image('frontChar8', 'classFront/frontChar8.png');
+        // this.load.image('frontChar9', 'classFront/frontChar9.png');
+        // this.load.image('frontChar10', 'classFront/frontChar10.png');
+        // this.load.image('frontChar11', 'classFront/frontChar11.png');
+        // this.load.image('frontChar12', 'classFront/frontChar12.png');
+        // this.load.image('frontChar13', 'classFront/frontChar13.png');
+        // this.load.image('frontChar14', 'classFront/frontChar14.png');
+        // this.load.image('frontChar15', 'classFront/frontChar15.png');
+        // this.load.image('frontRow1Chairs', 'classFront/frontRow1Chairs.png');
+        // this.load.image('frontRow1Tables', 'classFront/frontRow1Tables.png');
+        // this.load.image('frontRow2Chairs', 'classFront/frontRow2Chairs.png');
+        // this.load.image('frontRow2Tables', 'classFront/frontRow2Tables.png');
+        // this.load.image('frontRow3Chairs', 'classFront/frontRow3Chairs.png');
+        // this.load.image('frontRow3Tables', 'classFront/frontRow3Tables.png');
+        // this.load.image('frontRow4Chairs', 'classFront/frontRow4Chairs.png');
+        // this.load.image('frontRow4Tables', 'classFront/frontRow4Tables.png');
+        // this.load.image('frontRow5Chairs', 'classFront/frontRow5Chairs.png');
+        // this.load.image('frontRow5Tables', 'classFront/frontRow5Tables.png');
+
+        // Clase desde el fondo
+        this.load.image('classBackBg', 'classBack/classBackBg.png');
+        // this.load.image('backChar1', 'classBack/backChar1.png');
+        // this.load.image('backChar2', 'classBack/backChar2.png');
+        // this.load.image('backChar3', 'classBack/backChar3.png');
+        // this.load.image('backChar4', 'classBack/backChar4.png');
+        // this.load.image('backChar5', 'classBack/backChar5.png');
+        // this.load.image('backChar6', 'classBack/backChar6.png');
+        // this.load.image('backChar7', 'classBack/backChar7.png');
+        // this.load.image('backChar8', 'classBack/backChar8.png');
+        // this.load.image('backChar9', 'classBack/backChar9.png');
+        // this.load.image('backChar10', 'classBack/backChar10.png');
+        // this.load.image('backChar11', 'classBack/backChar11.png');
+        // this.load.image('backChar12', 'classBack/backChar12.png');
+        // this.load.image('backChar13', 'classBack/backChar13.png');
+        // this.load.image('backChar14', 'classBack/backChar14.png');
+        // this.load.image('backChar15', 'classBack/backChar15.png');
+        // this.load.image('backRow1Chairs', 'classBack/backRow1Chairs.png');
+        // this.load.image('backRow1Tables', 'classBack/backRow1Tables.png');
+        // this.load.image('backRow2Chairs', 'classBack/backRow2Chairs.png');
+        // this.load.image('backRow2Tables', 'classBack/backRow2Tables.png');
+        // this.load.image('backRow3Chairs', 'classBack/backRow3Chairs.png');
+        // this.load.image('backRow3Tables', 'classBack/backRow3Tables.png');
+        // this.load.image('backRow4Chairs', 'classBack/backRow4Chairs.png');
+        // this.load.image('backRow4Tables', 'classBack/backRow4Tables.png');
+        // this.load.image('backRow5Chairs', 'classBack/backRow5Chairs.png');
+        // this.load.image('backRow5Tables', 'classBack/backRow5Tables.png');
+        // this.load.image('blackboardPic1', 'classBack/blackboardPic1.png');
+        // this.load.image('blackboardPic2', 'classBack/blackboardPic2.png');
+        // this.load.image('blackboardPic3', 'classBack/blackboardPic3.png');
+        // this.load.image('class_corridorDoorClosed', 'classBack/classDoorClosed.png');
+        // this.load.image('class_corridorDoorOpened', 'classBack/classDoorOpened.png');
+
+        // Pesadillas
+        this.load.image('nightmaresBg', 'nightmares/nightmaresBg.png');
+        // this.load.image('gum', 'nightmares/gum.png');
+        // this.load.image('gumChair', 'nightmares/gumChair.png');
+        // this.load.image('nightmaresChair', 'nightmares/nightmaresChair.png');
+
     }
 
     preload() {

src/scenes/gameLoop/baseScene.js

@@ -96,11 +96,15 @@ export default class BaseScene extends Phaser.Scene {
         // console.log(params);
 
         this.dialogManager.changeScene(this);
+
+        // Por defecto se pone la camara en el centro y si hay parametros que indiquen
+        // donde colocar la camara, se coloca a la izquierda o a la derecha
+        this.cameras.main.scrollX = this.rightBound / 2 - this.CANVAS_WIDTH / 2;
         if (params) {
-            if (params.left === undefined || params.left === true) {
+            if (params.camPos === "left") {
                 this.cameras.main.scrollX = this.leftBound;
             }
-            else {
+            else if (params.camPos === "right") {
                 this.cameras.main.scrollX = this.rightBound - this.CANVAS_WIDTH;
             }
         }
@@ -492,11 +496,12 @@ export default class BaseScene extends Phaser.Scene {
      * al interactuar con ella (al hacer click o al pasar/sacar el raton por encima)
      * @param {Phaser.Image} closed - imagen de la puerta cerrada
      * @param {Phaser.Image} opened - imagen de la puerta abierta 
+     * @param {Function} onClick - funcion a la que se llamara al hacer click sobre la puerta abierta
      * @param {Boolean} click - true si la imagen se cambia al hacer click, false si lo hace al pasar/sacar el raton por encima
      */
-    toggleDoor(closed, opened, click = true) {
-        closed.setInteractive({ useHandCursor: true  });
-        opened.setInteractive({ useHandCursor: true  });
+    toggleDoor(closed, opened, onClick = { }, click = true) {
+        closed.setInteractive({ useHandCursor: true });
+        opened.setInteractive({ useHandCursor: true });
 
         opened.visible = false;
         let openEvt = 'pointerdown';
@@ -515,6 +520,12 @@ export default class BaseScene extends Phaser.Scene {
             opened.visible = false;
             closed.visible = true;
         });
+
+        opened.on('pointerdown', () => { 
+            if (onClick !== null && typeof onClick === 'function') {
+                onClick();
+            }
+        })
     }
 
 }

src/scenes/gameLoop/bathroomBase.js

@@ -0,0 +1,26 @@
+
+import BaseScene from './baseScene.js';
+
+export default class BathroomBase extends BaseScene {
+    /**
+     * Escena base para los banos. Coloca los elementos que se mantienen igual todos los dias
+     * @extends BaseScene
+     * @param {String} name - id de la escena
+     */
+    constructor(name) {
+        super(name);
+    }
+
+    create(params) {
+        super.create(params);
+
+        this.corridor = "";
+
+        // Pone la imagen de fondo con las dimensiones del canvas
+        let bg = this.add.image(0, 0, 'bathroomBg').setOrigin(0, 0);
+        this.scale = this.CANVAS_HEIGHT / bg.height;
+        bg.setScale(this.scale);
+
+        this.rightBound = bg.displayWidth;
+    }
+}

src/scenes/gameLoop/bedroomBase.js

@@ -3,23 +3,14 @@ import BaseScene from './baseScene.js';
 
 export default class BedroomBase extends BaseScene {
     /**
-     * Escena base para la habitacion. Coloca los elementos comunes a
-     * la habitacion de todos los dias (cama, puerta, mesa, armarios...)
+     * Escena base para la habitacion. Coloca los elementos que se mantienen igual todos los dias
      * @extends BaseScene
      * @param {String} name - id de la escena
      */
     constructor(name) {
         super(name);
     }
-
-    // Metodo que se llama al terminar de crear la escena. 
-    onCreate(params) {
-        super.onCreate(params);
-
-        this.phoneManager.topLid.visible = false;
-        this.phoneManager.botLid.visible = false;
-    }
-
+
     create(params) {
         super.create(params);
 
@@ -59,7 +50,7 @@ export default class BedroomBase extends BaseScene {
         door1Closed.setDepth(bg.depth + 3);
         door1Opened.setDepth(door1Closed.depth - 1);
         wardrobe1.setDepth(door1Opened.depth - 1);
-        wardrobe1.setInteractive({ useHandCursor: true  });
+        wardrobe1.setInteractive({ useHandCursor: true });
         wardrobe1.on('pointerdown', () => {
             if (door1Opened.visible) {
                 this.dialogManager.setNode(this.wardrobe1Node)
@@ -72,7 +63,7 @@ export default class BedroomBase extends BaseScene {
         door3Closed.setDepth(bg.depth + 3);
         door3Opened.setDepth(door2Closed.depth - 1);
         wardrobe2.setDepth(door2Opened.depth - 1);
-        wardrobe2.setInteractive({ useHandCursor: true  });
+        wardrobe2.setInteractive({ useHandCursor: true });
         wardrobe2.on('pointerdown', () => {
             if (door2Opened.visible || door3Opened.visible) {
                 this.dialogManager.setNode(this.wardrobe2Node)
@@ -81,12 +72,11 @@ export default class BedroomBase extends BaseScene {
 
 
         // Ordenador
-        // Al hacer click sobre el, se cambia el nodo en el dialogManager, y si
-        // se lanza el evento turnPC, se cambia a la escena del ordenador
         this.pcNode = null;
-
         let pc = this.add.rectangle(276, 360, 150, 162, 0xfff, 0).setOrigin(0, 0);
-        pc.setInteractive({ useHandCursor: true  });
+        pc.setInteractive({ useHandCursor: true });
+        // Al hacer click sobre el, se cambia el nodo en el dialogManager, y si
+        // se lanza el evento turnPC, se cambia a la escena del ordenador
         pc.on('pointerdown', () => {
             this.dialogManager.setNode(this.pcNode);
         });
@@ -100,27 +90,24 @@ export default class BedroomBase extends BaseScene {
         // Puerta de la habitacion
         let doorClosed = this.add.image(6, this.CANVAS_HEIGHT, 'bed_livingDoorClosed').setOrigin(0, 1).setScale(this.scale);
         let doorOpened = this.add.image(6, this.CANVAS_HEIGHT, 'bed_livingDoorOpened').setOrigin(0, 1).setScale(this.scale);
-        super.toggleDoor(doorClosed, doorOpened, false);
-
-        // Al hacer click sobre la puerta abierta, se 
-        // pasa al salon con la camara en la derecha
-        doorOpened.on('pointerdown', () => {
+        // Al hacer click sobre la puerta abierta, se pasa al salon con la camara en la derecha
+        super.toggleDoor(doorClosed, doorOpened, () => {
             let params = {
-                left: false
+                camPos: "right"
             };
             this.gameManager.changeScene(this.livingroom, params, true);
-        });
-
+        }, false);
 
+
         // Cama
-        // Al igual que con el interior de los armarios, se recoloca su profundidad y al
-        // hacer click sobre ella, se cambia el nodo en el dialogManager
+        // Al igual que con el interior de los armarios, se recoloca su profundidad 
+        // y al hacer click sobre ella, se cambia el nodo en el dialogManager
         this.bed = this.add.image(bg.displayWidth, this.CANVAS_HEIGHT, 'bed').setOrigin(1, 1).setScale(this.scale);
-        this.bed.setInteractive({ useHandCursor: true  });
+        this.bed.setInteractive({ useHandCursor: true });
         this.bed.setDepth(10);
         this.bedNode = null;
         this.bed.on('pointerdown', () => {
-            this.dialogManager.setNode(this.bedNode)
+            this.dialogManager.setNode(this.bedNode);
         })