# Animating with Robert Penner's Easing Functions | kirupa.com

**URL:** <https://forum.kirupa.com/t/animating-with-robert-penners-easing-functions-kirupa-com/352650>\
**Category:** programming\
**Created:** [November 23, 2014, 10:29am UTC](https://forum.kirupa.com/t/animating-with-robert-penners-easing-functions-kirupa-com/352650 "2014-11-23T10:29:15Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [November 23, 2014, 10:29am UTC](https://forum.kirupa.com/t/animating-with-robert-penners-easing-functions-kirupa-com/352650/1 "2014-11-23T10:29:16Z")

</div>

by [kirupa](http://www.kirupa.com/me/index.htm) | 28 April 2013

To borrow something I repeated in the [Easing Functions in CSS](http://www.kirupa.comeasing_functions_css3.htm) tutorial, one of the most important things you can do is introduce your animations to easing functions.

* * *
This is a companion discussion topic for the original entry at [http://www.kirupa.com/html5/animating\_with\_easing\_functions\_in\_javascript.htm](http://www.kirupa.com/html5/animating_with_easing_functions_in_javascript.htm)

---

<div class="post-metadata">

**Author:** ![Vijay\_Koushik](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/vijay_koushik/32/10976_2.png) [@Vijay\_Koushik](https://forum.kirupa.com/u/Vijay_Koushik)\
**Post date:** [January 26, 2020, 3:18pm UTC](https://forum.kirupa.com/t/animating-with-robert-penners-easing-functions-kirupa-com/352650/2 "2020-01-26T15:18:21Z")

</div>

Hi,  
I stumbled upon this post when looking for easing with JS in HTML Canvas. It’s really helpful. But the link to the easing.js broken. It says the page doesn’t exist.  
Thanks for making such an easy to understand post.

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [January 27, 2020, 6:17am UTC](https://forum.kirupa.com/t/animating-with-robert-penners-easing-functions-kirupa-com/352650/3 "2020-01-27T06:17:33Z")

</div>

That article layout seems completely broken in Chrome! I’ll need to fix that. I’m glad to hear you were still able to read it 😛

Here is a copy of the JS file: [https://github.com/kirupa/kirupa/blob/master/js/easing.js](https://github.com/kirupa/kirupa/blob/master/js/easing.js)

---

<div class="post-metadata">

**Author:** ![Vijay\_Koushik](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/vijay_koushik/32/10976_2.png) [@Vijay\_Koushik](https://forum.kirupa.com/u/Vijay_Koushik)\
**Post date:** [January 27, 2020, 2:32pm UTC](https://forum.kirupa.com/t/animating-with-robert-penners-easing-functions-kirupa-com/352650/4 "2020-01-27T14:32:10Z")

</div>

Thankyou very much kirupa. I have a windows Phone. I’m used to reading sites with broken layouts 😜