Raphael翻訳アニメーションのトラブルシューティング
-
05-07-2019 - |
質問
Raphaelを使用して小さなゲームを作成しようとしていますが、現在作業中のコードについて少しアドバイスを求めています。
これまでのところ、これは画面上で円を動かす簡単な例です:
<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」が増加することを確認しました。
Raphael 円の例から始めて、 ichart なので、私のやり方は最高ではないかもしれません...私はあなたの提案を楽しみにしています:)
解決
D'oh
d.cx = startxを設定する必要があります....変数の更新に役立ちます!
所属していません StackOverflow