Focus on Input, pipe arrows to game

app/js/application.js

@@ -15,13 +15,28 @@ $(document).ready(function(){
   input_editor.renderer.setShowGutter(false);
   input_editor.focus();
 
+  input_editor.on("blur",function(){
+    input_editor.focus();
+  });
+
   window.input_editor = input_editor;
 
   input_editor.container.addEventListener("keydown", function(e){
     if (e.keyCode == 13) {
       var value = input_editor.getSession().getValue();
       input_editor.setValue("");
       postToServer(value)
+    } else if (e.keyCode > 36 && e.keyCode < 40) {
+      e.preventDefault();
+      e.stopImmediatePropagation();
+
+      if (e.keyCode == 37) {
+      cursors.left.processKeyDown(pressKey(37));
+      } else if (e.keyCode == 38) {
+        cursors.up.processKeyDown(pressKey(38));
+      } else if (e.keyCode == 39) {
+        cursors.right.processKeyDown(pressKey(39));
+      }
     }
   }, true);
 
@@ -67,3 +82,35 @@ function nextDialogue(characterName, dialogueArray, deleteDialogue) {
     }
   }
 }
+
+function pressKey(code) {
+  var keyboardEvent = document.createEvent("KeyboardEvent");
+  Object.defineProperty(keyboardEvent, 'keyCode', {
+    get : function() {
+      return this.keyCodeVal;
+    }
+  });
+
+  Object.defineProperty(keyboardEvent, 'which', {
+    get : function() {
+      return this.keyCodeVal;
+    }
+  });
+
+  var initMethod = typeof keyboardEvent.initKeyboardEvent !== 'undefined' ? "initKeyboardEvent" : "initKeyEvent";
+
+  keyboardEvent[initMethod](
+     "keydown", // event type : keydown, keyup, keypress
+     true, // bubbles
+     true, // cancelable
+     window, // viewArg: should be window
+     false, // ctrlKeyArg
+     false, // altKeyArg
+     false, // shiftKeyArg
+     false, // metaKeyArg
+     code, // keyCodeArg : unsigned long the virtual key code, else 0
+     0 // charCodeArgs : unsigned long the Unicode character associated with the depressed key, else 0
+  );
+  keyboardEvent.keyCodeVal = code;
+  return keyboardEvent;
+}

app/js/rubysadventure.js

@@ -74,8 +74,8 @@ function setupSprites() {
   addSprite(game, 'sun', 0.5, 0.65);
 
   for (var i = 0; i < 3; i++) {
-    addSprite(game, 'cloud1', -0.05 + i, randomHeightPercent(0.0, 0.3));
-    addSprite(game, 'cloud2', 0.6 + i, randomHeightPercent(0.5, 0.7));
+    addSprite(game, 'cloud1', -0.05 + i, randomHeightPercent(0.0, 0.4));
+    addSprite(game, 'cloud2', 0.6 + i, randomHeightPercent(0.5, 0.6));
     addSprite(game, 'birds', 0.48 + i, Math.random());
   }
 
@@ -172,7 +172,6 @@ function update() {
       facing = 'idle';
     }
   }
-
 }
 
 function randomHeightPercent(lower, higher) {