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

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

Normal Mapping with Javascript and Canvas





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

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

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

関連記事

書籍『メイキング・オブ・ピクサー 創造力をつくった人々』を読...

色んな三面図があるサイト

動的なメモリの扱い

ポリゴンジオメトリ処理ライブラリ『pmp-library (...

タマムシっぽい質感

GoB:ZBrushとBlenderを連携させるアドオン

BSDF: (Bidirectional scatterin...

Pylearn2:ディープラーニングに対応したPythonの...

ZBrushで仮面ライダー3号を造る 仮面編 PolyGro...

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

NeRF (Neural Radiance Fields):...

ブログをGoogle App EngineからAmazon ...

OpenCVのバージョン3が正式リリースされたぞ

ZBrushで仮面ライダー3号を造る 仮面編 ZRemesh...

トランスフォーマーロストエイジのメイキング

Maya LTでFBIK(Full Body IK)

ZBrushでアヴァン・ガメラを作ってみる 下アゴの付け根を...

Web経由でRaspberry PiのGPIOを操作したい

Faster R-CNN:ディープラーニングによる一般物体検...

注文してた本が届いた

ドラマ『ファーストクラス』のモーショングラフィックス

2012のメイキングまとめ(途中)

生物の骨格

html5のcanvasの可能性

任意の英語サイト中で自分がまだ覚えていない英単語だけに日本語...

ZBrushのお勉強

Composition Rendering:Blenderに...

ZScript

ZBrushで仮面ライダー3号を造る 仮面編 横顔のシルエッ...

MPFB2:Blenderの人体モデリングアドオン

SIGGRAPH ASIA 2009で学生ボランティア募集し...

Raspberry PiのGPIOを操作するPythonライ...

書籍『仕事ではじめる機械学習』を読みました

BlenderProc:Blenderで機械学習用の画像デー...

JavaによるCGプログラミング入門サイト (日本語)

Cartographer:オープンソースのSLAMライブラリ

『ローグ・ワン/スター・ウォーズ・ストーリー』"あのキャラク...

uvでWindows11のPython環境を管理する

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

ZBrushと液晶ペンタブレットでドラゴンをモデリングするチ...

フォトンの放射から格納までを可視化した動画

Windows Server 2008にAutodesk M...

コメント