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

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

Normal Mapping with Javascript and Canvas





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

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

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

関連記事

Autodesk Mementoでゴジラを3次元復元する

OpenCV 3.1から追加されたSfMモジュール

UnityのAR FoundationでARKit 3

Point Cloud Libraryに動画フォーマットが追...

TeleSculptor:空撮動画からPhotogramme...

Unite 2014の動画

フルCGのウルトラマン!?

クラスの基本

Runway ML:クリエイターのための機械学習ツール

WebGL開発に関する情報が充実してきている

ZBrushで作った3Dモデルを立体視で確認できるVRアプリ...

参考になりそうなサイト

PolyPaint

第1回 3D勉強会@関東『SLAMチュートリアル大会』

UnityでShaderの入力パラメータとして行列を渡す

OpenCV バージョン4がリリースされた!

OpenMVSのサンプルを動かしてみる

Adobe Photoshop CS5の新機能

Twitter APIのPythonラッパー『python-...

SVM (Support Vector Machine)

ZBrushでカスタムUIを設定する

『ゴジラ キング・オブ・モンスターズ』のVFXブレイクダウン

3D復元技術の情報リンク集

プロシージャル手法に特化した本が出てるみたい(まだ買わないけ...

書籍『開田裕治 怪獣イラストテクニック』

iPhone欲しいなぁ

Adobe Photoshop CS4 Extendedの3...

ゴジラの造形

参考書

MeshroomでPhotogrammetry

Windows Server 2008にAutodesk M...

ZBrushで仮面ライダー3号を造る 仮面編 Dam Sta...

スクレイピング

Amazon Web ServicesでWordPress

COLMAP:オープンソースのSfM・MVSツール

ZBrushのZScript入門

網元AMIで作ったWordpressサイトのインスタンスをt...

3Dスキャンしたテクスチャから照明を除去するUnityツール...

UnityのGlobal Illumination

Python for Unity:UnityEditorでP...

CGレンダラ研究開発のためのフレームワーク『Lightmet...

ZBrushでメカ物を作るチュートリアル動画

コメント