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

    JavaScript

    Google+のような画像ギャラリーを実装できる「plusGallery」

    plusGalleryはGoogle+のような画像ギャラリーを実装する…

  2. JavaScript

    シンプルでスタイリッシュなLightbox風のjQueryプラグイン「Featherlight」

    シンプルでスタイリッシュなデザインが特徴的なLightbox風のjQu…

  3. JavaScript

    レイアウトを超簡単に雑誌風に整列してくれるjQuery Masonryの使い方

    jQuery Masonryというプラグインを使えば、ものすごく簡単に…

  4. JavaScript

    スマホやタブレットでのスワイプに対応したモバイルにも最適なjQueryスライダー「Swiper」

    とてもよさそうだったのでメモしときます。スワイプで切り替えることができ…

  5. 2013年上半期jQueryプラグインまとめ

    JavaScript

    当ブログで紹介したjQueryプラグイン19選のまとめ 2012/04 – 2012/0…

    2012年4月〜2012月7月までの当ブログで紹介したjQueryプラ…

  6. Docked Link jQuery Plugin

最近の記事

  1. Soundcore Ace A1
  2. cheero USB-C PD Charger 60W
  3. DY-S01
  4. OWL-QI10W04

アーカイブ

PAGE TOP