Game Files

author: Kumar Priyansh <[email protected]> 2017-11-14 17:25:15 +0530
committer: GitHub <[email protected]> 2017-11-14 17:25:15 +0530
commit: e7775be7a17b5169e2290dce93c3736359d39d13 (patch)
tree: 5cf5b98d7f2c440bd625bbd5d0bfa4301495156b
parent: bebead2e3e9438f749c92bdbafd6fc8d5a9e14c5 (diff)
download: SnakeGame-e7775be7a17b5169e2290dce93c3736359d39d13.tar.xz
SnakeGame-e7775be7a17b5169e2290dce93c3736359d39d13.zip
4 files changed, 256 insertions, 0 deletions
diff --git a/canvas.css b/canvas.css
new file mode 100644
index 0000000..d1ac07b
--- /dev/null
+++ b/canvas.css
@@ -0,0 +1,7 @@
+body {
+  text-align:center;
+  font-family: helvetica;
+}
+canvas {
+  border: 2px solid darkred;
+}
+\ No newline at end of file
diff --git a/credits.html b/credits.html
new file mode 100644
index 0000000..abde925
--- /dev/null
+++ b/credits.html
@@ -0,0 +1,11 @@
+<html>
+    <head>
+        <title>Snake - Credits</title>
+    </head>
+    <body>
+        <h1>Snake by LuciferReeves</h1>
+        <br>
+        <p>Snake game designed by <a href="https://github.com/luciferreeves">luciferreeves</a></p>
+        <a href="game.html">Start a new Game</a>
+    </body>
+</html>
+\ No newline at end of file
diff --git a/game.html b/game.html
new file mode 100644
index 0000000..bc935d7
--- /dev/null
+++ b/game.html
@@ -0,0 +1,14 @@
+<html>
+    <head>
+        <title>Snake by Lucifer</title>
+        <link rel="stylesheet" href="canvas.css">
+        <script src="script.js"></script>
+    </head>
+    <body>
+        <h3>Snake</h3>
+<canvas id="stage" height="480" width="720"></canvas>
+        <br><br>
+        <a href="game.html">New Game</a>
+        <a href="credits.html">Credits</a>
+    </body>
+</html>
+\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..599da5a
--- /dev/null
+++ b/script.js
@@ -0,0 +1,224 @@
+/**
+ * Namespace
+ */
+var Game      = Game      || {};
+var Keyboard  = Keyboard  || {}; 
+var Component = Component || {};
+
+/**
+ * Keyboard Map
+ */
+Keyboard.Keymap = {
+  37: 'left',
+  38: 'up',
+  39: 'right',
+  40: 'down'
+};
+
+/**
+ * Keyboard Events
+ */
+Keyboard.ControllerEvents = function() {
+  
+  // Setts
+  var self      = this;
+  this.pressKey = null;
+  this.keymap   = Keyboard.Keymap;
+  
+  // Keydown Event
+  document.onkeydown = function(event) {
+    self.pressKey = event.which;
+  };
+  
+  // Get Key
+  this.getKey = function() {
+    return this.keymap[this.pressKey];
+  };
+};
+
+/**
+ * Game Component Stage
+ */
+Component.Stage = function(canvas, conf) {  
+  
+  // Sets
+  this.keyEvent  = new Keyboard.ControllerEvents();
+  this.width     = canvas.width;
+  this.height    = canvas.height;
+  this.length    = [];
+  this.food      = {};
+  this.score     = 0;
+  this.direction = 'right';
+  this.conf      = {
+    cw   : 10,
+    size : 5,
+    fps  : 1000
+  };
+  
+  // Merge Conf
+  if (typeof conf == 'object') {
+    for (var key in conf) {
+      if (conf.hasOwnProperty(key)) {
+        this.conf[key] = conf[key];
+      }
+    }
+  }
+  
+};
+
+/**
+ * Game Component Snake
+ */
+Component.Snake = function(canvas, conf) {
+  
+  // Game Stage
+  this.stage = new Component.Stage(canvas, conf);
+  
+  // Init Snake
+  this.initSnake = function() {
+    
+    // Itaration in Snake Conf Size
+    for (var i = 0; i < this.stage.conf.size; i++) {
+      
+      // Add Snake Cells
+      this.stage.length.push({x: i, y:0});
+		}
+	};
+  
+  // Call init Snake
+  this.initSnake();
+  
+  // Init Food  
+  this.initFood = function() {
+		
+    // Add food on stage
+    this.stage.food = {
+			x: Math.round(Math.random() * (this.stage.width - this.stage.conf.cw) / this.stage.conf.cw), 
+			y: Math.round(Math.random() * (this.stage.height - this.stage.conf.cw) / this.stage.conf.cw), 
+		};
+	};
+  
+  // Init Food
+  this.initFood();
+  
+  // Restart Stage
+  this.restart = function() {
+    this.stage.length            = [];
+    this.stage.food              = {};
+    this.stage.score             = 0;
+    this.stage.direction         = 'right';
+    this.stage.keyEvent.pressKey = null;
+    this.initSnake();
+    this.initFood();
+  };
+};
+
+/**
+ * Game Draw
+ */
+Game.Draw = function(context, snake) {
+  
+  // Draw Stage
+  this.drawStage = function() {
+    
+    // Check Keypress And Set Stage direction
+    var keyPress = snake.stage.keyEvent.getKey(); 
+    if (typeof(keyPress) != 'undefined') {
+      snake.stage.direction = keyPress;
+    }
+    
+    // Draw White Stage
+		context.fillStyle = "white";
+		context.fillRect(0, 0, snake.stage.width, snake.stage.height);
+		
+    // Snake Position
+    var nx = snake.stage.length[0].x;
+		var ny = snake.stage.length[0].y;
+		
+    // Add position by stage direction
+    switch (snake.stage.direction) {
+      case 'right':
+        nx++;
+        break;
+      case 'left':
+        nx--;
+        break;
+      case 'up':
+        ny--;
+        break;
+      case 'down':
+        ny++;
+        break;
+    }
+    
+    // Check Collision
+    if (this.collision(nx, ny) == true) {
+      snake.restart();
+      return;
+    }
+    
+    // Logic of Snake food
+    if (nx == snake.stage.food.x && ny == snake.stage.food.y) {
+      var tail = {x: nx, y: ny};
+      snake.stage.score+=5;
+      snake.initFood();
+    } else {
+      var tail = snake.stage.length.pop();
+      tail.x   = nx;
+      tail.y   = ny;	
+    }
+    snake.stage.length.unshift(tail);
+    
+    // Draw Snake
+    for (var i = 0; i < snake.stage.length.length; i++) {
+      var cell = snake.stage.length[i];
+      this.drawCell(cell.x, cell.y);
+    }
+    
+    // Draw Food
+    this.drawCell(snake.stage.food.x, snake.stage.food.y);
+    
+    // Draw Score
+    context.fillText('Score: ' + snake.stage.score, 5, (snake.stage.height - 5));
+  };
+  
+  // Draw Cell
+  this.drawCell = function(x, y) {
+    context.fillStyle = 'rgb(170, 170, 170)';
+    context.beginPath();
+    context.arc((x * snake.stage.conf.cw + 6), (y * snake.stage.conf.cw + 6), 4, 0, 2*Math.PI, false);    
+    context.fill();
+  };
+  
+  // Check Collision with walls
+  this.collision = function(nx, ny) {  
+    if (nx == -1 || nx == (snake.stage.width / snake.stage.conf.cw) || ny == -1 || ny == (snake.stage.height / snake.stage.conf.cw)) {
+      return true;
+    }
+    return false;    
+	}
+};
+
+
+/**
+ * Game Snake
+ */
+Game.Snake = function(elementId, conf) {
+  
+  // Sets
+  var canvas   = document.getElementById(elementId);
+  var context  = canvas.getContext("2d");
+  var snake    = new Component.Snake(canvas, conf);
+  var gameDraw = new Game.Draw(context, snake);
+  
+  // Game Interval
+  setInterval(function() {gameDraw.drawStage();}, snake.stage.conf.fps);
+};
+
+
+/**
+ * Window Load
+ */
+window.onload = function() {
+  var snake = new Game.Snake('stage', {fps: 100, size: 4});
+};
+\ No newline at end of file
author	Kumar Priyansh <[email protected]>	2017-11-14 17:25:15 +0530
committer	GitHub <[email protected]>	2017-11-14 17:25:15 +0530
commit	e7775be7a17b5169e2290dce93c3736359d39d13 (patch)
tree	5cf5b98d7f2c440bd625bbd5d0bfa4301495156b
parent	bebead2e3e9438f749c92bdbafd6fc8d5a9e14c5 (diff)
download	SnakeGame-e7775be7a17b5169e2290dce93c3736359d39d13.tar.xz SnakeGame-e7775be7a17b5169e2290dce93c3736359d39d13.zip