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

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


スポンサーリンク

Normal Mapping with Javascript and Canvas





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

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

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


スポンサーリンク

関連記事

UnityのAR FoundationでARKit 3
オープンソースの物理ベースGIレンダラ『appleseed』
オープンソースの人体モデリングツール『MakeHuman』のAPI開発プロジェクトがスタート
Kornia:微分可能なコンピュータービジョンライブラリ
Digital Emily Project:人間の顔をそっくりそのままCGで復元する
OpenCV 3.3.0-RCでsfmモジュールをビルド
libigl:軽量なジオメトリ処理ライブラリ
Mayaのポリゴン分割ツールの進化
写真から3Dメッシュの生成・編集ができる無料ツール『Autodesk Memento』
映画『ジュラシック・ワールド/炎の王国』のVFXブレイクダウン まとめ
TorchStudio:PyTorchのための統合開発環境とエコシステム
ブログが1日ダウンしてました
顔のモデリング
UnityでOpenCVを使うには?
Mayaのシェーディングノードの区分
ZBrushでアヴァン・ガメラを作ってみる 頭頂部の作り込み・舌の追加
Model View Controller
映画『ジュラシック・ワールド』のVFXメイキング
Webサイトのワイヤーフレームが作成できるオンラインツール
Raspberry PiのGPIOを操作するPythonライブラリ『RPi.GPIO』の使い方
ZBrushで基本となるブラシ
Faster R-CNN:ディープラーニングによる一般物体検出手法
組み込み向けのWindows OS 『Windows Embedded』
AndroidもopenGLも初心者さ (でもJavaは知ってるよ)
Manim:Pythonで使える数学アニメーションライブラリ
Python拡張モジュールのWindows用インストーラー配布サイト
ZBrush 4R7
hloc:SuperGlueで精度を向上させたSfM実装
オープンソースのテクスチャマッピングシステム『Ptex』
Blenderでよく使うaddon
HTML5・WebGLベースのグラフィックスエンジン『Goo Engine』
html5のcanvasの可能性
Mechanizeで要認証Webサイトをスクレイピング
Pythonのソースコードに特化した検索エンジン『Nullege』
『ゴジラ キング・オブ・モンスターズ』のVFXブレイクダウン
ZBrushで仮面ライダー3号を造る 仮面編 PolyGroupを分割する
UnityのMonoBehaviourクラスをシングルトン化する
C#で使える遺伝的アルゴリズムライブラリ『GeneticSharp』
Russian3DScannerのトポロジー転送ツール『WrapX』
Mitsuba 2:オープンソースの物理ベースレンダラ
アクセス元IPアドレスから企業名が分かるアクセス解析『User Local スマートフォン解析』
書籍『仕事ではじめる機械学習』を読みました

コメント