data = 'http://sitepointstatic.com/flash/follower.swf'
width = '400'
height = '400'
bgcolor = 'black'
>
Download the sample files here.
1. First, create a movieclip of your choice. Give the movieclip an instance name — I called mine ‘follower’.
3. In the first frame, insert the following action:
//sets the speed of rotation
rotation_speed = 5;
//sets the elasticity the higher the value the higher the elasticity
elasticity = .1;
_root.onEnterFrame = function()
{
with (follower) {
_rotation += rotation_speed;
_x += (_root._xmouse-_x)*elasticity;
_y += (_root._ymouse-_y)*elasticity;
}
};That’s it! Test the movie. Remember, you can increase the rotation_speed variable to create different effects.
Learn Responsive Web Design
- SitePoint's ebook: Jump Start Responsive Web Design
- Responsive Web Design: Key Concepts online course
- Unlimited access to SitePoint Premium Content
Join Learnable $29 Includes all SitePoint books
