Brusherはインタラクティブな背景を実装できる軽量なJavaScriptライブラリです。背景でマウスカーソルを動かすことで、それに合わせてぼやけた背景がクッキリ見えるようになります。遊び心があり、とてもおもしろいですね。
Brusher
以下のページからBrusherの実際のデモ動作をチェックできます。
デモではぼやけた背景が表示されていて、この背景内でマウスカーソルを動かすと、動かした部分がクッキリ表示されます。マウスカーソルをたくさん動かすことで背景がどのようになっているのかが分かってくるので、おもしろい機能ですね。
ちょっとした遊び心をサイト内に取り入れたい人にはピッタリな機能になるのではないでしょうか？
オプションには、image、keepCleared、stroke、lineStyle、autoBlur、autoBlurValueといった項目が用意されています。
また、デモページにはほかにも、Keep Cleared Sections、Without Background Demo、Sticky Blur Demo、Different Line Styleといった違うタイプのデモもあるので、気になる人はぜひチェックしてみてください。
BrusherのライセンスはMITになります。詳細やダウンロードは、以下のページからどうぞ。
