2006年05月29日 01時01分43秒
水面に反射するような効果を画像に加えるJavaScript「Reflection.js」

上記画像を見れば分かるように、水面やなめらかな金属などに映り込んだような効果を画像に簡単に持たせることができるようになります。わざわざ画像を加工するソフトウェアを起動する必要がなくなるというわけ。映り込みの度合いも調整可能です。
Internet Explorer 5.5以上、Firefox 1.5以上、Opera 9以上、Safariで動作する模様。
Reflection.js
http://cow.neondragon.net/stuff/reflection/
「class="reflect"」というのを加えるだけで基本的に利用可能になります。画像ごとに効果を加える必要がなくなるというのがメリットらしい。ブログのアバター画像などで使うことを主目的に開発されたらしいですが、そのほかにも何か面白いことができそうな気もする。
なお、上記サイトからWordpressやphpBB、vBulletinなどのプラグイン版へのリンクもあります。
トラックバック一覧:
Reflection.jsがGoogle Chromeに対応簡単に画像に反射(Reflection)効果をかけられる、なんともナイスなReflection.jsのバージョンが2.0になり、Google Chromeに対応しました! 水面に反射したようなロゴを再現する
Web2.0的サイトのロゴって、水面に映ったようなおしゃれなものが多いですが、“アレ”をJavascriptで簡単に実現できます。GIGAZINEさんのサイトや、designwalkerさんのサイトで紹介されていました。 Reflection.jsのサイト... [■NIWEB実験室]JavaScriptライブラリ「Reflection.js」を使ってみました。
このカテゴリでは、最新WEB技術の動向を追い、 それらを用いた実験室的な記事を掲載していきます。 まずは、画像処理系のJavaScriptライブラリ 「Reflection.js」を使ってみました。 簡単に説明すると、 こんな感じの画像ファイルを こんな感じにエフェクト処理をかけられま
Tracked on: NI-BLOG〜ネイチャーインサイト株式会社が運営する情報提供ブログ 2007年02月05日 13時59分29秒 | #

