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

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

Normal Mapping with Javascript and Canvas





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

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

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

関連記事

UnityのTransformクラスについて調べてみた

Mitsuba 2:オープンソースの物理ベースレンダラ

書籍『開田裕治 怪獣イラストテクニック』

Twitter APIのPythonラッパー『python-...

ブログのデザイン変えました

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

OpenCVで動画の手ぶれ補正

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

シン・ゴジラのファンアート

ZBrush 4R8 リリース!

ZBrushで手首のモデリングをリファイン

SIGGRAPH ASIA 2009で学生ボランティア募集し...

機械学習手法『Random Forest』

PyTorch3D:3Dコンピュータービジョンライブラリ

Multi-View Environment:複数画像から3...

SIGGRAPH 2020はオンライン開催

ジュラシック・パークのメイキング

ラクガキの立体化 背中の作り込み・手首の移植

Unityで360度ステレオVR動画を作る

ZBrushのお勉強

Autodesk CompositeとAutodesk Ma...

ZBrushCore

SIGGRAPH Asia

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

Quartus II

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

OpenCV 3.1のsfmモジュールのビルド再び

Pythonのソースコードに特化した検索エンジン『Nulle...

PyDataTokyo主催のDeep Learning勉強会

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

Physically Based Rendering

Geogram:C++の3D幾何アルゴリズムライブラリ

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

なんかすごいサイト

WebGL開発に関する情報が充実してきている

VGGT:マルチビュー・フィードフォワード型3Dビジョン基盤...

映画『ブレードランナー 2049』のVFX

写真から3Dメッシュの生成・編集ができる無料ツール『Auto...

第20回 文化庁メディア芸術祭『3DCG表現と特撮の時代』

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

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

映画『ミュータント・タートルズ』を観てきた

コメント