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

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

Normal Mapping with Javascript and Canvas





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

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

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

関連記事

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

Unity Scriptコーディング→Unreal Engi...

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

FCN (Fully Convolutional Netwo...

オープンソースのロボットアプリケーションフレームワーク『RO...

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

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

OpenMayaRender

ZBrushでアヴァン・ガメラを作ってみる 頭頂部の作り込み...

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

UnityのTransformクラスについて調べてみた

Blendify:コンピュータービジョン向けBlenderラ...

UnityでARKit2.0

MFnDataとMFnAttribute

まだ続くブログの不調

PureRef:リファレンス画像専用ビューア

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

Digital Emily Project:人間の顔をそっく...

UnityのAR FoundationでARKit 3

Photogrammetry (写真測量法)

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

機械学習手法『Random Forest』

ポリ男からMetaHumanを作る

BGSLibrary:OpenCVベースの背景差分ライブラリ

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

Unityで強化学習できる『Unity ML-Agents』

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

ZBrushで仮面ライダー3号を造る 仮面編 リファレンス画...

CLO:服飾デザインツール

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

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

Unityの各コンポーネント間でのやり取り

タダでRenderManを体験する方法

ZBrushでアヴァン・ガメラを作ってみる パーツ分割

Cartographer:オープンソースのSLAMライブラリ

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

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

SIGGRAPH Asia

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

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

Blender 4.2以降のWindowsPortable版...

libigl:軽量なジオメトリ処理ライブラリ

コメント