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

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

Normal Mapping with Javascript and Canvas





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

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

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

関連記事

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

ヒーローに変身なりきりアーケードゲーム『ナレルンダー』

OpenCVでPhotoshopのプラグイン開発

MeshLab:3Dオブジェクトの確認・変換に便利なフリーウ...

フリーで使えるスカルプト系モデリングツール『Sculptri...

Google製オープンソース機械学習ライブラリ『Tensor...

顔のモデリング

Geogram:C++の3D幾何アルゴリズムライブラリ

オープンソースのロボットアプリケーションフレームワーク『RO...

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

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

3Dスキャンに基づくプロシージャルフェイシャルアニメーション

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

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

映画『シン・ウルトラマン』 メイキング記事まとめ

Raspberry PiのGPIOを操作するPythonライ...

ZBrushでアヴァン・ガメラを作ってみる

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

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

ラクガキの立体化 3Dプリント注文

UnityのAR FoundationでARKit 3

UnityでLight Shaftを表現する

単純に遊びに行くのはだめなのか?

COLMAP:オープンソースのSfM・MVSツール

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

ZBrushでアヴァン・ガメラを作ってみる 口内の微調整・身...

OpenCVで動画の手ぶれ補正

ZBrush 2021.6のMesh from Mask機能...

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

mentalrayのSubsurface Scatterin...

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

Managing Software Requirements...

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

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

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

Paul Debevec

OpenCVでカメラ画像から自己位置認識 (Visual O...

CLO:服飾デザインツール

UnityでPoint Cloudを表示する方法

『スター・ウォーズ フォースの覚醒』のVFXブレイクダウン ...

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

OpenCV 3.1のsfmモジュールを試す

コメント