Vista サイドバーガジェットについて(Blur編)。

まだまだ肌寒い日が続きますが、皆様いかがお過ごしでしょうか。
「CHIZTEK(チズテク) 手描き地図検索」の開発チームです。
今回は地図からちょっと離れて「Windows Vista サイドバーガジェット」
について書いてみたいと思います。
ご存知の方も多いと思うのですが、Vista サイドバーガジェットは
「HTML+JavaScript」で書かれており、基本的にはDHTMLの知識で
作れてしまう物なのですが、もちろん通常のDHTMLでは実現できない、
サイドバーガジェットならではの機能もあります。
今回実験で作ってみたのが「imageオブジェクトのBlur()」という機能です。
MSDN Reference
CSSでも透明度の指定をしたり、それをJavaScriptから変更したりすることは
可能ですが、サイドバーガジェットの場合は更に「ぼかし」等も表現できるのです。
それを使って「遠近感(っぽいもの)」を出してみたのが、
今回の「BlurTest」というサンプルガジェットです。
Windows Vistaをお持ちの方は是非お試し下さい。
ダウンロードはこちらから。
仕組みとしては
・imageオブジェクトを使ってチズテクちゃん画像を重ね合わせる
・ラジオボタンの値に応じて各imageのBlurの値を変化
(実際にはsetTimeoutを使って、ボンヤリ変わる効果を出しています)
という単純なものですが、なかなか面白い効果が出ていると思いませんか?
是非このような機能も使って、面白いサイドバーガジェットを
作ってみたいと思います。
皆様も是非ガジェット開発にトライしてみてください。
トラックバック URL :
コメント (0)

