From 06e2ed54fe4ad4adacd9e3e627635420a77a4b1c Mon Sep 17 00:00:00 2001
From: Tommaso <p.tommy93@gmail.com>
Date: Tue, 2 Jun 2015 10:21:33 +0200
Subject: [PATCH] Add rudimental border and increase squares' size for better
 performance

---
 client/js/app.js | 43 +++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 41 insertions(+), 2 deletions(-)

diff --git a/client/js/app.js b/client/js/app.js
index a32f6b8d0..67b30c683 100644
--- a/client/js/app.js
+++ b/client/js/app.js
@@ -327,12 +327,12 @@ function drawEnemy(enemy) {
 }
 
 function drawgrid(){
-    for (var x = xoffset; x < screenWidth; x += screenHeight/20) {
+    for (var x = xoffset; x < screenWidth; x += screenHeight/10) {
         graph.moveTo(x, 0);
         graph.lineTo(x, screenHeight);
     }
 
-    for (var y = yoffset ; y < screenHeight; y += screenHeight/20) {
+    for (var y = yoffset ; y < screenHeight; y += screenHeight/10) {
         graph.moveTo(0, y);
         graph.lineTo(screenWidth, y);
     }
@@ -341,6 +341,44 @@ function drawgrid(){
     graph.stroke();
 }
 
+function drawborder() {
+    // Left-vertical
+    if (player.x <= screenWidth/2) {
+        graph.beginPath();
+        graph.moveTo(screenWidth/2 - player.x, 0 ? player.y > screenHeight/2 : screenHeight/2 - player.y);
+        graph.lineTo(screenWidth/2 - player.x, gameHeight + screenHeight/2 - player.y);
+        graph.strokeStyle = "#000000";
+        graph.stroke();
+    }
+
+    // Top-horizontal
+    if (player.y <= screenHeight/2) {
+        graph.beginPath();
+        graph.moveTo(0 ? player.x > screenWidth/2 : screenWidth/2 - player.x, screenHeight/2 - player.y);
+        graph.lineTo(gameWidth + screenWidth/2 - player.x, screenHeight/2 - player.y);
+        graph.strokeStyle = "#000000";
+        graph.stroke();
+    }
+
+    // Right-vertical
+    if (gameWidth - player.x <= screenWidth/2) {
+        graph.beginPath();
+        graph.moveTo(gameWidth + screenWidth/2 - player.x, screenHeight/2 - player.y);
+        graph.lineTo(gameWidth + screenWidth/2 - player.x, gameHeight + screenHeight/2 - player.y);
+        graph.strokeStyle = "#000000";
+        graph.stroke();
+    }
+
+    // Bottom-horizontal
+    if (gameHeight - player.y <= screenHeight/2) {
+        graph.beginPath();
+        graph.moveTo(gameWidth + screenWidth/2 - player.x, gameHeight + screenHeight/2 - player.y);
+        graph.lineTo(screenWidth/2 - player.x, gameHeight + screenHeight/2 - player.y);
+        graph.strokeStyle = "#000000";
+        graph.stroke();
+    }
+}
+
 function gameInput(mouse) {
     target.x = mouse.clientX;
     target.y = mouse.clientY;
@@ -366,6 +404,7 @@ function gameLoop() {
             graph.fillStyle = backgroundColor;
             graph.fillRect(0, 0, screenWidth, screenHeight);
             drawgrid();
+            drawborder();
             for (var i = 0; i < foods.length; i++) {
                 drawFood(foods[i]);
             }