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

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

Normal Mapping with Javascript and Canvas





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

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

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

関連記事

ZBrushでアヴァン・ガメラを作ってみる 脚のトゲの作り直...

AnacondaとTensorFlowをインストールしてVi...

TorchStudio:PyTorchのための統合開発環境と...

トランスフォーマーロストエイジのメイキング

Windows Server 2008にAutodesk M...

CEDEC 3日目

ゴジラの造形

3D映画のポストプロダクション 2D-3D変換

3Dグラフィックスの入門書

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

まだ続くブログの不調

Subsurface scatteringの動画

PGGAN:段階的に解像度を上げて学習を進めるGAN

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

Mitsuba 3:オープンソースの研究向けレンダラ

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

ZBrushと液晶ペンタブレットでドラゴンをモデリングするチ...

手を動かしながら学ぶデータマイニング

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

Mayaのシェーディングノードの区分

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

iPhone欲しいなぁ

ZBrushでゴジラ2001を作ってみる 目元だけ作り込んで...

ZBrushのUndo Historyをカメラ固定で動画化す...

書籍『開田裕治 怪獣イラストテクニック』

マジョーラ

Maya には3 種類のシェーダSDKがある?

Composition Rendering:Blenderに...

SONYの自律型エンタテインメントロボット『aibo』

OpenCVの超解像(SuperResolution)モジュ...

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

D3.js:JavaScriptのデータビジュアライゼーショ...

Raspberry PiでIoTごっこ

Kaolin:3Dディープラーニング用のPyTorchライブ...

CGのためのディープラーニング

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

ZBrush 4R8 リリース!

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

書籍『ゼロから作るDeep Learning』で自分なりに学...

SONY製のニューラルネットワークライブラリ『NNabla』

『PIXARのひみつ展』に行ってきた

Math Inspector:科学計算向けビジュアルプログラ...

コメント