最新ニュース30件



統計

レンダリング時間:0.3901秒
全記事数:16933


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などのプラグイン版へのリンクもあります。

2006年05月29日 01時01分43秒 in デザインスクリプト Posted by darkhorse_log

この記事にトラックバックする場合はここをクリック

トラックバック一覧:

Reflection.jsがGoogle Chromeに対応

簡単に画像に反射(Reflection)効果をかけられる、なんともナイスなReflection.jsのバージョンが2.0になり、Google Chromeに対応しました!
Tracked on: ILLdeMizM 2008年11月25日 19時16分06秒 | #
水面に反射したようなロゴを再現する

Web2.0的サイトのロゴって、水面に映ったようなおしゃれなものが多いですが、“アレ”をJavascriptで簡単に実現できます。GIGAZINEさんのサイトや、designwalkerさんのサイトで紹介されていました。 Reflection.jsのサイト...
Tracked on: ひとぅブログ 2008年01月18日 13時21分27秒 | #
[■NIWEB実験室]JavaScriptライブラリ「Reflection.js」を使ってみました。

このカテゴリでは、最新WEB技術の動向を追い、 それらを用いた実験室的な記事を掲載していきます。 まずは、画像処理系のJavaScriptライブラリ 「Reflection.js」を使ってみました。 簡単に説明すると、 こんな感じの画像ファイルを こんな感じにエフェクト処理をかけられま

<< トップに戻る

サイト内検索


過去の記事

2010年 9月
29 30 311 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 1 2

ジャンル



Twitter・RSS

サイト内検索2


Web gigazine.net

サイト内検索3





携帯版QRコード