強火で進め

このブログではプログラム関連の記事を中心に書いてます。

CanvasタグでNormalマップを使った光の表現

以下のURLを開き、「Demo」の画像にカーソルを載せると動作を確認できます。

Normal Mapping with Javascript and Canvas Tag — 29a.ch - Jonas Wagner's Blog
http://29a.ch/2010/3/24/normal-mapping-with-javascript-and-canvas-tag

Normalマップ(法線の向き情報を持ったビットマップ)を使うことにより平面にも関わらず、立体で有るかの様な光の写り方になっています。