Merge pull request #1 from AsheUrban/dr

add logic to solve for window not defined error; fix line indents

src/index.js

@@ -8,30 +8,34 @@ import ControlInput from '../src/js/controls.js';
 // import 'bootstrap/dist/css/bootstrap.min.css';
 // import './css/styles.css';
 
-window.addEventListener("load", function(){
-  const canvas = document.getElementById("canvas-1");
-  const ctx = canvas.getContext("2d");
-  canvas.width = 800;
-  canvas.height = 720;
+if (typeof window !== 'undefined') { //You are on the browser; can use window here
+  window.addEventListener("load", function(){
+    const canvas = document.getElementById("canvas-1");
+    const ctx = canvas.getContext("2d");
+    canvas.width = 800;
+    canvas.height = 720;
 
-  const input = new ControlInput();
-  const player = new Player(canvas.width, canvas.height);
-  const background = new Background(canvas.width, canvas.height);
-
+    const input = new ControlInput();
+    const player = new Player(canvas.width, canvas.height);
+    const background = new Background(canvas.width, canvas.height);
 
-  // Display score || Game Over text
+
+    // Display score || Game Over text
 
-  // function displayStatus(){
+    // function displayStatus(){
 
-  // }
-  function animationLoop(){
-    ctx.clearRect(0,0,canvas.width, canvas.height);
-    background.draw(ctx);
-    //background.update();
-    player.draw(ctx);
-    player.update(input);
-    requestAnimationFrame(animationLoop);
+    // }
+    function animationLoop(){
+      ctx.clearRect(0,0,canvas.width, canvas.height);
+      background.draw(ctx);
+      //background.update();
+      player.draw(ctx);
+      player.update(input);
+      requestAnimationFrame(animationLoop);
 
-  }
-  animationLoop();
-});
+    }
+    animationLoop();
+  });
+
+} else { //You are on the server; don't use window here
+}