1920×1080に60×60のタイルを敷き詰めてひっくり返す

というわけでjqueryで作ってみた。
1920×1080の1枚画像と、60×60のバラバラの画像のロゴ(素材の都合でサンプルでは1枚だけど127枚まではテスト済み)でできてます。

Google Chrome/Safariでご覧ください。
1920×1080
800×600
400×300

300×400くらいのワンポイント程度ならまあまあなのですが、1024×768を超えたあたりからアホみたいに重いです。
修練度ひくいわー…ぐぬぬ。

※筆者はMBA 13インチ(2012) CPUメモリマシマシでbootcampしたWindows7 Google Chromeで見てます。あとでMacでも見てみよう。

近頃はCanvasとか使う…んですよね?

以前ロゴラボザイオンさまのトップページ担当させてもらったときAS3で作ったんですが、目指せこのくらい。

恥ソースはこちら: Github – ayutaya / jquery.rotateMotion