Merge pull request #1 from Marauderer97/key-control

Fixes fossasia#253 Adds Keyboard Control and updates the how-to-play svg

javascript/start.js

@@ -1,14 +1,15 @@
 // Execute everything that should be started.
 // This script must be the last script. Otherwise not all functions may be loaded.
 
-
+var characters;
+var backgrounds;
 
 window.onload = function() {
     scaleToFullscreen();
     showStartScreen();
 
-    var characters = ["bird", "bat", "alien","flappydino","helicopter", "rocket","Santa", "Super_rocket", "Flappyfish",  "unicorn", "botty", "black_cat","ball","octodex", "grandma","dog"];
-    var backgrounds=["background","Gotham","space","Snow", "Sea", "Island", "binarybg","Evil"];
+    characters = ["bird", "bat", "alien","flappydino","helicopter", "rocket","Santa", "Super_rocket", "Flappyfish",  "unicorn", "botty", "black_cat","ball","octodex", "grandma","dog"];
+    backgrounds=["background","Gotham","space","Snow", "Sea", "Island", "binarybg","Evil"];
 
     rand=Math.floor((Math.random() * (backgrounds.length)));
     backgroundChange(backgrounds[rand])
@@ -17,3 +18,31 @@ window.onload = function() {
     characterChange(characters[rand])
 
 }
+i=0;
+j=0;
+window.onkeydown = function(event){
+    switch(event.keyCode){
+        case 32:
+            var layer=characters[i];
+            console.log(characters[i]);
+            characterChange(layer);
+            i=(i+1)%(characters.length);
+            break;
+        case 66:
+            var layer=backgrounds[j];
+            console.log(backgrounds[j]);
+            backgroundChange(layer);
+            j=(j+1)%(backgrounds.length);
+            break;
+        case 13:
+            startGame();
+            break;
+        case 82:
+            restartGame();
+            break;
+        default:
+            console.log("enterred");
+            break;
+    }
+    return false;
+}