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

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


スポンサーリンク

Normal Mapping with Javascript and Canvas





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

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

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


スポンサーリンク

関連記事

python-twitterで自分のお気に入りを取得する
WordPress on Google App Engineを1週間運用してみて
UnityプロジェクトをGitHubで管理する
プログラムによる景観の自動生成
天体写真の3D動画
書籍『The Art of Mystical Beasts』を購入
バージョン管理の履歴を可視化するツール『Gource』
マジョーラ
ZBrushで仮面ライダー3号を造る 仮面編 PolyGroup作成に再挑戦
Maya LTでFBIK(Full Body IK)
ブログをGoogle App EngineからAmazon EC2へ移行
3Dモデルを立体視で確認できるVRアプリを作っている
ZBrushで仮面ライダー3号を造る 仮面編 PolyGroupを分割する
ZBrushで仮面ライダー3号を造る ベース編
Photogrammetry (写真測量法)
科学技術計算向けスクリプト言語『Julia』
SIGGRAPH ASIAのマスコット
HD画質の無駄遣い その2
Unityからkonashiをコントロールする
SONY製のニューラルネットワークライブラリ『NNabla』
OpenCVの顔検出過程を可視化した動画
hloc:SuperGlueで精度を向上させたSfM実装
trimesh:PythonでポリゴンMeshを扱うライブラリ
Houdiniのライセンスの種類
Ambient Occlusionを解析的に求める
Unityで360度ステレオVR動画を作る
映画『ゴジラ-1.0』 メイキング情報まとめ
Dlib:C++の機械学習ライブラリ
プロシージャル手法に特化した本が出てるみたい(まだ買わないけど)
DensePose:画像中の人物表面のUV座標を推定する
胡散臭いデザインの参考サイト
ZBrushで仮面ライダー3号を造る 仮面編 ClipCurve
ZBrushでゴジラ2001を作ってみる 身体のアタリを作る
トランスフォーマー :リベンジのメイキング (デジタルドメイン)
Zibra Liquids:Unity向け流体シミュレーションプラグイン
TensorSpace.js:ニューラルネットワークの構造を可視化するフレームワーク
ZBrushでアヴァン・ガメラを作ってみる 壊れたデータの救出
ZBrushでアヴァン・ガメラを作ってみる 頭頂部と首周りを作り込む
ブログをwpXレンタルサーバーからwpX Speedへ移行
Unreal Engine 5の情報が公開された!
NeRF (Neural Radiance Fields):機械学習による未知視点合成
書籍『開田裕治 怪獣イラストテクニック』

コメント