M5STACK Temperatuur, vochtigheid en druk weergeven op de M5StickC ESP32 met Visuino - Eenvoudig te doen - Ajarnpa
M5STACK Temperatuur, vochtigheid en druk weergeven op de M5StickC ESP32 met Visuino - Eenvoudig te doen - Ajarnpa

Inhoudsopgave:

Anonim

In deze tutorial leren we hoe je ESP32 M5Stack StickC programmeert met Arduino IDE en Visuino om de temperatuur, vochtigheid en druk weer te geven met behulp van ENV-sensor (DHT12, BMP280, BMM150)

Stap 1: Wat heb je nodig?

Wat je nodig zult hebben
Wat je nodig zult hebben
Wat je nodig zult hebben
Wat je nodig zult hebben
Wat je nodig zult hebben
Wat je nodig zult hebben
  1. M5StickC ESP32: je kunt het hier krijgen
  2. M5StickC ENV-hoed (DHT12, BMP280, BMM150) je kunt hem hier krijgen
  3. Visuino-programma: Download VisuinoOpmerking: bekijk deze tutorial hier over het installeren van StickC ESP32-kaart

Stap 2: Start Visuino en selecteer het M5 Stack Stick C-bordtype

Start Visuino en selecteer het M5 Stack Stick C-bordtype
Start Visuino en selecteer het M5 Stack Stick C-bordtype
Start Visuino en selecteer het M5 Stack Stick C-bordtype
Start Visuino en selecteer het M5 Stack Stick C-bordtype

Start Visuino zoals weergegeven in de eerste afbeelding Klik op de knop "Tools" op de Arduino-component (Afbeelding 1)

in Visuino Wanneer het dialoogvenster verschijnt, selecteert u "M5 Stack Stick C" zoals weergegeven op afbeelding 2

Stap 3: In Visuino Set-componenten

In Visuino Set-componenten
In Visuino Set-componenten
In Visuino Set-componenten
In Visuino Set-componenten
In Visuino Set-componenten
In Visuino Set-componenten
  1. Klik met de rechtermuisknop op het StickC-bord en selecteer "Schilden toevoegen.."
  2. Sleep in de Shields-dialoog "EnvironmentHat" naar de linkerkant
  3. Sluit het Shields-dialoogvenster en selecteer het bord en aan de linkerkant in het venster Eigenschappen Uitvouwen op de Modules>Beeldscherm ST7735
  4. Zet "Oriëntatie" op goRight
  5. Klik op de "Elementen" 3 puntjes (Afbeelding 4)
  6. Sleep in het Elements-venster 3x "Text Field" naar de linkerkant (Afbeelding 5)
  7. Selecteer aan de linkerkant van het dialoogvenster "Tekstveld1" en stel in het eigenschappenvenster "Grootte" in op 2
  8. Selecteer aan de linkerkant van het dialoogvenster "Tekstveld2" en stel in het eigenschappenvenster "Grootte" in op 2 en "Y" op 20
  9. Selecteer aan de linkerkant van het dialoogvenster "Tekstveld3" en stel in het eigenschappenvenster "Grootte" in op 2 en "Y" op 20
  10. Sluit het dialoogvenster Elementen

Stap 4: In Visuino Connect-componenten

In Visuino Connect-componenten
In Visuino Connect-componenten
In Visuino Connect-componenten
In Visuino Connect-componenten
In Visuino Connect-componenten
In Visuino Connect-componenten
  1. Sluit "M5 Stack Stick C"-kaart > Omgevingspin [Temperatuur] aan op "M5 Stack Stick C"-kaart > Display ST7735 > TextField1-pin [In]
  2. Sluit "M5 Stack Stick C"-kaart > Omgevingspin [Vochtigheid] aan op "M5 Stack Stick C"-kaart > Display ST7735 > TextField2-pin [In]
  3. Sluit "M5 Stack Stick C"-kaart > Omgevingspen [Druk] aan op "M5 Stack Stick C"-kaart > Display ST7735 > TextField3-pin [In]

Stap 5: Genereer, compileer en upload de Arduino-code

Genereer, compileer en upload de Arduino-code
Genereer, compileer en upload de Arduino-code

  • Klik in Visuino onderaan op het tabblad "Build", zorg ervoor dat de juiste poort is geselecteerd en klik vervolgens op de knop "Compile/Build and Upload".

Stap 6: Spelen

Als u de M5Sticks-module van stroom voorziet, zou het display de sensorwaarden moeten weergeven.

Gefeliciteerd! U hebt uw M5Sticks-project met Visuino voltooid. Ook bijgevoegd is het Visuino-project, dat ik voor deze Instructable heb gemaakt, je kunt het hier downloaden. U kunt het downloaden en openen in Visuino: