( relight.html )
Media unavailableInformation
- Date
- 2026-06
- Type
- HTML
- Tech
- Vite, Three.js, WebGL2, GLSL, depthbake-three, Depth Anything V2
Links
Description
relight は、depthbake パッケージとして焼き出した写真を、ブラウザ上で照らし直す WebGL デモ。写真・depth.png・meta.json・normal.png・mask.png を読み込み、各ピクセルのワールド座標と法線を復元して、カーソルに追従する点光源で陰影を再合成する。 ライティングは Blinn-Phong をベースに、wrap lighting、距離減衰、色温度の変化、スクリーン空間レイマーチによる接触影を組み合わせている。mask.png は深度不連続のエッジや空領域の照明を抑えるために使い、normal.png は事前ベイクされた法線として読み込むことで実行時の計算負荷を下げている。