# Easing

**URL:** <https://forum.kirupa.com/t/easing/183835>\
**Category:** Uncategorized\
**Created:** [March 30, 2006, 3:41pm UTC](https://forum.kirupa.com/t/easing/183835 "2006-03-30T15:41:07Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![KristineMc](https://avatars.discourse-cdn.com/v4/letter/k/3bc359/32.png) [@KristineMc](https://forum.kirupa.com/u/KristineMc)\
**Post date:** [March 30, 2006, 3:41pm UTC](https://forum.kirupa.com/t/easing/183835/1 "2006-03-30T15:41:07Z")

</div>

Hi All-

Trying to accomplish a very simple easing effect and have never done it before = me feeling like a \*\*\*\*\*\*\*.

I have an arrow that I want to move on Rollover. I have it set up as a movie clip with off and on frame labels. at the first key frame (frame label “off”) I have a stop();

at the 5th key frame (label “on”) I have a simple tween on the timeline that moves it about 10 pixels to the right (10,0) and then back so that it bounces/points on rollover. on rolloff it goes to “off”.

Trouble is that on roll off it snaps back to the off frame and i would like it to ease back to the position (0,0) that it would be in at the “off” frame.

Does that make sense? I know this is a simple solution but I’m soo clouded right now. Any help and I will love you forever:hugegrin:

---

<div class="post-metadata">

**Author:** ![B\_L\_U\_E](https://avatars.discourse-cdn.com/v4/letter/b/ba8739/32.png) [@B\_L\_U\_E](https://forum.kirupa.com/u/B_L_U_E)\
**Post date:** [March 30, 2006, 5:21pm UTC](https://forum.kirupa.com/t/easing/183835/2 "2006-03-30T17:21:22Z")

</div>

Hmm I’d probably need to see some source. But from what you’ve described, I think you should keep the arrow on one frame and just use tween class like so [AS]arrow.onRollOver = function() {  
new mx.transitions.Tween(this,"\_x",mx.transitions.easing.Regular.easeOut, this.\_x, 10, 25);  
}  
arrow.onRollOut = function() {  
new mx.transitions.Tween(this,"\_x",mx.transitions.easing.Bounce.easeOut, this.\_x,0, 25);  
}[/AS]

---

<div class="post-metadata">

**Author:** ![KristineMc](https://avatars.discourse-cdn.com/v4/letter/k/3bc359/32.png) [@KristineMc](https://forum.kirupa.com/u/KristineMc)\
**Post date:** [March 31, 2006, 3:15pm UTC](https://forum.kirupa.com/t/easing/183835/3 "2006-03-31T15:15:01Z")

</div>

Do I need to include a tween class for this to work?

---

<div class="post-metadata">

**Author:** ![kenvunz](https://avatars.discourse-cdn.com/v4/letter/k/c5a1d2/32.png) [@kenvunz](https://forum.kirupa.com/u/kenvunz)\
**Post date:** [April 3, 2006, 12:01am UTC](https://forum.kirupa.com/t/easing/183835/4 "2006-04-03T00:01:05Z")

</div>

Yes, you definitely need to inclde it in

Refer to this  
[http://www.kirupa.com/developer/actionscript/tween.htm](http://www.kirupa.com/developer/actionscript/tween.htm)