M5STACK Como exibir temperatura, umidade e pressão no M5StickC ESP32 usando Visuino - Fácil de fazer: 6 etapas
M5STACK Como exibir temperatura, umidade e pressão no M5StickC ESP32 usando Visuino - Fácil de fazer: 6 etapas

Índice:

Anonim

Neste tutorial, aprenderemos como programar ESP32 M5Stack StickC com Arduino IDE e Visuino para exibir a temperatura, umidade e pressão usando o sensor ENV (DHT12, BMP280, BMM150)

Etapa 1: O que você precisa

O que você vai precisar
O que você vai precisar
O que você vai precisar
O que você vai precisar
O que você vai precisar
O que você vai precisar
  1. M5StickC ESP32: você pode obtê-lo aqui
  2. Chapéu M5StickC ENV (DHT12, BMP280, BMM150) você pode obtê-lo aqui
  3. Programa Visuino: Baixe o VisuinoNote: Confira este tutorial aqui sobre como instalar a placa StickC ESP32

Etapa 2: Inicie o Visuino e selecione o tipo de placa M5 Stack Stick C

Inicie o Visuino e selecione o tipo de placa M5 Stack Stick C
Inicie o Visuino e selecione o tipo de placa M5 Stack Stick C
Inicie o Visuino e selecione o tipo de placa M5 Stack Stick C
Inicie o Visuino e selecione o tipo de placa M5 Stack Stick C

Inicie o Visuino conforme mostrado na primeira imagem Clique no botão "Ferramentas" no componente Arduino (Figura 1)

no Visuino Quando a caixa de diálogo aparecer, selecione "M5 Stack Stick C" como mostrado na Figura 2

Etapa 3: nos componentes do conjunto Visuino

No Visuino Set Components
No Visuino Set Components
No Visuino Set Components
No Visuino Set Components
No Visuino Set Components
No Visuino Set Components
  1. Clique com o botão direito do mouse na placa StickC e selecione "Adicionar escudos.."
  2. Na caixa de diálogo Shields, arraste "EnvironmentHat" para o lado esquerdo
  3. Feche a caixa de diálogo Shields e selecione a placa e no lado esquerdo na janela Properties Expanda em Módulos> Display ST7735
  4. Defina "Orientação" para ir para a direita
  5. Clique no botão "Elementos" 3 pontos (Figura 4)
  6. Na janela Elementos, arraste 3x "Campo de Texto" para o lado esquerdo (Figura 5)
  7. No lado esquerdo da caixa de diálogo, selecione "Campo de texto1" e na janela de propriedades defina "Tamanho" como 2
  8. No lado esquerdo da caixa de diálogo, selecione "Campo de texto 2" e na janela de propriedades defina "Tamanho" como 2 e "Y" como 20
  9. No lado esquerdo da caixa de diálogo, selecione "Campo de texto 3" e na janela de propriedades defina "Tamanho" como 2 e "Y" como 20
  10. Fechar a janela de elementos

Etapa 4: nos componentes do Visuino Connect

Nos componentes do Visuino Connect
Nos componentes do Visuino Connect
Nos componentes do Visuino Connect
Nos componentes do Visuino Connect
Nos componentes do Visuino Connect
Nos componentes do Visuino Connect
  1. Conecte a placa "M5 Stack Stick C"> Pino do ambiente [Temperatura] à placa "M5 Stack Stick C"> Display ST7735> pino TextField1 [In]
  2. Conecte a placa "M5 Stack Stick C"> Pino de ambiente [Umidade] à placa "M5 Stack Stick C"> Display ST7735> pino TextField2 [In]
  3. Conecte a placa "M5 Stack Stick C"> Pino de ambiente [Pressão] à placa "M5 Stack Stick C"> Display ST7735> pino TextField3 [In]

Etapa 5: gerar, compilar e fazer upload do código do Arduino

Gere, compile e carregue o código do Arduino
Gere, compile e carregue o código do Arduino

  • No Visuino, na parte inferior, clique na guia "Construir", certifique-se de que a porta correta esteja selecionada e, em seguida, clique no botão "Compilar / Construir e Carregar".

Etapa 6: jogar

Se você alimentar o módulo M5Sticks, o display deve começar a mostrar os valores do sensor.

Parabéns! Você concluiu seu projeto M5Sticks com Visuino. Também está em anexo o projeto Visuino, que criei para este Instructable, que você pode baixar aqui. Você pode fazer o download e abri-lo em Visuino: