Flying Posters

3D posters rotate on scroll infinitely.

Default

Scroll the wheel or drag over the preview to flip the posters. Every prop is wired to the controls underneath.

Scroll.

Plane Width320px

Plane Height320px

Distortion3

Scroll Ease0.01

Camera FOV45°

Camera Z20

Prop	Type	Default	Description
`items`	`string[]`	`[]`	An array of image URLs to be displayed as flying posters.
`planeWidth`	`number`	`320`	The width of each poster plane in pixels.
`planeHeight`	`number`	`320`	The height of each poster plane in pixels.
`distortion`	`number`	`3`	The amount of distortion applied to the posters' movement.
`scrollEase`	`number`	`0.01`	The easing factor for smooth scrolling interactions.
`cameraFov`	`number`	`45`	The field of view for the camera in degrees.
`cameraZ`	`number`	`20`	The Z position of the camera, affecting zoom and perspective.

Keyboard shortcuts and ARIA behavior.

The posters are drawn on a canvas, so they are invisible to assistive technology. Pair the component with text that describes the images.