Easing functions

The complete set of movement curves that make things start softly, land softly, swing past the end or bounce. Your game stops looking stiff, because nothing moves at one flat speed any more.

When you need it

Whenever something moves, fades or grows over a short time: menus sliding in, coins flying to the counter, buttons popping up, a door swinging open.

Say this to your AI

Use the easing functions from Spielerando so my menu slides in fast and settles softly, with a small bounce on the buttons.

Or skip this and connect the MCP: your AI then finds all of this by itself.Connect the MCP

Settings

overshoot (1.70158): How far the swinging curves go past the end. The start value gives about ten percent, which reads as lively. Higher is cartoonish.
elasticPeriod (0.3): How long one wobble of the rubber band curves lasts, as a share of the whole movement. Smaller means more, faster wobbles.
stepCount (4): How many jumps the stepped curve makes, for a stop-motion or retro look.

Your AI gets the code

The finished code and math come through the Spielerando connection, so your AI can use them right away. Connect your AI

Common questions

how do i make movement in my game feel smooth

Do not move things at one flat speed. Let them speed up and slow down along an easing curve. Arriving things feel best when they slow down at the end, leaving things when they speed up at the start.

which easing should i use for a button or menu

For things that arrive, take a curve that slows down at the end. For a button that pops in, take one that swings a little past the end and comes back. It feels lively without being distracting.

what does ease in and ease out mean

Ease in means a soft start, ease out means a soft landing. Ease in-out does both, which suits things that loop or travel a long way.