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

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

Normal Mapping with Javascript and Canvas





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

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

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

関連記事

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

MB-Lab:Blenderの人体モデリングアドオン

ラクガキの立体化 胴体の追加

Managing Software Requirements...

AfterEffectsプラグイン開発

Google App EngineでWordPress

Kubric:機械学習用アノテーション付き動画生成パイプライ...

HerokuでMEAN stack

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

PolyPaint

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

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

Houdiniのライセンスの種類

Unity Scriptコーディング→Unreal Engi...

CGWORLD CHANNEL 第21回ニコ生配信は『シン・...

自前のShaderがおかしい件

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

科学技術計算向けスクリプト言語『Julia』

ZBrushCore

Polyscope:3Dデータ操作用GUIライブラリ

リアルタイム レイトレーシングAPI『DirectX Ray...

Physics Forests:機械学習で流体シミュレーショ...

Unreal Engineの薄い本

GoB:ZBrushとBlenderを連携させるアドオン

Transformers ”Reference & Buli...

Unity MonoBehaviourクラスのオーバーライド...

Javaで作られたオープンソースの3DCGレンダラ『Sunf...

プログラムによる景観の自動生成

Unity ARKitプラグインサンプルのチュートリアルを読...

Blenderでよく使うaddon

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

Maya API Reference

Maya LTのQuick Rigを試す

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

Unityからkonashiをコントロールする

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

ファンの力

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

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

Photoshopで作る怪獣特撮チュートリアル

Structure from Motion (多視点画像から...

OpenMesh:オープンソースの3Dメッシュデータライブラ...

コメント