タグ: Animation Fundamentals
-

状態管理統合(State Management)アニメーションを「構造」にする
← Prev Next → ここまでで、私たちはこういうものを作ってきました。 でも、まだ1つ問題があります。 1.問題:処理が全部1つの中にある 例えばこんなコードになっていませんか? 動きます。で…
-

easingとは?アニメーションの減速・加速を作る方法【cubic-bezierも解説】
← Prev Next → アニメーションが「どこか硬い」と感じたことはありませんか? それは 速度が一定だから かもしれません。 そこで登場するのが easing(イー…
-

deltaTimeとは?requestAnimationFrameで正確なアニメーションを作る方法
← Prev Next → JavaScriptでアニメーションを作っていると、こんな現象に出会います。 原因はほぼ同じです。 フレーム数に依存して動かしていること。 それを解決するのが d…
-

requestAnimationFrameの使い方を初心者向けに解説【setIntervalとの違いも比較】
← Prev Next → 1. requestAnimationFrameとは? JavaScriptで「なめらかなアニメーション」を作るときに使うのがrequestAnimationFrame(r…