Устранение неполадок анимации перевода Рафаэля - PullRequest
Новая
       12

Устранение неполадок анимации перевода Рафаэля

0 голосов
/ 22 октября 2009

Я пытаюсь использовать Рафаэля для создания маленькой игры, и просто хочу дать небольшой совет по поводу кода, над которым я работаю.

Вот что у меня есть, это простой пример перемещения круга по экрану: 

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

Теперь, текущая проблема, с которой я столкнулся, заключается в том, что она анимируется только при первом нажатии правой клавиши со стрелкой. Я проверил, что startx увеличен с некоторой отладкой трассировки.

Я начал с примера круга Рафаэля и немного разбился от ichart , так что мой путь может быть не самым лучшим ... Я с нетерпением жду ваших предложений :)

1 Ответ

0 голосов
/ 22 октября 2009

D'о

необходимо установить d.cx = startx .... помогает обновить ваши переменные!

...