YUDisplacementTransition
A GPU accelerated transition library which makes use of displacement maps to create distortion effects.
Inspired by hover-effect.
Built with MetalPetal.
Example
To run the example project, clone the repo, and run pod install
from the Example
directory first.
Usage
Displacement Map
A displacement map is a image file used to create distortion effects for the transition.
YUDisplacementTransition.Options
displacementIntensity
Intensity of the distortion effect.
duration
Transition duration.
timingFunction
Timing function for the transition. Defaults: CubicEaseOut
. More timing functions can be found at AHEasing.
angle
The angle applied to the distortion effect, in radian.
YUViewControllerDisplacementTransition
Conforms to UIViewControllerAnimatedTransitioning
protocol, can be used in view controller transitions.
YUCGImageDisplacementTransition
Can be used to transition between two CGImage
s.
YUDisplacementTransition
Can be used to transition between two MTIImage
s.
Installation
YUDisplacementTransition is available through CocoaPods. To install it, simply add the following line to your Podfile:
pod 'YUDisplacementTransition'
Credits
Robin Dela for the javascript library hover-effect.
Photos from Unsplash.
Live demo by Codrops.
License
YUDisplacementTransition is available under the MIT license. See the LICENSE file for more info.