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. Dialogify

    JavaScript

    カスタマイズできるダイアログ・ライトボックスを作成できる「Dialogify」

    Dialogifyはカスタマイズできるダイアログやライトボックスなどを…

  2. Rythim.js

    JavaScript

    音楽のリズムに合わせてボタンなどに躍動感を与える「Rythim.js」

    Rythm.jsは、あなたのホームページに躍動感を与えてくれるjsライ…

  3. JavaScript

    シンプルで使いやすいベーシックなスライドショーを実装できるjQueryプラグイン「Basic jQu…

    jQueryスライダーのネタが多いですが、今日もまたスライダーのプラグ…

  4. Animate Transition
  5. Multi-device scrolling menu
  6. no-image

    JavaScript

    オーバーレイによるシンプルなアラートを実装できるjQueryプラグイン「simplert」

    simplertはオーバーレイによるシンプルで美しいアラートを実装する…

最近の記事

  1. 200-DGBG020
  2. Anker PowerPort 5-in-1 37.5W Hub
  3. α7C + FE28-60mm F4-5.6

アーカイブ

PAGE TOP