diff --git a/client/src/components/battle.cryp.card.jsx b/client/src/components/battle.cryp.card.jsx
deleted file mode 100644
index 19d63c92..00000000
--- a/client/src/components/battle.cryp.card.jsx
+++ /dev/null
@@ -1,40 +0,0 @@
-const preact = require('preact');
-
-function CrypCard(cryp) {
- return (
- sendItemUse(cryp.id)} >
-
-
-
-
{cryp.name}
-
Level {cryp.lvl}
-
-
-
-
-
-
-
-
-
{cryp.hp.value} / {cryp.stam.value} HP
-
-
-
{cryp.xp} / {Math.pow(2, cryp.lvl + 1)} XP
-
-
-
-
-
-
-
-
- );
- }
- if (account) {
- return (
-
- );
- } return not ready
;
-}
-
-module.exports = addState(renderBody);
diff --git a/client/src/components/cryp.list.container.js b/client/src/components/cryp.list.container.js
deleted file mode 100755
index e1f4a5cf..00000000
--- a/client/src/components/cryp.list.container.js
+++ /dev/null
@@ -1,29 +0,0 @@
-const { connect } = require('preact-redux');
-
-const CrypList = require('./cryp.list');
-
-const addState = connect(
- function receiveState(state) {
- const { ws, cryps, activeItem } = state;
- function sendGamePve(crypId) {
- return ws.sendGamePve(crypId);
- }
-
- function sendGamePvp(crypIds) {
- return ws.sendGamePvp(crypIds);
- }
-
- function sendItemUse(targetId) {
- if (activeItem) {
- return ws.sendItemUse(activeItem, targetId);
- }
- return false;
- }
-
- return {
- cryps, sendGamePve, sendGamePvp, activeItem, sendItemUse,
- };
- }
-);
-
-module.exports = addState(CrypList);
diff --git a/client/src/components/cryp.list.jsx b/client/src/components/cryp.list.jsx
deleted file mode 100755
index aeae2ffc..00000000
--- a/client/src/components/cryp.list.jsx
+++ /dev/null
@@ -1,62 +0,0 @@
-const preact = require('preact');
-
-const { stringSort } = require('./../utils');
-
-const nameSort = stringSort('name');
-
-function CrypList({
- cryps, activeItem, sendGamePve, sendGamePvp, sendItemUse,
-}) {
- if (!cryps) return not ready
;
- const crypPanels = cryps.sort(nameSort).map(cryp => (
-
- sendItemUse(cryp.id)} >
-
-
-
-
{cryp.name}
-
Level {cryp.lvl}
-
-
-
-
-
-
-
-
-
{cryp.hp.base} / {cryp.stamina.base} HP
-
-
-
{cryp.xp} / {Math.pow(2, cryp.lvl + 1)} XP
-
-
-
-
-
-
-
-
- {crypPanels}
-
- );
-}
-
-module.exports = CrypList;
diff --git a/client/src/components/cryp.panel.jsx b/client/src/components/cryp.panel.jsx
deleted file mode 100644
index f9324eb7..00000000
--- a/client/src/components/cryp.panel.jsx
+++ /dev/null
@@ -1,37 +0,0 @@
-const preact = require('preact');
-
-function renderCrypPanel(cryp) {
- return (
-
-
-
-
-
-
-
-
-
-
-
-
-
Flying
-
Fire
-
Stone
-
-
-
-
5 / 5 HP
-
-
-
-
-
...
;
-
- return (
-
-
- (name = e.target.value)}
- />
-
-
-
-
-
...
;
-
- return (
-
-
- (gameId = e.target.value)}
- />
-
-
-
-
-
...
;
-
- const otherTeams = game.teams.filter(t => t.id !== account.id);
-
- const playerTeam = game.teams.find(t => t.id === account.id);
-
- const incoming = game.stack.filter(s => s.target_team_id === playerTeam.id).map((inc) => {
- key.unbind('1');
- key('1', () => setActiveIncoming(inc.id));
- return (
-
-
{JSON.stringify(inc)}
-
-
{effect} for {effect.turns}T
- ));
-
- return (
- selectIncomingTarget(cryp.id)}
- className="tile is-vertical">
-
-
-
-
{cryp.name}
-
Level {cryp.lvl}
-
-
-
-
-
-
-
-
-
{cryp.hp.base} / {cryp.stamina.base} HP
-
-
-
{cryp.xp} / {Math.pow(2, cryp.lvl + 1)} XP
-
-
- {effects}
- {skills}
-
- {cryps}
-
- );
- }
-
- function OpponentCrypCard(cryp) {
- const effects = cryp.effects.map((effect, i) => (
- {effect.effect} for {effect.turns}T
- ));
-
- return (
-
-
-
-
-
{cryp.name}
-
Level {cryp.lvl}
-
-
-
-
-
-
-
-
-
{cryp.hp.base} / {cryp.stamina.base} HP
-
-
-
{cryp.xp} / {Math.pow(2, cryp.lvl + 1)} XP
-
-
-
- {effects}
-
selectSkillTarget(team.id)} >
- {cryps}
-
- );
- }
-
- // style={{ "min-height": "100%" }}
- function phaseText(phase) {
- switch (phase) {
- case 'Skill':
- return 'Choose abilities';
- case 'Target':
- return 'Block abilities';
- case 'Finish':
- return 'Game over';
- }
- }
-
- const logs = game.log.reverse().map((l, i) => ({l}
));
-
- return (
-
-
-
-
-
-
-
- {PlayerTeam(playerTeam, setActiveSkill)}
-
-
-
- {otherTeams.map(OpponentTeam)}
-
-
- {incoming}
-
-
-
...
;
- const itemPanels = items.map(item => (
-
-
-
-
-
- {itemPanels}
-
- );
-}
-
-module.exports = ItemList;
diff --git a/client/src/components/login.component.jsx b/client/src/components/login.component.jsx
deleted file mode 100755
index 2e0a3e62..00000000
--- a/client/src/components/login.component.jsx
+++ /dev/null
@@ -1,69 +0,0 @@
-// eslint-disable-next-line
-const preact = require('preact');
-
-function renderLogin({ account, submitLogin, submitRegister }) {
- if (account) return {JSON.stringify(account)}
;
-
- const details = {
- name: '',
- password: '',
- };
-
- return (
-
-
-
- (details.name = e.target.value)}
- />
-
-
-
-
-
-
-
-
-
-
- (details.password = e.target.value)}
- />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {NAMES.map(Icon)}
-
-
- );
- }
-}
-module.exports = addState(PhaserInstance);
diff --git a/client/src/components/passive.phaser.js b/client/src/components/passive.phaser.js
deleted file mode 100755
index 6893d6f3..00000000
--- a/client/src/components/passive.phaser.js
+++ /dev/null
@@ -1,138 +0,0 @@
-const Phaser = require('phaser');
-const PassiveNode = require('./passive.node');
-const passiveDataNode = require('./passive.data.node');
-const passiveDataEdge = require('./passive.data.edge');
-
-// Passive tree generator - proof of concept visuals need work
-// Mouse click hold to move, Q + E to zoom in and out
-// Press 'A' to reset allocated passive nodes
-
-class PhaserPassives extends Phaser.Scene {
- constructor() {
- super('passives');
- }
-
- preload() {
- this.load.image('eye', 'https://labs.phaser.io/assets/particles/green-orb.png');
- }
-
- create() {
- this.graphics = this.add.graphics();
- this.passiveNodeData = passiveDataNode;
- this.passiveEdgeData = passiveDataEdge;
- this.addPassiveNodes();
- this.addCameraControl();
- this.addEvents();
- this.drawPassiveEdges();
- }
-
- addPassiveNodes() {
- this.passiveNodes = [];
- this.passiveNodeData.forEach((n) => {
- this.passiveNodes[n.id] = this.add.existing(
- new PassiveNode(this, n.x, n.y, n.id, n.alloc, n.text)
- ).setInteractive();
- });
- }
-
- addCameraControl() {
- this.controls = new Phaser.Cameras.Controls.SmoothedKeyControl({
- camera: this.cameras.main,
- zoomIn: this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.Q),
- zoomOut: this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.E),
- acceleration: 0.005,
- drag: 0.0005,
- maxSpeed: 0.001,
- });
- }
-
- addEvents() {
- this.input.on('pointerover', (pointer, gameObjects) => {
- if (gameObjects[0] instanceof PassiveNode) {
- if (!gameObjects[0].alloc) {
- gameObjects[0].setTint(0xff00ff);
- }
- this.displayPassiveText(gameObjects[0], pointer);
- }
- });
- this.input.on('pointerout', (pointer, gameObjects) => {
- if (gameObjects[0] instanceof PassiveNode) {
- if (!gameObjects[0].alloc) gameObjects[0].clearTint();
- this.nodeText.destroy();
- }
- });
- this.input.on('pointerup', (pointer, gameObjects) => {
- if (Math.abs(pointer.upX - pointer.downX) < 5
- && Math.abs(pointer.upY - pointer.downY) < 5) {
- // Check cursor hasn't significantly moved during point allocation
- // If panning and mouse release is on node it won't allocate
- if (gameObjects[0] instanceof PassiveNode) {
- gameObjects[0].allocate();
- }
- }
- });
- this.input.on('pointermove', (pointer) => {
- const zoomFactor = 2 / this.cameras.main.zoom;
- if (this.pan) {
- const points = pointer.getInterpolatedPosition(2);
- this.cameras.main.scrollX -= zoomFactor * (points[1].x - points[0].x);
- this.cameras.main.scrollY -= zoomFactor * (points[1].y - points[0].y);
- }
- }, this);
- this.input.keyboard.on('keydown_A', () => {
- this.updatePassives(); // Will update nodes from state
- }, 0, this);
- this.input.keyboard.on('keydown_S', () => {
- this.scene.switch('combat');
- }, 0, this);
- }
-
- drawPassiveEdges() {
- this.graphics.clear();
- this.passiveEdgeData.forEach((e) => {
- const drawEdge = this.passiveNodeData.filter(n => (
- e[0] === n.id || e[1] === n.id
- ));
- if (drawEdge[0].alloc && drawEdge[1].alloc) {
- this.graphics.lineStyle(10, 0xfff00f, 0.2);
- } else {
- this.graphics.lineStyle(2, 0xffffff, 0.2);
- }
- // console.log(drawEdge);
- this.graphics.lineBetween(drawEdge[0].x, drawEdge[0].y, drawEdge[1].x, drawEdge[1].y);
- });
- }
-
- displayPassiveText(node, pointer) {
- if (this.nodeText) this.nodeText.destroy();
- this.nodeText = this.add.text(node.x, node.y, node.text, {
- fontSize: '20px',
- fontFamily: 'Arial',
- color: '#ffffff',
- backgroundColor: '#222222',
- }).setPadding(32);
- this.nodeText.setAlpha(0.8);
- this.nodeText.setOrigin(pointer.x >= 600 ? 1 : 0, pointer.y >= 450 ? 1 : 0);
- this.nodeText.setWordWrapWidth(450);
- this.nodeText.setScale(1 / this.cameras.main.zoom);
- }
-
- updatePassives() {
- this.passiveNodeData.forEach((n) => {
- this.passiveNodes[n.id].alloc = false;
- this.passiveNodes[n.id].updateNode();
- });
- // This function will be modified to just update from state
- // State will update n.alloc instead of false
- }
-
- camPan(bool) {
- this.pan = bool;
- }
-
- update(delta) {
- this.controls.update(delta);
- }
-}
-
-module.exports = PhaserPassives;
diff --git a/client/src/components/phaser.container.jsx b/client/src/components/phaser.container.jsx
deleted file mode 100755
index 87c9255d..00000000
--- a/client/src/components/phaser.container.jsx
+++ /dev/null
@@ -1,55 +0,0 @@
-const preact = require('preact');
-const { connect } = require('preact-redux');
-const Phaser = require('phaser');
-const PhaserCombat = require('./phaser.combat');
-const PhaserPassives = require('./passive.phaser');
-
-const addState = connect(
- function receiveState(state) {
- const {
- game, activeSkill, activeIncoming, account,
- } = state;
- return {
- game, activeSkill, activeIncoming, account,
- };
- }
-);
-
-class PhaserInstance extends preact.Component {
- constructor(props) {
- super(props);
- this.props = props;
- }
-
- componentWillReceiveProps(nextProps) {
- this.PhaserCombat.registry.set('playerCryps', nextProps.game.teams.find(t => t.id === nextProps.account.id));
- this.PhaserCombat.registry.set('enemyCryps', nextProps.game.teams.filter(t => t.id !== nextProps.account.id)[0]);
- }
-
- componentDidMount() {
- // now mounted, can freely modify the DOM:
- this.PhaserCombat = new PhaserCombat();
- const config = {
- type: Phaser.DOM.FILL,
- width: 600,
- height: 400,
- parent: 'phaser-example',
- physics: {
- default: 'arcade',
- arcade: {
- gravity: { y: 0 },
- },
- },
- scene: [this.PhaserCombat, PhaserPassives],
- };
- const game = new Phaser.Game(config);
- }
-
- render() {
- return (
-
-
- );
- }
-}
-module.exports = addState(PhaserInstance);
diff --git a/client/src/components/phaser.combat.js b/client/src/scenes/combat.js
similarity index 100%
rename from client/src/components/phaser.combat.js
rename to client/src/scenes/combat.js
diff --git a/client/src/components/phaser.skills.js b/client/src/scenes/combat.skills.js
similarity index 100%
rename from client/src/components/phaser.skills.js
rename to client/src/scenes/combat.skills.js
diff --git a/client/src/scenes/cryp.info.js b/client/src/scenes/cryp.info.js
new file mode 100755
index 00000000..7679e1df
--- /dev/null
+++ b/client/src/scenes/cryp.info.js
@@ -0,0 +1,23 @@
+const Phaser = require('phaser');
+
+const ROW_WIDTH = 400;
+const ROW_HEIGHT = 200;
+const ROW_FILL = 0x888888;
+
+const TOP_MARGIN = 50;
+const ROW_MARGIN = 50;
+const TEXT_MARGIN = 24;
+
+
+class CrypInfo extends Phaser.GameObjects.Rectangle {
+ constructor(scene, cryp, i) {
+ const X_ORIGIN = 0;
+ const Y_ORIGIN = (i * ROW_HEIGHT + ROW_MARGIN) + TOP_MARGIN;
+ super(scene, X_ORIGIN, Y_ORIGIN, ROW_WIDTH, ROW_HEIGHT, ROW_FILL * Math.random());
+ this.setOrigin(0);
+ this.cryp = cryp;
+ scene.add.text(X_ORIGIN, Y_ORIGIN + (TEXT_MARGIN * 0), cryp.name, { fontFamily: 'Arial', fontSize: 24, color: '#ffffff', fontStyle: 'bold' });
+ scene.add.text(X_ORIGIN, Y_ORIGIN + (TEXT_MARGIN * 1), cryp.stamina.base, { fontFamily: 'Arial', fontSize: 24, color: '#ffffff', fontStyle: 'bold' })
+ }
+}
+module.exports = CrypInfo;
diff --git a/client/src/scenes/cryp.list.js b/client/src/scenes/cryp.list.js
index 4d3adea9..2a34a558 100644
--- a/client/src/scenes/cryp.list.js
+++ b/client/src/scenes/cryp.list.js
@@ -12,8 +12,6 @@ class CrypList extends Phaser.Scene {
const cryps = this.registry.get('cryps');
this.graphics = this.add.graphics();
- this.graphics.originX = 0;
- this.graphics.originY = 0;
this.renderCryps(cryps);
return true;
}
@@ -32,11 +30,17 @@ class CrypList extends Phaser.Scene {
crypRow(this, cryp, i);
});
+ this.input.on('gameobjectup', this.clickHandler, this);
+
// seal the boxes in and stop rerendering them
this.graphics.generateTexture();
return true;
}
+
+ clickHandler(pointer, crypBox) {
+ this.registry.set('activeCryp', crypBox.cryp);
+ }
}
module.exports = CrypList;
diff --git a/client/src/scenes/cryp.page.js b/client/src/scenes/cryp.page.js
new file mode 100644
index 00000000..4e7ec3f0
--- /dev/null
+++ b/client/src/scenes/cryp.page.js
@@ -0,0 +1,55 @@
+const Phaser = require('phaser');
+
+const ROW_WIDTH = 400;
+const ROW_HEIGHT = 200;
+const ROW_FILL = 0x888888;
+
+const TOP_MARGIN = 50;
+const ROW_MARGIN = 50;
+const TEXT_MARGIN = 24;
+
+const xPos = i => 0;
+const yPos = i => (i * ROW_HEIGHT + ROW_MARGIN) + TOP_MARGIN;
+
+function crypSkill(scene, skill, i) {
+ scene.add.text(500, 500 + (TEXT_MARGIN * (i + 1)), skill.skill, { fontFamily: 'Arial', fontSize: 24, color: '#ffffff', fontStyle: 'bold' });
+ return true;
+}
+
+
+class CrypPage extends Phaser.Scene {
+ constructor() {
+ super({ key: 'CrypPage', active: true });
+ }
+
+ create() {
+ this.registry.events.on('changedata', this.updateData, this);
+
+ const cryp = this.registry.get('activeCryp');
+ this.graphics = this.add.graphics();
+
+ this.renderCryp(cryp);
+ return true;
+ }
+
+ updateData(parent, key, data) {
+ if (key === 'activeCryp') {
+ return this.scene.restart();
+ }
+ return true;
+ }
+
+ renderCryp(cryp) {
+ if (!cryp) return true;
+
+ this.add.text(500, 500, cryp.name, { fontFamily: 'Arial', fontSize: 24, color: '#ffffff', fontStyle: 'bold' });
+
+ cryp.skills.forEach((skill, i) => crypSkill(this, skill, i));
+
+ // seal the boxes in and stop rerendering them
+ this.graphics.generateTexture();
+ return true;
+ }
+}
+
+module.exports = CrypPage;
diff --git a/client/src/scenes/cryp.row.js b/client/src/scenes/cryp.row.js
index 514c57dd..360d9887 100644
--- a/client/src/scenes/cryp.row.js
+++ b/client/src/scenes/cryp.row.js
@@ -15,12 +15,15 @@ function crypRow(list, cryp, i) {
const X_ORIGIN = xPos(i);
const Y_ORIGIN = yPos(i);
- list.graphics.fillStyle(ROW_FILL * Math.random(), 1.0);
- list.graphics.fillRect(X_ORIGIN, Y_ORIGIN, ROW_WIDTH, ROW_HEIGHT);
+ const row = list.add.rectangle(X_ORIGIN, Y_ORIGIN, ROW_WIDTH, ROW_HEIGHT, ROW_FILL * Math.random())
+ .setInteractive()
+ .setOrigin(0);
+
+ row.cryp = cryp;
list.add.text(X_ORIGIN, Y_ORIGIN + (TEXT_MARGIN * 0), cryp.name, { fontFamily: 'Arial', fontSize: 24, color: '#ffffff', fontStyle: 'bold' });
list.add.text(X_ORIGIN, Y_ORIGIN + (TEXT_MARGIN * 1), cryp.stamina.base, { fontFamily: 'Arial', fontSize: 24, color: '#ffffff', fontStyle: 'bold' });
return true;
}
-module.exports = crypRow;
+module.exports = crypRow;
\ No newline at end of file
diff --git a/client/src/scenes/cryps.js b/client/src/scenes/cryps.js
index 79bddaf9..5981e930 100644
--- a/client/src/scenes/cryps.js
+++ b/client/src/scenes/cryps.js
@@ -1,6 +1,7 @@
const Phaser = require('phaser');
const CrypList = require('./cryp.list');
+const CrypPage = require('./cryp.page');
const Menu = require('./menu');
// const Passives = require('./passives');
@@ -22,6 +23,7 @@ function renderCryps(store) {
scene: [
Menu,
CrypList,
+ CrypPage,
],
};
diff --git a/client/src/scenes/passives.js b/client/src/scenes/passives.js
old mode 100644
new mode 100755
index 1869d8c9..6d4bade1
--- a/client/src/scenes/passives.js
+++ b/client/src/scenes/passives.js
@@ -7,29 +7,23 @@ const passiveDataEdge = require('./passive.data.edge');
// Mouse click hold to move, Q + E to zoom in and out
// Press 'A' to reset allocated passive nodes
-class Passives extends Phaser.Scene {
+class PhaserPassives extends Phaser.Scene {
+ constructor() {
+ super('passives');
+ }
+
preload() {
this.load.image('eye', 'https://labs.phaser.io/assets/particles/green-orb.png');
- this.load.image('background', 'http://labs.phaser.io/assets/skies/nebula.jpg');
}
create() {
- this.background = this.add.image(0, 0, 'background');
- this.background.setScale(5);
- this.background.setInteractive();
this.graphics = this.add.graphics();
- this.nodeText = this.add.text(10000, 10000, 'grep', {
- fontSize: '32px',
- fontFamily: 'Arial',
- color: '#ffffff',
- backgroundColor: '#000000',
- }).setPadding(32);
-
this.passiveNodeData = passiveDataNode;
this.passiveEdgeData = passiveDataEdge;
this.addPassiveNodes();
+ this.addCameraControl();
+ this.addEvents();
this.drawPassiveEdges();
- this.addCanmeraControl();
}
addPassiveNodes() {
@@ -39,20 +33,32 @@ class Passives extends Phaser.Scene {
new PassiveNode(this, n.x, n.y, n.id, n.alloc, n.text)
).setInteractive();
});
+ }
+ addCameraControl() {
+ this.controls = new Phaser.Cameras.Controls.SmoothedKeyControl({
+ camera: this.cameras.main,
+ zoomIn: this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.Q),
+ zoomOut: this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.E),
+ acceleration: 0.005,
+ drag: 0.0005,
+ maxSpeed: 0.001,
+ });
+ }
+
+ addEvents() {
this.input.on('pointerover', (pointer, gameObjects) => {
if (gameObjects[0] instanceof PassiveNode) {
- if (!gameObjects[0].alloc) gameObjects[0].setTint(0xff00ff);
- this.nodeText.x = pointer.x + this.cameras.main.scrollX;
- this.nodeText.y = pointer.y + this.cameras.main.scrollY;
- this.nodeText.text = gameObjects[0].text;
- } else {
- this.nodeText.text = '';
+ if (!gameObjects[0].alloc) {
+ gameObjects[0].setTint(0xff00ff);
+ }
+ this.displayPassiveText(gameObjects[0], pointer);
}
});
this.input.on('pointerout', (pointer, gameObjects) => {
if (gameObjects[0] instanceof PassiveNode) {
if (!gameObjects[0].alloc) gameObjects[0].clearTint();
+ this.nodeText.destroy();
}
});
this.input.on('pointerup', (pointer, gameObjects) => {
@@ -65,10 +71,20 @@ class Passives extends Phaser.Scene {
}
}
});
-
+ this.input.on('pointermove', (pointer) => {
+ const zoomFactor = 2 / this.cameras.main.zoom;
+ if (this.pan) {
+ const points = pointer.getInterpolatedPosition(2);
+ this.cameras.main.scrollX -= zoomFactor * (points[1].x - points[0].x);
+ this.cameras.main.scrollY -= zoomFactor * (points[1].y - points[0].y);
+ }
+ }, this);
this.input.keyboard.on('keydown_A', () => {
this.updatePassives(); // Will update nodes from state
}, 0, this);
+ this.input.keyboard.on('keydown_S', () => {
+ this.scene.switch('combat');
+ }, 0, this);
}
drawPassiveEdges() {
@@ -87,22 +103,18 @@ class Passives extends Phaser.Scene {
});
}
- addCanmeraControl() {
- this.input.on('pointermove', (pointer) => {
- if (this.pan) {
- const points = pointer.getInterpolatedPosition(2);
- this.cameras.main.scrollX -= (points[1].x - points[0].x) * 2;
- this.cameras.main.scrollY -= (points[1].y - points[0].y) * 2;
- }
- }, this);
- this.controls = new Phaser.Cameras.Controls.SmoothedKeyControl({
- camera: this.cameras.main,
- zoomIn: this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.Q),
- zoomOut: this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.E),
- acceleration: 0.005,
- drag: 0.0005,
- maxSpeed: 0.001,
- });
+ displayPassiveText(node, pointer) {
+ if (this.nodeText) this.nodeText.destroy();
+ this.nodeText = this.add.text(node.x, node.y, node.text, {
+ fontSize: '20px',
+ fontFamily: 'Arial',
+ color: '#ffffff',
+ backgroundColor: '#222222',
+ }).setPadding(32);
+ this.nodeText.setAlpha(0.8);
+ this.nodeText.setOrigin(pointer.x >= 600 ? 1 : 0, pointer.y >= 450 ? 1 : 0);
+ this.nodeText.setWordWrapWidth(450);
+ this.nodeText.setScale(1 / this.cameras.main.zoom);
}
updatePassives() {
@@ -123,4 +135,4 @@ class Passives extends Phaser.Scene {
}
}
-module.exports = Passives;
+module.exports = PhaserPassives;