Google Chrome または Safari を使用される事を強くお薦めしますw
他のブラウザでは Javascript の処理が重いです(汗)


2010/09/09

画像の回転

またまたブログの表示を重くするスクリプト突っ込みますw

イメージを回転させてみました。ロジックは手抜きですww




ロジックですが、このぬこの画像の場合は 50 x 50 ピクセルですので、50 x 50 = 2500 個の div を用意します(笑)
で、この div 1つ1つ (1つの div の大きさはもちろん 1 x 1 です) に 1 ピクセルの画像を表示させ、これを1つ1つ動かします。

何という力技!w

動かすときにもう少し速いアルゴリズムがあるのですが、めっちゃ面倒なのでしてません^^;
そこを頑張ってもそんなに速くならないと思われたので。

応用すれば画像が四散するとか、砂時計のようにパラパラ落ちていくとか、そんな効果も作れると思いますが、そういうイメージをいっぱい作ってパラパラマンガのように表示してやる方が良いと思いますww

2 件のコメント:

たあ さんのコメント...

こんばんは!
久しぶりに寄らせていただいたので、何か一言と思いましたが、
手を合わせて合掌して帰ります。

(●ω●)AJ さんのコメント...

www
足跡ありがとうございますw

コメントを投稿