{"id":129606,"date":"2021-06-02T18:31:36","date_gmt":"2021-06-02T18:31:36","guid":{"rendered":"https:\/\/developer.apple.com\/news\/?id=f0g7lam0"},"modified":"2021-06-02T18:31:36","modified_gmt":"2021-06-02T18:31:36","slug":"challenge-animated-artistry-in-swiftui","status":"publish","type":"post","link":"https:\/\/sickgaming.net\/blog\/2021\/06\/02\/challenge-animated-artistry-in-swiftui\/","title":{"rendered":"Challenge: Animated artistry in SwiftUI"},"content":{"rendered":"<div class=\"inline-article-image\"><img decoding=\"async\" src=\"https:\/\/www.sickgaming.net\/blog\/wp-content\/uploads\/2022\/11\/challenge-animated-artistry-in-swiftui.jpg\" data-hires=\"false\" alt><\/div>\n<p>Put trigonometry to good use and show us your artistic side by creating a stunning graphical animation in SwiftUI.<\/p>\n<h3>Begin the challenge<\/h3>\n<p>The SwiftUI canvas is a powerful new way to represent and animate graphics, while drawingGroup remains a great way to flatten and render views offscreen to create beautiful graphics. Explore both canvas and drawingGroup and create an awesome graphical animation that you can animate with animations or the new TimelineView. Add your creation to a view in your existing app project, or start an entirely new project in Xcode. <\/p>\n<section class=\"grid activity\">\n<section class=\"row\">\n<section class=\"column large-4 small-4 no-padding-top no-padding-bottom\"> <a href=\"https:\/\/developer.apple.com\/wwdc21\/10021\" class=\"activity-image-link\"> <img decoding=\"async\" class=\"actiity-image medium-scale\" width=\"250\" src=\"https:\/\/www.sickgaming.net\/blog\/wp-content\/uploads\/2022\/11\/challenge-animated-artistry-in-swiftui-1.jpg\" data-hires=\"false\" alt> <\/a> <\/section>\n<section class=\"column large-8 small-8 padding-left-small padding-top-small padding-bottom-small no-padding-top no-padding-bottom\">\n<ul class=\"activity-tags\">\n<li class=\"activity-tag event\"><span class=\"smaller\">WWDC21<\/span><\/li>\n<\/ul>\n<p> <a href=\"https:\/\/developer.apple.com\/wwdc21\/10021\"> <\/p>\n<h4 class=\"no-margin-bottom activity-title\">Add rich graphics to your SwiftUI app<\/h4>\n<p class=\"activity-description\">Learn how you can bring your graphics to life with SwiftUI. We\u2019ll begin by working with safe areas, including the keyboard safe area, and learn how to design beautiful, edge-to-edge graphics that won\u2019t underlap the on-screen keyboard. We\u2019ll also explore the materials and vibrancy you can use&#8230;<\/p>\n<p> <\/a> <\/section>\n<\/section>\n<\/section>\n<p>Don\u2019t forget to consider the accessibility and design implications of your concept. Have you made sure your animation is fully accessible to everyone? Do your awesome graphics follow the Human Interface Guidelines with regard to safe areas and contrast ratios? We\u2019re excited to see what you can make in just a day using platform best practices! <\/p>\n<p>Want to share your work-in-progress or collaborate with other developers? You can show off your finished animation in the Developer Forums.<\/p>\n<p><a href=\"https:\/\/developer.apple.com\/forums\/\" class=\"icon icon-after icon-chevronright\">Visit the Apple Developer Forums<\/a><\/p>\n<h3>Resources<\/h3>\n<p><a href=\"https:\/\/developer.apple.com\/wwdc21\/challenges\/terms\/WWDC21_Challenge_Terms_Conditions.pdf\" class=\"icon icon-after icon-chevronright\">Read the WWDC21 Challenges Terms and Conditions<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Put trigonometry to good use and show us your artistic side by creating a stunning graphical animation in SwiftUI. Begin the challenge The SwiftUI canvas is a powerful new way to represent and animate graphics, while drawingGroup remains a great way to flatten and render views offscreen to create beautiful graphics. Explore both canvas and [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":129607,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[55],"tags":[],"class_list":["post-129606","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-apple-developer-news"],"_links":{"self":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/posts\/129606","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/comments?post=129606"}],"version-history":[{"count":0,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/posts\/129606\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/media\/129607"}],"wp:attachment":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/media?parent=129606"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/categories?post=129606"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/tags?post=129606"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}