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

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

Normal Mapping with Javascript and Canvas





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

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

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

関連記事

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

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

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

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

胡散臭いデザインの参考サイト

ZBrush 4R8 リリース!

Subsurface scatteringの動画

konashiのサンプルコードを動かしてみた

なんかすごいサイト

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

VCG Library:C++のポリゴン操作ライブラリ

OpenGVの用語

Unreal Engineの薄い本

TensorSpace.js:ニューラルネットワークの構造を...

MeshroomでPhotogrammetry

Maya 2015から標準搭載されたMILA

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

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

Blendify:コンピュータービジョン向けBlenderラ...

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

Accord.NET Framework:C#で使える機械学...

AndroidもopenGLも初心者さ (でもJavaは知っ...

WordPressのテーマを自作する

ZBrushでアヴァン・ガメラを作ってみる 口内の微調整・身...

ゴジラの造形

Raspberry Pi 2を買いました

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

中学3年生が制作した短編映像作品『2045』

レンダラ制作はOpenGL とか DirectX を使わなく...

Google製オープンソース機械学習ライブラリ『Tensor...

ZScript

ブログをwpXレンタルサーバーからwpX Speedへ移行

ZBrushで仮面ライダー3号を造る 仮面編 失敗のリカバー

布のモデリング

Oculus Goを購入!

テスト

Google App Engine上のWordPressでF...

geometry3Sharp:Unity C#で使えるポリゴ...

R-CNN (Regions with CNN featur...

Ambient Occlusionを解析的に求める

フリーのUV展開ツール Roadkill UV Tool

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

コメント