Risoluzione dei problemi relativi all'animazione della traduzione di Raffaello

Question

Sto tentando di usare Raphael per creare un piccolo gioco e voglio solo un consiglio su un codice su cui sto lavorando.

Ecco quello che ho finora, è solo un semplice esempio di come spostare un cerchio sullo schermo:

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

Ora, il problema attuale che sto riscontrando è che si anima solo la prima volta che si è fatto clic sul tasto freccia destra. Ho verificato che "startx" è incrementato con un po 'di debug della traccia.

Sono partito dal Raffaello esempio di cerchia e ho eliminato un po 'dal ichart , quindi la mia strada potrebbe non essere la migliore ... non vedo l'ora di ricevere i tuoi suggerimenti :)

Answer 1

D'oh

devi impostare d.cx = startx .... aiuta ad aggiornare le tue variabili!