360° LDI3-style Viewer

3 Layer × (RGB, Depth, Alpha). Equirectangular on inner sphere, vertex displacement via Depth, layer compositing via Alpha.

Assets

Gib hier die URLs deiner neun Texturen an (pro Layer: Farb-JPG, Depth-PNG, Alpha-PNG). Für lokale Tests nutze einen einfachen HTTP-Server.

Depth & Layer Tiefen-Skala (Meter)

Depth Bias

Layer-Z

Layer 0 Alpha Gain

Layer 1 Alpha Gain

Layer 2 Alpha Gain

Depth-Decode

12‑bit Hinweis: Browser decodieren PNGs typ. auf 8 Bit pro Kanal. Für echte 12/16‑bit Depth kann ein JS‑Decoder (z. B. UPNG.js) genutzt werden, um eine DataTexture (R16) zu füllen. Diese Demo bietet eine einfache Packed‑Variante im Shader.

Viewer

FOV

Gamma

Tonemapping Background

Controls

Drag: Blick drehen • Wheel: FOV • DblClick: Autospin