Raindrops.jsは水面に雨粒が落ちてくる素敵なエフェクトを実装することができるjQueryプラグインです。雨粒が落ちることにより、水面がユラユラと揺れるのがとてもリアルでおもしろいですね。
Raindrops.js
実際のデモやダウンロードに関する詳細については以下からチェックすることができます。
デモではいくつかのエフェクトのパターンを見ることができます。小刻みにポタポタ落ちてくるものからユッタリと落ち着いた感じで落ちてくるものまで様々です。
オプションが割と豊富なので、これらの設定を変更することでいろんなパターンに調整することができます。
こんな感じで基本的な使い方はとても簡単です。
jQuery('#sample').raindrops();
color、waveLength、waveHeight、density、rippleSpeedなどなどカスタマイズする上でとても役立つオプションがいろいろ揃っています。
というわけで、水面に雨粒を落とすエフェクトを実装したい方は、ぜひ試してみてはいかがですか？
