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

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

Normal Mapping with Javascript and Canvas





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

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

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

関連記事

CreativeCOW.net

SIGGRAPH Asia

ManimML:機械学習の概念を視覚的に説明するためのライブ...

UnityプロジェクトをGitHubで管理する

ZBrushでアヴァン・ガメラを作ってみる 脚のポーズ調整

PythonでMayaのShapeノードプラグインを作る

ZBrushでアヴァン・ガメラを作ってみる 歯茎を別パーツへ...

ZBrushでアヴァン・ガメラを作ってみる 脚のトゲの作り直...

タダでRenderManを体験する方法

Python for Unity:UnityEditorでP...

fSpy:1枚の写真からカメラパラメーターを割り出すツール

Mayaのレンダリング アトリビュート

ZBrushのお勉強

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

bpy-renderer:レンダリング用Pythonパッケー...

UnityのMonoBehaviourクラスをシングルトン化...

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

ZBrush 4R8 リリース!

iPhone欲しいなぁ

Iterator

シン・ゴジラのファンアート

この連休でZBrushの スキルアップを…

書籍『3次元コンピュータビジョン計算ハンドブック』を購入

iOSデバイスのためのフィジカル・コンピューティングツールキ...

顔追跡による擬似3D表示『Dynamic Perspecti...

3D映画のポストプロダクション 2D-3D変換

SDカードサイズのコンピューター『Intel Edison』

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

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

自前のShaderがおかしい件

Russian3DScannerのトポロジー転送ツール『Wr...

Pix2Pix:CGANによる画像変換

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

uGUI:Unityの新しいGUI作成システム

3D復元技術の情報リンク集

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

KelpNet:C#で使える可読性重視のディープラーニングラ...

AnacondaとTensorFlowをインストールしてVi...

プロシージャル手法に特化した本が出てるみたい(まだ買わないけ...

Deep Learningとその他の機械学習手法の性能比較

Transformers ”Reference & Buli...

粘土をこねるようなスカルプトモデリング

コメント