server.js

let gameReset = false;
let bombIDs = 0;
const players = [];
const playerNames = [];
const playerColors = ['#f6c324', '#0064fa', '#e83232', '#009632'];
const spectators = [];
const spectatorNames = [];
const spectatorColors = [];
let disconnected = [];
const express = require('express');
const socket = require('socket.io');
let gameRunning = false;
let chatRoom = [];
let displayRestartMessage = false;

// App setup
const app = express();
const PORT = process.env.PORT || 3000
const server = app.listen(PORT, () => {
    console.log('listening to requests, port 3000');
});

//Static files
app.use(express.static('public'));

// Socket setup
let io = socket(server);


let playerOneDead = false;
let playerTwoDead = false;
let playerThreeDead = false;
let playerFourDead = false;

// Death Coordinates
let playerOneX;
let playerOneY;
let playerTwoX;
let playerTwoY;
let playerThreeX;
let playerThreeY;
let playerFourX;
let playerFourY;

// Players in game
let numOfPlayers
let playersLeft;
let gameComplete = false;
let sel;

// Emits different screens to players
let selectNumOfPlayers = true;
let spriteSelect = false;
let gameScreen = false;
let startingXYIJ = {
    p1: [70, 70, 1, 1],
    p2: [770, 770, 15, 15],
    p3: [770, 70, 15, 1],
    p4: [70, 770, 1, 15]
}

let mainGameInterval;

let playerScores = {p1: 0, p2: 0, p3: 0, p4: 0};

io.on('connection', async (socket) => {
    console.log('connection made', new Date());
    console.log(socket.id);

    let thePlayers = {
        ids: players,
        names: playerNames,
        specIds: spectators,
        specNames: spectatorNames
    };

    io.sockets.emit('playerArray', (thePlayers));
    if (gameRunning){
        io.to(socket.id).emit('allData', allData);
        io.to(socket.id).emit('gameStarted', s);
    }

    // User types a name and clicks join
    socket.on('playerID', (newPlayer)=>{
        // Blocks double sign in
        if (!players.includes(newPlayer.id) && !spectators.includes(newPlayer.id)){
            if (spriteSelect){
                if (players.length >= sel.numOfPlayers ){
                    let newColor = '#' + Math.floor(Math.random() * 0xFFFFFF).toString(16);
                    while (spectatorColors.includes(newColor) || playerColors.includes(newColor)){
                        newColor = '#' + Math.floor(Math.random() * 0xFFFFFF).toString(16);
                    }
                    spectators.push(newPlayer.id);
                    spectatorNames.push(newPlayer.name);
                    spectatorColors.push(newColor);
                } else {
                    players.push(newPlayer.id);
                    playerNames.push(newPlayer.name);
                }
                io.to(socket.id).emit('selectNumOfPlayers', sel);
                io.to(socket.id).emit('selectYourSprite');
            } else if (selectNumOfPlayers){
                if (players.length < 4){
                    players.push(newPlayer.id);
                    playerNames.push(newPlayer.name);
                } else {
                    let newColor = '#' + Math.floor(Math.random() * 0xFFFFFF).toString(16);
                    while (spectatorColors.includes(newColor) || playerColors.includes(newColor)){
                        newColor = '#' + Math.floor(Math.random() * 0xFFFFFF).toString(16);
                    }
                    spectators.push(newPlayer.id);
                    spectatorNames.push(newPlayer.name);
                    spectatorColors.push(newColor);
                }
            } else {
                let newColor = '#' + Math.floor(Math.random() * 0xFFFFFF).toString(16);
                while (spectatorColors.includes(newColor) || playerColors.includes(newColor)){
                    newColor = '#' + Math.floor(Math.random() * 0xFFFFFF).toString(16);
                }
                spectators.push(newPlayer.id);
                spectatorNames.push(newPlayer.name);
                spectatorColors.push(newColor);
            }
            let thePlayers = {
                ids: players,
                names: playerNames,
                specIds: spectators,
                specNames: spectatorNames
            };
            console.log(thePlayers);
            io.sockets.emit('playerArray', (thePlayers));
            io.to(socket.id).emit('turnOnKeyCommands');
            if (players.length === 1) {
                selectHowManyPlayers();
            }
        }
    })

    socket.on('disconnect', () => {
        // If disconnected user is in the player array
        if (players.indexOf(socket.id) != -1){
            if (gameRunning){
                disconnected.push(socket.id);
                io.sockets.emit('playerDisconnected', disconnected);
                // Removes disconnected player from the current game
                switch(players.indexOf(socket.id)){
                    case 0:
                        if (!playerOneDead){
                            playerOneDead = true;
                            m.bomberLocations[g.playerArr[0].iGrid][g.playerArr[0].jGrid] = 'free';
                            g.playerArr.splice(0, 1, '')
                            playersLeft--;    
                        }
                        break;
                    case 1:
                        if (!playerTwoDead){
                            playerTwoDead = true;
                            m.bomberLocations[g.playerArr[1].iGrid][g.playerArr[1].jGrid] = 'free';
                            g.playerArr.splice(1, 1, '')
                            playersLeft--;    
                        }
                        break;
                    case 2:
                        if (!playerThreeDead){
                            playerThreeDead = true;
                            m.bomberLocations[g.playerArr[2].iGrid][g.playerArr[2].jGrid] = 'free';
                            g.playerArr.splice(2, 1, '')
                            playersLeft--;    
                        }
                        break;
                    case 3:
                        if (!playerFourDead){
                            playerFourDead = true;
                            m.bomberLocations[g.playerArr[3].iGrid][g.playerArr[3].jGrid] = 'free';
                            g.playerArr.splice(3, 1, '')
                            playersLeft--;   
                        }
                        break;
                }
                // Restarts the lobby if there are not enough players left
                if (disconnected.length >= sel.numOfPlayers - 1){
                    for (let i in disconnected){
                        for (let j in players){
                            if (players[j] == disconnected[i]){
                                players.splice(j, 1);
                                playerNames.splice(j, 1)
                            }
                        }
                    }
                    // displayRestartMessage = true;
                    selectHowManyPlayers();
                }
            // Player disconnected before the game started
            } else {
                let i = players.indexOf(socket.id);
                players.splice(i, 1);
                playerNames.splice(i, 1);
                // Moves spectator into player array to fill spot
                if (spectators.length > 0){
                    players.push(spectators[0]);
                    playerNames.push(spectatorNames[0]);
                    spectators.pop();
                    spectatorNames.pop();
                }
                let thePlayers = {
                    ids: players,
                    names: playerNames,
                    specIds: spectators,
                    specNames: spectatorNames
                };
                io.sockets.emit('playerArray', thePlayers);
                selectHowManyPlayers();
            }
        // If disconnected user is in the spectator array
        } else if (spectators.indexOf(socket.id) != -1){
            let i = spectators.indexOf(socket.id);
            spectators.splice(i, 1);
            spectatorNames.splice(i, 1);
            spectatorColors.splice(i, 1);
            let thePlayers = {
                ids: players,
                names: playerNames,
                specIds: spectators,
                specNames: spectatorNames
            };
            io.sockets.emit('playerArray', thePlayers);
        }
    })
    
    socket.on('selectingSprite', (select) => {
        if (players.indexOf(select.socketID) < sel.numOfPlayers){
            s.movePosition(s[`p${players.indexOf(select.socketID)+1}`], select.key);
        }
    })

    socket.on('newMessage', message => {
        let theTime = new Date().toLocaleTimeString();
        let theColor;
        let theName;
        if (players.includes(message.id)){
            theColor = playerColors[players.indexOf(message.id)];
            theName = playerNames[players.indexOf(message.id)];
        } else {
            theColor = spectatorColors[spectators.indexOf(message.id)];
            theName = spectatorNames[spectators.indexOf(message.id)];
        }
        let newMessage = {
            message: message.text,
            name: theName,
            color: theColor,
            time: theTime
        }
        chatRoom.push(newMessage);
        io.sockets.emit('chatRoom', newMessage);
    })

    // In game controls received from user
    socket.on('bomberData', (bomberData) => {
        g.playerArr[bomberData.playerID].moveDown = bomberData.moveDown;
        g.playerArr[bomberData.playerID].moveLeft = bomberData.moveLeft;
        g.playerArr[bomberData.playerID].moveUp = bomberData.moveUp;
        g.playerArr[bomberData.playerID].moveRight = bomberData.moveRight;
        emitSprite(bomberData.lastPressed, bomberData.playerID);
    });

    socket.on('dropABomb', (data) => {
        if(g.playerArr[data].bombAmmo > 0){
            if (m.bombMap[g.playerArr[data].iGrid][g.playerArr[data].jGrid] === 'free') {
                // Create new bomb (player, player Y, player X, player bomb power, bomb ID)
                let newBomb = (new Bomb(g.playerArr[data], g.playerArr[data].iGrid, g.playerArr[data].jGrid, g.playerArr[data].bombPower, bombIDs));
                bombIDs++;
                newBomb.gridPlacer();
                newBomb.timerExplode();
                g.playerArr[data].bombAmmo -= 1;
            }
        }   
    })

    function emitSprite(lp, id){
        data = {
            lp: lp,
            id: id,
        }
        io.sockets.emit('lastPressed', data)
    }


    socket.on('selectCommands', data => {
        sel.movePosition(sel.p1, data.key);
    })
    
});

let selectNumOfPlayersInterval;

function selectHowManyPlayers (){
    console.log('select screen', displayRestartMessage);
    for(let i = 1; i <= 4; i++) {       
        playerScores[`p${i}`] = 0;      
    }
    if(displayRestartMessage){
            io.sockets.emit('resetMessage')
            displayRestartMessage = false;
    }
    while (players.length < 4 && spectators.length > 0) {
        players.push(spectators.shift());
        playerNames.push(spectatorNames.shift());
        spectatorColors.shift();
    }
    gameRunning = false;
    spriteSelect = false;
    selectNumOfPlayers = true;
    timesSprite = true;
    gameComplete = false;
    clearInterval(mainGameInterval);
    clearInterval(startTheGame);
    clearInterval(spriteSelectScreenInterval);
    clearInterval(selectNumOfPlayersInterval);
    disconnected = [];
    sel = new Select();
    io.sockets.emit('resetTheGame');
    let thePlayers = {
        ids: players,
        names: playerNames,
        specIds: spectators,
        specNames: spectatorNames
    };
    io.sockets.emit('playerArray', thePlayers);
    selectNumOfPlayersInterval = setInterval(() => {
        io.sockets.emit('selectNumOfPlayers', sel)
        if(!selectNumOfPlayers) {
            console.log('select screen done, start screen enabled');
            clearInterval(selectNumOfPlayersInterval);
            spriteSelectScreen();
        }
    }, 1000/30)
    io.to(`${players[0]}`).emit('youHost');
}

class Bomb {
    constructor(owner, iGrid, jGrid, power, bombID) {
        this.owner = owner;
        this.iGrid = iGrid;
        this.jGrid = jGrid;
        this.power = power;
        this.exploding = false;
        this.bombID = bombID;
        this.bombssNum = 0;
        this.bombframeCounter = 0;
        this.bombframeRate = 10;
        this.bombtotalFrames = this.bombframeRate*4;
    }

    explode() {
        // Kill bomber standing on bomb
        if (typeof m.bomberLocations[this.iGrid][this.jGrid] === 'object') {
            m.bomberLocations[this.iGrid][this.jGrid].die();
        }
        m.bombMap[this.iGrid][this.jGrid] = this.bombID;
        let rockCollide = {up: false, down: false, left: false, right: false};
        for (let i = 1; i < this.power+1; i++){
            // Explode above, checking for walls & bombs
            if (!rockCollide.up) {
                if (this.iGrid-i >= 0) {
                    // Kill bomber in blast radius above
                    if (typeof m.bomberLocations[this.iGrid-i][this.jGrid] === 'object') {
                        m.bomberLocations[this.iGrid-i][this.jGrid].die();
                    }
                    if (m.bombMap[this.iGrid-i][this.jGrid] === 'free') {
                        m.bombMap[this.iGrid-i][this.jGrid] = this.bombID;
                    } else if (m.bombMap[this.iGrid-i][this.jGrid] === 'rock') {
                        // Negative bombID to signal possible powerup spawn under rock
                        m.bombMap[this.iGrid-i][this.jGrid] = -this.bombID;
                        rockCollide.up = true;
                    } else if (typeof m.bombMap[this.iGrid-i][this.jGrid] === 'object') {
                        // Explode bombs in blast radius above
                        m.bombMap[this.iGrid-i][this.jGrid].exploding = true;
                        m.bombMap[this.iGrid-i][this.jGrid].explode();
                        rockCollide.up = true;
                    } else if (typeof m.bombMap[this.iGrid-i][this.jGrid] === 'number') {
                        // Overwrites previous bombs blast
                        m.bombMap[this.iGrid-i][this.jGrid] = this.bombID;
                    } else if (m.bombMap[this.iGrid-i][this.jGrid] === 'bombpower' || m.bombMap[this.iGrid-i][this.jGrid] === 'extrabomb' || m.bombMap[this.iGrid-i][this.jGrid] === 'speed' ){
                        // Destroys any powerups in space
                        m.bombMap[this.iGrid-i][this.jGrid] = this.bombID;
                    }else {
                        rockCollide.up = true;
                    }
                } else {
                    rockCollide.up = true
                }
            }
            // Explode below, checking for walls & bombs
            if (!rockCollide.down) {
                // Kill bomber in blast radius below
                if (typeof m.bomberLocations[this.iGrid+i][this.jGrid] === 'object') {
                    m.bomberLocations[this.iGrid+i][this.jGrid].die();
                }
                if (this.iGrid+i < 16) {
                    if (m.bombMap[this.iGrid+i][this.jGrid] === 'free') {
                        m.bombMap[this.iGrid+i][this.jGrid] = this.bombID;
                    } else if (m.bombMap[this.iGrid+i][this.jGrid] === 'rock') {
                        // Negative bombID to signal possible powerup spawn under rock
                        m.bombMap[this.iGrid+i][this.jGrid] = -this.bombID;
                        rockCollide.down = true;
                    }else if (typeof m.bombMap[this.iGrid+i][this.jGrid] === 'object') {
                        // Explode bombs in blast radius below
                        m.bombMap[this.iGrid+i][this.jGrid].exploding = true;
                        m.bombMap[this.iGrid+i][this.jGrid].explode();
                        rockCollide.down = true;
                    } else if (typeof m.bombMap[this.iGrid+i][this.jGrid] === 'number') {
                        // Overwrites previous bombs blast
                        m.bombMap[this.iGrid+i][this.jGrid] = this.bombID;
                    }else if (m.bombMap[this.iGrid+i][this.jGrid] === 'bombpower' || m.bombMap[this.iGrid+i][this.jGrid] === 'extrabomb' || m.bombMap[this.iGrid+i][this.jGrid] === 'speed' ){
                        // Destroys any powerups in space
                        m.bombMap[this.iGrid+i][this.jGrid] = this.bombID;
                    }else {
                        rockCollide.down = true;
                    }
                } else {
                    rockCollide.down = true
                }
            }
            // Explode right, checking for walls & bombs
            if (!rockCollide.right) {
                // Kill bomber in blast radius right
                if (typeof m.bomberLocations[this.iGrid][this.jGrid+i] === 'object') {
                    m.bomberLocations[this.iGrid][this.jGrid+i].die();
                }
                if (this.jGrid+i < 16) {
                    if (m.bombMap[this.iGrid][this.jGrid+i] === 'free') {
                        m.bombMap[this.iGrid][this.jGrid+i] = this.bombID;
                    } else if (m.bombMap[this.iGrid][this.jGrid+i] === 'rock') {
                        // Negative bombID to signal possible powerup spawn under rock
                        m.bombMap[this.iGrid][this.jGrid+i] = -this.bombID;
                        rockCollide.right = true;
                    } else if (typeof m.bombMap[this.iGrid][this.jGrid+i] === 'object') {
                        // Explode bombs in blast radius right
                        m.bombMap[this.iGrid][this.jGrid+i].exploding = true;
                        m.bombMap[this.iGrid][this.jGrid+i].explode();
                        rockCollide.right = true;
                    } else if (typeof m.bombMap[this.iGrid][this.jGrid+i] === 'number'){
                        // Overwrites previous bombs blast
                        m.bombMap[this.iGrid][this.jGrid+i] = this.bombID;
                    }else if (m.bombMap[this.iGrid][this.jGrid+i] === 'bombpower' || m.bombMap[this.iGrid][this.jGrid+i] === 'extrabomb' || m.bombMap[this.iGrid][this.jGrid+i] === 'speed' ){
                        // Destroys any powerups in space
                        m.bombMap[this.iGrid][this.jGrid+i] = this.bombID;
                    }else {
                        rockCollide.right = true;
                    }
                } else {
                    rockCollide.right = true
                }
            }
            // Explode left, checking for walls & bombs
            if (!rockCollide.left) {
                // Kill bomber in blast radius left
                
                if (typeof m.bomberLocations[this.iGrid][this.jGrid-i] === 'object') {
                    m.bomberLocations[this.iGrid][this.jGrid-i].die();
                }
                if (this.jGrid-i >= 0) {
                    if (m.bombMap[this.iGrid][this.jGrid-i] === 'free') {
                        m.bombMap[this.iGrid][this.jGrid-i] = this.bombID;
                    } else if (m.bombMap[this.iGrid][this.jGrid-i] === 'rock') {
                        // Negative bombID to signal possible powerup spawn under rock
                        m.bombMap[this.iGrid][this.jGrid-i] = -this.bombID;
                        rockCollide.left = true;
                    } else if (typeof m.bombMap[this.iGrid][this.jGrid-i] === 'object') {
                        // Explode bombs in blast radius left
                        m.bombMap[this.iGrid][this.jGrid-i].exploding = true;
                        m.bombMap[this.iGrid][this.jGrid-i].explode();
                        rockCollide.left = true;
                    } else if (typeof m.bombMap[this.iGrid][this.jGrid-i] === 'number') {
                        // Overwrites previous bombs blast
                        m.bombMap[this.iGrid][this.jGrid-i] = this.bombID;
                    }else if (m.bombMap[this.iGrid][this.jGrid-i] === 'bombpower' || m.bombMap[this.iGrid][this.jGrid-i] === 'extrabomb' || m.bombMap[this.iGrid][this.jGrid-i] === 'speed' ){
                        // Destroys any powerups in space
                        m.bombMap[this.iGrid][this.jGrid-i] = this.bombID;
                    } else {
                        rockCollide.left = true;
                    }
                } else {
                    rockCollide.left = true
                }
            }
        }
        this.owner.bombAmmo +=1;


        // Sets spaces back into free after bomb blast
        setTimeout(() => {
            // Checks to see if the space has been overwritten by new bomb blast
            if (m.bombMap[this.iGrid][this.jGrid] === this.bombID) {
                m.bombMap[this.iGrid][this.jGrid] = 'free';
            }        
            for (let i = 1; i < this.power+1; i++){
                // Clear above
                if (this.iGrid-i >= 0) {
                    // Checks to see if the space has been overwritten by new bomb blast
                    if (m.bombMap[this.iGrid-i][this.jGrid] === this.bombID) {
                        m.bombMap[this.iGrid-i][this.jGrid] = 'free';
                    } else if (m.bombMap[this.iGrid-i][this.jGrid] === -this.bombID){
                        // Places random powerup if space previously contained a rock
                        if (m.powerUps[this.iGrid-i][this.jGrid] === "speed" || m.powerUps[this.iGrid-i][this.jGrid] === "bombpower" || m.powerUps[this.iGrid-i][this.jGrid] === "extrabomb"){
                            m.bombMap[this.iGrid-i][this.jGrid] = m.powerUps[this.iGrid-i][this.jGrid];
                        } else {
                            m.bombMap[this.iGrid-i][this.jGrid] = 'free';
                        }
                    }
                }
                // Clear below
                if (this.iGrid+i < 16) {
                    if (m.bombMap[this.iGrid+i][this.jGrid] === this.bombID) {
                        m.bombMap[this.iGrid+i][this.jGrid] = 'free';
                    } else if (m.bombMap[this.iGrid+i][this.jGrid] === -this.bombID){
                        if (m.powerUps[this.iGrid+i][this.jGrid] === "speed" || m.powerUps[this.iGrid+i][this.jGrid] === "bombpower" || m.powerUps[this.iGrid+i][this.jGrid] === "extrabomb"){
                            m.bombMap[this.iGrid+i][this.jGrid] = m.powerUps[this.iGrid+i][this.jGrid];
                        } else {
                            m.bombMap[this.iGrid+i][this.jGrid] = 'free';
                        }
                    }
                }
                // Clear right
                if (this.jGrid+i < 16) {
                    if (m.bombMap[this.iGrid][this.jGrid+i] === this.bombID) {
                        m.bombMap[this.iGrid][this.jGrid+i] = 'free';
                    } else if (m.bombMap[this.iGrid][this.jGrid+i] === -this.bombID){
                        if (m.powerUps[this.iGrid][this.jGrid+i] === "speed" || m.powerUps[this.iGrid][this.jGrid+i] === "bombpower" || m.powerUps[this.iGrid][this.jGrid+i] === "extrabomb"){
                            m.bombMap[this.iGrid][this.jGrid+i] = m.powerUps[this.iGrid][this.jGrid+i];
                        } else {
                            m.bombMap[this.iGrid][this.jGrid+i] = 'free';
                        }
                    }
                }
                // Clear left
                if (this.jGrid-i >= 0) {
                    if (m.bombMap[this.iGrid][this.jGrid-i] === this.bombID) {
                        m.bombMap[this.iGrid][this.jGrid-i] = 'free';
                    } else if (m.bombMap[this.iGrid][this.jGrid-i] === -this.bombID){
                        if (m.powerUps[this.iGrid][this.jGrid-i] === "speed" || m.powerUps[this.iGrid][this.jGrid-i] === "bombpower" || m.powerUps[this.iGrid][this.jGrid-i] === "extrabomb"){
                            m.bombMap[this.iGrid][this.jGrid-i] = m.powerUps[this.iGrid][this.jGrid-i];
                        } else {
                            m.bombMap[this.iGrid][this.jGrid-i] = 'free';
                        }
                    }
                }
            }
            // Deletes the bomb
            delete this;
        }, 300)
    }


    timerExplode () {
        setTimeout(() => {
            // Explodes the bomb if it hasn't yet been triggered by another
            if (!this.exploding && !gameReset) {
                this.explode();
                io.sockets.emit('explode')
                this.exploding = true;
            }
        }, 3000)       
    }

    gridPlacer () {
        m.bombMap[this.iGrid][this.jGrid] = this;
    }

}


class Bomber{
    constructor(x, y, iGrid, jGrid, num){
        this.x = x;
        this.y = y;
        this.width = 30;
        this.height = 30;
        this.moveUp = false;
        this.moveDown = false;
        this.moveRight = false;
        this.moveLeft = false;
        this.speed = 2;
        this.iGrid = iGrid;
        this.jGrid = jGrid;
        this.bombPower = 1;
        this.bombAmmo = 2;
        this.num = num - 1;
    }


    die(){
        switch(this.num){
            case 0:
                playerOneDead = true;
                playerOneX = this.x;
                playerOneY = this.y;
                break;
            case 1:
                playerTwoDead = true;
                playerTwoX = this.x;
                playerTwoY = this.y;
                break;
            case 2:
                playerThreeDead = true;
                playerThreeX = this.x;
                playerThreeY = this.y;
                break;
            case 3:
                playerFourDead = true;
                playerFourX = this.x;
                playerFourY = this.y;
                break;
        }
        m.bomberLocations[this.iGrid][this.jGrid] = 'free';
        g.playerArr.splice(this.num, 1, '');
        playersLeft--;
    }
    
    gridPlacer () {
        let xMin = 50;
        let xMax = 100;
        let yMin = 50;
        let yMax = 100;

        // Iterates through the 2d array
        for (let i = 1; i < m.bomberLocations.length-1; i++) {
            for (let j = 1; j < m.bomberLocations.length-1; j++) {
                if (this.x + this.width/2 >= xMin && this.x + this.width/2 < xMax && this.y + 3 + this.height/2 >= yMin && this.y + 3 + this.height/2 < yMax) {
                    if(m.bombMap[i][j] === "bombpower"){
                        this.bombPower++;
                        io.to(`${players[this.num]}`).emit('powerUp');
                        m.bombMap[i][j] = 'free';
                    }
                    if(m.bombMap[i][j] === "extrabomb"){
                        this.bombAmmo++;
                        io.to(`${players[this.num]}`).emit('bombUp');
                        m.bombMap[i][j] = 'free';
                    }
                    if(m.bombMap[i][j] === "speed"){
                        if(this.speed < 6){
                            this.speed += 1
                        }
                        io.to(`${players[this.num]}`).emit('speedUp');
                        m.bombMap[i][j] = 'free';
                    }
                    m.bomberLocations[i][j] = g.playerArr[this.num];
                    this.iGrid = i;
                    this.jGrid = j;
                }else if(m.bomberLocations[i][j] === "wall" ||m.bomberLocations[i][j] === "bombpower" || m.bomberLocations[i][j] === "extrabomb" || m.bomberLocations[i][j] === "speed" || m.bomberLocations[i][j] !== g.playerArr[this.num]){}
                 else {
                        m.bomberLocations[i][j] = "free";
                }
                xMin += 50;
                xMax += 50;
            }
            yMin += 50;
            yMax += 50;
            xMin = 50;
            xMax = 100;
        }
    }

    wallDetector () {
        let theWalls = {};
        //Checks if there is a wall to the right
        if(this.jGrid === 15) {
            theWalls.right = true;
        }else if(m.bombMap[this.iGrid][this.jGrid+1] === 'wall' || m.bombMap[this.iGrid][this.jGrid+1] === 'rock' || typeof m.bombMap[this.iGrid][this.jGrid+1] === 'object') {
            theWalls.right = true;
        } else if(this.y + this.height > this.iGrid * 50 + 50) {
            if (m.bombMap[this.iGrid+1][this.jGrid-1] === 'wall' || m.bombMap[this.iGrid+1][this.jGrid-1] === 'rock' || typeof m.bombMap[this.iGrid+1][this.jGrid-1] === 'object'){
                theWalls.right = true;
            }
        }else{
            theWalls.right = false;
        }

        // Checks if there is a wall to the left
        if (this.jGrid === 1) {
            theWalls.left = true;
        }else if(m.bombMap[this.iGrid][this.jGrid-1] === 'wall' || m.bombMap[this.iGrid][this.jGrid-1] === 'rock' || typeof m.bombMap[this.iGrid][this.jGrid-1] === 'object') {
            theWalls.left = true;
        } else if (this.y + this.height > this.iGrid * 50 + 50) {
            if (m.bombMap[this.iGrid+1][this.jGrid-1] === 'wall' || m.bombMap[this.iGrid+1][this.jGrid-1] === 'rock' || typeof m.bombMap[this.iGrid+1][this.jGrid-1] === 'object') {
                theWalls.left = true;
            }
        } else{
            theWalls.left = false;
        }

        // Checks if there is a wall below
        if(this.iGrid === 15) {
            theWalls.down = true;
        } else if (m.bombMap[this.iGrid+1][this.jGrid] === 'wall' || m.bombMap[this.iGrid+1][this.jGrid] === 'rock' || typeof m.bombMap[this.iGrid+1][this.jGrid] === 'object') {
            theWalls.down = true;
        } else if (this.x + this.width > this.jGrid * 50 + 50) {
            if (m.bombMap[this.iGrid+1][this.jGrid+1] === 'wall' || m.bombMap[this.iGrid+1][this.jGrid+1] === 'rock' || typeof m.bombMap[this.iGrid+1][this.jGrid+1] === 'object') {
                theWalls.down = true;
            }
        }       
        else {
            theWalls.down = false;
        }

        // Checks if there is a wall above
        if (this.iGrid === 1) {
            theWalls.up = true;
        }else if(m.bombMap[this.iGrid-1][this.jGrid] === 'wall' || m.bombMap[this.iGrid-1][this.jGrid] === 'rock' || typeof m.bombMap[this.iGrid-1][this.jGrid] === 'object') {
            theWalls.up = true
        }else if (this.x + this.width > this.jGrid * 50 + 50){
            if (m.bombMap[this.iGrid-1][this.jGrid + 1] === 'wall' || m.bombMap[this.iGrid-1][this.jGrid + 1] === 'rock' || typeof m.bombMap[this.iGrid-1][this.jGrid + 1] === 'object') {
                theWalls.up = true;
            }  
        } else {
            theWalls.up = false;
        }
//////////////////////////////////////////////////// BUGFIX
        if(theWalls.up == false && theWalls.left == false && this.moveLeft == true && this.moveUp == true){
            if(this.x - this.speed < this.jGrid * 50 && this.y-this.speed < this.iGrid * 50){
                this.x -= this.speed;
                theWalls.up = true;
                theWalls.left = true;
            }
        }
        if(theWalls.up == false && theWalls.right == false && this.moveRight == true && this.moveUp == true){
            if(this.x + this.width + this.speed > this.jGrid * 50 + 50 && this.y+this.speed < this.iGrid * 50){
                theWalls.up = true;
                theWalls.right = true;
            }
        }
        if(theWalls.down == false && theWalls.left == false && this.moveLeft == true && this.moveDown == true){
            if(this.x - this.speed < this.jGrid * 50 && this.y- this.height - this.speed > this.iGrid * 50 + 50){
                theWalls.down = true;
                theWalls.left = true;
            }
        }
        if(theWalls.down == false && theWalls.right == false && this.moveRight == true && this.moveDown == true){
            if(this.x - this.speed > this.jGrid * 50 && this.y-this.speed > this.iGrid * 50){
                this.y += this.speed;
                theWalls.down = true;
                theWalls.right = true;
            }
        }
////////////////////////////////////////////////////////

        return theWalls;
    }
    move(){
        let theWalls = this.wallDetector();
        //Move Right OOB Check
        if(theWalls.right){
            if(this.x + this.speed + this.width > (this.jGrid * 50) + 50 ) {
                for(let i = 0; i < this.speed; i++){
                    if(this.x + this.width < (this.jGrid * 50) + 50){
                        this.x++;
                    }
                }
            }else{
                if(this.moveRight){
                    this.x += this.speed;
                }
            }
        }else{
            if(this.moveRight){
                this.x += this.speed;
            }
        }

        //Move Left OOB Check
        if(theWalls.left){ 
            if(this.x - this.speed < (this.jGrid * 50)) {
                for(let i = 0; i < this.speed; i++){
                    if(this.x > (this.jGrid * 50)){
                        this.x--;
                    }
                }
            }else{
                if(this.moveLeft){
                    this.x -= this.speed;
                }
            }
        }else{
            if(this.moveLeft){
                this.x -= this.speed;
            }
        }

        //Move Down OOB Check
        if(theWalls.down){
            if(this.y  + this.height + this.speed > (this.iGrid * 50) + 50) {
                for(let i = 0; i < this.speed; i++){
                    if(this.y + this.height < (this.iGrid * 50) + 50){
                        this.y++;
                    }
                }
            }else{
                if(this.moveDown){
                    this.y += this.speed;
                }
            }
        }else{
            if(this.moveDown){
                this.y += this.speed;
            }
        }

        //Move Up OOB Check
        if(theWalls.up){
            if(this.y - this.speed < this.iGrid * 50) {
                for(let i = 0; i < this.speed; i++){
                    if(this.y > (this.iGrid * 50)){
                        this.y--;
                    }
                }
            }else{
                if(this.moveUp){
                    this.y -= this.speed;
                }
            }
        }else{
            if(this.moveUp){
                this.y -= this.speed;
            }
        }

    }

    
}

class BombMap {
    constructor(){
        this.bombMap = [
            ['wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall'],
            ['wall', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'wall'],
            ['wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall'],
            ['wall', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'wall'],
            ['wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall'],
            ['wall', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'wall'],
            ['wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall'],
            ['wall', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'wall'],
            ['wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall'],
            ['wall', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'wall'],
            ['wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall'],
            ['wall', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'wall'],
            ['wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall'],
            ['wall', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'wall'],
            ['wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall'],
            ['wall', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'wall'],
            ['wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall']
        ];
        this.bomberLocations = [
            ['wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall'],
            ['wall', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'wall'],
            ['wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall'],
            ['wall', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'wall'],
            ['wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall'],
            ['wall', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'wall'],
            ['wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall'],
            ['wall', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'wall'],
            ['wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall'],
            ['wall', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'wall'],
            ['wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall'],
            ['wall', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'wall'],
            ['wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall'],
            ['wall', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'wall'],
            ['wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall'],
            ['wall', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'wall'],
            ['wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall']
        ];
        this.powerUps = [
            ['wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall'],
            ['wall', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'wall'],
            ['wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall'],
            ['wall', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'wall'],
            ['wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall'],
            ['wall', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'wall'],
            ['wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall'],
            ['wall', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'wall'],
            ['wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall'],
            ['wall', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'wall'],
            ['wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall'],
            ['wall', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'wall'],
            ['wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall'],
            ['wall', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'wall'],
            ['wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall', 'free', 'wall'],
            ['wall', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'free', 'wall'],
            ['wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall']
        ];
    }

    placeRandomPowerup(){
        let powers = [
            "speed",
            "bombpower",
            "extrabomb"
        ];
        // 50% chance to spawn powerup, 50% chance free space
        if(0.5 < Math.random()){
            return powers[Math.floor(Math.random()*3)];
        } else {
            return 'free';
        }
    }

    generateRocks() {
        for (let i = 1; i < this.bombMap.length-1; i++) {
            for(let j = 1; j < this.bombMap.length-1; j++) {
                if (this.bombMap[i][j] === 'wall') {
                    continue;
                }else if ((j < 3 || j > 13) && (i === 1 || i === 15)) {
                    continue;
                } else if ((i < 3 || i > 13) && (j === 1 || j === 15)) {
                    continue;
                } else {
                    if (Math.random() > 0.25) {
                        this.bombMap[i][j] = 'rock';
                        this.bomberLocations[i][j] = 'rock';
                        this.powerUps[i][j] = this.placeRandomPowerup();
                    }
                }
            }
        }
    
    }
}

class Game {

    constructor(){
        this.playerArr = [];
    }
    // Creates bomber and places him in bomber array
    createPlayer(x, y, iGrid, jGrid, num) {
        this.playerArr.push(new Bomber(x, y, iGrid, jGrid, num)); 
    }
}

function newRound() {
    setTimeout(() => {
        clearInterval(mainGameInterval);
        playersLeft = sel.numOfPlayers - disconnected.length;
        io.sockets.emit('clearInterval');
        io.sockets.emit('resetLives');
        startNewRound();
    }, 3000)
}

function newGame() {
    setTimeout(() => {
        if (disconnected.length > 0){
            for (let i in disconnected){
                for (let j in players){
                    if (players[j] == disconnected[i]){
                        players.splice(j, 1);
                        playerNames.splice(j, 1)
                    }
                }
            }
            selectHowManyPlayers();
        } else {
            selectHowManyPlayers();
        }
    }, 3000)
}

function mainLoop(){

    if (playerOneDead) {
        let deathCoords1 = {x: playerOneX, y: playerOneY};
        io.sockets.emit('playerOneDead', deathCoords1);
    }
    if (playerTwoDead) {
        let deathCoords2 = {x: playerTwoX, y: playerTwoY};
        io.sockets.emit('playerTwoDead', deathCoords2);
    }
    if (playerThreeDead) {
        let deathCoords3 = {x: playerThreeX, y: playerThreeY};
        io.sockets.emit('playerThreeDead', deathCoords3);
    }
    if (playerFourDead) {
        let deathCoords4 = {x: playerFourX, y: playerFourY};
        io.sockets.emit('playerFourDead', deathCoords4);
    }
    //RESETTING THE GAME
    if (playersLeft <= 1) {
        if (!gameReset){
            for(let i = 0; i < sel.numOfPlayers; i++) {
                if (typeof g.playerArr[i] === 'object') {
                    playerScores[`p${i+1}`] += 1;
                    if (playerScores[`p${i+1}`] > 2){
                        gameComplete = true;
                    }
                }
            }
            gameReset = true;
            io.sockets.emit('playerScores', playerScores); 
            if (!gameComplete){
                newRound();
            } else {
                newGame();
            }
        }

    } else {
        for (let i = 0; i < g.playerArr.length; i++) {
            if(g.playerArr[i] !== ''){
                g.playerArr[i].gridPlacer();
                if(g.playerArr[i].moveUp || g.playerArr[i].moveDown || g.playerArr[i].moveLeft || g.playerArr[i].moveRight){
                    g.playerArr[i].move();
                }
            }
        }
    }
}
//END OF MAIN LOOP


let allData;
let g;
let m;
let startTheGame;
let spriteSelectScreenInterval;
function spriteSelectScreen() {
    playersLeft = sel.numOfPlayers;
    numOfPlayers = sel.numOfPlayers;
    let newSpectators = players.splice(numOfPlayers, players.length - numOfPlayers);
    let newSpectatorNames = playerNames.splice(numOfPlayers, playerNames.length - numOfPlayers);
    for (let i in newSpectators){
        spectators.push(newSpectators[i]);
        spectatorNames.push(newSpectatorNames[i]);
    }
    let thePlayers = {
        ids: players,
        names: playerNames,
        specIds: spectators,
        specNames: spectatorNames
    };
    io.sockets.emit('playerArray', (thePlayers));
    io.sockets.emit('selectYourSprite');
    let pReady = {};
    for (let i = 1; i <= sel.numOfPlayers; i++){
        pReady[`p${i}`] = false;
    }
    startTheGame = setInterval(() => {
        for (let i = 1; i <= sel.numOfPlayers; i++) {
            pReady[`p${i}`] = !s[`p${i}`].exists;
        }
        if (Object.values(pReady).every(Boolean)) {
            spriteSelect = false;
            setTimeout(() => {
                console.log('starting the game');
                startNewRound();
            }, 3000);
            clearInterval(startTheGame);
        }
    }, 400)
    spriteSelectScreenInterval = setInterval(() => {
        io.sockets.emit('spriteSelectScreen', s)
        if(!spriteSelect) {
            console.log('start screen done');
            clearInterval(spriteSelectScreenInterval);
        }
    }, 1000/40)

}

let timesSprite = true;
function startNewRound() {
    gameRunning = true;
    console.log('starting new round');
    g = new Game();
    m = new BombMap();
    for (let i = 1; i <= sel.numOfPlayers; i++){
        console.log('created player ', i);
        g.createPlayer(startingXYIJ[`p${i}`][0], startingXYIJ[`p${i}`][1], startingXYIJ[`p${i}`][2], startingXYIJ[`p${i}`][3], i);
    }
    m.generateRocks();
    allData = {
        map: m,
        players: g.playerArr
    };
    io.sockets.emit('allData', allData);
    io.sockets.emit('bomberDataRequest');
    if (timesSprite) {
        io.sockets.emit('chooseSprites', s);
        timesSprite = false;
    }
    playerOneDead = false;
    playerTwoDead = false;
    playerThreeDead = false;
    playerFourDead = false;
    for (let i in disconnected){
        switch(players.indexOf(disconnected[i])){
            case 0:
                playerOneDead = true;
                break;
            case 1:
                playerTwoDead = true;
                break;
            case 2:
                playerThreeDead = true;
                break;
            case 3:
                playerFourDead = true;
                break;
        }
    }
    mainGameInterval = setInterval(() => {
        io.sockets.emit('allData', allData);
        io.sockets.emit('serverFrame');
        mainLoop();
    }, 1000/50);
    setTimeout(() => {
        gameReset = false;
    }, 2999);
}


 
class Startscreen{
    constructor(){
        this.p1 = {
            exists: false,
            position: 1
        };
        this.p2 = {
            exists: false,
            position: 1
        };
        this.p3 = {
            exists: false,
            position: 1
        };
        this.p4 = {
            exists: false,
            position: 1
        };
        this.sprite1 = true;
        this.sprite2 = true;
        this.sprite3 = true;
        this.sprite4 = true;

    }

    movePosition(player, input){
        
        switch(input){
            case "w":
                
                if(player.position == 3){
                    player.position = 1;
                }
                if(player.position == 4){
                    player.position = 2;
                }
                break;

            case "a":
                if(player.position == 2){
                    player.position = 1;
                }
                if(player.position == 4){
                    player.position = 3;
                }
                break;

            case "s":
                
                if(player.position == 1){
                    player.position = 3;
                }
                else if(player.position == 2){
                    player.position = 4;
                }
                break;
            case "d":
                if(player.position == 1){
                    player.position = 2;
                }
                if(player.position == 3){
                    player.position = 4;
                }
                break;

            case "spacebar":
                
                
                if(player.exists == true){
                    if(player.position == 1 && this.sprite1 == true){
                        this.sprite1 = false;
                        player.exists = false;
                        //The Player.id gets that sprite
                    }
                    if(player.position == 2  && this.sprite2 == true){
                        this.sprite2 = false;
                        player.exists = false;
                        //The Player.id gets that sprite
                    }
                    if(player.position == 3  && this.sprite3 == true){
                        this.sprite3 = false;
                        player.exists = false;
                        //The Player.id gets that sprite
                    }
                    if(player.position == 4  && this.sprite4 == true){
                        this.sprite4 = false;
                        player.exists = false;
                        //The Player.id gets that sprite
                    }
                }
                break;
        }
    }
}


let s = new Startscreen();



class Select{
    constructor(){
        this.p1 = {
            exists: true,
            position: 1,
            sprite: 1
        }
        this.numOfPlayers = 2;
    }

    movePosition(player, input){
        
        switch(input){
            case "w": 
                if(player.position == 3){
                    player.position = 2;
                }
                else if(player.position == 2){
                    player.position = 1;
                }
                break;
            case "s":
                if(player.position == 1){
                    player.position = 2;
                }
                else if(player.position == 2){
                    player.position = 3;
                }
                break;
            case "spacebar":
                if(player.position == 1){
                    
                    if(players.length >= 2){
                        player.exists = false;
                        console.log('pressed 2players')
                        this.numOfPlayers = 2;
                        s = new Startscreen();
                        for (let i = 1; i <= this.numOfPlayers; i++){
                            s[`p${i}`].exists = true;
                        }
                        selectNumOfPlayers = false;
                        spriteSelect = true;
                    }

                }


                if(player.position == 2){
                    
                    if(players.length >= 3){
                        player.exists = false;
                        this.numOfPlayers = 3;
                        s = new Startscreen();
                        for (let i = 1; i <= this.numOfPlayers; i++){
                            s[`p${i}`].exists = true;
                        }
                        selectNumOfPlayers = false;
                        spriteSelect = true;
                    }

                }


                if(player.position == 3){
                    
                    if(players.length >= 4){
                        player.exists = false;
                        this.numOfPlayers = 4;
                        s = new Startscreen();
                        for (let i = 1; i <= this.numOfPlayers; i++){
                            s[`p${i}`].exists = true;
                        }
                        selectNumOfPlayers = false;
                        spriteSelect = true;
                    }
                }

                break;
        }
    }
}