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

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

Normal Mapping with Javascript and Canvas





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

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

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

関連記事

オープンソースの物理ベースレンダラ『Mitsuba』をMay...

Faster R-CNN:ディープラーニングによる一般物体検...

UnityでLight Shaftを表現する

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

『Geocities-izer』 どんなWebページも一昔前...

UnityのGlobal Illumination

OpenCVで平均顔を作るチュートリアル

ブログのデザイン変えました

リメイク版ロボコップスーツのメイキング

機械学習で遊ぶ

書籍『3次元コンピュータビジョン計算ハンドブック』を購入

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

ZBrushと液晶ペンタブレットでドラゴンをモデリングするチ...

ZBrushでUndo Historyを動画に書き出す

iPhone欲しいなぁ

ZBrushで人型クリーチャー

CGレンダラ研究開発のためのフレームワーク『Lightmet...

Raspberry PiでIoTごっこ

OpenVDB:3Dボリュームデータ処理ライブラリ

3Dモデルを立体視で確認できるVRアプリを作っている

openMVGをWindows10 Visual Studi...

アニゴジ関連情報

昔Mayaでモデリングしたモデルをリファインしてみようか

レンダラ制作はOpenGL とか DirectX を使わなく...

OpenGV:画像からカメラの3次元位置・姿勢を推定するライ...

SculptrisとBlenderで作ったGodzilla ...

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

UnityでPoint Cloudを表示する方法

OpenCV 3.3.0 contribのsfmモジュールの...

Raspberry PiのGPIOを操作するPythonライ...

マンガで分かる JavaScriptプログラミング講座

ラクガキの立体化 目標設定

konashiのサンプルコードを動かしてみた

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

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

イタリアの自動車ブランドFiatとゴジラがコラボしたCMのメ...

Unityの薄い本

JavaScriptとかWebGLとかCanvasとか

第20回 文化庁メディア芸術祭『3DCG表現と特撮の時代』

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

ZBrushでメカ物を作るチュートリアル動画

Theia:オープンソースのStructure from M...

コメント