ブログ
-
フレームレートとは？60fpsの仕組みとパフォーマンス最適化(#04)
← Prev Next → アニメーションが「なめらか」に見えるとき、裏ではある数字が動いています。 それが フレームレート（fps） です。 今回は、 を、できるだけやさしく整理…
-
easingとは？アニメーションの減速・加速を作る方法【cubic-bezierも解説】(#03)
← Prev Next → アニメーションが「どこか硬い」と感じたことはありませんか？ それは 速度が一定だから かもしれません。 そこで登場するのが easing（イー…
-
deltaTimeとは？requestAnimationFrameで正確なアニメーションを作る方法(#02)
← Prev Next → JavaScriptでアニメーションを作っていると、こんな現象に出会います。 原因はほぼ同じです。 フレーム数に依存して動かしていること。 それを解決するのが d…
-
requestAnimationFrameの使い方を初心者向けに解説【setIntervalとの違いも比較】(#01)
← Prev Next → 1. requestAnimationFrameとは？ requestAnimationFrameは、ブラウザの描画タイミングに合わせて処理を実行するためのAPIです。 主…