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

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

Normal Mapping with Javascript and Canvas





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

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

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

関連記事

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

Dlib:C++の機械学習ライブラリ

Point Cloud Libraryに動画フォーマットが追...

WinSCP

『Geocities-izer』 どんなWebページも一昔前...

AMIMOTO(PVM版)で作成したインスタンスをAMIMO...

ZBrushCore

書籍『メイキング・オブ・ピクサー 創造力をつくった人々』を読...

IronPythonを使ってUnity上でPythonのコー...

GAN (Generative Adversarial Ne...

openMVG:複数視点画像から3次元形状を復元するライブラ...

アニゴジ関連情報

物理ベースレンダリングのためのマテリアル設定チートシート

色んな三面図があるサイト

注文してた本が届いた

Google App Engineのデプロイ失敗

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

白組による『シン・ゴジラ』CGメイキング映像が公開された!

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

Iterator

PythonでMayaのShapeノードプラグインを作る

Alice Vision:オープンソースのPhotogram...

Unreal Engine Tokyo MeetUp!へ行っ...

SVM (Support Vector Machine)

PureRef:リファレンス画像専用ビューア

Mayaのレンダリング アトリビュート

Unity ARKitプラグインサンプルのドキュメントを読む

BGSLibrary:OpenCVベースの背景差分ライブラリ

ZBrush 2021.6のMesh from Mask機能...

機械学習で遊ぶ

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

ラクガキの立体化 胴体の追加

ZBrushで仮面ライダー3号を造る 仮面編 リファレンス画...

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

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

書籍『ROSプログラミング』

ポリゴン用各種イテレータと関数セット

C++ 標準テンプレートライブラリ (STL)

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

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

UnrealCLR:Unreal Engineで.NET C...

ArUco:OpenCVベースのコンパクトなARライブラリ

コメント