HTML5入門：アニメーションの実装方法３種

HTML5・CSS3のような新しい技術の問題点は、HTML4やらFlashなどの枯れた技術と違ってノウハウ・ライブラリ・ツールとかがまだ十分にそろっていない事。普及のタイミングもまだはっきりとしていないこの段階で手を出せない・出しにくいと感じている人が多いのも良く理解できる。 私から見れば、逆に「こんな楽しい状況は滅多にない」わけで、商売になるかならないかは二の次にしていろいろと試したくなる。 今日作ったのは、HTML5+CSS3上で可能になる（ただし現在ではWebkit独自の拡張を含む）３つのアニメーション・テクニックの比較（左に貼付けたものがそれ、Safari/Chromiumだとすべて動く。Firefox/OperaだとDOMとCanvasのみ（ただし別ウィンドウで開かないとCanvasが動かないークロス・ドメインセキュリティのバグか？））。 詳しくはソース（参照）を見ていただければ

[misomakura]

"アニメーションの実装方法３種"

[itochan]

バグか？　？　＞Firefox/OperaだとDOMとCanvasのみ（ただし別ウィンドウで開かないとCanvasが動かないークロス・ドメインセキュリティのバグか？））。

[natchonbrike]

アニメーション

[serizawawawa]

すげー！

[amachang]

DOM Animation は DOM 2 Style（CSSOM）と setInterval くらいで HTML4 関係ない。 CSS Animation は CSS だし、 Canvas Animation の canvas 要素だけ HTML5。

[faw]

webkit css animation html5 DOM webkit-transition

[ita-wasa]

私から見れば、逆に「こんな楽しい状況は滅多にない」わけで、商売になるかならないかは二の次にしていろいろと試したくなる。 　今日作ったのは、HTML5上で可能になる３つのアニメーション・テクニックの比較（左に貼

[forestk]

もう全部 HTML5 に・・・

[hiroyuki1983]

やっぱ注目の技術だよなHTML5