HTML5で複雑なアニメーションを実現する最適な方法とは？ CreateJSを使って容量もパフォーマンスも最適化しよう - ICS MEDIA

HTML5で複雑なアニメーションを実現する最適な方法とは？ CreateJSを使って容量もパフォーマンスも最適化しよう HTML5で複雑なアニメーションを実現する方法にはいつか方法がありますが、それぞれの手法について容量とパフォーマンスのメリット・デメリットを検証してみたいと思います。 スプライトシートを使う方法 ベクターアニメーションを使う方法 スプライトシートビルダーを使う方法 おまけ：GIFアニメーションを使う方法 おまけ：Flashアニメーションを使う方法 スプライトシートを使う スプライトシートとは映画のコマのようにアニメーションの全コマを画像として用意しておいて、順番に高速に切り替えることでアニメーションを実現する方法です。enchant.jsやCreateJSなど多くのJavaScriptのフレームワークで採用されており、もっともスタンダードな方法です。 表現の再現性が高いう

[pero_pero]

よしFLASH使おう

[ruedap]

ラスターだと重すぎて、ベクターだと遅すぎて、中間のスプライトシートビルダーというのがかなり良さげだけど描画はビットマップなのでRetinaで汚い。この手の表現でFlash並に最適になるのはまだ掛かりそう

[ProjectNya]

Flash万歳！

[sekitaka_1214]

動画作成はコストがかかるので、アニメーション手法を探していた

[nilab]

HTML5で複雑なアニメーションを実現する最適な方法とは？ CreateJSを使って容量もパフォーマンスも最適化しよう – ICS LAB

[ryv2225]

“Adobe MAX 2013 – CreateJS: Building Rich Interactive Experiences in HTML5 – Togetter”

[iww]

20体で60fpsキープ出来てないように見える。

[yamadar]

スプライトシートビルダーを使うと良い。ベクター情報 → ビットマップ化 → アニメーションレンダリング。

[pyaoo]

HTML5で複雑なアニメーションを実現する最適な方法とは？ CreateJSを使って容量もパフォーマンスも最適化しよう | ICS LAB

[sp_ice]

アニメーション実装方法の比較

[s5-style]

CreateJSスプライトシートビルダー

[ooze-flash]

良記事

[hisasann]

スプライトシート、ベクターアニメーション、アニメーションgif

[mousepancyo]

Flash / HTML5 / Animation

[tasuku_i]

HTML5でのアニメーション、どの方法がいいのか悩ましかったので、メリット・デメリットが簡単に纏められてて嬉しい。参考にしたい。

[kojika17]

HTML5で複雑なアニメーションを実現する最適な方法とは？ CreateJSを使って容量もパフォーマンスも最適化しよう | ICS LAB

[diveintounlimit]

つまりFlash最強って話ｗ

[mut00tum]

Flashが意外にすごい

[Miyakey]

HTML5で複雑なアニメーションを実現する最適な方法とは？ CreateJSを使って容量もパフォーマンスも最適化しよう | ICS LAB

[koyancya]

Flash の貫禄半端無い

[warriorking]

HTML5で複雑なアニメーションを実現する最適な方法とは？ CreateJSを使って容量もパフォーマンスも最適化しよう | ICS LAB

[owi]

ベクターアニメーションをFlashとかでオープンな規格でパッケージングできてcanvas以外でも手軽に再生できたらなー。マルチな画面サイズの今の時代、UIの動きをちょっと凝ろうとすると死ぬ

[aont]

ラスター化ってライブラリ使わないとできないほど大変な作業だったっけ？ retina対応はcanvasができるんだから頑張れば対応できるんでないの？

[kirishima2813]

興味のある方は、是非、御一読を。(´・ω・｀)っ

[nikutaiha]

CreateJS,スプライトシートビルダー

[JD30671011]

flaaaaaaaaaaaash! comebaaaaaaaaaaack!!

[kibitaki]

ほうほう。

[luccafort]

なるほどなーこれは知らんかった。ただネットブックのChromeでスプライトシートビルダーで20体表示した際の待ち時間が思ったよりは長かったのとFPSが想定していたのより低くてちっと微妙な結果になってしまったｗ

[tuki0918]

いい意味できもちわるいｗ

[burnworks]

アニメーションってことでいえば、そりゃFlash最強ってなりますよね

[oono_n]

CreateJS