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

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

Normal Mapping with Javascript and Canvas





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

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

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

関連記事

Blenderでよく使うaddon

ZBrushでアヴァン・ガメラを作ってみる おでこ(?)のバ...

ZBrushトレーニング

ZBrushでゴジラ2001を作ってみる 身体のSubToo...

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

ZBrushでゴジラ2001を作ってみる 頭の概形作り

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

Blender 2.8がついに正式リリース!

Open3D:3Dデータ処理ライブラリ

TorchStudio:PyTorchのための統合開発環境と...

オープンソースの顔の動作解析ツールキット『OpenFace』

CLO:服飾デザインツール

NeuralNetwork.NET:.NETで使えるTens...

Google App EngineでWordPress

DUSt3R:3Dコンピュータービジョンの基盤モデル

NeRF (Neural Radiance Fields):...

機械学習手法『Random Forest』

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

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

Google App Engine上のWordPressでA...

『ゴジラ キング・オブ・モンスターズ』のVFXブレイクダウン

Kubric:機械学習用アノテーション付き動画生成パイプライ...

CEDEC 3日目

2D→3D復元技術で使われる用語まとめ

OpenCV 3.1のsfmモジュールを試す

2012 昨日のクローズアップ現代を見た

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

ZBrushからBlenderへモデルをインポート

フリーで使えるスカルプト系モデリングツール『Sculptri...

mentalrayのSubsurface Scatterin...

Unityで360度ステレオVR動画を作る

Physics Forests:機械学習で流体シミュレーショ...

Mean Stack開発の最初の一歩

BlenderのRigifyでリギング

OpenCVでPhotoshopのプラグイン開発

OpenGVの用語

Unityで学ぶC#

注文してた本が届いた

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

ラクガキの立体化 背中の作り込み・手首の移植

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

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

コメント