requestAnimationFrame()というとCanvas APIなどを使ったクリエイティブコーディングでよく使われる手法ですが、クリエイティブコーディングに限ったものではなく、一般的なウェブサイトのアニメーション表現にも役立ちます。 この記事では「トップに戻るアニメーション」を例に、requesetAnimationFrame()の基本的な使い方から、実際のWebサイトで使える実装までチュートリアル形式で解説しています。 この記事で学べること requestAnimationFrame()でアニメーションするやり方 ディスプレイのリフレッシュレートに依存しない実装方法 イージング関数を使ったアニメーション さまざまな作例のサンプルファイルも用意しています。ぜひご覧ください。 サンプルを別ウインドウで再生する setInterval()との違い requestAnimationFr
![Canvasだけじゃない!requestAnimationFrameを使ったアニメーション表現 - ICS MEDIA](https://cdn-ak-scissors.b.st-hatena.com/image/square/3fcbe6bea4f96386b47cd98d53567f3d76fd1dad/height=288;version=1;width=512/https%3A%2F%2Fics.media%2Fentry%2F210414%2Fimages%2Feyecatch.png)