Blog Single

Rotating Cards

Sample Link: Round 3D Demo

Sample Link: Flatter Version

For this one I created a reusable and configurable container script to hold different types of flip-able cards for the client. The Flatter Version was the first iteration.

In the second version, I added the ability to drag and move the cards in 3D space. In the sample through the Round 3D Demo link, the cards can be flipped and dragged around. Things get reset when the arrows are clicked (or swiped on touch enabled devices). The pitch, yaw, and radius of the card circle can all be changed easily as well.