何かこのページだいぶ前にメモったつもりだったんだけどな。
Normal Mapping with Javascript and Canvas
まあ、ラスタライズ後の処理だけ実装した感じだよね。これがあるだけで立体感がまるで違う。この例ではマウスでライトを制御してるけど、もちろん自動でライトの方向を三次元的にグルグル動かすことも可能なはず。(オブジェクトが動かないだけ)
これのサンプルコード見てて知ったんだけど、JavaScriptって関数の中に関数を記述する『クロージャ』ってのがあるのね。クロージャについてはもう少し勉強しよう。
ついでに
Realtime Raytracing in Javascript!
Path tracing a cornell box in Javascript
関連記事
TensorFlowでCGを微分できる『TensorFlow...
ZBrushトレーニング
ニューラルネットワークで画像分類
RSSフィードを読込んで表示するWordpressプラグイン...
ZBrushでアヴァン・ガメラを作ってみる 頭頂部と首周りを...
OpenCV
物理ベースレンダリングのためのマテリアル設定チートシート
MeshLab：3Dオブジェクトの確認・変換に便利なフリーウ...
リアルタイム レイトレーシングAPI『DirectX Ray...
ZBrushでアヴァン・ガメラを作ってみる 首回りの修正・脚...
Pythonの自然言語処理ライブラリ『NLTK(Natura...
ラクガキの立体化 背中の作り込み・手首の移植
マジョーラ
『ピクサー展』へ行ってきた
この本読むよ
openMVG：複数視点画像から3次元形状を復元するライブラ...
Maya LTでFBIK(Full Body IK)
Faceshiftで表情をキャプチャしてBlender上でM...
Raspberry Pi 2を買いました
OpenAR：OpenCVベースのマーカーARライブラリ
OpenMayaRender
MythTV：Linuxでテレビの視聴・録画ができるオープン...
『Geocities-izer』 どんなWebページも一昔前...
ガメラ生誕50周年
UnityでARKit2.0
ZBrush キャラクター＆クリーチャー
ハリウッド版「GAIKING」パイロット映像
AmazonEC2のインスタンスをt1.microからt2....
Google Chromecast
映画から想像するVR・AR時代のGUIデザイン
『スター・ウォーズ フォースの覚醒』のVFXブレイクダウン ...
Quartus II
ZBrushの作業環境を見直す
html5のcanvasの可能性
トランスフォーマー/ロストエイジのメイキング
BGSLibrary：OpenCVベースの背景差分ライブラリ
MetaHumanの頭部をBlenderで編集できるアドオン
ニンテンドー3DSのGPU PICA200
OpenFace：Deep Neural Networkによ...
『スター・ウォーズ 最後のジェダイ』のVFXブレイクダウン ...
ZBrushで仮面ライダー3号を造る 仮面編 ClipCur...
ゴジラの造形
コメント