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

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

Normal Mapping with Javascript and Canvas





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

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

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

関連記事

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

Python.NET:Pythonと.NETを連携させるパッ...

ROMOハッカソンに行ってきた

顔モデリングのチュートリアル

立体視を試してみた

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

SIGGRAPH 2020はオンライン開催

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

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

Verilog HDL

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

ZBrushでアヴァン・ガメラを作ってみる 歯を配置

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

TorchStudio:PyTorchのための統合開発環境と...

Super Resolution:OpenCVの超解像処理モ...

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

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

ZBrushでゴジラ2001を作ってみる 頭の概形作り

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

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

Maya LTでFBIK(Full Body IK)

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

Math.NET Numerics:Unityで使える数値計...

mentalrayのSubsurface Scatterin...

Faceshiftで表情をキャプチャしてBlender上でM...

書籍『ROSプログラミング』

3Dスキャンに基づくプロシージャルフェイシャルアニメーション

Raspberry Pi 2のGPIOピン配置

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

Subsurface scatteringの動画

ZBrushでゴジラ2001を作ってみる 側頭部のボリューム...

ZBrush 2021.6のMesh from Mask機能...

WordPressの表示を高速化する

Raspberry Pi 2を買いました

ラクガキの立体化

胡散臭いデザインの参考サイト

OpenCV 3.1から追加されたSfMモジュール

PyTorch3D:3Dコンピュータービジョンライブラリ

ZBrushでアマビエを作る その2

書籍『OpenCV 3 プログラミングブック』を購入

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

openMVG:複数視点画像から3次元形状を復元するライブラ...

コメント