DigiFlag : 7 étapes

2024 Auteur: John Day | [email protected]. Dernière modifié: 2024-01-30 09:07

Si vous aimez jouer à capturer le drapeau et que vous voulez savoir comment numériser un peu le jeu, c'est l'endroit qu'il vous faut. Dans ce instructable, vous automatiserez les scores et vous verrez qui est mort dans le jeu.

Fournitures

Outils:

• Percer
• pistolet à colle
• esp
• adaptateur uart
• fer à souder
• Fournitures:
• Druksensor x4
• LDR x4
• DEL x2
• Affichage x1
• esp x4
• framboise pi x1
• coffre en bois x1
• planche à pain x3
• tuyau en pvc x1
• câbles de démarrage x80
• alimentation pour pi x1
• planche de bois x2
• bâton x2
• résistance 10kohm x6
• résistance 475ohm x2
• potentiomètre x1
• bande d'isolation x5

Étape 1: Base de données

La base de données du projet existe sur 6 colonnes. Chaque colonne a son propre identifiant. La plupart des éléments sont des INT ou des VARCHAR, mais pour les éléments qui contiendront la balise, nous devons utiliser un DOUBLE. Lorsque le schéma est terminé, procédez à l'ingénierie de la base de données afin que nous puissions implémenter les données.

Étape 2: Circuit

Pour le circuit, vous aurez besoin de beaucoup des composants énumérés. Suivez le schéma, ne soudez rien pour le moment afin que, lorsqu'il y a un défaut dans le circuit, vous puissiez facilement échanger ou recâbler le composant défectueux. Branchez l'alimentation pi et voyez si l'écran LCD s'allume, la luminosité du texte LCD peut être ajustée par le potentiomètre.

Étape 3: Pycharme

Pour cette étape, vous aurez besoin du programme pycharm une fois celui-ci installé, nous pouvons commencer à configurer la configuration. Appuyez sur fichier dans le coin supérieur gauche, puis sélectionnez les préférences ou les paramètres, sélectionnez le déploiement. Sur cet écran, vous devez cliquer sur l'icône plus et sélectionner une configuration SFTP. Nommez la configuration et remplissez les champs, l'hôte représente l'adresse IP de votre pi, le nom d'utilisateur et le mot de passe du. Accédez aux mappages et choisissez le répertoire que vous souhaitez utiliser. Revenez à l'écran précédent et appuyez sur Tester la connexion. Lorsque cela donne une réponse réussie, cliquez sur ok.

Étape 4: Back-end

Ici, vous allez écrire le code pour le backend. Commencez par écrire la configuration ici, réinitialisez l'écran LCD afin qu'aucun message plus ancien ne s'affiche. Ensuite, écrivez les routes vers les esp afin que vous receviez un message json de l'esp et mettez à jour le score ou la mort dans la base de données. puis écrire avoir les websockets qui sont utilisés pour communiquer avec le frontend. écrivez enfin la fonction rfid () cela définira l'élément de mort dans les données sur 0 lorsque la balise est analysée. Vous pouvez trouver tous les codes de ce projet dans le dossier supplémentaire.

Étape 5: ESP8266

Le module ESP est codé en arduino alors assurez-vous d'installer arduino ide. Une fois installé, allez dans le fichier, les préférences et tapez le lien affiché dans l'image dans la zone de texte « les URL supplémentaires du gestionnaire de cartes: ». Appuyez sur ok, puis ouvrez les outils en haut de votre écran, accédez aux tableaux, au gestionnaire de tableaux, faites défiler jusqu'en bas et installez esp8266. Une fois cela fait, allez dans les exemples de fichiers et sélectionnez le basicHttpClient, remplissez la configuration wifi et. Modifiez maintenant le fichier comme je l'ai fait sur la dernière photo. Prenez l'adaptateur uart et soudez un bouton entre le gpio0 et le sol. Branchez l'esp dans l'adaptateur et branchez-le sur un port USB tout en maintenant le bouton enfoncé. Maintenant, allez dans les outils et sélectionnez le nouveau com Poort, sélectionnez parmi les cartes l'esp8266 générique et lancez le téléchargement. Une fois que vous voyez un pourcentage, relâchez le bouton. Pour les autres esp, vous devrez changer le chemin de l'api en celui de celui correspondant dans le backend. Pour les 2 derniers, vous devrez changer les broches 0 et 2 en digitalRead et changer le if en if (s1 && s2 = = ÉLEVÉ).

Étape 6: Front-end

Construisez l'interface en répliquant la conception en entrant tekst dans le fichier html et en ajoutant des classes. En attribuant des liens href aux boutons, nous pouvons passer d'une page à l'autre. En éditant un css avec les classes faites dans le html vous pouvez changer la structure de la page. En implémentant JavaScript, vous pouvez envoyer la valeur du curseur au backend et indiquer au jeu quand démarrer le jeu.

Étape 7: Behuizing

Commencez par diviser les planches en 8 rectangles égaux, assurez-vous qu'il vous en reste assez pour découper 4 fois de chaque côté. Lorsque c'est fait, collez 3 rectangles ensemble et collez les 2x côtés sur le rectangle gauche. Mettez un clou dans chaque coin du rectangle inférieur. Percez ensuite 2 trous juste assez grands pour le tuyau en pvc à travers les 3 rectangles qui sont collés ensemble. Placez une planche à pain avec le cercuit à pression à l'intérieur de la partie inférieure avec les côtés. Alignez soigneusement les capteurs de pression afin qu'ils soient sous les tuyaux et poussez les rectangles collés sur les tuyaux. Répétez ce processus pour le deuxième camp. Ensuite, prenez un peu de bois restant, percez 2 petits trous et une découpe qui correspond aux broches esp. Percez la chemise avec le LDR et passez les pattes à travers les 2 trous de soudure du circuit directement sans planche à pain. Percez le devant de la chemise avec une LED et connectez-la avec l'esp cousez le circuit dans la chemise. Répétez ce processus 2 fois. Pour la dernière étape, prenez le coffre et percez un trou pour que votre écran LCD s'adapte, puis percez deux trous plus petits dans le coffre afin que vous puissiez faire passer les fils du rfid. Placez votre circuit dans la poitrine et vous avez terminé.