| /** | |
| * @desc Basic linear value animation that can accept simple easing functions and provides update & complete callbacks | |
| * @param {Object} values - Object with numerical values. eg. { value1: 0, value2: 20, someKey: 55 } | |
| * @param {Number} duration - How long (in milliseconds) the animation will be | |
| * @param {Object} options - target values, update callback & complete callback | |
| * @param {Function} [options.onComplete=(values) => values] - Callback that fires once animation is complete | |
| * @param {Function} [options.onUpdate=(values) => values] - Callback that fires when animation frame updates | |
| * @param {Function} [options.ease=(t) => t] - easing method eg. https://gist.github.com/gre/1650294 | |
| * @example | |
| * |
FWIW: I (@rondy) am not the creator of the content shared here, which is an excerpt from Edmond Lau's book. I simply copied and pasted it from another location and saved it as a personal note, before it gained popularity on news.ycombinator.com. Unfortunately, I cannot recall the exact origin of the original source, nor was I able to find the author's name, so I am can't provide the appropriate credits.