Solución de problemas de la animación de traducción de Rafael

Question

Estoy intentando usar a Raphael para hacer un juego pequeño, y solo quiero un consejo sobre el código en el que estoy trabajando.

Esto es lo que tengo hasta ahora, es solo un ejemplo simple de mover un círculo alrededor de la pantalla:

<script type="text/javascript" charset="utf-8">
window.onload = function () {
  var paper = Raphael(10, 50, 320, 200);
  var paper = Raphael(document.getElementById("holder"), 320, 200);
  var paper = Raphael("holder", 320, 200);

  var startx = 30;
  var starty = 30;
  var ANIM_STEP = 5;

  var d = paper.circle(startx,starty,20);
  d.attr("fill", "blue");
  document.onkeyup = function (e) {
    var keyid = e.keyCode;

    switch (keyid)
    {
      // right arrow key
      case 39:
        startx += ANIM_STEP;
        d.cx = d.cx || startx ;
        d.animate({cx: d.cx}, startx);
      break;
    }
  }
};
</script>

Ahora, el problema actual que tengo es que solo se anima la primera vez que se hizo clic en la tecla de flecha derecha. Verifiqué que 'startx' se incrementa con un poco de depuración de seguimiento.

Comencé desde el ejemplo de círculo de Raphael y mezclé un poco del ichart , así que mi camino podría no ser el mejor ... Espero sus sugerencias :)

Answer 1

D'oh

tiene que configurar d.cx = startx .... ayuda a actualizar sus variables!