How to (guide de référence pour le projet)

[IAmFrench]

Partons d'une idée simple :

En JS nous pouvons simplement changer une classe d'un objet html

Ainsi lorsque l'utilisateur clique (#3) sur le levier (=bouton déclencheur) on :

1. vérifie que l'utilisateur a suffisamment de crédit (Vérifier les pré-requis #4) pour faire la partie

• • si c'est bon alors on continue
• • sinon on affiche un message et on arrête là (Message d'erreur si pas assez de crédit #5)

2. change la classe de l'élément représentant les 4 cases

• la classe en question doit être une animation CSS (Animation "démarrage" #6) en boucle (Animation "chargement" en boucle #7) (=faire tourner les différentes symboles)

3. En parallèle on détermine nos symboles pour chacune des cases (Déterminer les symboles #8).
   Puis à la fin du temps dédié pour l'animation on :

• retire la classe aux cases
• ajoute une classe désignant le symbole choisi pour chacune des classes
  Les classes ajoutés doivent produite une animation de décélération (Animation "fin" #9) pour s'arrêter sur le symbole choisi

Enfin on met à jours en conséquence le score (#10).

@Alpagadesalpes @ttRmz
Commentez !

[IAmFrench]

Ajout des refs pour les issues

[IAmFrench]

Aide pour les animations (#6 #7 et #9 )
https://codepen.io/chriscoyier/pen/EyxPPm

[IAmFrench]

Aide pour l'enregistrement persistant du score
https://github.com/js-cookie/js-cookie (#10)