Hyperlapse » Spinning wheel animation

Spinning wheel animation

Let’s get that wheel spinning. We use ? Delay to trigger the animation two seconds after the starting of the prototype.

# Start spinning the wheel after 2 seconds
Utils.delay 2, ->
    spinning_wheel.animate
        rotation: 360*15
        options:
            time: 5
            curve: Bezier.easeIn
Download Framer project

The ease-in curve, plus the fact that it has to rotate 15 times, will have it start very slowly. The duration is 5 seconds so it’ll still be spinning when we slide in the videos.

Spinning wheel animation