title: EaselJS Keyboard Ticker Problems
body: <p>I'm experimenting with EaselJS for the first time, and I'm trying to make a normal square move. I created used a Ticker to animate a square from the left to the right of the screen. It seemed choppy, so I raised the FPS of that ticker (via <code>Ticker.setFPS(60)</code>).</p>
  
  <p>My next step is to add keyboard events to allow the square to move. I've done so successfully, but the same choppiness has come back. I've tried setting the FPS of the Ticker to a higher rate, which isn't fixing my problem at all. Here is my code:</p>
  
  <pre><code>var c = document.getElementById("c");
  var stage = new createjs.Stage("c");
  var square = new createjs.Shape();
  
  function init() {   
      square.graphics.beginFill("#3A5FCD").drawRect(0, 0, 75, 75);
      square.x = 50;
      square.y = 50;
  
      stage.addChild(square);
      stage.update();
  
      //Update stage will render next frame
      createjs.Ticker.addEventListener("tick", stage);
      createjs.Ticker.addEventListener("tick", move);
      createjs.Ticker.setFPS(60);
  
      this.document.onkeydown = move;
  }
  
  function move(event) {
      switch(event.keyCode) {
          case 37:
              square.x -= 10;
              break;
          case 39:
              square.x += 10;
              break;
          case 38:
              square.y -= 10;
              break;
          case 40:
              square.y += 10;
              break;
      }
  }
  </code></pre>
  
  <p>So, to sum up my question, how would I increase the FPS without being attached to the Ticker, or better yet, how can I attach the keyboard events to the Ticker?</p>
  
  <p>Thanks in advance.</p>