CSSアニメーション(Keyframes)は手軽ですが、ユーザー操作への応答や複雑な演算(正弦波など)を用いた動きには不向きです。ブラウザの描画サイクルと同期し、60fpsの滑らかな動作を実現するには requestAnimationFrame が必須となります。 実務で即座に使える ...
SVG is suddenly an important web technology. Let's take a look at using SVG with nothing but code. SVG is suddenly an important web technology - arguably more important that the new HTML5 Canvas.
SVGアニメーションとは、SVG(Scalable Vector Graphics)形式の画像を動かす技術のことです。 SVGはベクター形式の画像データで、拡大・縮小しても劣化しないという特性を持っています。そのSVGに対して、動き・変形・色の変化などを加えることで、Webサイト上で ...