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

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

Normal Mapping with Javascript and Canvas





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

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

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

関連記事

TeleSculptor:空撮動画からPhotogramme...

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

日立のフルパララックス立体ディスプレイ

アニゴジ関連情報

UnityでPoint Cloudを表示する方法

mentalrayのSubsurface Scatterin...

libigl:軽量なジオメトリ処理ライブラリ

SIGGRAPH Asia

ラクガキの立体化 1年半ぶりの続き

UnityからROSを利用できる『ROS#』

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

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

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

ZScript

ArUco:OpenCVベースのコンパクトなARライブラリ

ポリ男からMetaHumanを作る

iPhone・iPod touchで動作する知育ロボット『R...

フィーリングに基づくタマムシの質感表現

映画『シン・ウルトラマン』 メイキング記事まとめ

Mean Stack開発の最初の一歩

Math.NET Numerics:Unityで使える数値計...

MPC社によるゴジラ(2014)のVFXブレイクダウン

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

リメイク版ロボコップスーツのメイキング

2012 昨日のクローズアップ現代を見た

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

2012のメイキングまとめ(途中)

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

Unityの各コンポーネント間でのやり取り

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

Composition Rendering:Blenderに...

Windows Server 2008にAutodesk M...

Iridescence:プロトタイピング向け軽量3D可視化ラ...

池袋パルコで3Dのバーチャルフィッティング『ウェアラブル ク...

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

OpenAR:OpenCVベースのマーカーARライブラリ

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

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

粘土をこねるようなスカルプトモデリング

チャットツール用bot開発フレームワーク『Hubot』

日本でMakersは普及するだろうか?

BGSLibrary:OpenCVベースの背景差分ライブラリ

コメント