Rich Media Atlas

Media

An image that does something. Five styles share one set of options: a still photo (no WebGL), a living photo that flows under the cursor, a spotlight that reveals it in the dark, depth, which gives a flat photo 2.5D parallax, and layers, a diorama of cut-outs and hills at real depths with haze between them. Use it as a full section with copy over it, or as a tile with a caption.

Renderer
WebGL
Kind
Interactive surfaces
Options
9 fields, 10 presets

Loading the scene…

Presets

Image
Effect

Used on

  • SURFACES: spotlight statement, work gallery tiles and a depth band, every brand

Worth knowing

  • The photo is its own poster and fallback: it shows at once as a normal image, and the effect fades in over it once the texture is ready.
  • Still uses no WebGL at all; galleries of Living tiles mount their canvases only near the viewport.
  • Depth estimates depth from the photo itself (its soft light and dark, and lower in the frame being nearer), so any image works without a depth map.
  • "Keep in frame" keeps the chosen edge in view however the frame is cropped.