logins back

client/src/scenes/cryp.list.js

@@ -56,7 +56,7 @@ class CrypList extends Phaser.Scene {
             this.gameList.destroy(true);
         }
 
-        this.gameList = new GameList({ list: this, ws, cryps, gameList });
+        this.gameList = new GameList({ list: this, ws, cryps, gameList, events: this.game.events });
     }
 
     displaySkills(cryp) {

client/src/scenes/game.list.js

@@ -10,29 +10,36 @@ class GameList extends Phaser.GameObjects.Group {
     constructor(args) {
         super(list);
 
-        const { list, ws, cryps, gameList } = args;
+        const { list, events, ws, cryps, gameList } = args;
 
         const X = GAME_LIST.x();
-        const WIDTH = GAME_LIST.width();
+        const WIDTH = Math.floor(GAME_LIST.width() / 2);
         const HEIGHT = GAME_LIST.height();
         const TEXT_MARGIN = 24;
 
-        const pvp = list.add
-            .rectangle(X, GAME_LIST.y(0), WIDTH, HEIGHT, 0x440000)
+        const spawn = list.add
+            .rectangle(X, GAME_LIST.y(0), WIDTH, HEIGHT, 0x888888)
             .setInteractive()
             .setOrigin(0);
 
-        this.add(list.add.text(pvp.getCenter().x, pvp.getCenter().y, 'NEW', TEXT.HEADER));
+        this.add(list.add.text(spawn.getCenter().x, spawn.getCenter().y, 'SPAWN', TEXT.HEADER));
+
+        const pvp = list.add
+            .rectangle(X + WIDTH, GAME_LIST.y(0), WIDTH, HEIGHT, 0x440000)
+            .setInteractive()
+            .setOrigin(0);
+
+        this.add(list.add.text(pvp.getCenter().x, pvp.getCenter().y, 'PVP', TEXT.HEADER));
 
         const pve = list.add
-            .rectangle(X, GAME_LIST.y(1), Math.floor(WIDTH / 2), HEIGHT, 0x004400)
+            .rectangle(X, GAME_LIST.y(1), WIDTH, HEIGHT, 0x004400)
             .setInteractive()
             .setOrigin(0);
 
         this.add(list.add.text(pve.getCenter().x, pve.getCenter().y, 'PVE', TEXT.HEADER));
 
         const refresh = list.add
-            .rectangle(X + Math.floor(WIDTH / 2), GAME_LIST.y(1), Math.floor(WIDTH / 2), HEIGHT, 0x000044)
+            .rectangle(X + WIDTH, GAME_LIST.y(1), WIDTH, HEIGHT, 0x000044)
             .setInteractive()
             .setOrigin(0);
 
@@ -44,7 +51,7 @@ class GameList extends Phaser.GameObjects.Group {
             const GAME_Y = GAME_LIST.rowY(i);
 
             const gameBox = list.add
-                .rectangle(GAME_X, GAME_Y, WIDTH, HEIGHT, 0x111111)
+                .rectangle(GAME_X, GAME_Y, WIDTH * 2, HEIGHT, 0x111111)
                 .setInteractive()
                 .setOrigin(0);
 
@@ -59,6 +66,10 @@ class GameList extends Phaser.GameObjects.Group {
 
         gameList.forEach(gameRow);
 
+        spawn.on('pointerdown', () => {
+            events.emit('CRYP_SPAWN');
+        });
+
         pvp.on('pointerdown', () => {
             const team = cryps.filter(c => c.active).map(c => c.id);
             return ws.sendGamePvp(team);