Basic Carousel

Basic Carousel is a 3D coverflow carousel: framed pictures on a curved conveyor, the centre frame lifted and larger, the neighbours turned toward it, all standing over a soft floor reflection.

How it works

One scroll position drives every frame, so the carousel always moves as one piece. It glides on a damped spring to the next picture; a drag moves it directly, and releasing throws it on until it snaps to the nearest frame. At rest the frames breathe with a slow idle float. Clicking the centre frame brings it forward; clicking a neighbour scrolls to it. The cursor has two modes: Tilt turns the frames near it toward it, Lift raises the frame under it.

Settings

• Curve: the shape of the carousel, from a flat row (0) to a full circle (1).
• Tilt: how far the neighbours turn, the coverflow angle.
• Focus scale, Focus lift and Focus amount: how much the centre frame grows and comes forward.
• Breathe: the idle float.
• Reflection and Floor gap: the strength of the floor reflection and the gap above it.
• Border, Border color and Back color: the frames themselves.
• Stiffness, Damping and Throwing: how briskly it moves, how it settles and how far a throw carries.

Use it for

Portfolios, product lines, photo sets and case studies. For a ring that steps the front picture out, see Halo; for any frame shape on any layout, see Layout.