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

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

Normal Mapping with Javascript and Canvas





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

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

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

関連記事

日立のフルパララックス立体ディスプレイ

自前のShaderがおかしい件

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

天体写真の3D動画

SDカードサイズのコンピューター『Intel Edison』

Ambient Occlusionを解析的に求める

mentalrayのSubsurface Scatterin...

AndroidもopenGLも初心者さ (でもJavaは知っ...

JavaによるCGプログラミング入門サイト (日本語)

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

スクレイピング

Vancouver Film Schoolのデモリール

書籍『開田裕治 怪獣イラストテクニック』

ZBrushのZScript入門

映画『ブレードランナー 2049』のVFX

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

書籍『ゼロから作るDeep Learning』で自分なりに学...

まだ続くブログの不調

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

なんかすごいサイト

iPhoneアプリ開発 Xcode 5のお作法

ZBrushCoreのTransposeとGizmo 3D

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

UnityでOpenCVを使うには?

ZBrushの練習 手のモデリング

『手を動かしながら学ぶエンジニアのためのデータサイエンス』ハ...

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

海外ドラマのChromaKey

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

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

SIGGRAPH ASIA 2009で学生ボランティア募集し...

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

Mayaのポリゴン分割ツールの進化

UnityのAR FoundationでARKit 3

BlenderでPhotogrammetryできるアドオン

FreeMoCap Project:オープンソースのマーカー...

ZBrushトレーニング

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

ちょっと凝り過ぎなWebキャンペーン:全日本バーベイタム選手...

トランスフォーマーの変形パターンを覚えるのは楽しいと思うんだ

iPhone x ロボットハッカソン~RomoのiPhone...

OANDAのfxTrade API

コメント