Hextomino

ニコニコのニコニコ動画を崩壊させるスイッチを作ったが・・・に触発されて画像がパーンと飛び散るJavascriptを書いてみた。

つくばちゃんねるのトップページで試してみたの図

お試し用のスクリプト。

javascript:(function(){var s=document.createElement("script");s.charset="UTF-8";var da=new Date();s.src="http://hextomino.net/bookmarklet/fallImage/image.js?"+da.getTime(); document.body.appendChild(s)})();

適当なページでアドレスバーに↑を貼り付けるとそれっぽい動作をするはず。
このリンクをブックマークに登録して同じく適当なページで開いても同じことができます。
動作中にページの適当な部分をクリックするとその場で停止します。
あまり考えないでつくったので動作しないページも多々あり。

とりあえずOpera、Firefox、IE7で動作確認。 ただしIEだと落ちていった画像が消去されずにどこまでも落ちていくので適当なタイミングでページをクリックするなり閉じるなりして動作を中止してください。ほっといてどうかなっても責任はとれませんので、あしからず。

画像がたくさんあるページで使うとものすごく重くなります。
PCがフリーズしても責任はとれませんので、あし(略

画像の親要素がpositionがrelativeあるいはabsoluteになってると変な動きになる・・・と思う。
その辺は全く考慮＆検証していないので。

ソースは無駄なところたっぷりなので見ないでやってください・・・。

ニコニコのあれの元になったらしいもの
http://jp.youtube.com/experiencewii

参考にさせていただいたサイト

HTML崩壊 meltdown.js - KAZUMiX memo
http://d.hatena.ne.jp/KAZUMiX/20071105/meltdown

ワリオランドシェイクみたいに HTML が崩壊するブックマークレット（とそのソースコード） - てっく煮ブログ
http://d.hatena.ne.jp/nitoyon/20080929/warioland_shake

# 2008.10.07 10:50 追記
IEじゃなくてもどこまでも落ちてくみたいです。改良せねば・・・