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

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

Normal Mapping with Javascript and Canvas





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

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

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

関連記事

DCGAN (Deep Convolutional GAN)...

ZBrushCore

SIGGRAPH 2020はオンライン開催

Raspberry Pi

タマムシっぽい質感

池袋パルコで3Dのバーチャルフィッティング『ウェアラブル ク...

ファンの力

3Dモデルを立体視で確認できるVRアプリを作っている

Autodesk CompositeとAutodesk Ma...

Mayaのポリゴン分割ツールの進化

『PIXARのひみつ展』に行ってきた

ZBrushの練習 手のモデリング

mentalrayのSubsurface Scatterin...

C#で使える遺伝的アルゴリズムライブラリ『GeneticSh...

Blenderでよく使うaddon

ZBrushでアヴァン・ガメラを作ってみる 歯茎を別パーツへ...

日立のフルパララックス立体ディスプレイ

MythTV:Linuxでテレビの視聴・録画ができるオープン...

マルコフ連鎖モンテカルロ法

生物の骨格

Pix2Pix:CGANによる画像変換

昔Mayaでモデリングしたモデルをリファインしてみようか

OpenSfM:PythonのStructure from ...

動的なメモリの扱い

フォトンの放射から格納までを可視化した動画

この連休でZBrushの スキルアップを…

機械学習に役立つPythonライブラリ一覧

uvでWindows11のPython環境を管理する

OpenAR:OpenCVベースのマーカーARライブラリ

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

ZBrushでアヴァン・ガメラを作ってみる 頭頂部と首周りを...

UnityプロジェクトをGitHubで管理する

ZBrushで作った3Dモデルを立体視で確認できるVRアプリ...

頭蓋骨からの顔復元と進化過程の可視化

オープンソースの物理ベースレンダラ『Mitsuba』をMay...

UnityでTweenアニメーションを実装できる3種類の無料...

マジョーラ

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

Windows Server 2008にAutodesk M...

Paul Debevec

konashiのサンプルコードを動かしてみた

第20回 文化庁メディア芸術祭『3DCG表現と特撮の時代』

コメント