Exercice d’entraînement, 2023.
Un mini-jeu en une trentaine de lignes de JavaScript : éclater des bulles avant qu’elles disparaissent.
L’exercice#
Des bulles de taille et de trajectoire aléatoires montent à l’écran. Chaque clic sur une bulle l’éclate et augmente le score.
Ce que j’ai pratiqué#
- la création d’éléments à la volée dans le DOM, à intervalles réguliers ;
- les événements : un clic éclate la bulle et met à jour le compteur ;
- le nettoyage : chaque bulle est retirée de la page au bout de quelques secondes ;
- une animation CSS dont la direction est réglée depuis JavaScript par une variable CSS.
Technologies#
JavaScript · DOM · événements · animations CSS · variables CSS
