何かこのページだいぶ前にメモったつもりだったんだけどな。
Normal Mapping with Javascript and Canvas
まあ、ラスタライズ後の処理だけ実装した感じだよね。これがあるだけで立体感がまるで違う。この例ではマウスでライトを制御してるけど、もちろん自動でライトの方向を三次元的にグルグル動かすことも可能なはず。(オブジェクトが動かないだけ)
これのサンプルコード見てて知ったんだけど、JavaScriptって関数の中に関数を記述する『クロージャ』ってのがあるのね。クロージャについてはもう少し勉強しよう。
ついでに
Realtime Raytracing in Javascript!
Path tracing a cornell box in Javascript
関連記事
MPC社によるゴジラ(2014)のVFXブレイクダウン
ポリゴン用各種イテレータと関数セット
ZBrushでアマビエを作る その2
ポリ男をリファイン
ZBrushで仮面ライダー3号を造る 仮面編 失敗のリカバー
布のモデリング
Shader.jp：リアルタイム3DCG技術をあつかうサイト
Pythonのソースコードに特化した検索エンジン『Nulle...
OpenCVで顔のモーフィングを実装する
ZBrushのUndo Historyをカメラ固定で動画化す...
UnityプロジェクトをGitHubで管理する
Swark：コードからアーキテクチャ図を作成できるVSCod...
DensePose：画像中の人物表面のUV座標を推定する
中学3年生が制作した短編映像作品『2045』
DCGAN (Deep Convolutional GAN)...
フィーリングに基づくタマムシの質感表現
Managing Software Requirements...
Caffe：読みやすくて高速なディープラーニングのフレームワ...
2012のメイキングまとめ(途中)
ガメラ生誕50周年
C#で使える遺伝的アルゴリズムライブラリ『GeneticSh...
ZBrushの作業環境を見直す
ZBrushでカスタムUIを設定する
機械学習手法『Random Forest』
ゴジラ(2014)のディティール制作の舞台裏
Google Chromecast
CLO：服飾デザインツール
ZBrush 2021.6のMesh from Mask機能...
書籍『メイキング・オブ・ピクサー 創造力をつくった人々』を読...
ゴジラ(2014)のメイキング
オープンソースのテクスチャマッピングシステム『Ptex』
ZBrushで作った3Dモデルを立体視で確認できるVRアプリ...
第20回 文化庁メディア芸術祭『3DCG表現と特撮の時代』
顔追跡による擬似3D表示『Dynamic Perspecti...
Mayaのレンダリング アトリビュート
ZBrushで基本となるブラシ
libigl：軽量なジオメトリ処理ライブラリ
OpenCVのfindEssentialMat関数を使ったサ...
Manim：Pythonで使える数学アニメーションライブラリ
BSDF： (Bidirectional scatterin...
ZBrushでゴジラ2001を作ってみる 側頭部のボリューム...
ArUco：OpenCVベースのコンパクトなARライブラリ
コメント