何かこのページだいぶ前にメモったつもりだったんだけどな。
Normal Mapping with Javascript and Canvas
まあ、ラスタライズ後の処理だけ実装した感じだよね。これがあるだけで立体感がまるで違う。この例ではマウスでライトを制御してるけど、もちろん自動でライトの方向を三次元的にグルグル動かすことも可能なはず。(オブジェクトが動かないだけ)
これのサンプルコード見てて知ったんだけど、JavaScriptって関数の中に関数を記述する『クロージャ』ってのがあるのね。クロージャについてはもう少し勉強しよう。
ついでに
Realtime Raytracing in Javascript!
Path tracing a cornell box in Javascript
関連記事
Mayaのシェーディングノードの区分
openMVGをWindows10 Visual Studi...
生物の骨格
Raspberry Pi 2のGPIOピン配置
OpenCV 3.3.0 contribのsfmモジュールの...
Kornia：微分可能なコンピュータービジョンライブラリ
定数
仮想関数
UnityのTransformクラスについて調べてみた
ラクガキの立体化
書籍『3次元コンピュータビジョン計算ハンドブック』を購入
Theia：オープンソースのStructure from M...
SIGGRAPH論文へのリンクサイト
Unity Scriptコーディング→Unreal Engi...
Oculus Goを購入！
Physics Forests：機械学習で流体シミュレーショ...
ZBrushのTranspose Masterでポーズを付け...
ZBrushでUndo Historyを動画に書き出す
ZBrush 2021.6のMesh from Mask機能...
Unreal Engine Tokyo MeetUp!へ行っ...
ゴジラ(2014)のディティール制作の舞台裏
ZBrushでアヴァン・ガメラを作ってみる 頭頂部の作り込み...
SIGGRAPH ASIA 2009で学生ボランティア募集し...
『スター・ウォーズ フォースの覚醒』のVFXブレイクダウン ...
HerokuでMEAN stack
『Geocities-izer』 どんなWebページも一昔前...
映画『ゴジラ-1.0』 メイキング情報まとめ
AnacondaとTensorFlowをインストールしてVi...
白組による『シン・ゴジラ』CGメイキング映像が公開された！
OpenAR：OpenCVベースのマーカーARライブラリ
リアルタイム レイトレーシングAPI『DirectX Ray...
Photo Bash：複数の写真を組み合わせて1枚のイラスト...
OpenCV
iOSデバイスと接続して連携するガジェットの開発方法
3Dモデルを立体視で確認できるVRアプリを作っている
ZBrushで基本となるブラシ
ZBrushと液晶ペンタブレットでドラゴンをモデリングするチ...
Mayaでリアルな布の質感を作るチュートリアル
WebGL開発に関する情報が充実してきている
UnityのAR FoundationでARKit 3
ハリウッド版「GAIKING」パイロット映像
D3.js：JavaScriptのデータビジュアライゼーショ...
コメント