VHS Shelf Interaction

I saw Grizz's bookshelf interaction and wanted to test the same idea with another object. Books were too obvious, so I went with VHS tapes.

Why VHS?

VHS tapes already have the interaction built in. On a shelf you see the spine. When you choose one, you get the cover. That was enough to start.

The cover keeps the poster clear. The spine uses a center crop of the same image, so it still belongs to the tape instead of becoming a separate graphic.

The Hinge

The main detail is the hinge. If the spine and cover do not touch, the whole thing stops feeling like one object.

So the cover starts after the spine width, and the spine rotates from its right edge. It is a small geometry decision, but it carries most of the illusion.

What Stayed

There is no hover reaction here. The tape only moves when you choose it, because the selection is the whole point.

It is just six tapes, a spring, titles on the spine, colors pulled from the images, a paper-worn texture over the cardboard, and a small haptic tick. That is enough for this one.