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

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

Normal Mapping with Javascript and Canvas





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

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

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

関連記事

ZBrushCore

FreeMoCap Project:オープンソースのマーカー...

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

GAN (Generative Adversarial Ne...

Iterator

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

OpenGV:画像からカメラの3次元位置・姿勢を推定するライ...

ROSの薄い本

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

ブラウザ上でJavaScript,HTML,CSSを書いて共...

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

WordPress on Google App Engine...

Pix2Pix:CGANによる画像変換

html5のcanvasの可能性

スターウォーズ エピソードVIIの予告編

UnityのMonoBehaviourクラスをシングルトン化...

Mayaのプラグイン開発

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

BlenderでPhotogrammetryできるアドオン

ZBrushで仮面ライダー3号を造る 仮面編 リファレンス画...

ZBrushからBlenderへモデルをインポート

ゴジラの造形

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

ZBrushの作業環境を見直す

ZBrushでアマビエを作る その2

ZBrushでアヴァン・ガメラを作ってみる 脚のポーズ調整

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

ゴジラ(2014)のメイキング

ZBrushでアヴァン・ガメラを作ってみる 口のバランス調整

Verilog HDL

リメイク版ロボコップスーツのメイキング

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

Maya API Reference

UnityでLight Shaftを表現する

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

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

布地のシワの法則性

ZBrushでアヴァン・ガメラを作ってみる 下アゴと頭部を作...

VCG Library:C++のポリゴン操作ライブラリ

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

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

ZBrushで仮面ライダー3号を造る 仮面編 横顔のシルエッ...

コメント