# Up and down motion

**URL:** <https://forum.kirupa.com/t/up-and-down-motion/7389>\
**Category:** Uncategorized\
**Created:** [October 30, 2002, 12:00am UTC](https://forum.kirupa.com/t/up-and-down-motion/7389 "2002-10-30T00:00:14Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![goatlip](https://avatars.discourse-cdn.com/v4/letter/g/ecd19e/32.png) [@goatlip](https://forum.kirupa.com/u/goatlip)\
**Post date:** [October 30, 2002, 12:00am UTC](https://forum.kirupa.com/t/up-and-down-motion/7389/1 "2002-10-30T00:00:14Z")

</div>

ok, there’s this cool looking thing I’m trying to do, an example is here…

[http://www.ferryhalim.com/orisinal/](http://www.ferryhalim.com/orisinal/)

so how do you do the up and down thing??

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 30, 2002, 12:05am UTC](https://forum.kirupa.com/t/up-and-down-motion/7389/2 "2002-10-30T00:05:38Z")

</div>

Well the site is down at this moment, but I actually went there earlier today for other reasons.

Are you talking about the up and down effect on each of the squares? If so… that is like the most simple thing ever.

It is just a button, and in the OVER frame on the button timeline, they have the button raised up.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 30, 2002, 12:29am UTC](https://forum.kirupa.com/t/up-and-down-motion/7389/3 "2002-10-30T00:29:28Z")

</div>

A little more complicated than that. Personally, I’d use a movieclip and use the actions like it was a button. Make a motion tween to move up, move a frame in the movieclip the static image, and make a tween containing the same amount of frames as the first starting from the position in the first frame and then going down to the static image.

Use the on(rollOver) and on(rollOut) commands.

If you need more help let me know and I’ll include a simple animation fla for you to piece apart.

-brad-

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 30, 2002, 2:04am UTC](https://forum.kirupa.com/t/up-and-down-motion/7389/4 "2002-10-30T02:04:16Z")

</div>

Oh, yeah sorry, I didn’t realize they tweened up and down.

The site was down when I went to check so I couldn’t double check it, I thought they just popped up.

My apologies.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 30, 2002, 2:35am UTC](https://forum.kirupa.com/t/up-and-down-motion/7389/5 "2002-10-30T02:35:03Z")

</div>

they seem to ease in and out…lost wrote a tut on that!

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 30, 2002, 2:44am UTC](https://forum.kirupa.com/t/up-and-down-motion/7389/6 "2002-10-30T02:44:45Z")

</div>

I just wrote easing tuts on easing on mouse click and easing on mouse follow, not on buttons :-\

I should write a few more tutorials on easing though. I will be the master of easing.

Ya know… since it is really the most interesting effect I know 🙂

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 30, 2002, 4:46am UTC](https://forum.kirupa.com/t/up-and-down-motion/7389/7 "2002-10-30T04:46:57Z")

</div>

thanks, that all helps a lot and now I’m even more interested in EASING!

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 30, 2002, 4:55am UTC](https://forum.kirupa.com/t/up-and-down-motion/7389/8 "2002-10-30T04:55:12Z")

</div>

```auto
	_x += (endX-_x)/speed;
	_y += (endY-_y)/speed;

```

There is the formula for it… experiment all you want 😛

You can find my tutorials here…

Mouse Follow - [http://www.kirupa.com/developer/mx/followease.asp](http://www.kirupa.com/developer/mx/followease.asp)  
Mouse Click - [http://www.kirupa.com/developer/mx/easing\_mouseclick.asp](http://www.kirupa.com/developer/mx/easing_mouseclick.asp)