Azad : /* étape 7 : finir la maquette */

Titre de la fiche expérience :
==Description (résumé)==
Notre jeu s'appelle "Le cyclone". Le but est simple, appuyer sur le bouton quand la led tournante atteint la led statique sur le cercle de 60 leds. Il y a 5 niveaux de difficultés différentes. La vitesse d'allumage des leds augmente à chaque niveau. Ci-dessous vous verrez une vidéo exemple de notre jeu :

<html>
<blockquote class="twitter-tweet"><p lang="en" dir="ltr">👉Don't forget to have fun with the kids while doing the project.<br>➡️ Follow us <a href="https://twitter.com/OffiCuteLava?ref_src=twsrc%5Etfw">@officutelava</a>👍<br>➡️ Video by <a href="https://twitter.com/stevenkroon?ref_src=twsrc%5Etfw">@stevenkroon</a> 👏👏<a href="https://twitter.com/hashtag/microcontroller?src=hash&ref_src=twsrc%5Etfw">#microcontroller</a> <a href="https://twitter.com/hashtag/engineers?src=hash&ref_src=twsrc%5Etfw">#engineers</a> <a href="https://twitter.com/hashtag/Electronic?src=hash&ref_src=twsrc%5Etfw">#Electronic</a> <a href="https://twitter.com/hashtag/engineering?src=hash&ref_src=twsrc%5Etfw">#engineering</a> <a href="https://twitter.com/hashtag/technology?src=hash&ref_src=twsrc%5Etfw">#technology</a> <a href="https://twitter.com/hashtag/electronics?src=hash&ref_src=twsrc%5Etfw">#electronics</a> <a href="https://twitter.com/hashtag/diyprojects?src=hash&ref_src=twsrc%5Etfw">#diyprojects</a> <a href="https://twitter.com/hashtag/arduino?src=hash&ref_src=twsrc%5Etfw">#arduino</a> <a href="https://twitter.com/hashtag/arduinoproject?src=hash&ref_src=twsrc%5Etfw">#arduinoproject</a> <a href="https://twitter.com/hashtag/arduinofun?src=hash&ref_src=twsrc%5Etfw">#arduinofun</a> <a href="https://twitter.com/hashtag/kids?src=hash&ref_src=twsrc%5Etfw">#kids</a> <a href="https://twitter.com/hashtag/fun?src=hash&ref_src=twsrc%5Etfw">#fun</a> <a href="https://t.co/JvCprJGtyo">pic.twitter.com/JvCprJGtyo</a></p>— Cute Lava (@OffiCuteLava) <a href="https://twitter.com/OffiCuteLava/status/1223093120054845445?ref_src=twsrc%5Etfw">January 31, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</html>

==Introduction==

Voici une photo de notre groupe :

[[ Fichier:Photo groupe cyclone COMUR.jpeg |400px]]

Notre groupe est composé de :

- Sofiya Debois

- Korao Layo Fatima Nadjad

- Maximin Bourgeais

- Côme Beaudouin

- Arthur Bernel

- Azad Arbab Chirani

==Outil et matériel==

Ici, on va pouvoir retrouver la liste de matériels ainsi que les outils nécessaire à la confection de notre jeu.

Il nous faut :

- une pochette avec le matériel de base

[[Fichier:Photo matériel cyclone COMUR.jpeg|200px]]

- une carte ESP WROOM 32

[[Fichier:Arduino cyclone.jpg |200px]]

- des résistances pour arriver à 219 Ohms (il nous faut 2 fois ça)

[[ Fichier:Rési 219Ohm.jpg |200px]]

- des résistances pour arriver à 830 Ohms

[[ Fichier:Rési 830 Ohm.jpg |200px]]

- un buzzer

[[Fichier:Buzzerpassif.jpg |200px]]

- une batterie portative

[[Fichier:Batterieportative.jpg |200px]]

- des câbles

[[Fichier:Câbles.jpg |200px]]

==Fichiers à joindre==
code, ficher d'impression 3D, de découpe laser ou vinyle, ...
===Mettre du code Arduino===
<syntaxhighlight lang="Arduino" line>//jeu
/*
code trouvé sur https://www.hackster.io/mircemk/diy-arduino-cyclone-game-with-ws2812b-led-ring-738c58
*/

#include "FastLED.h" //Bibliothèque permettant de gérer les LEDs
#define NUM_LEDS 60 //Le nombre de LEDs sur le ring
#define DATA_PIN 0 //Pin correspondant au ring
#define BUTTON_PIN 2 //Pin du bouton
#define SCORE_PIN 4 //Pin de la bande LED du score
#define SCORE_LEDS 5 //Le nombre de LEDs sur la bande du score
#define BRIGHTNESS 60 //Luminosité des LEDs du jeu
CRGB leds[NUM_LEDS]; //ring LED
CRGB sleds[NUM_LEDS]; //bande LED

byte gameState = 0; //Variable pour suivre l'étape du jeu
int period = 1000; //On instantie une variable qui déterminera la vitesse de déroulement du jeu
unsigned long time_now = 0; //Variable qui garde en mémoire le temps à un instant précis
byte Position = 0; //La position de la LED du joueur
byte level = 0; //Variable qui garde en mémoire le niveau actuel

const byte ledSpeed[5] = {50, 40, 30, 20, 10}; //Liste contenant toutes les vitesses des différents niveaux

bool findRandom = false; //Variable booléenne pour lancer la recherche d'un nouvel objectif à chaque passage de niveau
byte spot = 0; //Variable correspondant à la position de la LED objectif

void setup() {
FastLED.addLeds<WS2812B, DATA_PIN, GRB>(leds, NUM_LEDS);
FastLED.addLeds<WS2812B, SCORE_PIN, GRB>(sleds, SCORE_LEDS);
pinMode(BUTTON_PIN, INPUT_PULLUP);
pinMode(DATA_PIN, OUTPUT);
Serial.begin(9600);
Serial.println("Reset");
}

void loop() {
FastLED.setBrightness(BRIGHTNESS); //Mise à jour du niveau de luminosité des LEDs
if (gameState == 0) {
fill_rainbow(leds, NUM_LEDS, 0, 20); //2 = longer gradient strip
fill_rainbow(sleds, SCORE_LEDS, 0, 40); //2 = longer gradient strip

if (digitalRead(2) == LOW) { //Bouton appuyé
Position = 0; //On initialise la position du joueur à 0
findRandom = true;
delay(500);
for (byte i = 0; i < NUM_LEDS; i++) { //On éteint les LEDs du ring progressivement
leds[i].setRGB(0, 0, 0);
delay(40);
FastLED.show();
tone(5, 400);
}
for (byte i = 0; i < SCORE_LEDS; i++) { //On éteint les LEDs de la bande progressivement
sleds[i].setRGB(0, 0, 0);
delay(100);
FastLED.show();
tone(5, 400);
}
noTone(5);
gameState = 1; //Passage à la prochaine étape du jeu
}
FastLED.show();
}

if (gameState == 1) {
period = ledSpeed[0];
if (millis() > time_now + period) {
time_now = millis();
if (findRandom) {
spot = random(56) + 3; //Choix de l'objectif aléatoirement
findRandom = false;
}
leds[spot - 1].setRGB(255, 140, 0); //Allumage des LEDs objectif
leds[spot].setRGB(0, 255, 0);
leds[spot + 1].setRGB(255, 110, 0);
sleds[0].setRGB(0, 255, 0);
PlayGame(spot - 1, spot + 1); //Avancement de la LED joueur
}
if (digitalRead(2) == LOW) {
delay(300);
findRandom = false;
if (Position > spot - 1 && Position < spot + 3) { //Vérification de la position du joueur au moment de l'appui
level = gameState;
gameState = 98;
} else {
gameState = 99;
}
}
}
if (gameState == 2) {
period = 320;
period = ledSpeed[1];
if (millis() > time_now + period) {
time_now = millis();
if (findRandom) {
spot = random(56) + 3;
findRandom = false;
}
leds[spot - 1].setRGB(255, 190, 0);
leds[spot].setRGB(0, 255, 0);
leds[spot + 1].setRGB(255, 190, 0);
sleds[1].setRGB(255, 255, 0);
PlayGame(spot - 1, spot + 1);
}
if (digitalRead(2) == LOW) {
delay(300);
if (spot - 1 && Position < spot + 3) {
level = gameState;
gameState = 98;
} else {
gameState = 99;
}
}
}
if (gameState == 3) {
period = ledSpeed[2];
if (millis() > time_now + period) {
time_now = millis();
if (findRandom) {
spot = random(56) + 3;
findRandom = false;
}
leds[spot].setRGB(0, 255, 0);
sleds[2].setRGB(255, 50, 0);
PlayGame(spot, spot);
}
if (digitalRead(2) == LOW) {
delay(300);
if (Position == spot+1) {
level = gameState;
gameState = 98;
} else {
gameState = 99;
}
}
}
if (gameState == 4) {
period = ledSpeed[3];
if (millis() > time_now + period) {
time_now = millis();
if (findRandom) {
spot = random(56) + 3;
findRandom = false;
}
leds[spot].setRGB(0, 255, 0);
sleds[3].setRGB(255, 0, 0);
PlayGame(spot, spot);
}
if (digitalRead(2) == LOW) {
delay(300);
if (Position == spot+1) {
level = gameState;
gameState = 98;
} else {
gameState = 99;
}
}
}

if (gameState == 5) {
period = ledSpeed[4];
if (millis() > time_now + period) {
time_now = millis();
if (findRandom) {
spot = random(56) + 3;
findRandom = false;
}
leds[spot].setRGB(0, 255, 0);
sleds[4].setRGB(0, 50, 255);
PlayGame(spot , spot);
}
if (digitalRead(2) == LOW) {
delay(300);
if (Position == spot+1) {
level = gameState;
gameState = 98;
} else {
gameState = 99;
}
}
}

if (gameState == 98) {
winner();
}
if (gameState == 99) {
loser();
}
}
void PlayGame(byte bound1, byte bound2) {
leds[Position].setRGB(255, 0, 0); //on allume la led à la position du joueur
if (Position < bound1 + 1 || Position > bound2 + 1) {
leds[Position - 1].setRGB(0, 0, 0);
}
FastLED.show();
Position++;
if (Position >= NUM_LEDS) {
leds[Position - 1].setRGB(0, 0, 0);
Position = 0;
}
}

void winner() {
tone(5, 720);
delay(240);
noTone(5);
for (byte i = 0; i < 3; i++) {
for (byte j = 0; j < NUM_LEDS; j++) {
leds[j].setRGB(0, 255, 0);
}
FastLED.show();
delay(500);
clearLEDS();
FastLED.show();
delay(500);

}
findRandom = true;
Position = 0;

gameState = level + 1;
if (gameState > 5) {
winAll();
}
}
void loser() {
for (byte i = 0; i < 3; i++) {
for (byte j = 0; j < NUM_LEDS; j++) {
leds[j].setRGB(255, 0, 0);
}
FastLED.show();
tone(5, 280);
delay(500);
clearLEDS();
noTone(5);
FastLED.show();
delay(500);
}
gameState = 0;
}
void clearLEDS() {
for (byte k = 0; k < NUM_LEDS; k++) {
leds[k].setRGB(0, 0, 0);
}
}
void winAll(){
gameState = 0;
}

void freq(){
}

</syntaxhighlight>

==Étapes de fabrication==

On va indiquer ici toutes les étapes de la création du prototype à la version finale de notre projet (avec des photos, dessins...).

===étape 1 : comprendre le fonctionnement du jeu===

En allant sur le [https://www.wiki.lesfabriquesduponant.net/index.php?title=Jeux_num%C3%A9riques_utilisant_des_leds#Le_Cyclone/ wiki] de la fabrique du ponant, vous pouvez retrouver des vidéos montrant le fonctionnement du jeu (voir la vidéo dessus). On retrouve aussi un prototype de code qu'on va modifier pour qu'il fonctionne avec notre matériel.

===étape 2 : réunir le matériel nécessaire===

Au niveau du matériel, dès le début, vous avez une pochette avec à l'intérieur, une ring avec 60 leds, une bande de 5 leds, un transistor, une plaquette pour les liaisons entre les résistances et les câbles et un bouton.
Il a fallu qu'on aille chercher en plus :

- une carte ESP WROOM 32

- des câbles

- une résistance 830 Ohms (on l'a décomposé en une résistance de 680 Ohms et une résistance de 150 Ohms)

- deux résistances de 219 Ohms (on les a décomposé en trois résistance de 68 ohms et une résistance de 15 Ohms)

- un buzzer

- une batterie portative

===étape 3 : dessiner le design sur papier===

Avant de faire la découpe du carton, on a dessiné un design sur papier.

[[Fichier:Dessin1.jpg|200px]] [[Fichier:Dessin2.jpg|200px]]

===étape 4 : découper le socle===

On a décidé de faire notre jeu en carton. Voici les découpes qu'on a réalisé :

[[Fichier:Découpe carton.jpg|200px]] [[Fichier:Découpe.jpg|200px]]

On a rajouté cette découpe en noir pour la customisation de notre jeu.

===étape 5 : faire le câblage sur Tinkercad===

Avant de réaliser notre câblage avec des vrais composants, nous avons réalisé un câblage sur Tinkercad.

[[Fichier:Cablagetc.png|400px]] [[Fichier:Image rési tc.png|324px]]

L'image à droite représente les 2 résistances sur l'image à gauche (219 Ohms en 4 résistances).

===étape 6 : réaliser le câblage et tester le code===

On réalise le câblage final pour voir si tout fonctionne bien (le code, le téléversement sur la carte...).

[[Fichier:Câblagefin.jpg|200px]]

===étape 7 : finir la maquette===

Voici une photo du résultat final de notre jeu "Le cyclone" :

[[Fichier:Buzzerpassif.jpg |200px]]

===Troubleshouting===

Le premier problème qu'on a rencontré est au niveau du code. Au lieu d'avoir le jeu du cyclone, on a toute les leds qui s'allument ce qui n'est pas normal (voir photo).

[[Fichier:Erreurcâblage.jpg|300px]]

Le problème venait des entrées sur le code car nous n'avons pas la même carte que le code qu'on nous a donné.

<syntaxhighlight lang="Arduino" line>#include "FastLED.h" //Bibliothèque permettant de gérer les LEDs
#define NUM_LEDS 60 //Le nombre de LEDs sur le ring
#define DATA_PIN 0 //Pin correspondant au ring
#define BUTTON_PIN 2 //Pin du bouton
#define SCORE_PIN 4 //Pin de la bande LED du score
#define SCORE_LEDS 5 //Le nombre de LEDs sur la bande du score
#define BRIGHTNESS 10 //Luminosité des LEDs du jeu
CRGB leds[NUM_LEDS]; //ring LED
CRGB sleds[NUM_LEDS]; //bande LED

</syntaxhighlight>

Le second problème était un problème de temps. A chaque fois qu'on passait au niveau suivant, on devait attendre une trentaine de secondes, ce qui est vachement long.

Le problème venait entre autre du buzzer. Notre jeu a normalement besoin d'un buzzer passif et notre programme doit générer une fréquence pour ce buzzer. Elle était créé par la fonction arduino "tone", qui ralentissait énormément notre programme. On a donc pris un haut parleur passif qui génère des fréquences à différents moments clés du jeu (niveau passé, lorsqu'on a perdu...).

==Sources et documentation complémentaire==
[[Media:Cyclone.svg|Téléchargez le fichier de découpe]]

==ne pas modifier sous cette ligne==
[[Catégorie:Enib2024]]

ENIB 2024 : Le cyclone COMUR

2024-01-25T13:46:27Z

Azad : /* Outil et matériel */

Titre de la fiche expérience :
==Description (résumé)==
Notre jeu s'appelle "Le cyclone". Le but est simple, appuyer sur le bouton quand la led tournante atteint la led statique sur le cercle de 60 leds. Il y a 5 niveaux de difficultés différentes. La vitesse d'allumage des leds augmente à chaque niveau. Ci-dessous vous verrez une vidéo exemple de notre jeu :

<html>
<blockquote class="twitter-tweet"><p lang="en" dir="ltr">👉Don't forget to have fun with the kids while doing the project.<br>➡️ Follow us <a href="https://twitter.com/OffiCuteLava?ref_src=twsrc%5Etfw">@officutelava</a>👍<br>➡️ Video by <a href="https://twitter.com/stevenkroon?ref_src=twsrc%5Etfw">@stevenkroon</a> 👏👏<a href="https://twitter.com/hashtag/microcontroller?src=hash&ref_src=twsrc%5Etfw">#microcontroller</a> <a href="https://twitter.com/hashtag/engineers?src=hash&ref_src=twsrc%5Etfw">#engineers</a> <a href="https://twitter.com/hashtag/Electronic?src=hash&ref_src=twsrc%5Etfw">#Electronic</a> <a href="https://twitter.com/hashtag/engineering?src=hash&ref_src=twsrc%5Etfw">#engineering</a> <a href="https://twitter.com/hashtag/technology?src=hash&ref_src=twsrc%5Etfw">#technology</a> <a href="https://twitter.com/hashtag/electronics?src=hash&ref_src=twsrc%5Etfw">#electronics</a> <a href="https://twitter.com/hashtag/diyprojects?src=hash&ref_src=twsrc%5Etfw">#diyprojects</a> <a href="https://twitter.com/hashtag/arduino?src=hash&ref_src=twsrc%5Etfw">#arduino</a> <a href="https://twitter.com/hashtag/arduinoproject?src=hash&ref_src=twsrc%5Etfw">#arduinoproject</a> <a href="https://twitter.com/hashtag/arduinofun?src=hash&ref_src=twsrc%5Etfw">#arduinofun</a> <a href="https://twitter.com/hashtag/kids?src=hash&ref_src=twsrc%5Etfw">#kids</a> <a href="https://twitter.com/hashtag/fun?src=hash&ref_src=twsrc%5Etfw">#fun</a> <a href="https://t.co/JvCprJGtyo">pic.twitter.com/JvCprJGtyo</a></p>— Cute Lava (@OffiCuteLava) <a href="https://twitter.com/OffiCuteLava/status/1223093120054845445?ref_src=twsrc%5Etfw">January 31, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</html>

==Introduction==

Voici une photo de notre groupe :

[[ Fichier:Photo groupe cyclone COMUR.jpeg |400px]]

Notre groupe est composé de :

- Sofiya Debois

- Korao Layo Fatima Nadjad

- Maximin Bourgeais

- Côme Beaudouin

- Arthur Bernel

- Azad Arbab Chirani

==Outil et matériel==

Ici, on va pouvoir retrouver la liste de matériels ainsi que les outils nécessaire à la confection de notre jeu.

Il nous faut :

- une pochette avec le matériel de base

[[Fichier:Photo matériel cyclone COMUR.jpeg|200px]]

- une carte ESP WROOM 32

[[Fichier:Arduino cyclone.jpg |200px]]

- des résistances pour arriver à 219 Ohms (il nous faut 2 fois ça)

[[ Fichier:Rési 219Ohm.jpg |200px]]

- des résistances pour arriver à 830 Ohms

[[ Fichier:Rési 830 Ohm.jpg |200px]]

- un buzzer

[[Fichier:Buzzerpassif.jpg |200px]]

- une batterie portative

[[Fichier:Batterieportative.jpg |200px]]

- des câbles

[[Fichier:Câbles.jpg |200px]]

==Fichiers à joindre==
code, ficher d'impression 3D, de découpe laser ou vinyle, ...
===Mettre du code Arduino===
<syntaxhighlight lang="Arduino" line>//jeu
/*
code trouvé sur https://www.hackster.io/mircemk/diy-arduino-cyclone-game-with-ws2812b-led-ring-738c58
*/

#include "FastLED.h" //Bibliothèque permettant de gérer les LEDs
#define NUM_LEDS 60 //Le nombre de LEDs sur le ring
#define DATA_PIN 0 //Pin correspondant au ring
#define BUTTON_PIN 2 //Pin du bouton
#define SCORE_PIN 4 //Pin de la bande LED du score
#define SCORE_LEDS 5 //Le nombre de LEDs sur la bande du score
#define BRIGHTNESS 60 //Luminosité des LEDs du jeu
CRGB leds[NUM_LEDS]; //ring LED
CRGB sleds[NUM_LEDS]; //bande LED

byte gameState = 0; //Variable pour suivre l'étape du jeu
int period = 1000; //On instantie une variable qui déterminera la vitesse de déroulement du jeu
unsigned long time_now = 0; //Variable qui garde en mémoire le temps à un instant précis
byte Position = 0; //La position de la LED du joueur
byte level = 0; //Variable qui garde en mémoire le niveau actuel

const byte ledSpeed[5] = {50, 40, 30, 20, 10}; //Liste contenant toutes les vitesses des différents niveaux

bool findRandom = false; //Variable booléenne pour lancer la recherche d'un nouvel objectif à chaque passage de niveau
byte spot = 0; //Variable correspondant à la position de la LED objectif

void setup() {
FastLED.addLeds<WS2812B, DATA_PIN, GRB>(leds, NUM_LEDS);
FastLED.addLeds<WS2812B, SCORE_PIN, GRB>(sleds, SCORE_LEDS);
pinMode(BUTTON_PIN, INPUT_PULLUP);
pinMode(DATA_PIN, OUTPUT);
Serial.begin(9600);
Serial.println("Reset");
}

void loop() {
FastLED.setBrightness(BRIGHTNESS); //Mise à jour du niveau de luminosité des LEDs
if (gameState == 0) {
fill_rainbow(leds, NUM_LEDS, 0, 20); //2 = longer gradient strip
fill_rainbow(sleds, SCORE_LEDS, 0, 40); //2 = longer gradient strip

if (digitalRead(2) == LOW) { //Bouton appuyé
Position = 0; //On initialise la position du joueur à 0
findRandom = true;
delay(500);
for (byte i = 0; i < NUM_LEDS; i++) { //On éteint les LEDs du ring progressivement
leds[i].setRGB(0, 0, 0);
delay(40);
FastLED.show();
tone(5, 400);
}
for (byte i = 0; i < SCORE_LEDS; i++) { //On éteint les LEDs de la bande progressivement
sleds[i].setRGB(0, 0, 0);
delay(100);
FastLED.show();
tone(5, 400);
}
noTone(5);
gameState = 1; //Passage à la prochaine étape du jeu
}
FastLED.show();
}

if (gameState == 1) {
period = ledSpeed[0];
if (millis() > time_now + period) {
time_now = millis();
if (findRandom) {
spot = random(56) + 3; //Choix de l'objectif aléatoirement
findRandom = false;
}
leds[spot - 1].setRGB(255, 140, 0); //Allumage des LEDs objectif
leds[spot].setRGB(0, 255, 0);
leds[spot + 1].setRGB(255, 110, 0);
sleds[0].setRGB(0, 255, 0);
PlayGame(spot - 1, spot + 1); //Avancement de la LED joueur
}
if (digitalRead(2) == LOW) {
delay(300);
findRandom = false;
if (Position > spot - 1 && Position < spot + 3) { //Vérification de la position du joueur au moment de l'appui
level = gameState;
gameState = 98;
} else {
gameState = 99;
}
}
}
if (gameState == 2) {
period = 320;
period = ledSpeed[1];
if (millis() > time_now + period) {
time_now = millis();
if (findRandom) {
spot = random(56) + 3;
findRandom = false;
}
leds[spot - 1].setRGB(255, 190, 0);
leds[spot].setRGB(0, 255, 0);
leds[spot + 1].setRGB(255, 190, 0);
sleds[1].setRGB(255, 255, 0);
PlayGame(spot - 1, spot + 1);
}
if (digitalRead(2) == LOW) {
delay(300);
if (spot - 1 && Position < spot + 3) {
level = gameState;
gameState = 98;
} else {
gameState = 99;
}
}
}
if (gameState == 3) {
period = ledSpeed[2];
if (millis() > time_now + period) {
time_now = millis();
if (findRandom) {
spot = random(56) + 3;
findRandom = false;
}
leds[spot].setRGB(0, 255, 0);
sleds[2].setRGB(255, 50, 0);
PlayGame(spot, spot);
}
if (digitalRead(2) == LOW) {
delay(300);
if (Position == spot+1) {
level = gameState;
gameState = 98;
} else {
gameState = 99;
}
}
}
if (gameState == 4) {
period = ledSpeed[3];
if (millis() > time_now + period) {
time_now = millis();
if (findRandom) {
spot = random(56) + 3;
findRandom = false;
}
leds[spot].setRGB(0, 255, 0);
sleds[3].setRGB(255, 0, 0);
PlayGame(spot, spot);
}
if (digitalRead(2) == LOW) {
delay(300);
if (Position == spot+1) {
level = gameState;
gameState = 98;
} else {
gameState = 99;
}
}
}

if (gameState == 5) {
period = ledSpeed[4];
if (millis() > time_now + period) {
time_now = millis();
if (findRandom) {
spot = random(56) + 3;
findRandom = false;
}
leds[spot].setRGB(0, 255, 0);
sleds[4].setRGB(0, 50, 255);
PlayGame(spot , spot);
}
if (digitalRead(2) == LOW) {
delay(300);
if (Position == spot+1) {
level = gameState;
gameState = 98;
} else {
gameState = 99;
}
}
}

if (gameState == 98) {
winner();
}
if (gameState == 99) {
loser();
}
}
void PlayGame(byte bound1, byte bound2) {
leds[Position].setRGB(255, 0, 0); //on allume la led à la position du joueur
if (Position < bound1 + 1 || Position > bound2 + 1) {
leds[Position - 1].setRGB(0, 0, 0);
}
FastLED.show();
Position++;
if (Position >= NUM_LEDS) {
leds[Position - 1].setRGB(0, 0, 0);
Position = 0;
}
}

void winner() {
tone(5, 720);
delay(240);
noTone(5);
for (byte i = 0; i < 3; i++) {
for (byte j = 0; j < NUM_LEDS; j++) {
leds[j].setRGB(0, 255, 0);
}
FastLED.show();
delay(500);
clearLEDS();
FastLED.show();
delay(500);

}
findRandom = true;
Position = 0;

gameState = level + 1;
if (gameState > 5) {
winAll();
}
}
void loser() {
for (byte i = 0; i < 3; i++) {
for (byte j = 0; j < NUM_LEDS; j++) {
leds[j].setRGB(255, 0, 0);
}
FastLED.show();
tone(5, 280);
delay(500);
clearLEDS();
noTone(5);
FastLED.show();
delay(500);
}
gameState = 0;
}
void clearLEDS() {
for (byte k = 0; k < NUM_LEDS; k++) {
leds[k].setRGB(0, 0, 0);
}
}
void winAll(){
gameState = 0;
}

void freq(){
}

</syntaxhighlight>

==Étapes de fabrication==

On va indiquer ici toutes les étapes de la création du prototype à la version finale de notre projet (avec des photos, dessins...).

===étape 1 : comprendre le fonctionnement du jeu===

En allant sur le [https://www.wiki.lesfabriquesduponant.net/index.php?title=Jeux_num%C3%A9riques_utilisant_des_leds#Le_Cyclone/ wiki] de la fabrique du ponant, vous pouvez retrouver des vidéos montrant le fonctionnement du jeu (voir la vidéo dessus). On retrouve aussi un prototype de code qu'on va modifier pour qu'il fonctionne avec notre matériel.

===étape 2 : réunir le matériel nécessaire===

Au niveau du matériel, dès le début, vous avez une pochette avec à l'intérieur, une ring avec 60 leds, une bande de 5 leds, un transistor, une plaquette pour les liaisons entre les résistances et les câbles et un bouton.
Il a fallu qu'on aille chercher en plus :

- une carte ESP WROOM 32

- des câbles

- une résistance 830 Ohms (on l'a décomposé en une résistance de 680 Ohms et une résistance de 150 Ohms)

- deux résistances de 219 Ohms (on les a décomposé en trois résistance de 68 ohms et une résistance de 15 Ohms)

- un buzzer

- une batterie portative

===étape 3 : dessiner le design sur papier===

Avant de faire la découpe du carton, on a dessiné un design sur papier.

[[Fichier:Dessin1.jpg|200px]] [[Fichier:Dessin2.jpg|200px]]

===étape 4 : découper le socle===

On a décidé de faire notre jeu en carton. Voici les découpes qu'on a réalisé :

[[Fichier:Découpe carton.jpg|200px]] [[Fichier:Découpe.jpg|200px]]

On a rajouté cette découpe en noir pour la customisation de notre jeu.

===étape 5 : faire le câblage sur Tinkercad===

Avant de réaliser notre câblage avec des vrais composants, nous avons réalisé un câblage sur Tinkercad.

[[Fichier:Cablagetc.png|400px]] [[Fichier:Image rési tc.png|324px]]

L'image à droite représente les 2 résistances sur l'image à gauche (219 Ohms en 4 résistances).

===étape 6 : réaliser le câblage et tester le code===

On réalise le câblage final pour voir si tout fonctionne bien (le code, le téléversement sur la carte...).

[[Fichier:Câblagefin.jpg|200px]]

===étape 7 : finir la maquette===

Voici une photo du résultat final de notre jeu "Le cyclone" :

===Troubleshouting===

Le premier problème qu'on a rencontré est au niveau du code. Au lieu d'avoir le jeu du cyclone, on a toute les leds qui s'allument ce qui n'est pas normal (voir photo).

[[Fichier:Erreurcâblage.jpg|300px]]

Le problème venait des entrées sur le code car nous n'avons pas la même carte que le code qu'on nous a donné.

<syntaxhighlight lang="Arduino" line>#include "FastLED.h" //Bibliothèque permettant de gérer les LEDs
#define NUM_LEDS 60 //Le nombre de LEDs sur le ring
#define DATA_PIN 0 //Pin correspondant au ring
#define BUTTON_PIN 2 //Pin du bouton
#define SCORE_PIN 4 //Pin de la bande LED du score
#define SCORE_LEDS 5 //Le nombre de LEDs sur la bande du score
#define BRIGHTNESS 10 //Luminosité des LEDs du jeu
CRGB leds[NUM_LEDS]; //ring LED
CRGB sleds[NUM_LEDS]; //bande LED

</syntaxhighlight>

Le second problème était un problème de temps. A chaque fois qu'on passait au niveau suivant, on devait attendre une trentaine de secondes, ce qui est vachement long.

Le problème venait entre autre du buzzer. Notre jeu a normalement besoin d'un buzzer passif et notre programme doit générer une fréquence pour ce buzzer. Elle était créé par la fonction arduino "tone", qui ralentissait énormément notre programme. On a donc pris un haut parleur passif qui génère des fréquences à différents moments clés du jeu (niveau passé, lorsqu'on a perdu...).

==Sources et documentation complémentaire==
[[Media:Cyclone.svg|Téléchargez le fichier de découpe]]

==ne pas modifier sous cette ligne==
[[Catégorie:Enib2024]]

Fichier:Buzzerpassif.jpg

2024-01-25T13:45:46Z

Azad :

ENIB 2024 : Le cyclone COMUR

2024-01-25T13:40:44Z

Azad : /* étape 7 : finir la maquette */

Titre de la fiche expérience :
==Description (résumé)==
Notre jeu s'appelle "Le cyclone". Le but est simple, appuyer sur le bouton quand la led tournante atteint la led statique sur le cercle de 60 leds. Il y a 5 niveaux de difficultés différentes. La vitesse d'allumage des leds augmente à chaque niveau. Ci-dessous vous verrez une vidéo exemple de notre jeu :

<html>
<blockquote class="twitter-tweet"><p lang="en" dir="ltr">👉Don't forget to have fun with the kids while doing the project.<br>➡️ Follow us <a href="https://twitter.com/OffiCuteLava?ref_src=twsrc%5Etfw">@officutelava</a>👍<br>➡️ Video by <a href="https://twitter.com/stevenkroon?ref_src=twsrc%5Etfw">@stevenkroon</a> 👏👏<a href="https://twitter.com/hashtag/microcontroller?src=hash&ref_src=twsrc%5Etfw">#microcontroller</a> <a href="https://twitter.com/hashtag/engineers?src=hash&ref_src=twsrc%5Etfw">#engineers</a> <a href="https://twitter.com/hashtag/Electronic?src=hash&ref_src=twsrc%5Etfw">#Electronic</a> <a href="https://twitter.com/hashtag/engineering?src=hash&ref_src=twsrc%5Etfw">#engineering</a> <a href="https://twitter.com/hashtag/technology?src=hash&ref_src=twsrc%5Etfw">#technology</a> <a href="https://twitter.com/hashtag/electronics?src=hash&ref_src=twsrc%5Etfw">#electronics</a> <a href="https://twitter.com/hashtag/diyprojects?src=hash&ref_src=twsrc%5Etfw">#diyprojects</a> <a href="https://twitter.com/hashtag/arduino?src=hash&ref_src=twsrc%5Etfw">#arduino</a> <a href="https://twitter.com/hashtag/arduinoproject?src=hash&ref_src=twsrc%5Etfw">#arduinoproject</a> <a href="https://twitter.com/hashtag/arduinofun?src=hash&ref_src=twsrc%5Etfw">#arduinofun</a> <a href="https://twitter.com/hashtag/kids?src=hash&ref_src=twsrc%5Etfw">#kids</a> <a href="https://twitter.com/hashtag/fun?src=hash&ref_src=twsrc%5Etfw">#fun</a> <a href="https://t.co/JvCprJGtyo">pic.twitter.com/JvCprJGtyo</a></p>— Cute Lava (@OffiCuteLava) <a href="https://twitter.com/OffiCuteLava/status/1223093120054845445?ref_src=twsrc%5Etfw">January 31, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</html>

==Introduction==

Voici une photo de notre groupe :

[[ Fichier:Photo groupe cyclone COMUR.jpeg |400px]]

Notre groupe est composé de :

- Sofiya Debois

- Korao Layo Fatima Nadjad

- Maximin Bourgeais

- Côme Beaudouin

- Arthur Bernel

- Azad Arbab Chirani

==Outil et matériel==

Ici, on va pouvoir retrouver la liste de matériels ainsi que les outils nécessaire à la confection de notre jeu.

Il nous faut :

- une pochette avec le matériel de base

[[Fichier:Photo matériel cyclone COMUR.jpeg|200px]]

- une carte ESP WROOM 32

[[Fichier:Arduino cyclone.jpg |200px]]

- des résistances pour arriver à 219 Ohms (il nous faut 2 fois ça)

[[ Fichier:Rési 219Ohm.jpg |200px]]

- des résistances pour arriver à 830 Ohms

[[ Fichier:Rési 830 Ohm.jpg |200px]]

- un buzzer

[[Fichier:Buzzer.jpg |200px]]

- une batterie portative

[[Fichier:Batterieportative.jpg |200px]]

- des câbles

[[Fichier:Câbles.jpg |200px]]

==Fichiers à joindre==
code, ficher d'impression 3D, de découpe laser ou vinyle, ...
===Mettre du code Arduino===
<syntaxhighlight lang="Arduino" line>//jeu
/*
code trouvé sur https://www.hackster.io/mircemk/diy-arduino-cyclone-game-with-ws2812b-led-ring-738c58
*/

#include "FastLED.h" //Bibliothèque permettant de gérer les LEDs
#define NUM_LEDS 60 //Le nombre de LEDs sur le ring
#define DATA_PIN 0 //Pin correspondant au ring
#define BUTTON_PIN 2 //Pin du bouton
#define SCORE_PIN 4 //Pin de la bande LED du score
#define SCORE_LEDS 5 //Le nombre de LEDs sur la bande du score
#define BRIGHTNESS 60 //Luminosité des LEDs du jeu
CRGB leds[NUM_LEDS]; //ring LED
CRGB sleds[NUM_LEDS]; //bande LED

byte gameState = 0; //Variable pour suivre l'étape du jeu
int period = 1000; //On instantie une variable qui déterminera la vitesse de déroulement du jeu
unsigned long time_now = 0; //Variable qui garde en mémoire le temps à un instant précis
byte Position = 0; //La position de la LED du joueur
byte level = 0; //Variable qui garde en mémoire le niveau actuel

const byte ledSpeed[5] = {50, 40, 30, 20, 10}; //Liste contenant toutes les vitesses des différents niveaux

bool findRandom = false; //Variable booléenne pour lancer la recherche d'un nouvel objectif à chaque passage de niveau
byte spot = 0; //Variable correspondant à la position de la LED objectif

void setup() {
FastLED.addLeds<WS2812B, DATA_PIN, GRB>(leds, NUM_LEDS);
FastLED.addLeds<WS2812B, SCORE_PIN, GRB>(sleds, SCORE_LEDS);
pinMode(BUTTON_PIN, INPUT_PULLUP);
pinMode(DATA_PIN, OUTPUT);
Serial.begin(9600);
Serial.println("Reset");
}

void loop() {
FastLED.setBrightness(BRIGHTNESS); //Mise à jour du niveau de luminosité des LEDs
if (gameState == 0) {
fill_rainbow(leds, NUM_LEDS, 0, 20); //2 = longer gradient strip
fill_rainbow(sleds, SCORE_LEDS, 0, 40); //2 = longer gradient strip

if (digitalRead(2) == LOW) { //Bouton appuyé
Position = 0; //On initialise la position du joueur à 0
findRandom = true;
delay(500);
for (byte i = 0; i < NUM_LEDS; i++) { //On éteint les LEDs du ring progressivement
leds[i].setRGB(0, 0, 0);
delay(40);
FastLED.show();
tone(5, 400);
}
for (byte i = 0; i < SCORE_LEDS; i++) { //On éteint les LEDs de la bande progressivement
sleds[i].setRGB(0, 0, 0);
delay(100);
FastLED.show();
tone(5, 400);
}
noTone(5);
gameState = 1; //Passage à la prochaine étape du jeu
}
FastLED.show();
}

if (gameState == 1) {
period = ledSpeed[0];
if (millis() > time_now + period) {
time_now = millis();
if (findRandom) {
spot = random(56) + 3; //Choix de l'objectif aléatoirement
findRandom = false;
}
leds[spot - 1].setRGB(255, 140, 0); //Allumage des LEDs objectif
leds[spot].setRGB(0, 255, 0);
leds[spot + 1].setRGB(255, 110, 0);
sleds[0].setRGB(0, 255, 0);
PlayGame(spot - 1, spot + 1); //Avancement de la LED joueur
}
if (digitalRead(2) == LOW) {
delay(300);
findRandom = false;
if (Position > spot - 1 && Position < spot + 3) { //Vérification de la position du joueur au moment de l'appui
level = gameState;
gameState = 98;
} else {
gameState = 99;
}
}
}
if (gameState == 2) {
period = 320;
period = ledSpeed[1];
if (millis() > time_now + period) {
time_now = millis();
if (findRandom) {
spot = random(56) + 3;
findRandom = false;
}
leds[spot - 1].setRGB(255, 190, 0);
leds[spot].setRGB(0, 255, 0);
leds[spot + 1].setRGB(255, 190, 0);
sleds[1].setRGB(255, 255, 0);
PlayGame(spot - 1, spot + 1);
}
if (digitalRead(2) == LOW) {
delay(300);
if (spot - 1 && Position < spot + 3) {
level = gameState;
gameState = 98;
} else {
gameState = 99;
}
}
}
if (gameState == 3) {
period = ledSpeed[2];
if (millis() > time_now + period) {
time_now = millis();
if (findRandom) {
spot = random(56) + 3;
findRandom = false;
}
leds[spot].setRGB(0, 255, 0);
sleds[2].setRGB(255, 50, 0);
PlayGame(spot, spot);
}
if (digitalRead(2) == LOW) {
delay(300);
if (Position == spot+1) {
level = gameState;
gameState = 98;
} else {
gameState = 99;
}
}
}
if (gameState == 4) {
period = ledSpeed[3];
if (millis() > time_now + period) {
time_now = millis();
if (findRandom) {
spot = random(56) + 3;
findRandom = false;
}
leds[spot].setRGB(0, 255, 0);
sleds[3].setRGB(255, 0, 0);
PlayGame(spot, spot);
}
if (digitalRead(2) == LOW) {
delay(300);
if (Position == spot+1) {
level = gameState;
gameState = 98;
} else {
gameState = 99;
}
}
}

if (gameState == 5) {
period = ledSpeed[4];
if (millis() > time_now + period) {
time_now = millis();
if (findRandom) {
spot = random(56) + 3;
findRandom = false;
}
leds[spot].setRGB(0, 255, 0);
sleds[4].setRGB(0, 50, 255);
PlayGame(spot , spot);
}
if (digitalRead(2) == LOW) {
delay(300);
if (Position == spot+1) {
level = gameState;
gameState = 98;
} else {
gameState = 99;
}
}
}

if (gameState == 98) {
winner();
}
if (gameState == 99) {
loser();
}
}
void PlayGame(byte bound1, byte bound2) {
leds[Position].setRGB(255, 0, 0); //on allume la led à la position du joueur
if (Position < bound1 + 1 || Position > bound2 + 1) {
leds[Position - 1].setRGB(0, 0, 0);
}
FastLED.show();
Position++;
if (Position >= NUM_LEDS) {
leds[Position - 1].setRGB(0, 0, 0);
Position = 0;
}
}

void winner() {
tone(5, 720);
delay(240);
noTone(5);
for (byte i = 0; i < 3; i++) {
for (byte j = 0; j < NUM_LEDS; j++) {
leds[j].setRGB(0, 255, 0);
}
FastLED.show();
delay(500);
clearLEDS();
FastLED.show();
delay(500);

}
findRandom = true;
Position = 0;

gameState = level + 1;
if (gameState > 5) {
winAll();
}
}
void loser() {
for (byte i = 0; i < 3; i++) {
for (byte j = 0; j < NUM_LEDS; j++) {
leds[j].setRGB(255, 0, 0);
}
FastLED.show();
tone(5, 280);
delay(500);
clearLEDS();
noTone(5);
FastLED.show();
delay(500);
}
gameState = 0;
}
void clearLEDS() {
for (byte k = 0; k < NUM_LEDS; k++) {
leds[k].setRGB(0, 0, 0);
}
}
void winAll(){
gameState = 0;
}

void freq(){
}

</syntaxhighlight>

==Étapes de fabrication==

On va indiquer ici toutes les étapes de la création du prototype à la version finale de notre projet (avec des photos, dessins...).

===étape 1 : comprendre le fonctionnement du jeu===

En allant sur le [https://www.wiki.lesfabriquesduponant.net/index.php?title=Jeux_num%C3%A9riques_utilisant_des_leds#Le_Cyclone/ wiki] de la fabrique du ponant, vous pouvez retrouver des vidéos montrant le fonctionnement du jeu (voir la vidéo dessus). On retrouve aussi un prototype de code qu'on va modifier pour qu'il fonctionne avec notre matériel.

===étape 2 : réunir le matériel nécessaire===

Au niveau du matériel, dès le début, vous avez une pochette avec à l'intérieur, une ring avec 60 leds, une bande de 5 leds, un transistor, une plaquette pour les liaisons entre les résistances et les câbles et un bouton.
Il a fallu qu'on aille chercher en plus :

- une carte ESP WROOM 32

- des câbles

- une résistance 830 Ohms (on l'a décomposé en une résistance de 680 Ohms et une résistance de 150 Ohms)

- deux résistances de 219 Ohms (on les a décomposé en trois résistance de 68 ohms et une résistance de 15 Ohms)

- un buzzer

- une batterie portative

===étape 3 : dessiner le design sur papier===

Avant de faire la découpe du carton, on a dessiné un design sur papier.

[[Fichier:Dessin1.jpg|200px]] [[Fichier:Dessin2.jpg|200px]]

===étape 4 : découper le socle===

On a décidé de faire notre jeu en carton. Voici les découpes qu'on a réalisé :

[[Fichier:Découpe carton.jpg|200px]] [[Fichier:Découpe.jpg|200px]]

On a rajouté cette découpe en noir pour la customisation de notre jeu.

===étape 5 : faire le câblage sur Tinkercad===

Avant de réaliser notre câblage avec des vrais composants, nous avons réalisé un câblage sur Tinkercad.

[[Fichier:Cablagetc.png|400px]] [[Fichier:Image rési tc.png|324px]]

L'image à droite représente les 2 résistances sur l'image à gauche (219 Ohms en 4 résistances).

===étape 6 : réaliser le câblage et tester le code===

On réalise le câblage final pour voir si tout fonctionne bien (le code, le téléversement sur la carte...).

[[Fichier:Câblagefin.jpg|200px]]

===étape 7 : finir la maquette===

Voici une photo du résultat final de notre jeu "Le cyclone" :

===Troubleshouting===

Le premier problème qu'on a rencontré est au niveau du code. Au lieu d'avoir le jeu du cyclone, on a toute les leds qui s'allument ce qui n'est pas normal (voir photo).

[[Fichier:Erreurcâblage.jpg|300px]]

Le problème venait des entrées sur le code car nous n'avons pas la même carte que le code qu'on nous a donné.

<syntaxhighlight lang="Arduino" line>#include "FastLED.h" //Bibliothèque permettant de gérer les LEDs
#define NUM_LEDS 60 //Le nombre de LEDs sur le ring
#define DATA_PIN 0 //Pin correspondant au ring
#define BUTTON_PIN 2 //Pin du bouton
#define SCORE_PIN 4 //Pin de la bande LED du score
#define SCORE_LEDS 5 //Le nombre de LEDs sur la bande du score
#define BRIGHTNESS 10 //Luminosité des LEDs du jeu
CRGB leds[NUM_LEDS]; //ring LED
CRGB sleds[NUM_LEDS]; //bande LED

</syntaxhighlight>

Le second problème était un problème de temps. A chaque fois qu'on passait au niveau suivant, on devait attendre une trentaine de secondes, ce qui est vachement long.

Le problème venait entre autre du buzzer. Notre jeu a normalement besoin d'un buzzer passif et notre programme doit générer une fréquence pour ce buzzer. Elle était créé par la fonction arduino "tone", qui ralentissait énormément notre programme. On a donc pris un haut parleur passif qui génère des fréquences à différents moments clés du jeu (niveau passé, lorsqu'on a perdu...).

==Sources et documentation complémentaire==
[[Media:Cyclone.svg|Téléchargez le fichier de découpe]]

==ne pas modifier sous cette ligne==
[[Catégorie:Enib2024]]

ENIB 2024 : Le cyclone COMUR

ENIB 2024 : Le cyclone COMUR

2024-01-25T09:44:14Z

Azad : /* Description (résumé) */