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

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

Normal Mapping with Javascript and Canvas





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

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

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

関連記事

オープンソースの取引プラットフォーム

BlenderでPhotogrammetryできるアドオン

clearcoat Shader

ZBrushでアヴァン・ガメラを作ってみる 脚のポーズ調整

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

Adobe Photoshop CS4 Extendedの3...

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

WordPressのテーマを自作する

PeopleSansPeople:機械学習用の人物データをU...

ZBrushでゴジラ2001を作ってみる 身体のシルエット出...

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

参考になりそうなサイト

SVM (Support Vector Machine)

R-CNN (Regions with CNN featur...

デザインのリファイン再び

組み込み向けのWindows OS 『Windows Emb...

Raspberry Piでセンサーの常時稼働を検討する

ヘッドマウントディスプレイとビジュアリゼーションの未来

現在公開されているWeb API一覧

この本読むよ

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

SIGGRAPH ASIAのマスコット

ZBrush4新機能ハイライト 3DCG CAMP 2010

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

『スター・ウォーズ 最後のジェダイ』のVFXブレイクダウン ...

アクセス元IPアドレスから企業名が分かるアクセス解析『Use...

世界一下品なクマと世界一紳士なクマ

CycleGAN:ドメイン関係を学習した画像変換

OpenCV 3.1とopencv_contribモジュール...

MFnDataとMFnAttribute

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

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

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

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

1枚の画像からマテリアルを作成できる無料ツール『Materi...

『スター・ウォーズ/スカイウォーカーの夜明け』のVFXブレイ...

Super Resolution:OpenCVの超解像処理モ...

立体視を試してみた

ガメラ生誕50周年

ZBrushでゴジラ2001を作ってみる 身体のアタリを作る

pythonの機械学習ライブラリ『scikit-learn』

python-twitterで自分のお気に入りを取得する

コメント