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

animateClickボタンクリック時にアニメーションをつけれる「animateClick」前のページ

feedlyの登録者数を取得できる「Feedly Subscribers Checker 2」次のページ

関連記事

  1. Emergence.js

    JavaScript

    ブラウザで要素の可視性を検出する「Emergence.js」

    Emergence.jsは、ブラウザで要素の可視性を検出することができ…

  2. JavaScript

    2つの異なるスクロール動作が印象的なjQueryプラグイン「multiscroll.js」

    multiscroll.jsというおもしろいjQueryプラグインがあ…

  3. JavaScript

    スクロールバーにあと何分で読めるかを表示してくれるjQueryプラグイン「jQuery Readin…

    とてもシンプルですが何気に便利そうだったので使ってみました。長文記事を…

  4. JavaScript

    jQuery illuminateを使えばボタンに光を加え点滅させたりして注目させることができる

    ちょっと面白そうだったので使ってみました。jQuery illumin…

  5. jQuery UI Month Picker Plugin

最近の記事

  1. セミの抜けがら
  2. Nikeスポーツバンド(アンスラサイト/ブラック)
  3. COMOLI 和紙コットンリストバンド
  4. スターバックス インドネシア アチェ
  5. ベーコンとほうれん草のキッシュ

アーカイブ

PAGE TOP