M5STACK Hoe om temperatuur, humiditeit en druk op M5StickC ESP32 te vertoon met Visuino - maklik om te doen: 6 stappe
M5STACK Hoe om temperatuur, humiditeit en druk op M5StickC ESP32 te vertoon met Visuino - maklik om te doen: 6 stappe

INHOUDSOPGAWE:

Anonim

In hierdie tutoriaal leer ons hoe u ESP32 M5Stack StickC met Arduino IDE en Visuino programmeer om die temperatuur, humiditeit en druk te vertoon met behulp van ENV -sensor (DHT12, BMP280, BMM150)

Stap 1: wat u benodig

Wat u benodig
Wat u benodig
Wat u benodig
Wat u benodig
Wat u benodig
Wat u benodig
  1. M5StickC ESP32: u kan dit hier kry
  2. M5StickC ENV -hoed (DHT12, BMP280, BMM150), u kan dit hier kry
  3. Visuino -program: Laai Visuino af Opmerking: kyk hier na hierdie handleiding oor hoe om StickC ESP32 -bord te installeer

Stap 2: Begin Visuino en kies die tipe M5 Stack Stick C -bord

Begin Visuino en kies die tipe M5 Stack Stick C -bord
Begin Visuino en kies die tipe M5 Stack Stick C -bord
Begin Visuino en kies die tipe M5 Stack Stick C -bord
Begin Visuino en kies die tipe M5 Stack Stick C -bord

Begin Visuino soos op die eerste foto getoon Klik op die "Tools" -knoppie op die Arduino -komponent (prent 1)

in Visuino As die dialoog verskyn, kies "M5 Stack Stick C" soos op prent 2

Stap 3: In Visuino -stelkomponente

In Visuino -stelkomponente
In Visuino -stelkomponente
In Visuino -stelkomponente
In Visuino -stelkomponente
In Visuino -stelkomponente
In Visuino -stelkomponente
  1. Klik met die regter muisknop op die StickC -bord en kies "Voeg skilde by.."
  2. Sleep "EnvironmentHat" in die Shields -dialoog aan die linkerkant
  3. Sluit die Shields -dialoog en kies die bord en aan die linkerkant in die venster Eienskappe Brei uit op die modules> Display ST7735
  4. Stel "Oriëntasie" op goRight
  5. Klik op die "Elements" 3 kolletjies (prent 4)
  6. Sleep in die Elements -venster 3x "Teksveld" aan die linkerkant (prent 5)
  7. Kies "Teksveld1" aan die linkerkant van die dialoog en stel "Grootte" in die eienskappe venster in op 2
  8. Kies "Teksveld2" aan die linkerkant van die dialoog en stel in die eienskappe venster "Grootte" op 2 en "Y" op 20
  9. Kies "Teksveld3" aan die linkerkant van die dialoog en stel in die eienskappe venster "Grootte" op 2 en "Y" op 20
  10. Maak die dialoog Elements toe

Stap 4: In Visuino Connect Components

In Visuino Connect -komponente
In Visuino Connect -komponente
In Visuino Connect -komponente
In Visuino Connect -komponente
In Visuino Connect -komponente
In Visuino Connect -komponente
  1. Koppel "M5 Stack Stick C" bord> Omgewingspeld [temperatuur] aan "M5 Stack Stick C" bord> Display ST7735> TextField1 pen [In]
  2. Koppel die "M5 Stack Stick C" -bord> Omgewingspeld [Humiditeit] aan die "M5 Stack Stick C" -bord> Display ST7735> TextField2 -pen [In]
  3. Koppel die "M5 Stack Stick C" -bord> Omgewingpen [druk] aan die "M5 Stack Stick C" -bord> Display ST7735> TextField3 -pen [In]

Stap 5: Genereer, stel op en laai die Arduino -kode op

Genereer, stel op en laai die Arduino -kode op
Genereer, stel op en laai die Arduino -kode op

  • Klik in Visuino onderaan op die blad "Bou", maak seker dat die korrekte poort gekies is, en klik dan op die knoppie "Saamstel/bou en oplaai".

Stap 6: Speel

As u die M5Sticks -module aanskakel, moet die sensorwaarde op die skerm begin wys.

Baie geluk! U het u M5Sticks -projek met Visuino voltooi. Die Visuino -projek wat ek vir hierdie instruksies geskep het, is ook aangeheg, u kan dit hier aflaai. U kan dit aflaai en oopmaak in Visuino: