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

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

Normal Mapping with Javascript and Canvas





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

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

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

関連記事

MB-Lab:Blenderの人体モデリングアドオン

D3.js:JavaScriptのデータビジュアライゼーショ...

DCGAN (Deep Convolutional GAN)...

OpenGVのライブラリ構成

ZBrushで仮面ライダー3号を造る 仮面編 失敗のリカバー

Adobe Photoshop CS5の新機能

Unity ARKitプラグインサンプルのチュートリアルを読...

ZBrushCoreのTransposeとGizmo 3D

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

なんかすごいサイト

OANDAのfxTrade API

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

OpenCVのfindEssentialMat関数を使ったサ...

ZBrushで基本となるブラシ

Multi-View Environment:複数画像から3...

ZBrush 2021.6のMesh from Mask機能...

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

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

Shader.jp:リアルタイム3DCG技術をあつかうサイト

cvui:OpenCVのための軽量GUIライブラリ

ZBrush 4R7

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

MetaHumanの頭部をBlenderで編集できるアドオン

Physically Based Rendering

Mechanizeで要認証Webサイトをスクレイピング

Kubric:機械学習用アノテーション付き動画生成パイプライ...

続・ディープラーニングの資料

リメイク版ロボコップスーツのメイキング

OpenCV

書籍『仕事ではじめる機械学習』を読みました

SIGGRAPH Asia

OpenCV 3.3.0 contribのsfmモジュールの...

ポリゴンジオメトリ処理ライブラリ『pmp-library (...

Transformers ”Reference & Buli...

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

「ベンジャミン·バトン数奇な人生」でどうやってCGの顔を作っ...

機械学習手法『Random Forest』

ZBrush 4R8 リリース!

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

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

Photo Bash:複数の写真を組み合わせて1枚のイラスト...

ラクガキの立体化 反省

コメント