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

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


スポンサーリンク

Normal Mapping with Javascript and Canvas





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

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

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


スポンサーリンク

関連記事

無料で使える人体3DCG作成ツール
まだ続くブログの不調
リメイク版ロボコップスーツのメイキング
BlenderでPhotogrammetryできるアドオン
ヒーローに変身なりきりアーケードゲーム『ナレルンダー』
MeshroomでPhotogrammetry
『PIXARのひみつ展』に行ってきた
MythTV:Linuxでテレビの視聴・録画ができるオープンソースプロジェクト
書籍『The Art of Mystical Beasts』を購入
Ambient Occlusionを解析的に求める
映画『ジュラシック・ワールド/炎の王国』のVFXブレイクダウン まとめ
3D復元技術の情報リンク集
スクラッチで既存のキャラクターを立体化したい
ディープラーニング
グローバルイルミネーションに手を出す前に、やり残したことがあるんじゃない?
Unity Scriptコーディング→Unreal Engine Scriptコーディング
ROMOハッカソンに行ってきた
GAN (Generative Adversarial Networks):敵対的生成ネットワーク
複数視点画像から3次元形状を復元するライブラリ『openMVG』
Quartus II
Unityで使える数値計算ライブラリ『Math.NET Numerics』
色んな三面図があるサイト
ブラウザ操作自動化ツール『Selenium』を試す
2D→3D復元技術で使われる用語まとめ
CEDEC 3日目
ZBrushのTranspose Masterでポーズを付ける
Unityで360度ステレオVR動画を作る
Unityの薄い本
Unity ARKitプラグインサンプルのチュートリアルを読む
ZBrushで手首のモデリングをリファイン
OpenCVのための軽量GUIライブラリ『cvui』
物理ベースレンダリングのためのマテリアル設定チートシート
Siggraph Asia 2009 カンファレンスの詳細
ZBrushで仮面ライダー3号を造る 仮面編 Clay Polish
OpenGVの用語
オープンソースのPhotogrammetryフレームワーク『Alice Vision』
ZBrushでカスタムUIを設定する
ブログの復旧が難航してた話
OpenCVの顔検出過程を可視化した動画
トランスフォーマーの変形パターンを覚えるのは楽しいと思うんだ
Unityの新しいGUI作成システム『uGUI』
BlenderのPython環境にPyTorchをインストールする

コメント