Challenge de réalisation d'un "Cookie Clicker" en groupe de 4. Le challenge à pour but d'utiliser nos connaissances en Javascript apprisent la semaine d'avant.
Instructions :
- Step 1 : Structure de base en HTML / CSS/ Javascript avec un compteur initialisé à 0 et qui s'incrémente de 1 lorsque l'on click sur un bouton.
- Step 2 : Dans le javascript, avoir une variable qui permet de controller le bouton et son label. Avoir également une variable qui permet de garder une trace du score.
- Step 3 : Quand on click sur le bouton, incrément le score de 1 et l'afficher dans le label du bouton.
- Step 4 : Faire une autre bouton qui sert de multiplicateur. Quand on click dessus, multiplie le nombre de points par click ( par exemple, par deux)
- Step 5 : Mettre un coût au multiplicateur, étant donné qu'il permet de gagner plus de points, il ne doit pas être gratuit.
- Step 6 : Pas de crédit. On ne peux pas avoir un score en négatif. Mettre à jour le score après un achat.
- Step 7 : Afficher le multiplicateur, si par exemple on multiplie par 5, afficher quelque choses comme "x5".
- Step 8 : Augmenter le cout d'achat du multiplicateur. A chaque fois qu'un multiplicateur à été acheté, augmenter le coût du prochain.
- Step 9 : Afficher le coût dans le texte du bouton. Il faut également avoir le prix de l'upgrade.
- Step 10 : L'auto-clicker ! Ajouter un bonus qui permet d'avoir un click automatique toutes les x seconds.
- Step 11 : Bonus ! Ajouter une autre fonctionalité qui permet d'avoir un boost de 200% par click pendant 30 secondes. Quand le joueur achète ce bonus, un timer s'affiche pour voir le temps qu'il reste.
- Step 12 : Bouton désactivé. Faire en sorte que si le joueur n'a pas l'argent requises pour le bonus ou la fonctionalité, qu'il ne puisse pas l'acheter.
- Step 13 : Rendre le Cookier Clicker joli grâce au CSS et quelques fonctionalité Javascript !
- Version 1 22/07/2020
- HTML
- CSS
- Javascript
En pleine formation Developer Web chez BeCode je réalise divers exercice afin d'apprendre les languages et technologie du developpement Web. Chaque exercice est en ligne sur GitHub via un repo associé.
BeCode :
BeCode propose des formations gratuites dans le secteur de l’IT à toute personne motivée à changer sa vie ! Devenez développeu.r.se web, AI operator, développeu.r.se DevSecOps en 7 mois. Pas besoin de diplôme, d’argent ou d’expérience professionnelle. Venez comme vous êtes, avec votre motivation.
