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

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

Normal Mapping with Javascript and Canvas





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

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

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

関連記事

OpenCV

VGGT:マルチビュー・フィードフォワード型3Dビジョン基盤...

Web経由でRaspberry PiのGPIOを操作したい

DCGAN (Deep Convolutional GAN)...

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

Amazon EC2ログイン用の秘密鍵を無くした場合の対処方...

書籍『ゼロから作るDeep Learning』で自分なりに学...

ZBrush 2018での作業環境を整える

ZBrushでゴジラ2001を作ってみる 身体のバランスを探...

Geogram:C++の3D幾何アルゴリズムライブラリ

SIGGRAPH 2020はオンライン開催

Boost オープンソースライブラリ

ZBrushからBlenderへモデルをインポート

C++の抽象クラス

ポリ男からMetaHumanを作る

Python拡張モジュールのWindows用インストーラー配...

Unityで強化学習できる『Unity ML-Agents』

ZBrushのキャンバスにリファレンス画像を配置する

viser:Pythonで使える3D可視化ライブラリ

Siggraph Asia 2009 カンファレンスの詳細

ROSの薄い本

geometry3Sharp:Unity C#で使えるポリゴ...

PyMC:Pythonのベイズ統計ライブラリ

ZBrushで仮面ライダー3号を造る 仮面編 Clay Po...

映画『シン・仮面ライダー』 メイキング情報まとめ

クラスの基本

Google XML Sitemap Generatorプラ...

Rerun:マルチモーダルデータの可視化アプリとSDK

HerokuでMEAN stack

Unityからkonashiをコントロールする

ラクガキの立体化 モールドの追加

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

科学技術計算向けスクリプト言語『Julia』

Houdiniのライセンスの種類

Google製オープンソース機械学習ライブラリ『Tensor...

SDカードサイズのコンピューター『Intel Edison』

SIGGRAPH論文へのリンクサイト

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

Mixamo:人型3Dキャラクターアニメーション制作サービス

映画『ジュラシック・ワールド/炎の王国』のVFXブレイクダウ...

Quartus II

HTML5・WebGLベースのグラフィックスエンジン『Goo...

コメント