i want to animate the route of my trip on a map, how do you do it?

[Nigel]

i want to animate the route of my trip on a map, how do you do it?

hello i want to animate a line showing the route of my trip on a map of
europe. would like to know the easiest and best way to do this. any
thoughts.
current map located at:

[url]www.nigelineurope.com/story/story.html[/url]

cheers

nigel

[Sirkent]

"Nigel" <nigel@nigelineurope.com> wrote in
news:XMqdnRQMDMtOt2Hd4p2dnA@adelphia.com:

> i want to animate the route of my trip on a map, how do you do it?
>
> hello i want to animate a line showing the route of my trip on a map of
> europe. would like to know the easiest and best way to do this. any
> thoughts.
> current map located at:
>
> [url]www.nigelineurope.com/story/story.html[/url]
>
> cheers
>
> nigel
>
>
>

The easiest way would be to draw the line and then to use a mask to show
the line as part of your animation.

--
Karl Buckland
[url]www.webforumz.com[/url]
Free webdesign and development help,
tips, and website critique.
ASP, VB, .NET, SQL, CSS, HTML, Javascript, Flash, XML, SEO !

[Vögeli Martin, vom]

"Sirkent" wrote:

> "Nigel" wrote:

> > hello i want to animate a line showing the route of my trip
> > on a map of europe. would like to know the easiest and best
> > way to do this. any thoughts. current map located at:
> >
> > [url]www.nigelineurope.com/story/story.html[/url]
> >
> > cheers, nigel

>
> The easiest way would be to draw the line and then to use a mask to show
> the line as part of your animation.

I discovered a second possibility. Remark: "clpDraw" is an empty clip in the
upper left corner of the stage. Be sure to place it on a layer above the
map. Otherwise, the path drawn won't be visible. An example:

[url]http://birdy1976.com/2004/define-path-with-mouse-and-draw-line.html[/url]

The code:

// STEP 1
// run this script and press the
// mouse button to record your path
var i = 0;
var flagRecord = false;
var flagPlay = false;
var arrXPos = new Array();
var arrYPos = new Array();
//
// STEP 2
// copy and paste the mouse positions
// from the output window below here.
// an example how it might look like:
// arrXPos[0] = 534;
// arrYPos[0] = 46;
// arrXPos[1] = 540;
// arrYPos[1] = 50;
// ...
// delete all the values of the arrays
// if you want to record a new path!
//
// STEP 3
// there is no step three...
//
// - - - - -
// do not touch the code below here
// unless you know what you are doing
// - - - - -
// when mouse button is pressed record
_root.onMouseDown = function() {
flagRecord = true;
};
_root.onMouseUp = function() {
flagRecord = false;
};
// check if a path has been defined
if (arrXPos.length>0) {
flagPlay = true;
}
// record or playback one frame at a time
_root.onEnterFrame = function() {
// print out the path of the mouse
if (flagPlay && i+1<arrXPos.length) {
with (_root.clpDraw) {
lineStyle(2, 0x000000, 100);
moveTo(arrXPos[i], arrYPos[i]);
lineTo(arrXPos[i+1], arrYPos[i+1]);
}
i++;
} else {
// record the current position of the mouse
if (flagRecord) {
trace("arrXPos["+i+"] = "+Math.round(_xmouse)+";");
trace("arrYPos["+i+"] = "+Math.round(_ymouse)+";");
i++;
}
}
};

Best wishes, Martin ;) * [url]http://birdy1976.com/[/url] * ICQ# 237743398

[Nigel]

oh thats a cool solution. especially if you have a wacom pen or something
similar.
i already made the route just using the erase, create keyframe, reverse
keyframes method.
have a look.

cheers
nigel

"Vögeli Martin, vom" <martinvoegeli@gmx.ch> wrote in message
news:2m3vfaFiel9kU1@uni-berlin.de...

> "Sirkent" wrote:

> > "Nigel" wrote:

> > > hello i want to animate a line showing the route of my trip
> > > on a map of europe. would like to know the easiest and best
> > > way to do this. any thoughts. current map located at:
> > >
> > > [url]www.nigelineurope.com/story/story.html[/url]
> > >
> > > cheers, nigel

> >
> > The easiest way would be to draw the line and then to use a mask to show
> > the line as part of your animation.

>
> I discovered a second possibility. Remark: "clpDraw" is an empty clip in

the

> upper left corner of the stage. Be sure to place it on a layer above the
> map. Otherwise, the path drawn won't be visible. An example:
>
> [url]http://birdy1976.com/2004/define-path-with-mouse-and-draw-line.html[/url]
>
> The code:
>
> // STEP 1
> // run this script and press the
> // mouse button to record your path
> var i = 0;
> var flagRecord = false;
> var flagPlay = false;
> var arrXPos = new Array();
> var arrYPos = new Array();
> //
> // STEP 2
> // copy and paste the mouse positions
> // from the output window below here.
> // an example how it might look like:
> // arrXPos[0] = 534;
> // arrYPos[0] = 46;
> // arrXPos[1] = 540;
> // arrYPos[1] = 50;
> // ...
> // delete all the values of the arrays
> // if you want to record a new path!
> //
> // STEP 3
> // there is no step three...
> //
> // - - - - -
> // do not touch the code below here
> // unless you know what you are doing
> // - - - - -
> // when mouse button is pressed record
> _root.onMouseDown = function() {
> flagRecord = true;
> };
> _root.onMouseUp = function() {
> flagRecord = false;
> };
> // check if a path has been defined
> if (arrXPos.length>0) {
> flagPlay = true;
> }
> // record or playback one frame at a time
> _root.onEnterFrame = function() {
> // print out the path of the mouse
> if (flagPlay && i+1<arrXPos.length) {
> with (_root.clpDraw) {
> lineStyle(2, 0x000000, 100);
> moveTo(arrXPos[i], arrYPos[i]);
> lineTo(arrXPos[i+1], arrYPos[i+1]);
> }
> i++;
> } else {
> // record the current position of the mouse
> if (flagRecord) {
> trace("arrXPos["+i+"] = "+Math.round(_xmouse)+";");
> trace("arrYPos["+i+"] = "+Math.round(_ymouse)+";");
> i++;
> }
> }
> };
>
> Best wishes, Martin ;) * [url]http://birdy1976.com/[/url] * ICQ# 237743398
>
>

[Vögeli Martin, vom]

I'm glad you like it. Sorry for being too late. Anyway, it looks nice!

Best wishes, Martin ;) * [url]http://birdy1976.com/[/url] * ICQ# 237743398

"Nigel" wrote

> oh thats a cool solution. especially if you have a wacom pen
> or something similar. i already made the route just using the
> erase, create keyframe, reverse keyframes method.
> have a look. cheers, nigel
>
> "Vögeli Martin, vom" wrote:

> > "Sirkent" wrote:

> > > "Nigel" wrote:
> > > > hello i want to animate a line showing the route of my trip
> > > > on a map of europe. would like to know the easiest and best
> > > > way to do this. any thoughts. current map located at:
> > > >
> > > > [url]www.nigelineurope.com/story/story.html[/url]
> > > >
> > > > cheers, nigel
> > >
> > > The easiest way would be to draw the line and then to use a
> > > mask to show the line as part of your animation.

> >
> > I discovered a second possibility. Remark: "clpDraw" is an
> > empty clip in the upper left corner of the stage. Be sure
> > to place it on a layer above the map. Otherwise, the path
> > drawn won't be visible. An example:
> >
> > [url]http://birdy1976.com/2004/define-path-with-mouse-and-draw-line.html[/url]
> >
> > The code:
> >
> > // STEP 1
> > // run this script and press the
> > // mouse button to record your path
> > var i = 0;
> > var flagRecord = false;
> > var flagPlay = false;
> > var arrXPos = new Array();
> > var arrYPos = new Array();
> > //
> > // STEP 2
> > // copy and paste the mouse positions
> > // from the output window below here.
> > // an example how it might look like:
> > // arrXPos[0] = 534;
> > // arrYPos[0] = 46;
> > // arrXPos[1] = 540;
> > // arrYPos[1] = 50;
> > // ...
> > // delete all the values of the arrays
> > // if you want to record a new path!
> > //
> > // STEP 3
> > // there is no step three...
> > //
> > // - - - - -
> > // do not touch the code below here
> > // unless you know what you are doing
> > // - - - - -
> > // when mouse button is pressed record
> > _root.onMouseDown = function() {
> > flagRecord = true;
> > };
> > _root.onMouseUp = function() {
> > flagRecord = false;
> > };
> > // check if a path has been defined
> > if (arrXPos.length>0) {
> > flagPlay = true;
> > }
> > // record or playback one frame at a time
> > _root.onEnterFrame = function() {
> > // print out the path of the mouse
> > if (flagPlay && i+1<arrXPos.length) {
> > with (_root.clpDraw) {
> > lineStyle(2, 0x000000, 100);
> > moveTo(arrXPos[i], arrYPos[i]);
> > lineTo(arrXPos[i+1], arrYPos[i+1]);
> > }
> > i++;
> > } else {
> > // record the current position of the mouse
> > if (flagRecord) {
> > trace("arrXPos["+i+"] = "+Math.round(_xmouse)+";");
> > trace("arrYPos["+i+"] = "+Math.round(_ymouse)+";");
> > i++;
> > }
> > }
> > };
> >
> > Best wishes, Martin ;) * [url]http://birdy1976.com/[/url] * ICQ# 237743398