97 lines
3.2 KiB
JavaScript
97 lines
3.2 KiB
JavaScript
const Phaser = require('phaser');
|
|
|
|
// Scenes constantly showing
|
|
const MenuCrypList = require('./menu.cryps.list');
|
|
const MenuNavigation = require('./menu.navigation');
|
|
const ItemList = require('./item.list');
|
|
// Scenes which change depending on menu context
|
|
const Zones = require('./zones');
|
|
const GameList = require('./game.list');
|
|
const StatSheet = require('./statsheet');
|
|
const SpecSheet = require('./specsheet');
|
|
const ItemInfo = require('./item.info');
|
|
|
|
const FIXED_MENU_SCENES = [
|
|
'MenuCrypList',
|
|
'MenuNavigation',
|
|
'ItemList',
|
|
];
|
|
|
|
const MAIN_MENU_SCENES = [
|
|
'Zones',
|
|
'GameList',
|
|
'StatSheet',
|
|
'SpecSheet',
|
|
'ItemInfo',
|
|
];
|
|
|
|
const NULL_UUID = '00000000-0000-0000-0000-000000000000';
|
|
|
|
class Menu extends Phaser.Scene {
|
|
constructor() {
|
|
super({ key: 'Menu', active: true });
|
|
}
|
|
|
|
create() {
|
|
this.registry.events.on('changedata', this.updateData, this);
|
|
this.registry.events.on('setdata', this.updateData, this);
|
|
|
|
// When we load the menu request the latest items
|
|
// Item list will restart when the data comes in
|
|
this.registry.get('ws').sendVboxState(NULL_UUID);
|
|
|
|
this.scene.manager.add('MenuCrypList', MenuCrypList, true);
|
|
this.scene.manager.add('MenuNavigation', MenuNavigation, true);
|
|
this.scene.manager.add('ItemList', ItemList, true);
|
|
|
|
return true;
|
|
}
|
|
|
|
updateData(parent, key, data) {
|
|
if (!data) return false;
|
|
// Controls which scene shows in the main top right section
|
|
switch (key) {
|
|
case 'game': return this.cleanUp();
|
|
case 'zone': return this.newMainScene('Zones', Zones, data);
|
|
case 'gameList': return this.newMainScene('GameList', GameList, data);
|
|
case 'crypStats': return this.newMainScene('StatSheet', StatSheet, data);
|
|
case 'crypSpec': return this.newMainScene('SpecSheet', SpecSheet, data);
|
|
case 'itemInfo': return this.newMainScene('ItemInfo', ItemInfo, data);
|
|
default: return false;
|
|
}
|
|
}
|
|
|
|
newMainScene(key, scene, data) {
|
|
let addScene = true;
|
|
// List of scenes which could be occupying the main section of the menu
|
|
MAIN_MENU_SCENES.forEach((sKey) => {
|
|
if (this.scene.manager.keys[sKey]) {
|
|
if (key === sKey) {
|
|
// If there is new data for the current scene restart
|
|
this.scene.manager.keys[sKey].scene.restart(data);
|
|
addScene = false;
|
|
} else {
|
|
// Delete the old scene
|
|
this.scene.manager.keys[sKey].cleanUp();
|
|
}
|
|
}
|
|
});
|
|
if (addScene) this.scene.manager.add(key, scene, true, data);
|
|
}
|
|
|
|
cleanUp() {
|
|
this.registry.events.off('changedata', this.updateData, this);
|
|
this.registry.events.off('setdata', this.updateData, this);
|
|
// Delete scenes which could be showing before switching to battle scene
|
|
const removeScenes = (sKey) => {
|
|
if (this.scene.get(sKey)) this.scene.get(sKey).cleanUp();
|
|
};
|
|
FIXED_MENU_SCENES.forEach(removeScenes);
|
|
MAIN_MENU_SCENES.forEach(removeScenes);
|
|
|
|
this.scene.remove();
|
|
}
|
|
}
|
|
|
|
module.exports = Menu;
|