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

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


スポンサーリンク

Normal Mapping with Javascript and Canvas





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

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

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


スポンサーリンク

関連記事

自前のShaderがおかしい件
D3.js:JavaScriptのデータビジュアライゼーションライブラリ
ZBrushでゴジラ2001を作ってみる 身体のアタリを作る
素敵なパーティクル
GoB:ZBrushとBlenderを連携させるアドオン
JavaScriptとかWebGLとかCanvasとか
VCG Library:C++のポリゴン操作ライブラリ
Russian3DScannerのトポロジー転送ツール『WrapX』
ゴジラ(2014)のメイキング
天体写真の3D動画
Raytracing Wiki
Unityをレンダラとして活用する
このブログのデザインに飽きてきた
AfterEffectsプラグイン開発
Photogrammetry (写真測量法)
1枚の画像からマテリアルを作成できる無料ツール『Materialize』
今年もSSII
映画『ジュラシック・ワールド/炎の王国』のVFXブレイクダウン まとめ
タダでRenderManを体験する方法
openMVGをWindows10 Visual Studio 2015環境でビルドする
OpenCV 3.1とopencv_contribモジュールをVisual Studio 2015で...
ZBrushの作業環境を見直す
ZBrushで手首のモデリングをリファイン
Unityからkonashiをコントロールする
Webページ制作のためのメモ
C++ 標準テンプレートライブラリ (STL)
Texturing & Modeling A Procedural ApproachをGoo...
ニューラルネットワークで画像分類
MPC社によるゴジラ(2014)のVFXブレイクダウン
OpenCVでカメラ画像から自己位置認識 (Visual Odometry)
Geogram:C++の3D幾何アルゴリズムライブラリ
胡散臭いデザインの参考サイト
顔のモデリング
Google Earth用の建物を簡単に作れるツール Google Building Maker 公...
UnityでARKit2.0
ZBrushで仮面ライダーBLACK SUNを作る 頭部~バストの概形
BGSLibrary:OpenCVベースの背景差分ライブラリ
WordPress on Windows Azure
ガメラ生誕50周年
DensePose:画像中の人物表面のUV座標を推定する
Raspberry Pi 2のGPIOピン配置
OpenCV 3.1のsfmモジュールを試す

コメント