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

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

Normal Mapping with Javascript and Canvas





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

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

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

関連記事

WordPressのサーバ引っ越し方法を考える

立体視を試してみた

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

SIGGRAPH ASIAのマスコット

マルコフ連鎖モンテカルロ法

Raytracing Wiki

Mechanizeで要認証Webサイトをスクレイピング

CGWORLD CHANNEL 第21回ニコ生配信は『シン・...

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

自前Shaderの件 解決しました

Alice Vision:オープンソースのPhotogram...

C#で使える遺伝的アルゴリズムライブラリ『GeneticSh...

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

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

Houdiniのライセンスの種類

Blender 2.81でIntel Open Image ...

物理ベースレンダリングのためのマテリアル設定チートシート

ZBrushでゴジラ2001を作ってみる 姿勢の変更

マイケル・ベイの動画の感覚

iPhone 3GSがますます欲しくなる動画

OpenMesh:オープンソースの3Dメッシュデータライブラ...

CGのためのディープラーニング

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

ブログが1日ダウンしてました

書籍『ゼロから作るDeep Learning』で自分なりに学...

C++の抽象クラス

openMVGをWindows10 Visual Studi...

Unity Scriptコーディング→Unreal Engi...

Swark:コードからアーキテクチャ図を作成できるVSCod...

hloc:SuperGlueで精度を向上させたSfM・Vis...

ZBrushでアヴァン・ガメラを作ってみる 頬の突起を作り始...

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

動的なメモリの扱い

ZBrushで仮面ライダー3号を造る ベース編

CreativeCOW.net

マンガで分かる JavaScriptプログラミング講座

科学技術計算向けスクリプト言語『Julia』

SIGGRAPH論文へのリンクサイト

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

ManuelBastioniLAB:人体モデリングできるBl...

映画から想像するVR・AR時代のGUIデザイン

Russian3DScannerのトポロジー転送ツール『Wr...

コメント