Easing

Bonsai’s animations can utilise one of many easing functions. Usually, the easing function’s name will be passed as an option, like so:

myDisplayObject.animate('650ms', {
  x: 100,
  y: 900
}, {
  easing: 'bounceIn'
})

Try it out

linear quadIn quadOut quadInOut cubicIn cubicOut cubicInOut quartIn quartOut quartInOut quintIn quintOut quintInOut sineIn sineOut sineInOut expoIn expoOut expoInOut circIn circOut circInOut backIn backOut backInOut elasticIn elasticOut elasticInOut bounceIn bounceOut bounceInOut