HTML5で複雑なアニメーションを実現する最適な方法とは? CreateJSを使って容量もパフォーマンスも最適化しよう HTML5で複雑なアニメーションを実現する方法にはいつか方法がありますが、それぞれの手法について容量とパフォーマンスのメリット・デメリットを検証してみたいと思います。 スプライトシートを使う方法 ベクターアニメーションを使う方法 スプライトシートビルダーを使う方法 おまけ:GIFアニメーションを使う方法 おまけ:Flashアニメーションを使う方法 スプライトシートを使う スプライトシートとは映画のコマのようにアニメーションの全コマを画像として用意しておいて、順番に高速に切り替えることでアニメーションを実現する方法です。enchant.jsやCreateJSなど多くのJavaScriptのフレームワークで採用されており、もっともスタンダードな方法です。 表現の再現性が高いう
Web制作に携わっていると頭を悩ませる項目の一つが「Flash」への対応。 動きのあるコンテンツを作成するにはやはりまだまだFlashが便利なわけですが、iPhoneをはじめとするiOSでは再生できない(一部再生できるブラウザアプリはありますが)ので、困った困ったなのです。 そこで次代を担う(であろう)コンテンツがHTML5を使用したムービー。 先日も、「Form Follows Function」と言うHTML5で作られた、動きのあるコンテンツを紹介したWebページをご紹介したばかりですが、ここまで複雑なものは出来なくとも、私のような初心者でも超簡単にHTML5アニメが作れると噂のMacアプリ、HypeをDLして使ってみました。 タイムラインを使って簡単にHTML5アニメを作れる! 起動。 Welcome to UNDERGROUND… 「Watch Getting Started Vi
先日、独立した元部下と飲んだのですが、その時の話。 その部下が「企画、コンセプト立案から、デザイン、集客」まで行なって立ち上げた事業が軌道に乗りつつあるという話を聞いたのだけど、フト 「いろいろできるんですけど、自分のスキルって専門性が低いんです。システムエンジニアとして専門って言えば、そうじゃないし。。。」 という弱音をはいてました。 その時に「そんなこと無いんじゃない?」とは思ったんだけど、その理由をチョイチョイと。 —- 例えば、少し昔の記事で、Zyngaの求める人物に関する記事があったのだけど、その中でZyngaはデザイナーとプログラマーの両方が、FlashとPHPのスキルを保有しているという話。 一般的にPC向けのソーシャルゲームでは、クライアントはFlash、サーバは、Zyngaの場合はPHPと、異なるスキルが必要になります。もしデベロッパーがいずれか一方の知識しかない場合は、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く