Table des matières:

M5STACK Comment afficher la température, l'humidité et la pression sur le M5StickC ESP32 à l'aide de Visuino - Facile à faire : 6 étapes
M5STACK Comment afficher la température, l'humidité et la pression sur le M5StickC ESP32 à l'aide de Visuino - Facile à faire : 6 étapes

Vidéo: M5STACK Comment afficher la température, l'humidité et la pression sur le M5StickC ESP32 à l'aide de Visuino - Facile à faire : 6 étapes

Vidéo: M5STACK Comment afficher la température, l'humidité et la pression sur le M5StickC ESP32 à l'aide de Visuino - Facile à faire : 6 étapes
Vidéo: CALM #23 - IoT avec M5Stack et Adafruit et nouveau Psion à la maison 2024, Novembre
Anonim

Dans ce tutoriel, nous allons apprendre à programmer ESP32 M5Stack StickC avec Arduino IDE et Visuino pour afficher la température, l'humidité et la pression à l'aide du capteur ENV (DHT12, BMP280, BMM150)

Étape 1: ce dont vous aurez besoin

Ce dont vous aurez besoin
Ce dont vous aurez besoin
Ce dont vous aurez besoin
Ce dont vous aurez besoin
Ce dont vous aurez besoin
Ce dont vous aurez besoin
  1. M5StickC ESP32: vous pouvez l'obtenir ici
  2. Chapeau M5StickC ENV (DHT12, BMP280, BMM150) vous pouvez l'obtenir ici
  3. Programme Visuino: Téléchargez VisuinoRemarque: Consultez ce didacticiel ici pour savoir comment installer la carte StickC ESP32

Étape 2: Démarrez Visuino et sélectionnez le type de carte M5 Stack Stick C

Démarrez Visuino et sélectionnez le type de carte M5 Stack Stick C
Démarrez Visuino et sélectionnez le type de carte M5 Stack Stick C
Démarrez Visuino et sélectionnez le type de carte M5 Stack Stick C
Démarrez Visuino et sélectionnez le type de carte M5 Stack Stick C

Démarrez Visuino comme indiqué sur la première image Cliquez sur le bouton "Outils" sur le composant Arduino (Image 1)

dans Visuino Lorsque la boîte de dialogue apparaît, sélectionnez "M5 Stack Stick C" comme indiqué sur l'image 2

Étape 3: Dans Visuino Set Composants

Dans Visuino Set Composants
Dans Visuino Set Composants
Dans Visuino Set Composants
Dans Visuino Set Composants
Dans Visuino Set Composants
Dans Visuino Set Composants
  1. Cliquez avec le bouton droit de la souris sur la carte StickC et sélectionnez "Ajouter des boucliers.."
  2. Dans la boîte de dialogue Shields, faites glisser "EnvironmentHat" vers la gauche
  3. Fermez la boîte de dialogue Shields et sélectionnez la carte et sur le côté gauche dans la fenêtre Propriétés, développez Modules> Display ST7735
  4. Réglez "Orientation" sur goRight
  5. Cliquez sur les 3 points "Eléments" (Photo 4)
  6. Dans la fenêtre Éléments, faites glisser 3x "Champ de texte" sur le côté gauche (Image 5)
  7. Sur le côté gauche de la boîte de dialogue, sélectionnez "Champ de texte1" et dans la fenêtre des propriétés, définissez "Taille" sur 2
  8. Sur le côté gauche de la boîte de dialogue, sélectionnez "Text Field2" et dans la fenêtre des propriétés, définissez "Size" sur 2 et "Y" sur 20
  9. Sur le côté gauche de la boîte de dialogue, sélectionnez "Text Field3" et dans la fenêtre des propriétés, définissez "Size" sur 2 et "Y" sur 20
  10. Fermer la boîte de dialogue Éléments

Étape 4: Dans les composants Visuino Connect

Dans les composants Visuino Connect
Dans les composants Visuino Connect
Dans les composants Visuino Connect
Dans les composants Visuino Connect
Dans les composants Visuino Connect
Dans les composants Visuino Connect
  1. Connectez la carte "M5 Stack Stick C" > Broche d'environnement [Température] à la carte "M5 Stack Stick C" > Affichez ST7735 > Broche TextField1 [In]
  2. Connectez la carte "M5 Stack Stick C" > Broche d'environnement [Humidité] à la carte "M5 Stack Stick C" > Affichez ST7735 > Broche TextField2 [In]
  3. Connectez la carte "M5 Stack Stick C" > Broche d'environnement [Pression] à la carte "M5 Stack Stick C" > Affichez ST7735 > Broche TextField3 [In]

Étape 5: Générer, compiler et télécharger le code Arduino

Générer, compiler et télécharger le code Arduino
Générer, compiler et télécharger le code Arduino
  • Dans Visuino, en bas, cliquez sur l'onglet "Build", assurez-vous que le bon port est sélectionné, puis cliquez sur le bouton "Compiler/Build and Upload".

Étape 6: Jouez

Si vous alimentez le module M5Sticks, l'écran devrait commencer à afficher les valeurs du capteur.

Toutes nos félicitations! Vous avez terminé votre projet M5Sticks avec Visuino. Le projet Visuino que j'ai créé pour ce Instructable est également joint, vous pouvez le télécharger ici. Vous pouvez le télécharger et l'ouvrir dans Visuino:

Conseillé: