119 lines
4.4 KiB
JavaScript
119 lines
4.4 KiB
JavaScript
const Phaser = require('phaser');
|
|
const fs = require('fs');
|
|
const { throttle } = require('lodash');
|
|
|
|
const { POSITIONS: { COMBAT }, TEXT } = require('./constants');
|
|
const { CombatCryps, CrypImage, CrypSkill } = require('./combat.cryps');
|
|
const renderResolutions = require('./combat.render.resolutions');
|
|
|
|
const CRYP_KEY_MAP = ['keydown_ONE', 'keydown_TWO', 'keydown_THREE'];
|
|
const SKILL_KEY_MAP = ['keydown_Q', 'keydown_W', 'keydown_E', 'keydown_R'];
|
|
|
|
class Combat extends Phaser.Scene {
|
|
constructor() {
|
|
super({ key: 'Combat' });
|
|
}
|
|
|
|
preload() {
|
|
/* Static Images */
|
|
this.textures.addBase64('alk', `data:image/png;base64,${new Buffer.from(fs.readFileSync('./assets/alakazam-f.png')).toString('base64')}`);
|
|
this.textures.addBase64('magmar', `data:image/png;base64,${new Buffer.from(fs.readFileSync('./assets/magmar.png')).toString('base64')}`);
|
|
this.load.image('proj', 'http://labs.phaser.io/assets/sprites/bullet.png');
|
|
this.load.image('blue', 'http://labs.phaser.io/assets/particles/blue.png');
|
|
this.load.image('green', 'http://labs.phaser.io/assets/particles/green.png');
|
|
this.load.image('red', 'http://labs.phaser.io/assets/particles/red.png');
|
|
this.load.image('white', 'http://labs.phaser.io/assets/particles/white.png');
|
|
this.load.image('yellow', 'http://labs.phaser.io/assets/particles/yellow.png');
|
|
}
|
|
|
|
create() {
|
|
this.registry.events.on('changedata', this.updateData, this);
|
|
this.input.keyboard.on('keydown_S', () => {
|
|
this.scene.switch('CrypList'); // Switch back to cryp list
|
|
this.registry.set('game', null);
|
|
}, 0, this);
|
|
|
|
this.input.on('pointerup', (pointer, obj) => {
|
|
if (obj[0] instanceof CrypImage || obj[0] instanceof CrypSkill) {
|
|
obj[0].clickHandler();
|
|
} else if (this.registry.get('activeSkill')) {
|
|
this.registry.get('activeSkill').clearTint();
|
|
this.registry.set('activeSkill', null);
|
|
}
|
|
});
|
|
|
|
this.combatCryps = new CombatCryps(this);
|
|
|
|
this.renderedResolves = 0;
|
|
this.registry.set('gameAnimating', false);
|
|
this.account = this.registry.get('account');
|
|
this.log = this.add.text(COMBAT.LOG.x(), COMBAT.LOG.y(), '', TEXT.NORMAL);
|
|
this.log.setWordWrapWidth(COMBAT.LOG.width());
|
|
|
|
this.fetchGame = throttle(() => {
|
|
const game = this.registry.get('game');
|
|
if (game) {
|
|
const ws = this.registry.get('ws');
|
|
return ws.sendGameState(game.id);
|
|
}
|
|
return false;
|
|
}, 1000);
|
|
|
|
return true;
|
|
}
|
|
|
|
update() {
|
|
this.fetchGame();
|
|
return true;
|
|
}
|
|
|
|
updateData(parent, key, data) {
|
|
if (key === 'game') {
|
|
if (!data) return false;
|
|
this.redrawGame(data);
|
|
}
|
|
return true;
|
|
}
|
|
|
|
redrawGame(game) {
|
|
// Only redraw if the game is animating or the phase has changed
|
|
const updatedNeeded = !this.registry.get('gameAnimating');
|
|
if (!updatedNeeded) return false;
|
|
|
|
// do we need to render resolution animations?
|
|
if (game.resolved.length !== this.renderedResolves) {
|
|
const newResolutions = game.resolved.slice(this.renderedResolves);
|
|
renderResolutions(this, game, this.combatCryps, newResolutions);
|
|
this.renderedResolves = game.resolved.length;
|
|
return true;
|
|
}
|
|
|
|
this.combatCryps.clear(true, true);
|
|
this.combatCryps.update(game);
|
|
|
|
// update log
|
|
// shallow copy because reverse mutates
|
|
this.log.setText(Array.from(game.log).slice(0, this.logIter).reverse());
|
|
|
|
return true;
|
|
}
|
|
|
|
crypKeyHandler(cryp, iter) {
|
|
if (CRYP_KEY_MAP[iter]) {
|
|
this.input.keyboard.removeListener(CRYP_KEY_MAP[iter]);
|
|
if (cryp.skills.length > 0) { // check there are cryp skills
|
|
this.input.keyboard.on(CRYP_KEY_MAP[iter], () => {
|
|
SKILL_KEY_MAP.forEach(k => this.input.keyboard.removeListener(k));
|
|
cryp.skills.forEach((skill, i) => {
|
|
this.input.keyboard.on(SKILL_KEY_MAP[i], () => {
|
|
this.game.events.emit('SET_ACTIVE_SKILL', skill);
|
|
skill.setActive();
|
|
}, this);
|
|
});
|
|
}, this);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
module.exports = Combat; |