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

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

Normal Mapping with Javascript and Canvas





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

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

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

関連記事

HD画質の無駄遣い その2

Structure from Motion (多視点画像から...

CreativeCOW.net

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

Stanford Bunny

SculptrisとBlenderで作ったGodzilla ...

ZBrushでゴジラ2001を作ってみる 身体のSubToo...

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

このブログのデザインに飽きてきた

fSpy:1枚の写真からカメラパラメーターを割り出すツール

WordPress on Windows Azure

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

ZBrushでカスタムUIを設定する

MFnDataとMFnAttribute

ZBrushでゴジラ2001を作ってみる 頭の概形作り

ラクガキの立体化 1年半ぶりの続き

オープンソースの人体モデリングツール『MakeHuman』の...

3分の動画でプログラミングを学習できるサイト『ドットインスト...

2012のメイキングまとめ(途中)

リメイク版ロボコップスーツのメイキング

フリーのUV展開ツール Roadkill UV Tool

DUSt3R:3Dコンピュータービジョンの基盤モデル

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

OpenCVで動画の手ぶれ補正

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

ZBrushの作業環境を見直す

Unreal Engine 5の情報が公開された!

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

Javaで作られたオープンソースの3DCGレンダラ『Sunf...

Russian3DScannerのトポロジー転送ツール『Wr...

Unite 2014の動画

ZBrushで仮面ライダー3号を造る 仮面編 横顔のシルエッ...

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

自前のShaderがおかしい件

ブログがダウンしてました

MPC社によるゴジラ(2014)のVFXブレイクダウン

OpenMVSのサンプルを動かしてみる

ZBrush 2018へのアップグレード

Unreal Engine Tokyo MeetUp!へ行っ...

参考になりそうなサイト

ゴジラ(2014)のディティール制作の舞台裏

Kornia:微分可能なコンピュータービジョンライブラリ

コメント