Différences

Ci-dessous, les différences entre deux révisions de la page.

--- fr:instructions:jeureaction [2018/12/13 15:40]
kniwwelino [A toi de jouer !]
+++ fr:instructions:jeureaction [2018/12/13 16:01] (Version actuelle)
kniwwelino [Etape 4: allume les 3 LEDs à côté du bouton B]
@@ Ligne 1: / Ligne 1: @@
+====== Jeu de réaction ======
+Tu vas pouvoir jouer tester tes réflexes et ta concentration, deux qualités essentielles pour les espions.
+Une barre de LED s’affiche à côté d'un bouton. Clique le plus vite possible sur le bon bouton. Appuie sur les 2 boutons en même temps pour afficher ton score.
+{{:fr:instructions:reactiongame_fr.png?400|}}
+Pour cela il te faudra utiliser les boutons, la matrice de LEDs, les variables, le temps, la logique et les maths.
+===== Programmation =====
+Voici comment construire pas à pas un jeu pour tester ta réactivité. Utilise les blocs affichés et mets-les dans le bon ordre et teste ton code {{:en:instructions:play.png?direct&30|}}.
+==== Etape 1: Entier aléatoire ====
+Utilise une variable « valeur ».
+Initialise-la avec un entier aléatoire (au hasard) entre 1 et 2 ans « Kniwwelino boucle continue ».
+Utilise les blocs suivants et ajoute les dans ''Kniwwelino Mon programme'':
+{{:fr:programmingblocks:variables2_fr.jpg?200|}} {{:fr:programmingblocks:entierentre.png?200|}}
+Tu peux tester ton code.
+==== Etape 2: Allume les 3 LEDs à côté du bouton A ====
+Teste si « valeur » est  égale à 1, dans ce cas allume les 3 LEDs de la matrice à côté du bouton A.
+{{:fr:programmingblocks:logique1_fr.jpg|}} {{:fr:programmingblocks:variables1_fr.jpg|}} {{:fr:programmingblocks:logique2_fr.jpg|}} {{:fr:programmingblocks:nombre.png|}}
+{{:fr:instructions:left_matrice.png|}}
+==== Etape 3: attends ====
+Puis attends 1 seconde. Pour tester si j'arrive à réagir en 1 seconde.
+{{:fr:programmingblocks:attenteseconde.png|}}
+==== Etape 4: allume les 3 LEDs à côté du bouton B ====
+Teste si « valeur » est  égale à 2, dans ce cas allume les 3 LEDs de la matrice à côté du bouton B.
+Puis attends 1 seconde.
+{{:fr:programmingblocks:logique1_fr.jpg|}} {{:fr:programmingblocks:variables1_fr.jpg|}} {{:fr:programmingblocks:logique2_fr.jpg|}} {{:fr:programmingblocks:nombre.png|}}
+{{:fr:instructions:matriceboutonb.png|}}
+{{:fr:programmingblocks:attenteseconde.png|}}
+==== Etape 5: initialise ton score ====
+Crée une nouvelle variable « score » que tu vas initialiser variable « score » dans « Kniwwelino au démarrage » à 0.
+N’oublie pas de renommer la variable.
+{{:fr:programmingblocks:au_demarrage.png|}}
+{{:fr:programmingblocks:renommer_variable.png|}}
+: nouvelle variable
+: renommer la variable
+==== Etape 6-A: vérifie si le bouton A est cliqué  ====
+Quand les 3 LEDs sont allumées à côté du bouton A, vérifie si le bouton A est cliqué et augmente le score de 1 …
+{{:fr:programmingblocks:boutons1_fr.jpg|}} {{:fr:programmingblocks:augmente.png|}}
+==== Etape 7-A: affiche un sourire  ====
+… et affiche un sourire sur la matrice pour indiquer que c’est gagné.
+{{:fr:programmingblocks:matrice3_fr.jpg|}} {{:fr:programmingblocks:matrice4_fr.jpg|}}
+==== Etape 8-A: affiche un visage triste  ====
+Sinon (si le bouton A n’a pas été cliqué) alors affiche un visage triste.
+{{:fr:programmingblocks:matrice3_fr.jpg|}} {{:fr:programmingblocks:matrice4_fr.jpg|}}
+==== Etape 9: Fait la même chose pour le bouton B  ====
+Faire les étapes 6, 7 et 8 pour tester si tu cliques bien sur le bouton B quand les 3 LEDs sont allumées à côté du bouton B.
+Alors augmente le score de 1 et affiche un sourire.
+Sinon affiche un visage triste.
+{{:fr:programmingblocks:boutonb.png|}} {{:fr:programmingblocks:augmente.png|}}
+X2 {{:fr:programmingblocks:matrice3_fr.jpg|}} {{:fr:programmingblocks:matrice4_fr.jpg|}}
+==== Etape 10: Fait la même chose pour le bouton B  ====
+Tout à la fin attends 2 secondes pour laisser le temps d'afficher les icônes sur la matrice.
+{{:fr:programmingblocks:attenteseconde.png|}}
+==== Etape 11: affiche le score ====
+Puis si tu appuies sur les boutons A&B alors affiche le score.
+{{:fr:programmingblocks:boutonaetb.png|}} {{:fr:programmingblocks:matrice1_fr.jpg|}} {{:fr:programmingblocks:variables1_fr.jpg|}}
+==== Astuce ====
+Pour afficher “sinon” dans la condition “si … alors” clique sur le +. Glisse et depose le “sinon” ou le “sinon si”, selon le besoin  à droite.
+Tu peux personnaliser ce bloc en ajoutant plusieurs ''sinon si'' ou ''sinon'' en cliquant sur le signe ''+''. Utilise les options suivants en les glissant/déposant dans la partie de droite.
+{{:fr:instructions:si1_fr.png?direct|}}{{:fr:instructions:si2_fr.png?direct|}}{{:fr:instructions:si3_fr.png?direct|}}
+==== Fin ====
+{{:fr:instructions:bravo_fr.png?200|}}
+==== Solution ====
+<color #ed1c24>Ouvrir la solution dans [[https://code.kniwwelino.lu/?lang=fr&xml=examples/reactionGame.xml|KniwwelinoBlockly]]</color>
+{{:fr:instructions:18decembre_33_fr.png?400|}}
+[[ https://doku.kniwwelino.lu/_media/fr/instructions/pe_jeu_reaction_fr_v2.pdf |Version téléchargeable]]
+===== A toi de jouer ! =====
+  * Pour augmenter la difficulté, tu peux
+    * réduire le temps laissé pour réagir en utilisant {{:fr:programmingblocks:attentemilliseconde.png|}} au lieu de {{:fr:programmingblocks:attenteseconde.png|}}
+    * Afficher une seule LED à côté du bouton et pas trois {{:fr:instructions:1led.png|}}
+  * Au lieu d’afficher des points sur la LED pour indiquer sur quel bouton appuyer, tu peux allumer la LED dans deux couleurs différentes, par exemple vert et rouge. Et quand la LED est en vert, on doit appuyer sur le bouton A, mais si elle est rouge alors appuyer sur le bouton B.
+{{:fr:programmingblocks:led1_fr.jpg|}} {{:fr:programmingblocks:couleur_rouge.png| }}
+  * Tu peux aussi utiliser une autre variable pour affiner le score en affichant combien de fois j’ai réussi sur combien d’essais.
+{{:fr:instructions:solution_jeu_reaction_3_complexe.png|}}
+  * Tu peux aussi calculer le temps de réaction.