ざわ… jQuery Plugin

クリックするとざわ…とします。

※月明かりの森工房様の70:ZAWA-ZAWAフォントを利用して画像を作成しました。

福本伸行先生著書の「賭博黙示録カイジ」や「アカギ」などでおなじみのざわ…を表示するjQueryのプラグインを作りました。
ページ内で何かがおこって「ざわ…」としたい時にすぐに実装できます。
突発的な時にどれくらいざわついてるかなど用途は無限大です。

ざわ… っと、はてブ -

はてブからカウント数を取って、それでざわ…ったものを簡易的に作りました。

サンプル-簡易設定-

$(function(){ $("body").zawa(); });

• テキストベースで一つの「ざわ…」が表示されます。

サンプル-詳細設定-

$(function(){ $("body").zawa({ x: [10,50], y: [10,50], size: [50,300], max:20, image:{src:"zawa.png",width:251,height:91}, anime:{ x:[-5,5], y:[-5,5], fade:true, timeout:[5000,7000] } }); });

• x,y:表示位置を指定します。数値で指定するとそこの場所に、配列で指定するとその範囲からランダムで表示します。
• size:表示サイズです。数値で指定するとそのサイズで、配列で指定するとその範囲からランダムでサイズ指定します。
• max:同時表示で何個表示するかです。数が多いと激しく重くなります。
• image:画像で表示したい場合に指定します。指定しないとテキストで書き出します。
• anime:アニメーションしたい時に指定します。

ダウンロード

js/jquery.zawa.js