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

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

Normal Mapping with Javascript and Canvas





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

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

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

関連記事

ラクガキの立体化

Stanford Bunny

クラスの基本

ZBrushで仮面ライダー3号を造る 仮面編 リファレンス画...

ブラウザ操作自動化ツール『Selenium』を試す

サンプルコードにも間違いはある?

顔モデリングのチュートリアル

『シン・ゴジラ』のコンセプトアニメーションのメイキング動画が...

生物の骨格

Verilog HDL

ZBrushのお勉強

Boost オープンソースライブラリ

Unityで強化学習できる『Unity ML-Agents』

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

株式会社ヘキサドライブの研究室ページ

PyMC:Pythonのベイズ統計ライブラリ

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

SIGGRAPH論文へのリンクサイト

trimesh:PythonでポリゴンMeshを扱うライブラ...

After Effects全エフェクトの解説(6.5)

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

Mayaのポリゴン分割ツールの進化

OpenCVのfindEssentialMat関数を使ったサ...

ゴジラ三昧

OpenCVの超解像(SuperResolution)モジュ...

UnityのGlobal Illumination

オープンソースの人体モデリングツール『MakeHuman』の...

定数

Theia:オープンソースのStructure from M...

Point Cloud Libraryに動画フォーマットが追...

機械学習手法『Random Forest』

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

LuxCoreRender:オープンソースの物理ベースレンダ...

Model View Controller

Amazon EC2ログイン用の秘密鍵を無くした場合の対処方...

Google Colaboratoryで遊ぶ準備

OpenCV3.3.0でsfmモジュールのビルドに成功!

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

スターウォーズ エピソードVIIの予告編

プログラムによる景観の自動生成

組み込み向けのWindows OS 『Windows Emb...

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

コメント