リリカルなのはイノセント風カードローダー

本来の目的にそぐわない使い方な気がしますけど、 d3.js を使用して、なのはイノセントのローダー的な何かを作ってみました。

http://mizuvm01.cloudapp.net/gadgets/acloader/index.html

こんな感じの画面になります。

loader_01 loader_02 loader_03 loader_04

 

モバイルでの動作を想定して、 jquery mobile を使用しています。

SVG による無理矢理描画ですので、実際のモバイル端末だと重すぎるかも。(手元の WindowsPhone で試したらやっぱり重すぎでした。)

 

ac2014_c3 ローダー部分は適当にでっちあげました。

プログラムよりも時間かけてたりして…

元々シンメトリーな形をしているのですけど、レンダリング後の画像を半分に切って反転したものをつなげてあります。

Untitled 似せる気が最初からないような…