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

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


スポンサーリンク

Normal Mapping with Javascript and Canvas





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

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

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


スポンサーリンク

関連記事

Unity MonoBehaviourクラスのオーバーライド関数が呼び出される順番
Vancouver Film Schoolのデモリール
オープンソースのテクスチャマッピングシステム『Ptex』
フォトンの放射から格納までを可視化した動画
トランスフォーマーの変形パターンを覚えるのは楽しいと思うんだ
ZBrushのキャンバスにリファレンス画像を配置する
OpenCVベースの背景差分ライブラリ『BGSLibrary』
PolyPaint
機械学習手法『SVM(Support Vector Machine)』
オープンソースの物理ベースレンダラ『Mitsuba』をMayaで使う
ヒーローに変身なりきりアーケードゲーム『ナレルンダー』
python-twitterで自分のお気に入りを取得する
ブラウザ操作自動化ツール『Selenium』を試す
顔モデリングのチュートリアル
UnityでLight Shaftを表現する
Google Colaboratoryで遊ぶ準備
網元AMIで作ったWordpressサイトのインスタンスをt1microからt2microへ移行した
PGGAN:段階的に解像度を上げて学習を進めるGAN
Pythonのベイズ統計ライブラリ『PyMC』
OpenCV 3.1とopencv_contribモジュールをVisual Studio 2015で...
COLMAP:オープンソースのSfM・MVSツール
単純に遊びに行くのはだめなのか?
OpenMVSのサンプルを動かしてみる
OpenCVの顔検出過程を可視化した動画
Adobe Photoshop CS5の新機能
布のモデリング
『パシフィック・リム: アップライジング』のVFXブレイクダウン まとめ
トランスフォーマーロストエイジのメイキング
CGのためのディープラーニング
Mayaのシェーディングノードの区分
仮想関数
ZBrushのUV MasterでUV展開
なんかすごいサイト
WebGL開発に関する情報が充実してきている
アクセス元IPアドレスから企業名が分かるアクセス解析『User Local スマートフォン解析』
ZBrushのZmodelerとDynamic Subdivisionを学ぶ
C++始めようと思うんだ
『ピクサー展』へ行ってきた
MythTV:Linuxでテレビの視聴・録画ができるオープンソースプロジェクト
Windows Server 2008にAutodesk Maya 2009をインストール
UnityでShaderの入力パラメータとして行列を渡す
ゴジラ三昧

コメント