JavaScriptを使用したアニメーション処理

  • スクリプト内でIMGエレメント(IMGタグ)を新規に生成します。
  • エレメントの座標を変数の演算結果により変化させることで移動させます。
  • エレメントの画像名を状態に合わせて変更することでアニメーションさせます。
    画像の切り替え時にちらつかないように、使用するイメージ全ての実体を読み込んで 明示的にキャッシュされるようにしています。
  • 定期的な処理を行うためsetIntervalを使用しています。
  • JavaScript自体の構文や動作アルゴリズムに対する詳しい内容は、 適切な書籍やサイトを参考にしてください。


戻る