法線マップを用意してCanvas上でShadingするサンプル

何かこのページだいぶ前にメモったつもりだったんだけどな。

Normal Mapping with Javascript and Canvas





まあ、ラスタライズ後の処理だけ実装した感じだよね。これがあるだけで立体感がまるで違う。この例ではマウスでライトを制御してるけど、もちろん自動でライトの方向を三次元的にグルグル動かすことも可能なはず。(オブジェクトが動かないだけ)

これのサンプルコード見てて知ったんだけど、JavaScriptって関数の中に関数を記述する『クロージャ』ってのがあるのね。クロージャについてはもう少し勉強しよう。

ついでに
Realtime Raytracing in Javascript!
Path tracing a cornell box in Javascript

関連記事

ZBrush用トポロジー転送プラグイン『ZWrap Plug...

映画『シン・仮面ライダー』 メイキング情報まとめ

AfterEffectsプラグイン開発

pythonの機械学習ライブラリ『scikit-learn』

ラクガキの立体化

ManuelBastioniLAB:人体モデリングできるBl...

Blenderでよく使うaddon

布地のシワの法則性

OpenCVでPhotoshopのプラグイン開発

フルCGのウルトラマン!?

ZBrushで作った3Dモデルを立体視で確認できるVRアプリ...

Dlib:C++の機械学習ライブラリ

SONYの自律型エンタテインメントロボット『aibo』

定数

ラクガキの立体化 目標設定

池袋パルコで3Dのバーチャルフィッティング『ウェアラブル ク...

ZBrushでゴジラ2001を作ってみる 姿勢の変更

Shader.jp:リアルタイム3DCG技術をあつかうサイト

OpenMVS:Multi-View Stereoによる3次...

iPhoneアプリ開発 Xcode 5のお作法

Transformers ”Reference & Buli...

CGALDotNet:計算幾何学ライブラリ CGALのC#ラ...

映画『シン・ウルトラマン』 メイキング記事まとめ

マンガで分かる JavaScriptプログラミング講座

Google Colaboratoryで遊ぶ準備

ラクガキの立体化 分割ラインの変更・バランス調整

Unityの各コンポーネント間でのやり取り

openMVGをWindows10 Visual Studi...

ZBrushでゴジラ2001を作ってみる 目元だけ作り込んで...

UnrealCV:コンピュータビジョン研究のためのUnrea...

スクラッチで既存のキャラクターを立体化したい

iPhone欲しいなぁ

C++始めようと思うんだ

SIGGRAPH ASIAのマスコット

RSSフィードを読込んで表示するWordpressプラグイン...

BGSLibrary:OpenCVベースの背景差分ライブラリ

ZBrushのZScript入門

OANDAのfxTrade API

Photogrammetry (写真測量法)

AR (Augmented Reality)とDR (Dim...

映画『ゴジラ-1.0』 メイキング情報まとめ

Siggraph Asia 2009 カンファレンスの詳細

コメント