챌린지: SwiftUI 애니메이션 휘황찬란 쇼!
2022년 06월 09일
상상력을 총동원하여 시각적으로 멋진 작품을 만들어 보세요. 구상한 애니메이션을 SwiftUI와 Swift Playgrounds를 사용하여 구현하는 자리에 초대합니다. 애니메이션에는 텍스트, 형태, 색상, 소리, 폭발, 춤추는 고양이 등 즐거움을 주는 어떤 것이나 포함하실 수 있습니다.
CoreMotion을 사용해 iPad를 기울이면 화면에서 색들이 녹아드는 시각화 작품을 만들 수도 있고 마이크의 배경음에 반응하도록 애니메이션을 코딩할 수도 있습니다. AI가 애니메이션을 만들게 할 수도 있고 사용자 지정 동작을 통해 직접 만들 수도 있습니다.
개발자 도구 스터디 홀(Study Hall)을 방문해 이번 챌린지에 공동으로 참여해 보세요. 질문하거나 다른 개발자와 소통하거나 창작물을 공유해 보세요.
챌린지 시작하기
시작하려면 Swift Playgrounds에서 Animating Shapes 프로젝트를 확인합니다. 이 프로젝트에서는 SwiftUI에서 애니메이션을 만들기 위한 기초를 알려주며 이 프레임워크를 사용해 만든 샘플 애니메이션들을 살펴볼 수 있습니다. 이것을 발판 삼아 나만의 애니메이션을 만들어 보세요. 아니면 새 프로젝트를 만들어 처음부터 시작해 볼 수도 있습니다.
Download Swift Playgrounds for macOS
Download Swift Playgrounds for iOS
Learn more about Swift Playgrounds
약간의 영감이 필요하신가요? 형태에 애니메이션 입히기를 확인하고 RollinRainbow.swift로 이동해 그리드 상의 각 열에 적용되는 물결 효과를 확인해 보세요. 아니면 DancingDots.swift에서 관찰 가능한 대상을 사용하여 다양한 범위의 크기, 색깔, 오프셋 변화에 움직임을 줄 수 있는 방법을 확인하세요.
그 밖의 리소스를 찾고 있다면 WWDC21에서 ‘SwiftUI 앱에 풍부한 그래픽 추가하기(Add rich graphics to your SwiftUI app)’를 확인하거나 웹 튜토리얼인 ‘보기와 전환에 움직임 주기(Animating Views and Transitions)’를 확인하세요. SwiftUI Canvas를 사용해 풍부하고 역동적인 그래픽을 그려볼 수도 있습니다. 행운을 빕니다!
SwiftUI 앱에 풍부한 그래픽 추가하기
SwiftUI로 생동감이 넘치는 그래픽을 제작하는 방법을 알아보세요. 키보드 안전 영역을 포함한 안전 영역 작업부터 시작하여 화면 키보드와 겹치지 않는 근사한 전면 화면 그래픽을 디자인하는 방법을 배워 보세요. 또한...
Watch nowAnimating views and transitions
여러분의 SwiftUI 애니메이션을 Twitter에서 해시태그 #WWDC22Challenges 로 공유하거나 개발자 도구 스터디 홀(Study Hall)에서 여러분의 작업물을 뽐내보세요. 그리고 애니메이션이나 그 밖의 SwiftUI, Swift Playgrounds 주제에 대해 의견을 나누고 싶다면 남아 있는 WWDC22 주간에 진행되는 이벤트에 참여하시기 바랍니다.