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

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

Normal Mapping with Javascript and Canvas





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

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

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

関連記事

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

BlenderのGeometry Nodeで遊ぶ

Point Cloud Libraryに動画フォーマットが追加されるらしい

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

Houdiniのライセンスの種類

AnacondaとTensorFlowをインストールしてVisual Studio 2015で使う

BlenderProc:Blenderで機械学習用の画像データを生成するPythonツール

ブログがダウンしてました

Blendify:コンピュータービジョン向けBlenderラッパー

DCGAN (Deep Convolutional GAN):畳み込みニューラルネットワークによる敵...

OpenCVのバージョン3が正式リリースされたぞ

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

MPC社によるゴジラ(2014)のVFXブレイクダウン

KelpNet:C#で使える可読性重視のディープラーニングライブラリ

映画から想像するVR・AR時代のGUIデザイン

Structure from Motion (多視点画像からの3次元形状復元)

Transformers ”Reference & Bulid” Siggraph 2007

Model View Controller

ZBrushでUndo Historyを動画に書き出す

ZBrushで基本となるブラシ

ZBrushでアヴァン・ガメラを作ってみる 下アゴの付け根を修正

WordPressの表示を高速化する

GAN (Generative Adversarial Networks):敵対的生成ネットワーク

ラクガキの立体化 反省

Unityをレンダラとして活用する

写真に3Dオブジェクトを違和感無く合成する『3DPhotoMagic』

手を動かしながら学ぶデータマイニング

チャットツール用bot開発フレームワーク『Hubot』

Vancouver Film Schoolのデモリール

CGALDotNet:計算幾何学ライブラリ CGALのC#ラッパー

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

自前Shaderの件 解決しました

Accord.NET Framework:C#で使える機械学習ライブラリ

Webスクレイピングの勉強会に行ってきた

PythonでBlenderのAdd-on開発

Russian3DScannerのトポロジー転送ツール『WrapX』

実写と実写の合成時の色の馴染ませテクニック

openMVGをWindows10 Visual Studio 2015環境でビルドする

ラクガキの立体化 背中の作り込み・手首の移植

TensorSpace.js:ニューラルネットワークの構造を可視化するフレームワーク

NumSharp:C#で使えるNumPyライクな数値計算ライブラリ

PGGAN:段階的に解像度を上げて学習を進めるGAN

コメント