Monaco¶
L'objectif de cet exercice est de mettre en pratique les animations SVG avec AnimeJS.
Résultat attendu¶
Instructions¶
- Effectuer un fork du Codepen de départ
HTML¶
- Configurer le code du SVG pour de le préparer à être animé avec
createDrawable()
CSS¶
- Corriger le positionnement (
position) de l'image avant de l'animer
JavaScript¶
- Animer la voiture de sorte à ce qu'elle suive le path du svg
- Lissage linéaire
- Durée 5 secondes
- En boucle
- Animer le path du svg à la même vitesse que la voiture