Problem: SwiftUI Animation Extravaganza! – Uncover


Get your creativeness prepared for some high-quality visualization: We invite you to examine an animation and produce it to life utilizing SwiftUI and Swift Playgrounds. Your animation can embrace textual content, shapes, colours, sounds, explosions, dancing cats — no matter brings you pleasure.

You possibly can create a visualization that melts colours throughout an iPad display screen as you tilt the system utilizing CoreMotion, or code an animation that responds to environmental sounds from the microphone. Perhaps your animation is generated by an AI; perhaps it’s manually created by means of customized gestures.

Go to the Developer Instruments Research Corridor to collaborate on this problem! Ask questions, join with different builders, and share your creations.

Start the problem

To assist get you began, try the Animating Shapes challenge in Swift Playgrounds, which teaches you the fundamentals of making animations in SwiftUI and allows you to browse a variety of pattern animations created utilizing the framework. Use this as a jumping-off level on your personal animation — or create a brand new challenge and begin hacking from scratch.

Obtain Swift Playgrounds for macOS

Obtain Swift Playgrounds for iOS

Be taught extra about Swift Playgrounds

Want a little bit of inspiration? Try Animating Shapes, navigate to RollinRainbow.swift, and take a look at the wave impact utilized throughout every column of a grid. Elsewhere, go to DancingDots.swift to see how you should utilize observable objects to animate a dynamic vary of scale, colour, and offset adjustments.

To search out extra assets, try “Add wealthy graphics to your SwiftUI app” from WWDC21 or the net tutorial “Animating Views and Transitions.” And you too can discover utilizing the SwiftUI Canvas to attract wealthy, dynamic graphics. Good luck!

Add wealthy graphics to your SwiftUI app

Be taught how one can convey your graphics to life with SwiftUI. We’ll start by working with protected areas, together with the keyboard protected space, and learn to design stunning, edge-to-edge graphics that gained’t underlap the on-screen keyboard. We’ll additionally discover the supplies and vibrancy you should utilize…

Animating Views and Transitions


Share your SwiftUI animations on Twitter with the hashtag #WWDC22Challenges, or showcase your work within the Developer Instruments Research Corridor. And in case you’d like to debate animation or different points of SwiftUI and Swift Playgrounds, be part of the groups at occasions all through the rest of the week at WWDC22.

Discover #WWDC22Challenges on social media

Learn the WWDC22 Challenges Phrases and Situations



Leave a Comment