Free FlashDen file of the month. Click here to download.
Search  

WORLD MAP MINI SITE

HomeBrowse CategoriesSite TemplatesCreative/PortfolioWorld Map Mini Site

This is a tutorial file which demonstrates how to move from section to section, using the continents of the world as examples ( you could use any movie clip though). It runs completely on script, there are NO TIMELINE TWEENS in here. You can either click the menu items, or the continents themselves. Theoretically you could trigger actions when the motions are finished, by adding a few commands in the code. It’s fairly straightforward…

You can also see how to how to display variables visually at runtime, move things directionally with actionscript , and also zoom in and out, both with acceleration and deceleration for a more natural motion feel.

Also demonstrates how to fade in and out of active sections and menu items smoothly, and you get 2 nice vector maps to keep on top of that,

Finally, you get a few sound fx I made, a basis for a volume slider, and you get to see and learn how to control multiple sound fade-ins and fade-outs, depending on where you interact.

This is a single drag n drop movie clip. All the actionscript is in a single frame, and the script is heavily commented with detailed and clear explanations about how all the lines of code work together, what they do, why they do it, and what can be done with them.

It’s a good launching pad to learn how to put together simple sites that look good and move well.

So hope you like it, if you have further questions, just get in touch :)

Cheers, - Adrien

Posted about 1 year ago

ITEM DISCUSSION

Show Comments By

Classic!

Posted about 1 year ago

Nice bit of scripting. Will this work in AS3 ?

Posted about 1 year ago

Superb!!

Posted about 1 year ago

hi, just a quick question. The layer General intructions, does not contain anything. am I right?

Posted about 1 year ago

Yes that’s right.. I had originally put some text there, but then I moved ito the other layers’ comments. You can disregard that layer.

Sorry about the confusion mate

Cheers.

Posted about 1 year ago

Can you make this work on a full screen XML driven?

Posted about 1 year ago

Can I use a custom map?

With pan/zoom controls – etc ??

Thx.

Posted about 1 year ago

Hi ejoseph,

Yeah it would take a little swapping as is, meaning the current map elements could be replaced with other ones easily, and only the x and y positions, and height and width for the sizing motion scripts would have to be changed. Not a huge issue.. However, in order to maintain zoom detail, the custom map would have to be a vector. But in terms of panning it could be bitmap no problem.. Let me know if you need help with that or if you have any further questions..

Thanks.

Posted about 1 year ago

I m just waiting for Flashden and PayPal to apply my $20.00 payment to buy your file.

I paid 12 hours ago and cash doesnt appear in my account yet.

When this is done I will make contact with you to talk about the world map.

Thx.

Daniel.

Posted about 1 year ago

Problem solved and file purchased.

ADG3studios can I ve your mail pls ?

Tnx.

Posted about 1 year ago

Great flash coding! I have one question: Is there an option for setting a max/min zoom. I can now zoom in/out to infinity.

You can see what i have done with it so far here;

http://dect.ontwikkelruimte.nl/worldmap/WORLDMAP.HTML

Thanks

Posted about 1 year ago

Hi fit2Page. cool design mod there :)

ya you can set a maxZoom by using an if() statement inside the zoom function now…. set it so if the scale is >= 200 , for example, scale = 200;

That way it wont get bigger than 200%

Use the same approach for minZoom. just use <= 50 or what ever number u wish.

I use need further help modifying the code, send me an email through my den please.

Thanks, good luck :)

Posted about 1 year ago

Excellent. Exactly what I was searching for.

Posted about 1 year ago

This is great! But after I zoom In to a section, is there a way to zoom Out by clicking on the same section (same effect as clicking on the World link)?

Posted about 1 year ago

Yes it’s possible by changing a couple lines of code and adding a variable. Not too much work. Feel free to let me know if you’d like to have that done :)

Thanks

Posted about 1 year ago

I will get with you on that after I purchase it soon. One more question. Can there be preset zoom levels for the – and + ? (i.e. – 50% 100% 200%)

Posted about 1 year ago

that would be possible too, yes. I’ve done it that way on this file mouse over the small green squares… 50 100 200 :)

Posted about 1 year ago

great file, really cool concept, can see this being useful for lots of applications!

Posted about 1 year ago

I really like the details of how the sound fades in and out when you click on the zoom.

Very nice attention to detail!

Posted about 1 year ago

thanks man! :)

Posted about 1 year ago

O.K. I bought it. It’s great! Can you please help me with my first question though? After I zoom In to a section, I want to zoom Out by clicking on the same section (same effect as clicking on the World link). Thanks!

Posted about 1 year ago

really nice I can see many uses for that code.

Posted about 1 year ago

After I zoom In to a section, I want to zoom Out by clicking on the same section (same effect as clicking on the World link). How can I do this?

Posted about 1 year ago

Thanks TopQ :)

@peforever : Sorry for the late response here, please send me a mail to adg3.com (at) gmail.com and we can see about sorting this out for you. Thanks.

Posted about 1 year ago

hey man, I’d be pissed if I put this amount of work into a project that ended up getting sold for 5 dollars….

Posted about 1 year ago

Hi… I am interest in buying this.

Is it in ActionScript 2 or 3?

Posted 11 months ago

You’ve got mail!

Posted 10 months ago

good

Posted 6 months ago