Added GameOver(Restart button) and score board.

javascript/background.js

@@ -77,6 +77,16 @@ function stopMovingBackgound(name) {
     background(name).stopMoving();
 }
 
+function stopAllBackgrounds(){
+
+	var keys = Object.keys(backgrounds);
+	for (i = 0; i < keys.length; i++){
+    	    stopMovingBackgound(keys[i]);
+	}
+	stopMovingBackgound(flappy.layerName);
+
+}
+
 function backgroundChange(layer){
 	desertHide()
 	gothamHide()
@@ -118,4 +128,4 @@ function gothamShow(){
 function gothamHide(){
         hide_layer('Gotham');
         hide_layer('Gotham_obstacles');
-}
+}

javascript/flapping.js

@@ -12,15 +12,15 @@ Flappy.prototype = {
     velocity : 0,
     gravity : 1.8,
     flapVelocity : -20,
-    
+
     startFlapping : function() {
         this.action.start();
         this.position.show();
     },
     stopFlapping : function() {
         this.action.stop();
     },
-    
+
     fly : function() {
         this.velocity += this.gravity;
         this.position.y = this.position.y + this.velocity;
@@ -55,7 +55,7 @@ Flappy.prototype = {
                 return;
 
             var c = isOverlap(flappy_rect, o_rect);
-                        
+
             if (c || o_rect.right < flappy_rect.left)
                 obstacles.push(obstacles.shift());
 
@@ -69,7 +69,7 @@ Flappy.prototype = {
 
         //On collision code here.
         if (this._isCollided)
-            alert("hit");
+       	    onCollision();
     },
 
     get isCollided(){
@@ -81,7 +81,7 @@ var flappy = null;
 
 function characterChange(layer) {
     hide_layer('bird');
-    hide_layer('bat'); 
+    hide_layer('bat');
     hide_layer('alien');
     hide_layer('flappydino');
     hide_layer('helicopter');
@@ -111,4 +111,13 @@ function stopFlappingBackgound(name) {
 //Parameters are rects
 function isOverlap(e1, e2) {
     return (e1.top <= e2.bottom && e2.top <= e1.bottom && e1.right >= e2.left && e1.left <= e2.right);
-}
+}
+
+function onCollision(){
+    show_layer('gameover');
+    stopAllBackgrounds();
+}
+
+function restartGame(){
+    location.reload();
+}

javascript/start.js

@@ -1,6 +1,8 @@
 // Execute everything that should be started.
 // This script must be the last script. Otherwise not all functions may be loaded.
 
+
+
 window.onload = function() {
     scaleToFullscreen();
     showStartScreen();