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

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

Normal Mapping with Javascript and Canvas





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

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

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

関連記事

Caffe:読みやすくて高速なディープラーニングのフレームワ...

ROSの薄い本

ジュラシック・パークの続編『ジュラシック・ワールド』

ZBrushのTranspose Masterでポーズを付け...

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

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

『ローグ・ワン/スター・ウォーズ・ストーリー』のVFXブレイ...

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

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

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

ZBrushのお勉強

MRenderUtil::raytrace

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

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

Amazon Web ServicesでWordPress

ニューラルネットワークで画像分類

Maya API Reference

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

ZBrushのハードサーフェイス用ブラシ

Mayaでリアルな布の質感を作るチュートリアル

ZBrushで人型クリーチャー

UnityプロジェクトをGitHubで管理する

顔のモデリング

自前のShaderがおかしい件

iPhone 3GSがますます欲しくなる動画

TensorFlowでCGを微分できる『TensorFlow...

Mayaのシェーディングノードの区分

OpenCVの超解像(SuperResolution)モジュ...

UnityでTweenアニメーションを実装できる3種類の無料...

hloc:SuperGlueで精度を向上させたSfM・Vis...

html5のcanvasの可能性

網元AMIで作ったWordpressサイトのインスタンスをt...

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

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

書籍『OpenCV 3 プログラミングブック』を購入

Google Colaboratoryで遊ぶ準備

MVStudio:オープンソースのPhotogrammetr...

オープンソースの顔の動作解析ツールキット『OpenFace』

ZBrushで仮面ライダーBLACK SUNを作る 頭部~バ...

ハリウッド版「GAIKING」パイロット映像

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

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

コメント