Dépannage de l'animation de traduction Raphael

Question

J'essaie d'utiliser Raphael pour créer un petit jeu et je veux juste un conseil sur le code sur lequel je travaille.

Voici ce que j'ai jusqu'à présent, c'est juste un exemple simple de déplacement d'un cercle autour de l'écran:

<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>

Maintenant, le problème que je rencontre est qu’il n’anime que le premier clic sur la touche flèche droite. J'ai vérifié que 'startx' est incrémenté avec un débogage de trace.

J'ai commencé par Raphaël exemple de cercle et écrasé un peu à partir de ichart , mon chemin n'est peut-être pas le meilleur ... J'attends vos suggestions avec impatience:)

Answer 1

D'oh

devez définir d.cx = startx .... aide à mettre à jour vos variables!