How to rotate a view in 3D

 

Hacking with Swift 사이트의 강좌 번역본입니다.

 

[원문 : https://www.hackingwithswift.com/quick-start/swiftui/how-to-rotate-a-view-in-3d]

 

How to rotate a view in 3D

 

SwiftUI의 rotation3DEffect() modifier로 3D 공간에서의 뷰를 회전시켜 코드 거의 없이 아름다운 효과를 만들어 냅니다. 

 

이 modifier는 2개의 매개변수를 받습니다: 회전 각도(각도 또는 라디안), 회전을 실행하는 X, Y, Z 축을 포함하는 튜플.

 

중요 : 이전에 3D 회전을 해본적이 없는 경우에, 뷰가 왜곡되는 X/Y/Z 축에 대해서 생각해야 합니다. X 축은 수평이므로, X 축에서 회전을 하는 경우에 뷰가 수평으로 왜곡되는 것 같습니다 - 회전하면 상단 또는 하난이 가까워지거나 더 멀어지지만, 앞쪽(leading)과 뒷쪽(trailing) 모서리(edges)를 조정하지는 않습니다.

 

따라서, X 축 45도로 텍스트를 회전하고자 하는 경우(텍스트의 상단이 아래쪽보다 더 멀어지게 보입니다), 다음과 같이 작성할 수 있습니다.

Text("EPISODE LLVM")
    .font(.largeTitle)
    .foregroundColor(.yellow)
    .rotation3DEffect(.degrees(45), axis: (x: 1, y: 0, z: 0))

 

SwiftUI에서 자신만의 Star Wars의 기어올라가는것(crawl)을 만들 수 있습니다.