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

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

Normal Mapping with Javascript and Canvas





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

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

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

関連記事

libigl:軽量なジオメトリ処理ライブラリ

Blenderでよく使うaddon

Pythonの自然言語処理ライブラリ『NLTK(Natura...

SIGGRAPH ASIA 2009で学生ボランティア募集し...

ZScript

『ローグ・ワン/スター・ウォーズ・ストーリー』のVFXブレイ...

ブログのデザイン変えました

3D Gaussian Splatting:リアルタイム描画...

UnityのMonoBehaviourクラスをシングルトン化...

ZBrushでアヴァン・ガメラを作ってみる 下アゴと頭部を作...

ZBrushで基本となるブラシ

iPhone・iPod touchで動作する知育ロボット『R...

Human Generator:Blenderの人体生成アド...

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

Raytracing Wiki

テスト

Maya API Reference

映画『ゴジラ-1.0』 メイキング情報まとめ

ZBrushでアヴァン・ガメラを作ってみる 甲羅の修正・脚の...

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

ゴジラの造形

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

Point Cloud Utils:Pythonで3D点群・...

CEDEC 3日目

Webサイトのワイヤーフレームが作成できるオンラインツール

Vancouver Film Schoolのデモリール

Manim:Pythonで使える数学アニメーションライブラリ

HD画質の無駄遣い

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

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

PyTorch3D:3Dコンピュータービジョンライブラリ

『シン・ゴジラ』のコンセプトアニメーションのメイキング動画が...

プログラミングスキルとは何か?

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

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

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

uGUI:Unityの新しいGUI作成システム

ZBrushでアヴァン・ガメラを作ってみる 全体のバランス調...

Windows10でPyTorchをインストールしてVSCo...

OpenCVの顔検出過程を可視化した動画

Math Inspector:科学計算向けビジュアルプログラ...

ゴジラ三昧

コメント