1

HTML5キャンバスで画像をアニメーション化するにはどうすればよいですか?

私は今このコードを持っています:http://jsfiddle.net/WnjB6/1/

ここでは、次のようなアニメーションを追加できます->Animation.add('stand', [0, 1, 2, 3, 4, 5]);

しかし、このアニメーションを再生する方法は?私の画像描画機能は->drawTile(canvasX, canvasY, tile, tileWidth, tileHeight);

Animation['stand']; return 0, 1, 2, 3, 4, 5

Animation.play('stand')を実行するときのようなものが必要です。'stand'配列からアニメーションを実行します。

私はこれをある日のようにやろうとしていますが、それ以上の方法はわかりません。:(

私の悪い英語に感謝し、申し訳ありません。

4

1 に答える 1

1

どうぞ!

http://jsfiddle.net/WnjB6/5/

単純なアニメーションを追跡するために必要なすべての状態を追加し、アニメーションを繰り返す方法も追加しました。

アニメーションを繰り返す代わりに、常に「デフォルト」のアニメーションサイクルが実行され、アニメーションの開始によって中断されるようにすることもできます。

これは、「スタンド」を常に再生してから「攻撃」などを実行し、「攻撃」が完了したら「スタンド」に戻る場合に便利です。しかし、それは別の日です!

于 2012-06-11T00:41:13.263 に答える