CSSアニメーション（Keyframes）は手軽ですが、ユーザー操作への応答や複雑な演算（正弦波など）を用いた動きには不向きです。ブラウザの描画サイクルと同期し、60fpsの滑らかな動作を実現するには requestAnimationFrame が必須となります。 実務で即座に使える ...

Webブラウザ上でアニメーションや定期的な画面更新処理を実装する際、古くから使われてきた setInterval や setTimeout に頼っていませんか？ もし、あなたが実装したアニメーションが「時々カクつく」「スマホで見るとバッテリーの減りが早い」といった問題 ...

The issue this fixes: You've got a page with many canvases each independently using requestAnimationFrame (rAF) to handle animation. Most browsers as of March 2015 ...

Hey there. I was wondering if I could change all the examples to use requestAnimationFrame instead of setInterval. setInterval is bad because it eats up CPU and GPU even when on a hidden tab or ...