examples

Lighting & Environment. Control the lighting and the environment surrounding <model-viewer>. This page showcases the background-image attribute, which links to an equirectangular projection image which is used as the skybox, and applied as an environment map to the model.

An equirectangular background-image

An equirectangular HDR background-image

An equirectangular background-image with an unlit model

When both background-image and background-color are specified, the former takes precedence

Use environment-image to set environmental lighting without changing the background

Supports different background-image and environment-image images

Control environment lighting intensity with environment-intensity

Control stage lighting with stage-light-intensity

Control shadow visibility with shadow-intensity