Springs

In this tutorial, we will see how to give an object an effect of elasticity.

The physics behind it:

We will take the example of a mass attached to a spring. Let's say that the normal state of the system, that is to say when nothing moves, in other words the equilibrium, happens when the spring has a length l. If you move the mass by dx, making so that the spring has now a length l', the force will then be
 

All this to show you what you already know : the more we pull on the spring, the faster it will go. Here, pulling hard means big dx, hence a big force, and a high speed.
 
But we must not forget about inertia. The mass always tends to go back to equilibrium, but it has a certain speed when it does, so it doesn't just stop there.

Let's say now that we want the mass to oscillate around the mouse position. In Flash we'll translate this like this :

This code goes inside the Actions panel of the mass, which has to be a movie clip.

To make the code more reusable, we are going to define a prototype that will do the job for us. Basically, it's just a function that any movie clip can call from anywhere.

In the main scene, create a new layer, and call it code. Select the first frame, and open the Frame Actions panel.

[ The following works only with Flash 5. I'll have to find out a way with Flash MX ]

If you put 3 movie clips on the stage, you can very easily give them different elastic effects by changing the parameters inertia and k. Here's an example:

Now imagine that we want to drag the mass and let it go.
The first thing we have to do is check if the mass is being dragged. In order to do so, we'll put a button inside the mass movie clip, with the code :

Click here for all of the source files for this tutorial on springs and making them work elastically.