[swift] Swift와 UIDynamics을 이용한 충돌 애니메이션 구현하기

07 Dec 2023

swift

안녕하세요! 이번에는 Swift와 UIDynamics를 사용하여 충돌 애니메이션을 구현하는 방법에 대해 알아보겠습니다.

UIDynamics란?

UIDynamics는 iOS 프레임워크에서 제공하는 물리적 효과를 적용할 수 있는 도구입니다. 이 도구를 사용하면 다양한 애니메이션 효과를 구현할 수 있으며, 사용자 인터랙션에 따라 객체들을 움직이고 충돌시킬 수 있습니다.

프로젝트 설정

먼저, Xcode에서 새로운 프로젝트를 생성합니다. “Single View App” 템플릿을 선택하고, 프로젝트 이름을 설정합니다.

뷰 컨트롤러 준비

앱의 뷰 컨트롤러에는 UIDynamics을 사용하기 위한 설정을 해주어야 합니다. 뷰 컨트롤러 내에 다음 코드를 추가합니다.

import UIKit

class ViewController: UIViewController {

    var animator: UIDynamicAnimator!

    override func viewDidLoad() {
        super.viewDidLoad()

        animator = UIDynamicAnimator(referenceView: view)
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }

}

충돌 애니메이션 구현하기

이제 실제로 객체들을 움직이고 충돌시키는 애니메이션을 구현해보겠습니다.

import UIKit

class ViewController: UIViewController {

    var animator: UIDynamicAnimator!
    var collisionBehavior: UICollisionBehavior!

    override func viewDidLoad() {
        super.viewDidLoad()

        animator = UIDynamicAnimator(referenceView: view)

        // Collision Behavior 생성
        collisionBehavior = UICollisionBehavior()
        collisionBehavior.translatesReferenceBoundsIntoBoundary = true
        animator.addBehavior(collisionBehavior)

        // 애니메이션을 적용할 객체 생성
        let square = UIView(frame: CGRect(x: 100, y: 100, width: 100, height: 100))
        square.backgroundColor = UIColor.red
        view.addSubview(square)

        let paddle = UIView(frame: CGRect(x: 200, y: 400, width: 200, height: 20))
        paddle.backgroundColor = UIColor.blue
        view.addSubview(paddle)

        // 객체에 애니메이션 효과 추가
        let dynamicItemBehavior = UIDynamicItemBehavior(items: [square, paddle])
        dynamicItemBehavior.elasticity = 0.6
        animator.addBehavior(dynamicItemBehavior)

        // 객체들을 충돌할 수 있는 경계 생성
        collisionBehavior.addBoundary(withIdentifier: "paddleBoundary" as NSCopying, for: UIBezierPath(rect: paddle.frame))
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }
}

실행 및 테스트

앱을 실행하면 빨간색 정사각형과 파란색 패들이 화면에 나타납니다. 두 객체는 다른 객체나 경계와 충돌할 때 튕기며 움직입니다.

결론

이번에는 Swift와 UIDynamics를 이용하여 충돌 애니메이션을 구현하는 방법에 대해 알아보았습니다. UIDynamics를 활용하면 실제 물리법칙을 기반으로 한 다양한 애니메이션 효과를 쉽게 구현할 수 있습니다.

더 많은 기능을 추가하거나 세부 조정을 하고 싶다면, Apple Developer Documentation를 참고해보세요.