Pour cet exercice, vous devez à l’aide de GSAP et de sons ponctuels compléter une animation de voiture afin de la faire rouler sur la route.
Aperçu du résultat 👇
Matériel
Pen de départ
Médias
Démarrage
Freinage
Vous n’avez qu’à ajouter du CSS et du JavaScript (nul besoin de modifier le HTML).
Requis
Positionnez en CSS la voiture de sorte qu'elle soit sur la route à l'extérieur gauche de la page.
Au chargement de la page, la voiture doit traverser la largeur complète de la page (peu importe sa dimension), en l'espace de 3 secondes ⏱.
Utilisez le ease expo.in.
Déclenchez le son ponctuel du Démarrage lorsque l'animation débute.
Déclenchez le son ponctuel du Freinage lorsque l'animation se termine.
Notes de cours 📚