Image

Prism

The picture printed across a row of slim triangular prisms; a change turns each prism a third of a turn in a travelling wave, its faces passing through the scene light, to show the next picture. Use for signage, retail, product and campaign heroes.

  • image
  • prism
  • trivision
  • slats
  • facets
  • lit
  • interactive

Settings and defaults

Pointer mode
Tilt
Count
56
Vertical
On
Spread
0.6
Sweep angle
0 °
Settle
0.5
Gap
0.03
Roughness
0.45
Self light
0.1
Duration
2 s
Interval
5 s
Aspect
0
Breathe
0.5
Intensity
1
Opacity
1
Pointer strength
1
Pointer radius
0.6
Slat colour
#15171c
Pointer colour
#ffffff

Prism prints your picture across a row of slim triangular prisms, like a rotating trivision billboard. When the picture changes, each prism turns a third of a turn in a travelling wave to show the next picture on its next face.

How it works

Each prism has three faces: the current picture faces the viewer, the next picture sits on the following face, and the third face carries the slat colour. The turn passes every face through the scene's light, so a change reads as light running across the facets, and each prism overshoots slightly and settles. At rest a ripple of about a degree runs across, making the facets shimmer. It is lit by your scene, and object effects work on it.

Settings

  • Count sets how many prisms there are; Vertical makes them stand upright or lie flat and turn top to bottom.
  • Spread and Sweep angle set how many prisms turn at once and in which direction.
  • Settle sets the overshoot at the end of each turn; Gap the space between prisms.
  • Roughness sets the faces from glossy print to matte; Slat colour the third face.

Cursor

Tilt turns the prisms near the cursor a few degrees toward it, catching glints; Wave sends a ripple of turns out from it.

Use it for

  • Retail signage and campaign heroes
  • Product launches with several images
  • Retro billboard and outdoor advertising looks

Code and API

Ready-to-paste React Three Fiber code and the 3DRise API are included in paid plans, inside the studio.

See plans

More image

Frost

A print behind a pane of real glass; a change is a breath of frost that feathers in from the edges, blurs the print through the glass, and clears from the centre to reveal the new picture; the cursor wipes the glass. Use for winter, luxury, beauty and calm editorial.

Lenticular

A lenticular print: fine lenses over interleaved strips of the old and new picture; a change sweeps the flip across the sheet and depends on the viewing angle, with ribbed clearcoat highlights from the scene light. Use for collectibles, posters, fashion and retail.

Pinscreen

The picture as a pinscreen of fine metal pins, each standing out by the brightness under it with a domed head in the picture's colour; a change is a pressure wave that sinks the pins and raises the new relief. Use for tech, product and sculptural heroes.

Relief

The picture embossed into paper by its own local contrast and lit by the scene; a change is a soft press travelling across the sheet, flattening the old impression and raising the new one as its ink lays down. Use for editorial, print, craft and product heroes.

Roll

A print on paper; a change is a slim paper roll travelling across it, winding up the old print and laying down the new one, lit and shadowed by the scene. Use for editorial, stationery, packaging and calm product heroes.

Contour

The picture as a topographic map of itself: a change opens it into hairline contour lines that lift into a floating stack in depth and flow continuously into the new picture's contours before it fills back in. Use for tech, data, science and architecture.

Works well with

Used in