Photo Sphere Orb
A hundred photographs distributed over the surface of a sphere, each turned to face the middle. Positions come from a Fibonacci spiral rather than a lat/long grid, so the tiles space evenly instead of bunching at the poles. Each plane is built at the real aspect ratio of the texture it received, so nothing is stretched, and the ball is dragged with damped orbit controls that allow rotation and zoom but no panning.
npx shadcn@latest add https://ui.aryank.space/r/photo-sphere-orb.jsonInstalls from ui.aryank.space. To add it by hand, copy the files in Usage below, or register the @compronents namespace via the docs.
| Prop | Type | Default | Description |
|---|---|---|---|
| images / totalItems | string[] / number | 30 stills / 100 tiles | Each of the totalItems planes draws a random image from the pool, so tiles repeat across the sphere. |
| sphereRadius / backgroundColor | number / string | 5 / #000000 | Ball radius in scene units and the clear color. |
imagestextPool the sphere's tiles are drawn from at random.
totalItems / sphereRadiustextHow many tiles and how large the ball is.
three