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.
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!
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.