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

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

Normal Mapping with Javascript and Canvas





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

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

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

関連記事

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

WordPressの表示を高速化する

まだ続くブログの不調

『シン・ゴジラ』のコンセプトアニメーションのメイキング動画が...

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

AnacondaとTensorFlowをインストールしてVi...

ポリ男からMetaHumanを作る

RSSフィードを読込んで表示するWordpressプラグイン...

Composition Rendering:Blenderに...

Webスクレイピングの勉強会に行ってきた

C++ 標準テンプレートライブラリ (STL)

ZBrushでアヴァン・ガメラを作ってみる 壊れたデータの救...

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

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

WordPressプラグインによるサイトマップの自動生成

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

Maya 2015から標準搭載されたMILA

ZBrushでアヴァン・ガメラを作ってみる 爪とトゲを追加

OpenGVのライブラリ構成

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

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

仮想関数

ラクガキの立体化 進捗

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

PythonのHTML・XMLパーサー『BeautifulS...

Open3D:3Dデータ処理ライブラリ

ラクガキの立体化 モールドの追加

ZBrush 2021.6のMesh from Mask機能...

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

OpenFace:Deep Neural Networkによ...

Houdiniのライセンスの種類

IronPythonを使ってUnity上でPythonのコー...

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

HTML5・WebGLベースのグラフィックスエンジン『Goo...

Phongの表現力パネェ 材質別のPhong Shader用...

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

ZBrush キャラクター&クリーチャー

ラクガキの立体化 背中の作り込み・手首の移植

UnityでPoint Cloudを表示する方法

Google App Engine上のWordPressでA...

ZBrushCoreのTransposeとGizmo 3D

KelpNet:C#で使える可読性重視のディープラーニングラ...

コメント