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

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

Normal Mapping with Javascript and Canvas





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

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

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

関連記事

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

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

UnityでOpenCVを使うには?

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

OpenCV 3.3.0 contribのsfmモジュールの...

Maya には3 種類のシェーダSDKがある?

cvui:OpenCVのための軽量GUIライブラリ

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

AfterEffectsプラグイン開発

白組による『シン・ゴジラ』CGメイキング映像が公開された!

C++ 標準テンプレートライブラリ (STL)

WordPressプラグインによるサイトマップの自動生成

Model View Controller

UnityでPoint Cloudを表示する方法

openMVG:複数視点画像から3次元形状を復元するライブラ...

OpenGVの用語

Kornia:微分可能なコンピュータービジョンライブラリ

オープンソースのテクスチャマッピングシステム『Ptex』

ZBrushでアヴァン・ガメラを作ってみる 口のバランス調整

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

ZBrush キャラクター&クリーチャー

ちょっと凝り過ぎなWebキャンペーン:全日本バーベイタム選手...

3Dスキャンしたテクスチャから照明を除去するUnityツール...

ZBrushでゴジラ2001を作ってみる 身体のシルエット出...

オープンソースの物理ベースGIレンダラ『appleseed』

自前Shaderの件 解決しました

iPhone x ロボットハッカソン~RomoのiPhone...

Webページ制作のためのメモ

任意の英語サイト中で自分がまだ覚えていない英単語だけに日本語...

SIGGRAPH 2020はオンライン開催

Blender 4.2以降のWindowsPortable版...

Zibra Liquids:Unity向け流体シミュレーショ...

Phongの表現力パネェ 材質別のPhong Shader用...

海外ドラマのChromaKey

Composition Rendering:Blenderに...

ZBrushのTranspose Masterでポーズを付け...

テスト

トランスフォーマーの変形パターンを覚えるのは楽しいと思うんだ

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

単純に遊びに行くのはだめなのか?

Oculus Goを購入!

布地のシワの法則性

コメント