Website Design Tips - Hypergurl

Tutorial for spinning or rotating a circle in Adobe Flash

This Adobe Flash tutorial demostrates how to make an animation that smoothly spins a circle. Firstly it shows you how to do it with a motion tween and one object. This works fine, however there is a short hickup or pause after each rotation. This is due to the animation being in a loop and starting again from the 20th frame back to the first.

To improve on this, the tutorial continues on and demonstrates the results of adding a second layer with a bit of action script (goto play 1) thrown in. This time when the Flash animation gets to frame 19, it reads the action script and goes back to frame 1 before it gets to the end of the movie. As you can see by the demonstration, it does look smoother than the first attempt. Although it still hops quickly back to the first frame. It just does it quicker so is harder to see.

Whats the answer? Well the answer is to add a few more lines of action script to the movie. Here is the action script as shown in the video tutorial:

onClipEvent (enterFrame)
{
i = getProperty(this, rotation);
setProperty(this, rotation, 1+18)

}

If your not familiar with how to add actionscript to your movie, Adobe has a good tutorial: Adobe Flash action script tutorial.

The software used in this tutorial to create a spinning circle is Adobe Flash.

To start the spinning circle animation tutorial click the go arrow: