Pour cet exercice, vous devrez animer l’ancien rival et maintenant meilleur ami de Sonic: Knuckles!

Aperçu du résultat 👇

Matériel

Médias 🖼️

Sprite sheet de Knuckles
https://i.smnarnold.com/exercices/spritesheet/knuckles/sprite.webp

Requis

  1. Chaque frame de la sprite sheet de Knuckles à une dimension de 252x222px. Faites en sorte que l'élément .sprite affiche en background-image le premier frame de cette sprite sheet.

  2. Animer la sprite sheet de sorte que Knuckles donne l'impression de courir sur place. L'animation devrait s'effectuer en l'espace de 1 seconde ⏱.

  3. Animer l'élément .knuckles pour qu'il apparaisse au milieu à gauche de l'écran et sorte au milieu à droite de celle-ci. Créant ainsi l'illusion qu'il cours de gauche à droite sur la plateforme plutôt que sur place. Cette deuxième animation devrait s'effectuer en 4 secondes.