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. jQuery Countdown

    JavaScript

    手軽に使えるカウントダウンタイマーを実装できる「jQuery Countdown」

    jQuery Countdownは手軽に使えるカウントダウンタイマーを…

  2. rpage

    JavaScript

    Bootstrapを使ったレスポンシブなページネーション「rpage」

    rpageはBootstrapを使ったレスポンシブに対応したページネー…

  3. Spring Loaders

    JavaScript

    ポリゴンによるローディングアニメーションがかっこいい「Spring Loaders」

    Spring Loadersはポリゴンでつくられたローディングアニメー…

  4. jcSlider

    JavaScript

    CSS3を使ったレスポンシブ対応スライダーを実装できるjQueryプラグイン「jcSlider」

    jcSliderは、アニメーションを使用しないスライダーのプラグインで…

  5. Nex

    JavaScript

    ダイナミックで美しいフルスクリーンのjQueryスライダーを実装できる「Nex」

    Nexはダイナミックで様々なアニメーションエフェクトが用意されたフルス…

  6. cascadingDivs

最近の記事

  1. 赤いなつめ
  2. ペーストしてスタイルを合わせる
  3. Hermèsオレンジスポーツバンド
  4. GoPro HERO8 Black

アーカイブ

PAGE TOP