UIBezeirPathをポイントを基準にしてアニメーションさせたい

Question

UIBezeierPathで描画した線をCGPointで定義したポイントを基準にアニメーションさせたいです。

以下にイメージ図を添付しました。
黒い線が、UIBezierPathで引いた線、赤い丸がCGPointです。

画像のとおり、真ん中のCGPointをアニメーションさせて、線の形を変えたいです。

以下のとおり、コードを記述したのですが、なぜかうまくいかず、
お知恵をお貸しいただけたら幸いです。

var verticalLine: CAShapeLayer?
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        
        let w = UIScreen.mainScreen().bounds.width
        let h = UIScreen.mainScreen().bounds.height
        let centerY = h / 2
        
        verticalLine = CAShapeLayer()
        verticalLine?.lineWidth = 3.0
        verticalLine?.strokeColor = UIColor.redColor().CGColor
        verticalLine?.fillColor = UIColor.clearColor().CGColor
        
        let bezierPath = UIBezierPath()
        let point_1 = CGPointMake(0, centerY)
        let point_2 = CGPointMake(50, centerY)
        let point_3 = CGPointMake(100, centerY)
        bezierPath.moveToPoint(point_1)
        bezierPath.addLineToPoint(point_2)
        bezierPath.addLineToPoint(point_3)
        
        verticalLine?.path = bezierPath.CGPath
        self.view.layer.addSublayer(verticalLine!)
    }
    
    
    @IBAction func addAnimation(sender: UIButton) {
        
        let h = UIScreen.mainScreen().bounds.height
        let centerY = h / 2
        
        let bezierPath_move1 = UIBezierPath()
        let point_1_move1 = CGPointMake(0, centerY)
        let point_2_move1 = CGPointMake(50, centerY - 100)
        let point_3_move1 = CGPointMake(100, centerY)
        bezierPath_move1.moveToPoint(point_1_move1)
        bezierPath_move1.addLineToPoint(point_2_move1)
        bezierPath_move1.addLineToPoint(point_3_move1)

        // アニメーション
        let bounce = CAKeyframeAnimation(keyPath: "path")
        bounce.timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseIn)
        
        let values = [
            bezierPath_move1
        ]
        
        bounce.values = values
        bounce.duration = 0.9
        bounce.removedOnCompletion = false
        bounce.fillMode = kCAFillModeForwards
        bounce.delegate = self
        
        verticalLine?.addAnimation(bounce, forKey: "return")
    }

こちらのサイトを参考にしました。
CAKeyframeAnimationを使ってUIBezierPathをアニメーションさせる

よろしくお願いいたします。

Answer 1

問題点が２つあります。
0. bounce.valuesに代入するのは[CGPath]（現在は[UIBeziePath]を代入してしまっています）
0. 同じくbounce.valuesには２つ以上の要素を持つ配列を代入しなければならない

bounce.valuesには各フレームのパスを指定しますが、最低２つは必要です。
CAKeyframeAnimationが自動的に補間してくれるとはいえ、最初と最後のフレームの情報がなければ補間のしようがないためです。

とりあえず動くようにしたいなら、

let values = [
    verticalLine!.path!,
    bezierPath_move1.CGPath
]

とすればとりあえず動くはずです。