Skip to content

Dillion/BounceQuest

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 

Repository files navigation

##BounceQuest

Yet to find an easing curve that feels right, for many animations, despite the massive list of resources on the subject. The library is a journal to the quest for that elusive curve, and tools crafted or found along the way

###Approaches
Modelled on mathematical functions, often Bézier curves http://en.wikipedia.org/wiki/Bézier_curve
Modelled on spring physics, e.g. Hooke's law http://en.wikipedia.org/wiki/Hooke's_law

function denotes function based approaches, and physics denotes physics based approaches for the rest of this document

###List of resources

####Articles Jeff Lamarche http://iphonedevelopment.blogspot.sg/2010/12/more-animation-curves-than-you-can.html function
Matt Gallagher http://www.cocoawithlove.com/2008/09/parametric-acceleration-curves-in-core.html function
Robert Penner http://www.robertpenner.com/easing/ function
Soroush Khanlou http://khanlou.com/2012/01/cakeyframeanimation-make-it-bounce/ physics
Cocoanetics https://www.cocoanetics.com/2012/06/lets-bounce/ function physics

####Visualizers / Demos Andrey Sitnik http://easings.net/ function
Robert Penner http://gizma.com/easing/ function
Timothee Groleau http://www.timotheegroleau.com/Flash/experiments/easing_function_generator.htm function
Jonathan Willing http://appjon.com/drop/Springs-RAHeUq0m8W.mp4 physics

--

###Source Breakdown UILayerAnimation Main header file, also includes colour conversion functions (unverified) between RGB, XYZ, and CIEL*ab colour spaces
CALayer+Animation Category for CALayer custom curve animation, also tests setting associative references on category
CAShapeLayer+Animation Category for CAShapeLayer custom curve animation, also tests setting associative references on category
easing Taken from AHEasing
UIColor+CrossFade Taken from UIColor-CrossFade
UITransformableBezierPath, NonOpaquePathRepresentation Transforms points in UIBezierPath or CGPath to an nsarray for easy access, and recreate an interpolated path from points in the array

--

###Credits for source Warren Moore for AHEasing
Charles Powell for UIColor-CrossFade

--

http://twitter.com/dilliontan

About

Quest for the perfect bounce

Resources

Stars

Watchers

Forks

Packages

No packages published