MTTransitions

Transitions ports from GL-Transitions to Metal.

Features

• ☑ Up to 76 transitions
• ☑ Image Transitions
• ☑ UIView Transitions
• ☑ UIViewController Push Transtions
• ☑ UIViewController Present Transitions
• ☑ Video Merge Transitions
• ☑ Create video from images with transitions
• ☑ Create video from images with transitions and background music

Requirements

• iOS 10.0 +
• Xcode 11.0 +
• Swift 5.0 +

Transitions

Support Following Transitions:

• ☑ MTAngularTransition
• ☑ MTBounceTransition
• ☑ MTBowTieHorizontalTransition
• ☑ MTBowTieVerticalTransition
• ☑ MTBurnTransition
• ☑ MTButterflyWaveScrawlerTransition
• ☑ MTCannabisleafTransition
• ☑ MTCircleCropTransition
• ☑ MTCircleTransition
• ☑ MTCircleOpenTransition
• ☑ MTColorPhaseTransition
• ☑ MTColourDistanceTransition
• ☑ MTCrazyParametricFunTransition
• ☑ MTCrossZoomTransition
• ☑ MTCrossHatchTransition
• ☑ MTCrossWarpTransition
• ☑ MTCubeTransition
• ☑ MTDirectionalTransition
• ☑ MTDirectionalWarpTransition
• ☑ MTDirectionalWipeTransition
• ☑ MTDisplacementTransition
• ☑ MTDoomScreenTransition
• ☑ MTDoorwayTransition
• ☑ MTDreamyTransition
• ☑ MTDreamyZoomTransition
• ☑ MTFadeTransition
• ☑ MTFadeColorTransition
• ☑ MTFadegrayscaleTransition
• ☑ MTFlyeyeTransition
• ☑ MTGlitchDisplaceTransition
• ☑ MTGlitchMemoriesTransition
• ☑ MTGridFlipTransition
• ☑ MTHeartTransition
• ☑ MTHexagonalizeTransition
• ☑ MTInvertedPageCurlTransition
• ☑ MTKaleidoScopeTransition
• ☑ MTLinearBlurTransition
• ☑ MTLumaTransition
• ☑ MTLuminanceMeltTransition
• ☑ MTMorphTransition
• ☑ MTMosaicTransition
• ☑ MTMultiplyBlendTransition
• ☑ MTPerlinTransition
• ☑ MTPinwheelTransition
• ☑ MTPixelizeTransition
• ☑ MTPolarFunctionTransition
• ☑ MTPolkaDotsCurtainTransition
• ☑ MTRadialTransition
• ☑ MTRandomSquaresTransition
• ☑ MTRippleTransition
• ☑ MTRotateScaleFadeTransition
• ☑ MTSimpleZoomTransition
• ☑ MTSquaresWireTransition
• ☑ MTSqueezeTransition
• ☑ MTStereoViewerTransition
• ☑ MTSwapTransition
• ☑ MTSwirlTransition
• ☑ MTTangentMotionBlurTransition
• ☑ MTTVStaticTransition
• ☑ MTUndulatingBurnOutTransition
• ☑ MTWaterDropTransition
• ☑ MTWindTransition
• ☑ MTWindowBlindsTransition
• ☑ MTWindowSliceTransition
• ☑ MTWipeDownTransition
• ☑ MTWipeLeftTransition
• ☑ MTWipeRightTransition
• ☑ MTWipeUpTransition
• ☑ MTZoomInCirclesTransition

Installation

MTTransitions is available through CocoaPods. To install it, simply add the following line to your Podfile:

pod MTTransitions

Get Started

Each transition requires two input MTIImage. Image should be .oriented(.downMirrored).

import MTTransitions

let transition = MTBounceTransition()
transition.inputImage = <from Image>
transition.destImage = <to Image>

// animate progress from 0.0 to 1.0

imageView.image = transition.outputImage

UIView Transition

let effect = MTPerlinTransition()

MTTransition.transition(with: view, effect: effect, animations: {
    // Do your animation to your view
}) { (_) in
    // Transition completed
}

UIViewController Push Transition

class PushAViewController: UIViewController {

    private let transition = MTViewControllerTransition(transition: MTBurnTransition())
    
    // ...
}

extension PushAViewController: UINavigationControllerDelegate {
    
    func navigationController(_ navigationController: UINavigationController, animationControllerFor operation: UINavigationController.Operation, from fromVC: UIViewController, to toVC: UIViewController) -> UIViewControllerAnimatedTransitioning? {
        if operation == .push {
            return transition
        }
        return nil
    }
}

UIViewController Present Transition

class PresentAViewController: UIViewController {

    // ...
    
    let vc = PresentBViewController()
    vc.modalPresentationStyle = .fullScreen
    vc.transitioningDelegate = self
    present(vc, animated: true, completion: nil)
}

extension PresentAViewController: UIViewControllerTransitioningDelegate {
    
    func animationController(forDismissed dismissed: UIViewController) -> UIViewControllerAnimatedTransitioning? {
        return transtion
    }
    
    func animationController(forPresented presented: UIViewController, presenting: UIViewController, source: UIViewController) -> UIViewControllerAnimatedTransitioning? {
        return transtion
    }
}

Video Transition

MTTransitions also support merging videos with transitions.

• Support merge multiple video files
• Support multiple transition effects
• Support different multiple render size.
• Support passthrough transition.

// pick one transtion effect
let effect = MTTransition.Effect.wipeLeft
let duration = CMTimeMakeWithSeconds(2.0, preferredTimescale: 1000)
try? videoTransition.merge(clips,
                           effect: effect,
                           transitionDuration: duration) { [weak self] result in

    guard let self = self else { return }
    let playerItem = AVPlayerItem(asset: result.composition)
    playerItem.videoComposition = result.videoComposition
    
    self.player.seek(to: .zero)
    self.player.replaceCurrentItem(with: playerItem)
    self.player.play()
}

Please refer VideoTransitionSampleViewController and MultipleVideoTransitionsViewController for more details.

Create Video From Images

MTMovieMaker support create video from a sequence images with transitions. You can also pass a local audio file url to MTMovieMaker to create background music.

let fileURL = URL(fileURLWithPath: path)
movieMaker = MTMovieMaker(outputURL: fileURL)
do {
    try MTMovieMaker?.createVideo(with: images, effects: effects) { result in
        switch result {
        case .success(let url):
            print(url)
        case .failure(let error):
            print(error)
        }
    }
} catch {
    print(error)
}