5.17: Améliorations

Ceci n'est pas indispensable. C'est uniquement pour s'amuser.
Vous pouvez passer çà la page suivante si vous n'êtes pas en avance.

Au lieu de supprimer le splat qui a touché, changez son image et utilisez:
https://moodle.iutv.univ-paris13.fr/img/bjs/splat2.png

En utilisant un autre setTimeout, faites disparaître le splat  qui a touché après 3000 millisecondes

La disparition est un peu brusque. On peut utiliser les transitions CSS. Dans jeu.css ajoutez opacité à la transition dans .splat:
transition: top 1s,left 1s,transform 1s,opacity 3s;
Comme on 'a fait ailleurs dans jeu.css
Appelez  window.getComputedStyle(i).top; pour que le navigateur prenne acte de l'opacité actuelle (par défaut 1)
Ensuite, mettez l'opacité à 0.

Vous pouvez aussi faire quelque-chose de similaire pour les splat qui n'ont pas touché.

La prochaine page contient une correction.
Pour bien apprendre, c'est très important de faire les exercices au complet avant de regarder la correction. Si quelque-chose ne vous paraît pas clair, demandez à votre enseignant.