Spiral Images
0
Used by 0Controls
Spiral Images
Images flow along an Archimedean spiral vortex from the edge into the center, rotating to follow the tangent and fading at both ends.
KEY FEATURES
- — Archimedean spiral vortex motion
- — Equal arc-length card spacing
- — Reversible forward or backward speed
- — Tangent-aligned image rotation
- — Size falloff toward the center
- — Fade-in and fade-out at path ends
- — Adjustable turns, spread, and corner radius
API Reference
All props map directly to the controls panel sliders and color pickers.
LAYOUT
PROP
TYPE
DEFAULT
DESCRIPTION
images
array
[...]
Set of images that flow along the spiral, cycling to keep the stream continuous.
turns
number
3.5
Number of full rotations the spiral coils from edge to center; higher packs it tighter.
spacing
number
4
Gap between consecutive images along the path; higher spaces them farther apart.
spread
number
7
Scales the spiral's overall radius; higher widens it so outer arms overflow the frame.
imageSize
number
143
Base size of each image card in pixels before center falloff scaling.
sizeAttenuation
number
2
How much images shrink toward the center; 0 keeps them a uniform size.
fadeIn
number
20
Length of the fade-in as images enter at the outer edge; 0 disables it.
fadeOut
number
0
Length of the fade-out as images reach the center; 0 disables it.
cornerRadius
number
5
Corner rounding of each image card; higher gives rounder corners.
ANIMATION
PROP
TYPE
DEFAULT
DESCRIPTION
speed
number
2
How fast images travel along the spiral; negative values reverse the flow direction.
