チャレンジ:SwiftUI アニメーション番外編

想像力を働かせて、高品質なビジュアルを描きましょう。SwiftUIとSwift Playgroundsを使用してアニメーションを思い描き、命を吹き込みましょう。テキスト、図形、色、音、爆発、猫のダンスなど、好きなものをアニメーションにすることができます。

CoreMotionを使って、デバイスを傾けるとiPadの画面の色が溶けていく表現や、マイクから聞こえる環境音に反応するアニメーションをコーディングすることができます。アニメーションはAIで生成することも、カスタムジェスチャーで手動で作成することもできます。

Developer Tools Study Hallで、この課題に協力して取り組むこともできます。ホールでは、質問したり、他の開発者とつながったり、自分の作品を共有したりすることができます。

課題を始める

課題を始める際には。Swift Playgroundsの「Animating Shapes」プロジェクトが役立ちます。このプロジェクトでは、SwiftUIでアニメーションを作成する基本を学び、フレームワークを使用して作成された、さまざまなサンプルアニメーションを参照できます。また、新しいプロジェクトを立ち上げて、ゼロから取り組むこともできます。

Download Swift Playgrounds for macOS

Download Swift Playgrounds for iOS

Learn more about Swift Playgrounds

ちょっとしたインスピレーションが必要ですか?「Animating Shapes」のRollinRainbow.swift に移動して、グリッドの各列に適用される波の効果を確認してみましょう。その他、DancingDots.swiftでは、観測可能なオブジェクトを使用して、スケール、色、オフセットのダイナミックな変化をアニメーション化する方法を紹介しています。

また、WWDC21の「Add rich graphics to your SwiftUI app」やWebチュートリアルの「Animating Views and Transitions」からも、多くの情報を得られます。SwiftUI Canvasを使用して、リッチでダイナミックなグラフィックを描画することもできます。がんばってください。

SwiftUI Appへのリッチなグラフィックスの追加

Watch now

Animating views and transitions

Canvas

「#WWDC22Challenges」のハッシュタグを付けてあなたの作ったSwiftUIアニメーションをTwitterでシェアしたり、SwiftUI Study Hallで作品を共有してください。また、アニメーションの他、SwiftUIやSwift Playgroundsのその他の機能について意見交換をしたい場合は、WWDC22期間中に開催されるイベントにご参加ください。

Read the WWDC22 Challenges Terms and Conditions