JavaScript アニメーション

requestAnimationFrame を使って動かしてみよう

解説動画

実演:四角を動かす

上にある動画の作り方

  

STEP 1:PowerPointを作る

解説用スライドを PowerPoint で作成します
ノートに説明を入れます

STEP 2:図形で吹き出しを作る

[挿入]から[図形]で説明の四角形や吹き出しを挿入します

STEP 3:アニメーションを設定

開始のアニメーションをつけて
終了のクリアで図形を消します

STEP 4:録画する

[スライドショー]の[録画]から録画する

STEP 5:mp4で保存する

[スライドショー]の[録画]から録画する
[名前を付けて保存]から mp4 形式で保存します