Play Spatial Card Gyroscope

This interaction showcases a spatial movie card carousel. Tilting the device triggers a gyroscope-based 3D rotation of the active card, creating a parallax depth effect between the card's background artwork, foreground text, and rating badge. Swiping horizontally transitions between cards with a springy slide and scale animation. As the active card changes, the screen's background gradient smoothly crossfades to match the dominant color palette of the selected movie poster, enhancing the immersive spatial experience.