Flash Site Design - How'd they do that?

Author

How'd they do that?

Scruffpuff

2006-04-17, 6:33 pm

Hello everyone,

I'm a student currently working on a site which involves a big map of my city
and photos that I have taken at different locations. I was hoping that a
person would be able to zoom in and out on the map similar to the way that this
site does it: http://www.matthewmahon.com/

I was wondering if someone could give me a rough idea of how this effect is
achieved?

Thank you,
Rob

shyaway

2006-04-18, 6:38 pm

first thing you need to do is break down the functionalities.
zooming - _width/_height or _xscale/_yscale
moving the mc around stage
tweening movement and the zooms - many ways, use whatever you're most
comfortable with

break the functions to simplest you can and then combine to get the effects

it helps if you write down what you need to do and tick off what's done.

now, the easiest way i'd do it with least scripting.
set up the whole stage with all the pics and everything (completely zoomed out
state)
make sure that the whole in is inside an MC instead of on main Stage.
now, add the mouse function that move the mc according to where about you
clicked (this should be somewhat independent of your zoom state as all it does
it moving the "focus")
next, buttonalized the images. they would have move-then-zoom functions.
add a zoom-out when you clicking elsewhere, you can do this using hitTest with
_xmouse,_ymouse.
that pretty much it.

DJ Sick Nick

2006-04-18, 6:38 pm

I'll be able to do it for you, if you sen me the fla with the pictures inside it.

DJ Sick Nick

2006-04-18, 6:38 pm

I'll be able to do it for you, if you send me the fla with the pictures inside it.

Michelle

2006-04-18, 6:38 pm

any sample fla ?

"DJ Sick Nick" <admin@freeusgaming.com> wrote in message
news:e23ir9$88g$1@forums.macromedia.com...
> I'll be able to do it for you, if you send me the fla with the pictures
> inside it.

Scruffpuff

2006-04-19, 6:31 pm

Originally posted by: shyaway
first thing you need to do is break down the functionalities.
zooming - _width/_height or _xscale/_yscale
moving the mc around stage
tweening movement and the zooms - many ways, use whatever you're most
comfortable with

break the functions to simplest you can and then combine to get the effects

it helps if you write down what you need to do and tick off what's done.

now, the easiest way i'd do it with least scripting.
set up the whole stage with all the pics and everything (completely zoomed out
state)
make sure that the whole in is inside an MC instead of on main Stage.
now, add the mouse function that move the mc according to where about you
clicked (this should be somewhat independent of your zoom state as all it does
it moving the "focus")
next, buttonalized the images. they would have move-then-zoom functions.
add a zoom-out when you clicking elsewhere, you can do this using hitTest with
_xmouse,_ymouse.
that pretty much it.

Thanks shyaway, I'm almost certainly going to have more questions on this but
you've backed up my rough assumptions on how to approach the whole thing.