HTML5アニメの概要を総ざらいしたい。

モバイル向けFlashがディスコンになったところでHTML5アニメを総ざらいしたい。

アドビから正式に発表がありました。

これで、HTML5へのシフトが加速すると思われます。

しかし、HTML5アニメーションといっても、

主要なフォーマットだけで、三つもあります。

まずは、DOMアニメーション。

これはcss,JavaScriptだけで作るアニメーションです。

そして、SVG。

これはベクター形式で画像を扱います。

RaphaëlというJavaScriptライブラリが有名です。

次に、canvas。

これはもともとAppleのMachintoshの「ダッシュボード」に使われていたテクノロジーです。

それぞれ長所・短所があります。

1)DOMアニメーション

長所・・・軽い。スマートフォンのよな非力な環境でも軽快に動く。

短所・・・複雑な図形は扱えない。せいぜい円、四画形（角丸）、くらい。

2)SVG

長所・・・ベクターグラフィックスなので、画像を拡大しても劣化しない。

短居・・・現状Androidの対応が遅れている。

3)Canvas

長所・・・svgより複雑なアニメーションを作ることができる。

短所・・・イベントハンドラを実装できない。