Added scoring and collision

Author: noelking

www/css/style.css

@@ -124,6 +124,14 @@ img#ninja {
     position: absolute;
 }
 
+div#score {
+    position: absolute;
+    right: 5%;
+    top: 10%;
+    color: yellow;
+    font-size: 50px;
+}
+
 
 
 

www/index.html

@@ -17,6 +17,9 @@
         	<div class="cloud c4"></div>
         </div>
 
+        <div id="score">
+        </div>
+        
         <div id="cylinder" class="cylinder">
         	<div class="top"></div>
         	<div class="middle"></div>

www/js/jumpy.js

@@ -4,14 +4,15 @@ var jumpBy = 10;
 var ninja;
 var screenWidth = screen.width;
 var runBy = 10;
-
+var score;
 
 function startGame() {
 	cylinder = 	$("#cylinder");
     ninja = $("#ninja");
     ninja.click(function() {
         run();
     });
+    score = 10;
     jump(10);
 }
 
@@ -48,6 +49,8 @@ function run() {
     }
     else if (newLeftPosition < 0) {
         stop();
+        score = score * 2;
+        updateScore();
     }
     else {
         if(isCollision()) {
@@ -57,7 +60,26 @@ function run() {
             setTimeout(run, 20);
         }
     }
+}
 
+function isCollision() {
+    var ninjaPosition = ninja.offset();
+    var cylinderPosition = cylinder.offset();
+    var ninjaLeft = ninjaPosition.left;
+    var ninjaRight = ninjaLeft+80;
+    
+    var cylinderLeft = cylinderPosition.left;
+    var cylinderRight = cylinderLeft + 50;
+    var cylinderGap = screenHeight - (cylinderPosition.top+350);
+    
+    if(ninjaRight > cylinderLeft
+       && ninjaLeft < cylinderRight
+       && cylinderGap < 150) {
+        return true;
+    } else {
+        return false;
+    }
+    
 }
 
 
@@ -73,4 +95,8 @@ function stop() {
 
 }
 
+function updateScore() {
+    $("#score").html(score);
+}
+
 startGame();