glossy.js : Javascript : アクア風の立体エフェクトを試してみる。

youmos.comさんで紹介されていたGlossy.jsというJavascriptのエフェクトは、静止イメージを何やら簡単にアクアっぽく立体的にしてくれる。

まずはhttp://www.netzgesta.de/glossy/の画面下にあるDownloadからglossy.js 1.2(2007/6現在)をダウンロードし、適当なところに解凍する。サンプルhtmlとかライセンスに関するテキストか入っているが、glossy.jsだけを自分のディレクトリにアップロードすればよい。
エフェクトをかけられる画像の最小サイズは16×16ピクセルとのことだった。

ちなみにglossy.jsは非商用、個人のみ利用が認められているようなので、注意が必要だ。

無事アップロードができたら、利用したいページの＜head＞～＜/head＞に

＜script type=”text/javascript” src=”http://○○○○/glossy.js”＞＜/script＞

※○○○○はglossy.jsまでのパス。＜＞だけ半角にしてください。

を記述する。これで準備は完了。
あとは＜img=”××××/×××.jpg” class=”glossy”＞のように、利用したイメージにclassを追加するだけ。

class = “glossy iradius50″ とすると何となくアクアっぽい雰囲気に。色々オプションもあるみたいなので、試して見ると面白いかも。

大量にイメージを扱うときに素材を加工しなくて済むのは良いかもしれない。「内部的にはCanvasを利用している」との事ですので、ブラウザ環境には注意が必要との事でした。

○試した元写真

398525069_220d8d7c03.jpg

○glossy.jsを利用してみると

398525069_220d8d7c03.jpg

■youmos.com

■http://www.netzgesta.de/glossy/

このエントリーをはてなブックマークに追加
はてなブックマーク - glossy.js : Javascript : アクア風の立体エフェクトを試してみる。
Share on Facebook

Published on 2007/06/25 12:12.
Filed under: study Tags:

コメントはまだありません »

この投稿へのコメントの RSS フィード。 / TrackBack URI

コメントをどうぞ

キャプチャ画像
*

vaio PCG-U1にLinuxをインストールしてみる



ながらく放置していたバイオU、PCG-U1。あの頃は最小ノートPCとして輝いてた気がするこのマシンも今や中々使い道を見いだせなくなってしまいました。

今だったらiPadやAndroidタブレットの方がよほど使えそうな…。

で、ずっとホコリをかぶっているので売っても二束三文、捨てるのも勿体無いのでどうにかならないかなと思案…。OSはXPだし、まぁそういう意味では使えなくもないよね、取り敢えずHDDがもっさりしてるのが問題ならSSD化したら何とかなるのではなかろうか？とまずはSSD化して見ることに。

といってもこの手のSSDを素直に買うとそれはそれでコストもかかってしまうのでCFを擬似換装する事にしました。

Details »

Published on 2011/11/16 19:38.
Filed under: internet/computer

MT4からWPへ

blog変えました。最近のblogCMSトレンドはとっくにWPとの事なのに手をつけてませんでした。
WPは何度か使った事はあったものの、色々と自分で触るのは初めてなので試行錯誤。
でも分かりやすいし、つど再構築しなくて良いだけでも相当ストレスレスですね。
ただ、MTのURLとWPのURLで微妙にルールが違うので、完全に同じURL体型で移行ができてません。。。
今は404 NotiferというプラグインでアクセスでNot foundになってしまったURLをメールで受け取って、
これまたRedirectionsというプラグインでちまちまリダイレクトの設定をかけている所です。
もっと良い方法ないかなぁ。

Published on 2011/05/02 18:03.
Filed under: blog, internet/computer

TOWER OF SUN

tos1

NHKでドラマTAROの塔を観て、岡本太郎という人物について案外知らなかった事に気づき。「べらぼうな」太陽の塔が今更ながらに気になっちゃいまして。
絶対フィギュア出てるだろうと探したら海洋堂から出てまして、でも発売がかなり前で新品はどこも売り切れてまして。この時点でもう欲しくなってて、というか手に入れる事が先に決まっているかのようなメンタリティでオークションを漁ってしまいました。
しかし手にしてみるとクオリティ高いし、良い出物だったなと大変満足！さて、どこに飾ろうかな。

Published on 2011/04/15 03:07.
Filed under: blog, item

C4Dな日々

気の迷いでCinema 4dを購入してからしばらく時間がたってしまいました。アプリ自体はようやく手に馴染んできた感じ。これまでがshadeか仕事場にあったMayaかみたいな3Dアプリ歴だったので、ミドルレンジと言われてるけどハイエンドに近い3Dアプリをぐりぐり動かすのはほぼ初めてでした。まぁ、楽しいもんです。趣味でやっている範囲だったら。
ここ数日はカメラマップを試してみたりしています。projection man楽だわ。
しかし、ちゃんと使えるまえに直ぐに新しいバージョンでちゃうし、毎回そんなアップグレードできないし（高いから）、すぐ取り残されちゃいそうな予感。。。

Published on 2011/04/01 16:53.
Filed under: 3DCG, blog

Android　タブレット

Androidタブレットが欲しくなって来た。
でもOSは2.2、10インチ以上でFlash再生とAndroidマーケット利用可って条件つけるとほとんど候補がないなぁ。
3.0端末が出そろうまで待った方が良いのかしら。

Published on 2011/02/05 10:07.
Filed under: blog, internet/computer, item

Xperia (Android) 入れてみた無料アプリのピックアップ。2010/09/06

前回、無料アプリの紹介を書いてから半年近く経ちましたので、今自分が入れている無料アプリを追加紹介したいと思います。

XperiaもOSのアップデートやPOBoxがバージョンアップしてフリック入力できるようになったりと、進化しつつある現状にアプリも自然淘汰されてきてます。

Details »

Published on 2010/09/06 15:19.
Filed under: blog, internet/computer, item

Waikiki Parc Hotel : Honolulu : Hawaii （ハワイのホテル）

GW明けにハワイに行ってきました。二回目、またしてもオアフのみでワイキキ滞在です。今回は前回と違って少しホテルもグレードを上げてみました。

今回滞在したのはワイキキ・パークホテル。ハレクラニ系列、オークラ系列です。場所もワイキキビーチウォークの端、ハレクラニの裏側にあり、階によってはぎりぎりオーシャンビューです。

Details »

Published on 2010/06/15 12:23.
Filed under: blog, hotels