Jump to content

  • Log In with Google      Sign In   
  • Create Account




- - - - -

Easing along, one step at a time

Posted by , in Code snippets 02 March 2013 · 2,521 views

interpolation easing tweening


Cubic Ease In

Posted Image

Cubic Ease InOut

Posted Image

Cubic Ease Out

Posted Image

Cubic Ease OutIn

Posted Image

Elastic Ease In

Posted Image

Elastic Ease InOut

Posted Image

Elastic Ease Out

Posted Image

Elastic Ease OutIn

Posted Image

Exponential Ease In

http://img818.imageshack.us/img818/7659/exponentialeaseeasein.png

Exponential Ease InOut

http://img824.imageshack.us/img824/6958/exponentialeaseeaseinou.png

Exponential Ease Out

http://img40.imageshack.us/img40/842/exponentialeaseeaseout.png

Exponential Ease OutIn

http://img716.imageshack.us/img716/2118/exponentialeaseeaseouti.png

Linear Ease In / InOut / Out / OutIn

http://img195.imageshack.us/img195/6218/lineareaseeasein.png

Power Ease In
http://img822.imageshack.us/img822/1633/powereaseeasein.png

Power Ease InOut

http://img571.imageshack.us/img571/3555/powereaseeaseinout.png

Power Ease Out

http://img201.imageshack.us/img201/5437/powereaseeaseout.png

Power Ease OutIn

http://img24.imageshack.us/img24/3172/powereaseeaseoutin.png

Quadratic Ease In

http://img145.imageshack.us/img145/830/quadraticeaseeasein.png

Quadratic Ease InOut

http://img811.imageshack.us/img811/6070/quadraticeaseeaseinout.png

Quadratic Ease Out

http://img571.imageshack.us/img571/739/quadraticeaseeaseout.png

Quadratic Ease OutIn

http://img42.imageshack.us/img42/2434/quadraticeaseeaseoutin.png

Quartic Ease In

http://img560.imageshack.us/img560/3986/quarticeaseeasein.png

Quartic Ease InOut

http://img33.imageshack.us/img33/8093/quarticeaseeaseinout.png

Quartic Ease Out

http://img803.imageshack.us/img803/4929/quarticeaseeaseout.png

Quartic Ease OutIn

http://img577.imageshack.us/img577/9650/quarticeaseeaseoutin.png

Quintic Ease In

http://img94.imageshack.us/img94/6015/quinticeaseeasein.png

Quintic Ease InOut

http://img40.imageshack.us/img40/6658/quinticeaseeaseinout.png

Quintic Ease Out

http://img827.imageshack.us/img827/8541/quinticeaseeaseout.png

Quintic Ease OutIn

http://img40.imageshack.us/img40/6139/quinticeaseeaseoutin.png

Sine Ease In

http://img145.imageshack.us/img145/3960/sineeaseeasein.png

Sine Ease InOut

http://img837.imageshack.us/img837/6155/sineeaseeaseinout.png

Sine Ease Out

http://img837.imageshack.us/img837/4039/sineeaseeaseout.png

Sine Ease OutIn

http://img560.imageshack.us/img560/267/sineeaseeaseoutin.png

SmoothStep In

http://img585.imageshack.us/img585/488/smoothstepeasein.png

SmoothStep InOut

http://img5.imageshack.us/img5/7916/smoothstepeaseinout.png

SmoothStep Out

http://img600.imageshack.us/img600/2927/smoothstepeaseout.png

SmoothStep OutIn

http://img546.imageshack.us/img546/1416/smoothstepeaseoutin.png

WeightedAverage In

http://img827.imageshack.us/img827/7784/weightedaverageeasein.png

WeightedAverage InOut

http://img33.imageshack.us/img33/2249/weightedaverageeaseinou.png

WeightedAverage Out

http://img145.imageshack.us/img145/8643/weightedaverageeaseout.png

WeightedAverage OutIn

http://img812.imageshack.us/img812/379/weightedaverageeaseouti.png

BackEase In

http://img145.imageshack.us/img145/9905/backeaseeasein.png

BackEase InOut

http://img138.imageshack.us/img138/3601/backeaseeaseinout.png

BackEase Out

http://img195.imageshack.us/img195/8831/backeaseeaseout.png

BackEase OutIn

http://img854.imageshack.us/img854/3751/backeaseeaseoutin.png

BounceEase In

http://img42.imageshack.us/img42/5163/bounceeaseeaseing.png

BounceEase InOut

http://img23.imageshack.us/img23/8206/bounceeaseeaseinout.png

BounceEase Out

http://img715.imageshack.us/img715/2641/bounceeaseeaseout.png

BounceEase OutIn

http://img854.imageshack.us/img854/3834/bounceeaseeaseoutin.png

CircleEase In

http://img96.imageshack.us/img96/5413/circleeaseeasein.png

CircleEase InOut

http://img823.imageshack.us/img823/6350/circleeaseeaseinout.png

CircleEase Out

http://img255.imageshack.us/img255/678/circleeaseeaseout.png

CircleEase OutIn

http://img21.imageshack.us/img21/4066/circleeaseeaseoutin.png












I prefer to make the the whole thing template based - so I can interpolate floats, ints, doubles, vectors as well as quaternions (anything that has the + and  * operator overloaded :D And yeah, interpolators are awesome :) here's my code : http://ideone.com/RTEmf5

Good idea about the templates! I think I'll leave that for some future, though.

Recent Entries

Recent Comments

Latest Visitors