Show Room


1. Make a new Flash document, and set its size to 300×300.

2. Make four layers, then name them so that you get something like this:

image 1

3. Go to: Insert->New Symbol->Movie Clip, and name it crosshair, simply draw a cross that looks like this (this will be your cursor):

image 2

Make sure the cross is centered with the align tools (go to Window -> Design Panels -> Align):

image 3

4. Drag&drop the crosshair movie clip from the Library (Window -> Library) into the layer: cursor, then give the movie clip an instance name: mc1

image 4

5. Go to Insert -> New Symbol -> Movie Clip, and name it mc2

This is the movie clip that will contain the 'room'. So, drop the 'room' picture in the movie clip mc2. Don't forget to center the 'room' picture with the align tools. Drag&drop it into the layer named mc. Give the movie clip the instance name mc2.

6. And finally, paste this code in the 1st frame of the layer AS:

Show Room

speed = .9;
moview = 300;
//set this to the Flash movie's width
movieh = 300;
//set this to the Flash movie's height.
Mouse.hide();
setInterval(CursorMovement, 40);
function CursorMovement() {
mc1._x = speed*(mc1._x-_xmouse)+_xmouse;
mc1._y = speed*(mc1._y-_ymouse)+_ymouse;
mc2._x = (1-mc2._width/moview)*mc1._x+mc2._width/2;
mc2._y = (1-mc2._height/movieh)*mc1._y+mc2._height/2;
}


Author's URL: Stilva.com
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Our Flash tutorials provide you with step-by-step instructions on how to create beautiful Flash animations and integrate them into your website. More Flash Tutorials: Featured Materials | Fresh Materials | More Flash Tutorials at FlashPerfection.com

No comments yet...
Add comments to "Show Room"

Captcha