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

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

Normal Mapping with Javascript and Canvas





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

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

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

関連記事

株式会社ヘキサドライブの研究室ページ

BSDF: (Bidirectional scatterin...

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

ドットインストールのWordPress入門レッスン

ブログをwpXレンタルサーバーからwpX Speedへ移行

FCN (Fully Convolutional Netwo...

マイケル・ベイの動画の感覚

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

Subsurface scatteringの動画

ManuelBastioniLAB:人体モデリングできるBl...

イタリアの自動車ブランドFiatとゴジラがコラボしたCMのメ...

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

adskShaderSDK

MetaHumanの頭部をBlenderで編集できるアドオン

Mechanizeで要認証Webサイトをスクレイピング

Runway ML:クリエイターのための機械学習ツール

UnityのGameObjectの向きをScriptで制御す...

第1回 3D勉強会@関東『SLAMチュートリアル大会』

Houdiniのライセンスの種類

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

ブラウザ上でJavaScript,HTML,CSSを書いて共...

Seleniumを使ったFXや株の自動取引

書籍『The Art of Mystical Beasts』...

Zibra Liquids:Unity向け流体シミュレーショ...

写真に3Dオブジェクトを違和感無く合成する『3DPhotoM...

フルCGのウルトラマン!?

3DCGのモデルを立体化するサービス

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

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

cvui:OpenCVのための軽量GUIライブラリ

UnityでARKit2.0

Amazon Web ServicesでWordPress

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

ニンテンドー3DSのGPU PICA200

2012 昨日のクローズアップ現代を見た

この本読むよ

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

ジュラシック・パークのメイキング

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

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

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

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

コメント