[B! javascript][canvas] foooomioのブックマーク

takram laboratory » 1時間で日本縦断してみた

Googleマップをよく使っている方ならピンときたかもしれません。答えはGoogleマップのストリートビューを利用可能なエリアです。昔は主要都市だけだったエリアが、今や日本全てをカバーしようとしています。「それって、もしかしてストリートビューだけで日本縦断旅行できるんじゃね？」などと思いついてしまったらやらざるを得ないのが人情というもの。しかしストリートビューをポチポチとクリックしながら進むのは面倒くさすぎてとてもやってられません。そこで見つけたのがHyperlapseというツール。ブラウザ上でストリートビューをアニメーションに変換してくれるというものです。「なんだ、これ使えば楽勝楽勝♪」と思ったのも束の間、このHyperlapseを調べてみるとどうやらあまり長いアニメーションはできないということが判明。ストリートビューで使われている大量の写真を全てメモリ上にキャッシュす

foooomio 2013/07/16

リンク

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

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