M5STACK Lämpötilan, kosteuden ja paineen näyttäminen M5StickC ESP32 -laitteessa Visuinon avulla - Helppo tehdä: 6 vaihetta
M5STACK Lämpötilan, kosteuden ja paineen näyttäminen M5StickC ESP32 -laitteessa Visuinon avulla - Helppo tehdä: 6 vaihetta

Sisällysluettelo:

Anonim

Tässä opetusohjelmassa opimme ohjelmoimaan ESP32 M5Stack StickC: n Arduino IDE: n ja Visuinon avulla näyttämään lämpötilan, kosteuden ja paineen ENV -anturin avulla (DHT12, BMP280, BMM150)

Vaihe 1: Mitä tarvitset

Mitä tarvitset
Mitä tarvitset
Mitä tarvitset
Mitä tarvitset
Mitä tarvitset
Mitä tarvitset
  1. M5StickC ESP32: saat sen täältä
  2. M5StickC ENV -hattu (DHT12, BMP280, BMM150) saat sen täältä
  3. Visuino -ohjelma: Lataa VisuinoHuomautus: Tarkista tämä opetusohjelma StickC ESP32 -levyn asentamisesta

Vaihe 2: Käynnistä Visuino ja valitse M5 Stack Stick C -korttityyppi

Käynnistä Visuino ja valitse M5 Stack Stick C -korttityyppi
Käynnistä Visuino ja valitse M5 Stack Stick C -korttityyppi
Käynnistä Visuino ja valitse M5 Stack Stick C -korttityyppi
Käynnistä Visuino ja valitse M5 Stack Stick C -korttityyppi

Käynnistä Visuino ensimmäisen kuvan mukaisesti Napsauta Arduino -komponentin "Työkalut" -painiketta (Kuva 1)

Visuino Kun valintaikkuna tulee näkyviin, valitse "M5 Stack Stick C", kuten kuvassa 2

Vaihe 3: Visuino -sarjan komponenteissa

Visuino -sarjan komponenteissa
Visuino -sarjan komponenteissa
Visuino -sarjan komponenteissa
Visuino -sarjan komponenteissa
Visuino -sarjan komponenteissa
Visuino -sarjan komponenteissa
  1. Napsauta hiiren oikealla näppäimellä StickC -korttia ja valitse "Lisää kilvet".
  2. Vedä Shields -valintaikkunassa "EnvironmentHat" vasemmalle puolelle
  3. Sulje Kilvet -valintaikkuna ja valitse levy ja vasemmasta reunasta Ominaisuudet -ikkunassa Laajenna Moduulit> Näyttö ST7735
  4. Aseta Suunta -asetukseksi goRight
  5. Napsauta "Elementit" 3 pistettä (Kuva 4)
  6. Vedä Elementit -ikkunassa 3x "Tekstikenttä" vasemmalle puolelle (Kuva 5)
  7. Valitse valintaikkunan vasemmasta reunasta "Tekstikenttä1" ja valitse ominaisuusikkunassa "Koko" arvoksi 2
  8. Valitse valintaikkunan vasemmalta puolelta "Tekstikenttä2" ja aseta ominaisuusikkunassa "Koko" arvoksi 2 ja "Y" arvoon 20
  9. Valitse valintaikkunan vasemmalta puolelta "Tekstikenttä3" ja aseta ominaisuusikkunassa "Koko" arvoksi 2 ja "Y" arvoon 20
  10. Sulje Elementit -valintaikkuna

Vaihe 4: Visuino Connect -komponentit

Visuino Connect -komponentit
Visuino Connect -komponentit
Visuino Connect -komponentit
Visuino Connect -komponentit
Visuino Connect -komponentit
Visuino Connect -komponentit
  1. Liitä "M5 Stack Stick C" -kortti> Ympäristönappi [Lämpötila] "M5 Stack Stick C" -korttiin> Näyttö ST7735> TextField1 -nasta [In]
  2. Liitä "M5 Stack Stick C" -kortti> Ympäristönappi [Kosteus] "M5 Stack Stick C" -korttiin> Näyttö ST7735> TextField2 -nasta [In]
  3. Liitä "M5 Stack Stick C" -kortti> Ympäristönappi [Paine] "M5 Stack Stick C" -korttiin> Näyttö ST7735> TextField3 -nasta [In]

Vaihe 5: Luo, käännä ja lähetä Arduino -koodi

Luo, käännä ja lähetä Arduino -koodi
Luo, käännä ja lähetä Arduino -koodi

  • Visuinossa napsauta "Rakenna" -välilehden alareunasta, varmista, että oikea portti on valittu, ja napsauta sitten "Käännä/rakenna ja lähetä" -painiketta.

Vaihe 6: Pelaa

Jos virta kytketään M5Sticks -moduuliin, näytön pitäisi alkaa näyttää anturien arvot.

Onnittelut! Olet suorittanut M5Sticks -projektisi Visuinon kanssa. Liitteenä on myös Visuino -projekti, jonka loin tälle Instructablelle, voit ladata sen täältä. Voit ladata ja avata sen Visuinossa: