Static_Server.js

//CODE WRITTEN BY IBRAHIM HELMY AND ALEX PATEL 


// These are like import statements in java (equal to var in order to import)
var http = require('http'); // http library: module related to servers
var url = require('url');   // URL library: for parces the URL
var fs = require('fs');     // fs Library: that Opens and reads files
var io = require("socket.io")();

var ROOT_DIR = 'data';// addresses to the folders where the data is contained

var canvasWidth = 1600;
var canvasHeight = 800;

var person = [];
person.push({id: "", name: "Unused", x: canvasWidth/2 - 100, y: 70, sX: canvasWidth/2 - 100, sY: 70, size: 20, speed: 5, color: "red"});
person.push({id: "", name: "Unused", x: canvasWidth/2, y: 70, sX: canvasWidth/2, sY: 70, size: 20, speed: 5, color: "green"});
person.push({id: "", name: "Unused", x: canvasWidth/2 + 100, y: 70, sX: canvasWidth/2 + 100, sY: 70, size: 20, speed: 5, color: "blue"});
/*person.push({id: "", name: "Unused", x: canvasWidth/4, y: canvasHeight/4, sX: canvasWidth/2 - 100, sY: 100, size: 20, speed: 5, color: "red"});
person.push({id: "", name: "Unused", x: canvasWidth - canvasWidth/4, y: canvasHeight/4, sX: canvasWidth/2, sY: 100, size: 20, speed: 5, color: "green"});
person.push({id: "", name: "Unused", x: canvasWidth - canvasWidth/4, y: canvasHeight - canvasHeight/4, sX: canvasWidth/2 + 100, sY: 100, size: 20, speed: 5, color: "blue"});*/


var bullet = [];

var blocks = [];
blocks.push({x: canvasWidth/2 - 50, y: 200, width: 100, height: canvasHeight - 400});
blocks.push({x: 200, y: canvasHeight/2 - 50, width: canvasWidth - 400, height: 100});
blocks.push({x: canvasWidth/2 - 400, y: 0, width: 800, height: 100});
blocks.push({x: 100, y: canvasHeight - 200, width: 250, height: 100});
blocks.push({x: canvasWidth/2 + 200, y: canvasHeight/2 + 150, width: 50, height: 225});
blocks.push({x: canvasWidth - 200, y: 150, width: 50, height: 50});
blocks.push({x: canvasWidth - 200, y: canvasHeight - 200, width: 50, height: 50});
//blocks.push({x: canvasWidth - 400, y: canvasHeight - 100, width: 50, height: 50});
//blocks.push({x: canvasWidth - 200, y: canvasHeight - 100, width: 50, height: 50});



var EXT_TYPES = { // small array containing the many extension types we use.
    'css': 'text/css',
    'gif': 'image/gif',
    'htm': 'text/html',
    'html': 'text/html',
    'ico': 'image/x-icon',
    'jpeg': 'image/jpeg',
    'jpg': 'image/jpeg',
    'js': 'application/javascript', 
    'json': 'application/json',
    'png': 'image/png',
    'txt': 'text/text'
}

var get_ext = function(filename){  // gets the extensions from above
    for (var ext in EXT_TYPES){    // For every extension in the array 
        var type = EXT_TYPES[ext]; // it sets the return type to the type specified to the extension at that spesific index
        if (filename.indexOf(ext, filename.length - ext.length) !== -1) return type; // if it finds the extension in the filename it will return that extension
    } // find ext in, filename - extention and check to see if the extension of the file matches the extension type of the index in the array
    return EXT_TYPE['txt'];       // returns txt if it did not find it
}

var server = http.createServer(function(request, response){ // Craetes the server

    var path = url.parse(request.url).pathname; // it gives it useful properties such as:

    console.log('Path: ' + path);      // The pathname of the file the user is looking for
    console.log('Method: ' + request.method);      // Which method the request came from (get, post, etc.)

    if(request.method == 'GET'){                            // If the request type was of type GET

        fs.readFile(ROOT_DIR + path, function(err, data){          // it reads the file if found 
            if (err){                                       // otherwise an error is produced
                console.log('Get Error: ' + err);

                response.writeHead(404);
                response.end(JSON.stringify(err));
            } else {
                response.writeHead(200, {'Content-Type': get_ext(path)});
                response.end(data);
            }
        });
    }

});                                            // listens for user requests at port 3000
var port = Number(process.env.PORT || 3000);
server.listen(port);

//io.serveClient(true);
io.attach(server);

io.on("connection", function(socket){
    console.log("User " + socket.id + " connected");
    socket.emit("syncData", JSON.stringify({arr: person, arrTwo: bullet, arrThree: blocks}));

    socket.on("requestControl", function(data){
        var dataObj = JSON.parse(data);
        console.log("User " + socket.id + ", requestControl: " + dataObj.controlName);
        for (var i in person){
            if (dataObj.controlName == person[i].color){
                if (person[i].id == ""){
                    for (var j in person){
                        if (socket.id == person[j].id){
                            person[j].id = "";
                            person[j].name = "Unused";
                            person[j].x = person[j].sX; 
                            person[j].y = person[j].sY;
                        }
                    }
                    person[i].id = socket.id;
                    person[i].name = dataObj.name;
                    person[i].x = canvasWidth/4; 
                    person[i].y = canvasHeight/4;
                }
            }
        }
        /*if (dataObj.controlName == "red"){
            if (person[0].id == ""){
                for (var i in person){
                    if (socket.id == person[i].id){
                        person[i].id = "";
                        person[i].name = "Unused";
                    }
                }
                person[0].id = socket.id;
                person[0].name = dataObj.name;
            }
        } else if (dataObj.controlName == "green"){
            if (person[1].id == ""){
                for (var i in person){
                    if (socket.id == person[i].id){
                        person[i].id = "";
                        person[i].name = "Unused";
                    }
                }
                person[1].id = socket.id;
                person[1].name = dataObj.name;
            }
        } else if (dataObj.controlName == "blue"){
            if (person[2].id == ""){
                for (var i in person){
                    if (socket.id == person[i].id){
                        person[i].id = "";
                        person[i].name = "Unused";
                    }
                }
                person[2].id = socket.id;
                person[2].name = dataObj.name;
            }
        }*/
        io.emit("updateControl", JSON.stringify({arr: person}));
    });

    socket.on("requestPositionUpdate", function(data){
        var dataObj = JSON.parse(data);
        for (var i in person){
            if (socket.id == person[i].id){
                if (dataObj.up){
                    if (person[i].y - person[i].speed - person[i].size > 0){
                        person[i].y -= person[i].speed;
                    }
                }
                if (dataObj.down){
                    if (person[i].y + person[i].speed + person[i].size < canvasHeight){
                        person[i].y += person[i].speed;
                    }
                }
                if (dataObj.left){
                    if (person[i].x - person[i].speed - person[i].size > 0){
                        person[i].x -= person[i].speed;
                    }
                }
                if (dataObj.right){
                    if (person[i].x + person[i].speed + person[i].size < canvasWidth){
                        person[i].x += person[i].speed;
                    }
                }

                for (var j in blocks){
                    if ((person[i].x - person[i].size > blocks[j].x && person[i].x - person[i].size < blocks[j].x + blocks[j].width && person[i].y - person[i].size > blocks[j].y && person[i].y - person[i].size < blocks[j].y + blocks[j].height) || (person[i].x + person[i].size > blocks[j].x && person[i].x + person[i].size < blocks[j].x + blocks[j].width && person[i].y - person[i].size > blocks[j].y && person[i].y - person[i].size < blocks[j].y + blocks[j].height) || (person[i].x - person[i].size > blocks[j].x && person[i].x - person[i].size < blocks[j].x + blocks[j].width && person[i].y + person[i].size > blocks[j].y && person[i].y + person[i].size < blocks[j].y + blocks[j].height) || (person[i].x + person[i].size > blocks[j].x && person[i].x + person[i].size < blocks[j].x + blocks[j].width && person[i].y + person[i].size > blocks[j].y && person[i].y + person[i].size < blocks[j].y + blocks[j].height)){
                        if (dataObj.up){
                            person[i].y += person[i].speed;
                        }
                        if (dataObj.down){
                                person[i].y -= person[i].speed;
                        }
                        if (dataObj.left){
                                person[i].x += person[i].speed;
                        }
                        if (dataObj.right){
                                person[i].x -= person[i].speed;
                        }
                    }
                }
                

                io.emit("updatePosition", JSON.stringify({arr: person}));
            }
        }
    });

    socket.on("requestBulletPositionUpdate", function(data){
        var dataObj = JSON.parse(data);
        bullet.push(dataObj);
    });


    socket.on("disconnect", function(){
        for (var i in person){
            if (socket.id == person[i].id){
                person[i].id = "";
                person[i].name = "Unused";
                person[i].x = person[i].sX; 
                person[i].y = person[i].sY;
            }
        }
        io.emit("updateControl", JSON.stringify({arr: person}));
        console.log("User " + socket.id + " disconnected");
    });
});

lastTime = new Date().getTime();
msPerCalc = 1000 / 60;

calcs = 0;
frames = 0;

lastTimer = new Date().getTime();
delta = 0;

setInterval(function (){

    now = new Date().getTime();
    delta += (now - lastTime) / msPerCalc;
    lastTime = now;


    while (delta >= 1)
    {
        calcs++;

        //Program's Logic
        update();

        delta -= 1;
    }

    if ((new Date().getTime() - lastTimer) > 1000)
    {
        lastTimer += 1000;
        //console.log("FPS: " + calcs);
        frames = 0;
        calcs = 0;
    }

}, 2);


      

function update(){
    for (var i in bullet){
        bullet[i].x += bullet[i].speedX;
        bullet[i].y += bullet[i].speedY;

        if (bullet[i].x - bullet[i].size < 0 || bullet[i].x + bullet[i].size > canvasWidth){
            bullet[i].speedX = -(bullet[i].speedX);
        }
        if (bullet[i].y - bullet[i].size < 0 || bullet[i].y + bullet[i].size > canvasHeight){
            bullet[i].speedY = -(bullet[i].speedY);
        }

        for (var j in blocks){
            if ((bullet[i].x - bullet[i].size > blocks[j].x && bullet[i].x - bullet[i].size < blocks[j].x + blocks[j].width && bullet[i].y - bullet[i].size > blocks[j].y && bullet[i].y - bullet[i].size < blocks[j].y + blocks[j].height) || (bullet[i].x + bullet[i].size > blocks[j].x && bullet[i].x + bullet[i].size < blocks[j].x + blocks[j].width && bullet[i].y - bullet[i].size > blocks[j].y && bullet[i].y - bullet[i].size < blocks[j].y + blocks[j].height) || (bullet[i].x - bullet[i].size > blocks[j].x && bullet[i].x - bullet[i].size < blocks[j].x + blocks[j].width && bullet[i].y + bullet[i].size > blocks[j].y && bullet[i].y + bullet[i].size < blocks[j].y + blocks[j].height) || (bullet[i].x + bullet[i].size > blocks[j].x && bullet[i].x + bullet[i].size < blocks[j].x + blocks[j].width && bullet[i].y + bullet[i].size > blocks[j].y && bullet[i].y + bullet[i].size < blocks[j].y + blocks[j].height)){
                if (Math.abs(bullet[i].x - blocks[j].x) <= Math.abs(bullet[i].speedX) + bullet[i].size || Math.abs(bullet[i].x - (blocks[j].x + blocks[j].width)) <= Math.abs(bullet[i].speedX) + bullet[i].size){
                    bullet[i].speedX = -(bullet[i].speedX);
                }
                if (Math.abs(bullet[i].y - blocks[j].y) <= Math.abs(bullet[i].speedY) + bullet[i].size || Math.abs(bullet[i].y - (blocks[j].y + blocks[j].height)) <= Math.abs(bullet[i].speedY) + bullet[i].size){
                    bullet[i].speedY = -(bullet[i].speedY);
                }
            }
        }
    }

    for (var i in person){
        for (var j in bullet){
            if (Math.sqrt(Math.pow(bullet[j].x - person[i].x, 2) + Math.pow(bullet[j].y - person[i].y, 2)) < person[i].size + bullet[j].size){
                console.log("Person Hit");

                bullet.splice(j, 1);

                person[i].id = "";
                person[i].name = "Unused";
                person[i].x = person[i].sX; 
                person[i].y = person[i].sY;

                io.emit("updateControl", JSON.stringify({arr: person}));
            }
        }
    }

    io.emit("updateBulletPosition", JSON.stringify({arr: bullet}));
}


console.log('Sever has been created at Port 3000. Press CRL-C to exit.');