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

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

Normal Mapping with Javascript and Canvas





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

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

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

関連記事

書籍『3次元コンピュータビジョン計算ハンドブック』を購入

ZBrushでメカ物を作るチュートリアル動画

CGレンダラ研究開発のためのフレームワーク『Lightmet...

uvでWindows11のPython環境を管理する

無料で使える人体3DCG作成ツール

Python for Unity:UnityEditorでP...

ZBrushでリメッシュとディティールの転送

ZBrushでアヴァン・ガメラを作ってみる おでこ(?)のバ...

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

clearcoat Shader

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

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

Vancouver Film Schoolのデモリール

Ambient Occlusionを解析的に求める

PythonでMayaのShapeノードプラグインを作る

UnityのAR FoundationでARKit 3

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

レンダラ制作はOpenGL とか DirectX を使わなく...

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

MRenderUtil::raytrace

WinSCP

組み込み向けのWindows OS 『Windows Emb...

UnityでLight Shaftを表現する

Paul Debevec

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

fSpy:1枚の写真からカメラパラメーターを割り出すツール

色んな三面図があるサイト

『ゴジラ キング・オブ・モンスターズ』のVFXブレイクダウン

Blendify:コンピュータービジョン向けBlenderラ...

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

konashiのサンプルコードを動かしてみた

ZBrushでアヴァン・ガメラを作ってみる 下半身のバランス...

ZBrushでアヴァン・ガメラを作ってみる 腕の作り込み

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

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

3DCGのモデルを立体化するサービス

Mayaでリアルな布の質感を作るチュートリアル

タダでRenderManを体験する方法

ブログの復旧が難航してた話

Raspberry Pi

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

ZBrushCore

コメント