normalmap.js

JavaScript

インタラクティブなライティングエフェクトを実装できる「normalmap.js」

normalmap.jsはシンプルでインタラクティブなライティングエフェクトを実装することができるライブラリです。カーソルを動かすとそれに合わせて光のあたる方向も変化します。iPhoneでも確認してみたところ、タッチした指を動かすとそれに合わせてライティングが変化しました。PCだけではなくスマフォでも動作するのがいいですね。

normalmap.js

normalmap.js

デモでは光があてられたコインが表示されます。カーソルを動かすと、その方向に合わせて光があてられます。

また、コイン(Helvetia Coin)の他にも、Platinum Dragon、Stone Angel、Gold Buddah、Carbon Fiberといったデモも用意されています。

容量も軽量でPCからスマフォまでサクサク動作するのがGoodです。使い方もシンプルで手軽に利用することができます。

というわけで、インタラクティブなライティングエフェクトを実装したいという方は、ぜひチェックしてみてはいかがでしょうか?

normalmap.js

関連記事

  1. JavaScript

    テーブルを綺麗なデザインにしてくれたり並び替え(ソート)もできるjQuery「tablesorter…

    jQueryのプラグインで、テーブルをフレキシブルなデザインにしてくれ…

  2. jqTree

    JavaScript

    JSONデータからツリー構造を作成できるjQueryプラグイン「jqTree」

    jqTreeはJSONデータを元にHTMLでツリー構造を作成できるjQ…

  3. JavaScript

    リスト化した要素を自分が指定した数に分割できるjQueryプラグイン「Easy List Split…

    リスト化した要素を自分が指定した数に分割できるシンプルだけど便利なjQ…

  4. JavaScript

    文章の段落にコメントできるjQueryプラグイン「SideComments.js」

    おもしろそうだったのでメモがてらご紹介。SideComments.js…

  5. FSVS(Full Screen Vertical Scroller)
  6. JavaScript

    jQueryで空港や駅にある掲示板のように指定した文字が切り替わっていくAirportを使ってみた

    面白いプラグインがあったので使ってみました。空港や駅にある掲示板みたい…

最近の記事

  1. Happy Plugs AIR1
  2. cheero Stream 10000mAh
  3. BOSE HOME SPEAKER 300
  4. RP-PC112
  5. SRS-XB402M

アーカイブ

PAGE TOP