Pour cet exercice, vous devez à l’aide de GSAP et se son ponctuelle compléter une animation de voiture afin de la faire rouler sur la route.

Aperçu du résultat 👇

Matériel

Médias 🖼️

Démarrage
https://ex.smnarnold.com/gsap/voiture/start.mp3
Freinage
https://ex.smnarnold.com/gsap/voiture/break.mp3

Requis

  1. Positionnez en CSS la voiture de sorte qu'elle soit sur la route à l'extérieur gauche de la page.

  2. 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 ⏱.

  3. Utilisez le ease expo.in.

  4. Déclenchez le son ponctuel du Démarrage lorsque l'animation débute.

  5. Déclenchez le son ponctuel du Freinage lorsque l'animation se termine.

Notes de cours 📚