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

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

Normal Mapping with Javascript and Canvas





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

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

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

関連記事

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

ヘッドマウントディスプレイとビジュアリゼーションの未来

Accord.NET Framework:C#で使える機械学...

SIGGRAPH論文へのリンクサイト

ブログがダウンしてました

OpenCVで顔のモーフィングを実装する

なんかすごいサイト

このブログのデザインに飽きてきた

SIGGRAPH 2020はオンライン開催

UnityでOpenCVを使うには?

『ハン・ソロ/スター・ウォーズ・ストーリー』のVFXブレイク...

OpenCVの超解像(SuperResolution)モジュ...

Texturing & Modeling A Pro...

Blender 4.2以降のWindowsPortable版...

ZBrushでアヴァン・ガメラを作ってみる パーツ分割

OpenCV3.3.0でsfmモジュールのビルドに成功!

Unityの各コンポーネント間でのやり取り

ZBrushでアヴァン・ガメラを作ってみる 首回りの修正・脚...

Alice Vision:オープンソースのPhotogram...

ZBrushでゴジラ2001を作ってみる 目元だけ作り込んで...

ZBrushで仮面ライダーBLACK SUNを作る 頭部~バ...

『シン・ゴジラ』のコンセプトアニメーションのメイキング動画が...

pythonの機械学習ライブラリ『scikit-learn』

ゴジラの造形

ZBrushでゴジラ2001を作ってみる 頭の概形作り

オープンソースのテクスチャマッピングシステム『Ptex』

書籍『メイキング・オブ・ピクサー 創造力をつくった人々』を読...

UnityプロジェクトをGitHubで管理する

fSpy:1枚の写真からカメラパラメーターを割り出すツール

書籍『3次元コンピュータビジョン計算ハンドブック』を購入

ZBrushでアヴァン・ガメラを作ってみる 口内の微調整・身...

ZBrushでアヴァン・ガメラを作ってみる 歯茎を別パーツへ...

スクレイピング

DensePose:画像中の人物表面のUV座標を推定する

物理ベースレンダリングのためのマテリアル設定チートシート

ZBrushでアヴァン・ガメラを作ってみる 頬の突起を作り始...

Raspberry Piでセンサーの常時稼働を検討する

Photoshopで作る怪獣特撮チュートリアル

Unityの薄い本

この本読むよ

タダでRenderManを体験する方法

Mayaのプラグイン開発

コメント