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

HTML5のCanvasという機能と、JavaScriptのrequestAnimationFrameを使って簡単なアニメーションを実装してみました。 壁と円の衝突判定も実装してます。