Quantitative easing, qualitative easing and inflation 20 Minutes Presentation
The Ins and Outs of Easing - dotCSS 2016
-
Upload
val-head -
Category
Technology
-
view
504 -
download
1
Transcript of The Ins and Outs of Easing - dotCSS 2016
easeInQuad
easeOutQuad
easeInOutQuad
easeInCubic
easeOutCubic
easeInOutCubic
easeInQuart
easeOutQuart
easeInOutQuart
easeInQuint
easeOutQuint
easeInOutQuint
easeInSine
easeOutSine
easeInOutSine
easeInExpo
easeOutExpo
easeInOutExpo
easeInCirc
easeOutCirc
easeInOutCirc
easeInElastic
easeOutElastic
easeInOutElastic
easeInBack
easeOutBack
easeInOutBack
easeInBounce
easeOutBounce
easeInOutBounce
Penner Easing Equations
Cubic-bezier & Penner EqsGreat for pre-defined UI animations
Great for animations that demonstrate actions/functionality
Great for making groups of animations behave similarly
😃
Cubic-bezier & Penner EqsReusable!
Customizable!
but…
Need a defined duration
Need a defined destination
😃
😕
Lerp (Linear Interpolation)No set duration
Calculate how far is left to go each frame
Then move a fraction of that each frame
Damped spring by Oleg Alexandrov (https://commons.wikimedia.org/wiki/File:Simple_harmonic_oscillator.gif)