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

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

Normal Mapping with Javascript and Canvas





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

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

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

関連記事

『ハン・ソロ/スター・ウォーズ・ストーリー』のVFXブレイク...

AmazonEC2のインスタンスをt1.microからt2....

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

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

Composition Rendering:Blenderに...

1枚の画像からマテリアルを作成できる無料ツール『Materi...

Google App EngineでWordPress

この本読むよ

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

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

ZBrushでゴジラ2001を作ってみる 身体のバランスを探...

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

ZBrushでUndo Historyを動画に書き出す

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

Unreal Engine 5の情報が公開された!

ブラウザ操作自動化ツール『Selenium』を試す

MeshroomでPhotogrammetry

映画『ジュラシック・ワールド/炎の王国』のVFXブレイクダウ...

pythonの機械学習ライブラリ『scikit-learn』

顔モデリングのチュートリアル

Maya LTのQuick Rigを試す

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

ZBrushでアヴァン・ガメラを作ってみる 歯茎を別パーツへ...

Google App Engine上のWordPressでF...

『ローグ・ワン/スター・ウォーズ・ストーリー』のVFXブレイ...

OpenCV3.3.0でsfmモジュールのビルドに成功!

ZBrushで仮面ライダー3号を造る 仮面編 PolyGro...

Caffe:読みやすくて高速なディープラーニングのフレームワ...

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

なんかすごいサイト

3分の動画でプログラミングを学習できるサイト『ドットインスト...

ZBrushでアヴァン・ガメラを作ってみる モールドの彫り込...

テスト

フリーのUV展開ツール Roadkill UV Tool

オープンソースのネットワーク可視化ソフトウェアプラットフォー...

UnrealCV:コンピュータビジョン研究のためのUnrea...

adskShaderSDK

ZBrushでアヴァン・ガメラを作ってみる 爪とトゲを追加

Mean Stack開発の最初の一歩

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

ZBrush 2018へのアップグレード

ZBrushのハードサーフェイス用ブラシ

コメント