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

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

Normal Mapping with Javascript and Canvas





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

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

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

関連記事

ZBrushでアヴァン・ガメラを作ってみる 甲羅の修正・脚の...

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

現在公開されているWeb API一覧

Open Shading Language (OSL)

Mayaのプラグイン開発

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

注文してた本が届いた

Google XML Sitemap Generatorプラ...

生物の骨格

ブログをGoogle App EngineからAmazon ...

WinSCP

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

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

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

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

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

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

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

中学3年生が制作した短編映像作品『2045』

SIGGRAPH ASIAのマスコット

ZBrushで人型クリーチャー

トランスフォーマー :リベンジのメイキング (デジタルドメイ...

機械学習手法『Random Forest』

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

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

写真に3Dオブジェクトを違和感無く合成する『3DPhotoM...

映画『ゴジラ-1.0』 メイキング情報まとめ

『ローグ・ワン/スター・ウォーズ・ストーリー』"あのキャラク...

ZBrushでアヴァン・ガメラを作ってみる 口内の微調整・身...

Python for Unity:UnityEditorでP...

OpenCV

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

ZBrushの作業環境を見直す

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

ZBrushでアヴァン・ガメラを作ってみる 頭頂部の作り込み...

WordPressの表示を高速化する

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

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

イタリアの自動車ブランドFiatとゴジラがコラボしたCMのメ...

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

Pythonの自然言語処理ライブラリ『NLTK(Natura...

UnityのAR FoundationでARKit 3

コメント