#Créer une animation

#🔧 Exercice 1 ~1h30

A vous de réfléchir un peu ;)

1. Regardez la vidéo suivante jusqu’à 26mn35s~ (pensez à regarder en x1.25 ou 1.5): https://developer.apple.com/wwdc23/10156
2. Pour vous aider vous pouvez réaliser les exemples dans la sections Exemples et ressources ci-dessous
3. Puis réaliser 3 à 5 slides expliquant comment fonctionne une animation avec SwiftUI, comment s’en servir, avec des exemples. (Vous pouvez passer les sujets trop mathématiques, le principal est que je vois que vous ayez compris comment fonctionne les animations avec SwiftUI)

Vous rendrez les slides en .pdf dans le Github de votre projet sous le nom Animation.pdf

#Exemples et ressources

• Animations implicites
• Modifier les animations de bases
• Animation explicites

#Retour à notre application

#🔧 Exercice 2 ~25min

Tentez de refaire l’animation suivante :

Voici ce qu’il se passe dans cette animation :

1. On attend 0.4 secondes avant de commencer l’animation
2. Le texte avec l’émoji du loot réalise alors une rotation de 360° sur l’axe x et 180° sur l’axe y en .spring
3. L’ombre apparait après un délai de 0.2 secondes et possède un radius de 100.0 en fin d’animation (0 au début) avec un .bouncy

#Aide

🛟 Essayez de baser toutes vos animations sur la même variable isAppeared. Vous n’avez normalement pas besoin d’autres variables.

Pour réaliser l’éffet de rotation 3D vous devez utiliser le modifier rotation3DEffect

Pour attendre avant de commencer l’animation utilisez :

• Un modifier task
• Puis un Task.sleep
• Avant de changer une variable qui va lancer l’animation

Que se passe-t’il si vous n’attendez pas avant de lancer l’animation ?

#🔧 Exercice 3

• Créer votre propre animation pour la vue de détail de votre loot, lorsque vous entrez dans la vue. Soyez créatif 🧑‍🎨.
• Essayez de réaliser une animation différente si l’utilisateur clique sur l’image de l’item.
• La vue Unique qui s’affiche en bas, doit s’animer aussi.

#⚱️ Pour le fun

Copiez-coller ce code : https://gist.github.com/Akhu/2b819cfbf2eed73ce7763a7a280894c7 dans une nouvelle vue SwiftUI et essayez de comprendre ce qu’il se passe.