M5STACK Cómo mostrar la temperatura, la humedad y la presión en M5StickC ESP32 con Visuino - Fácil de hacer: 6 pasos
M5STACK Cómo mostrar la temperatura, la humedad y la presión en M5StickC ESP32 con Visuino - Fácil de hacer: 6 pasos

Tabla de contenido:

Anonim

En este tutorial aprenderemos cómo programar ESP32 M5Stack StickC con Arduino IDE y Visuino para mostrar la temperatura, la humedad y la presión usando el sensor ENV (DHT12, BMP280, BMM150)

Paso 1: lo que necesitará

Que necesitarás
Que necesitarás
Que necesitarás
Que necesitarás
Que necesitarás
Que necesitarás
  1. M5StickC ESP32: puedes conseguirlo aquí
  2. M5StickC ENV Hat (DHT12, BMP280, BMM150) puedes conseguirlo aquí
  3. Programa Visuino: Descargar Visuino Nota: Consulte este tutorial aquí sobre cómo instalar la placa StickC ESP32

Paso 2: Inicie Visuino y seleccione el tipo de placa M5 Stack Stick C

Inicie Visuino y seleccione el tipo de placa M5 Stack Stick C
Inicie Visuino y seleccione el tipo de placa M5 Stack Stick C
Inicie Visuino y seleccione el tipo de placa M5 Stack Stick C
Inicie Visuino y seleccione el tipo de placa M5 Stack Stick C

Inicie Visuino como se muestra en la primera imagen Haga clic en el botón "Herramientas" en el componente Arduino (Imagen 1)

en Visuino Cuando aparezca el cuadro de diálogo, seleccione "M5 Stack Stick C" como se muestra en la Imagen 2

Paso 3: en los componentes del conjunto de Visuino

En Visuino Establecer componentes
En Visuino Establecer componentes
En Visuino Establecer componentes
En Visuino Establecer componentes
En Visuino Establecer componentes
En Visuino Establecer componentes
  1. Haga clic con el botón derecho del mouse en la placa StickC y seleccione "Agregar escudos …"
  2. En el cuadro de diálogo Shields, arrastre "EnvironmentHat" hacia el lado izquierdo
  3. Cierre el cuadro de diálogo Shields y seleccione la placa y, en el lado izquierdo, en la ventana Propiedades, expanda Módulos> Pantalla ST7735
  4. Establecer "Orientación" para ir a la derecha
  5. Haga clic en los 3 puntos "Elementos" (Imagen 4)
  6. En la ventana Elementos, arrastre 3x "Campo de texto" hacia el lado izquierdo (Imagen 5)
  7. En el lado izquierdo del cuadro de diálogo, seleccione "Campo de texto1" y en la ventana de propiedades establezca "Tamaño" en 2
  8. En el lado izquierdo del cuadro de diálogo, seleccione "Campo de texto2" y en la ventana de propiedades establezca "Tamaño" en 2 y "Y" en 20
  9. En el lado izquierdo del cuadro de diálogo, seleccione "Campo de texto3" y en la ventana de propiedades establezca "Tamaño" en 2 y "Y" en 20.
  10. Cerrar el cuadro de diálogo Elementos

Paso 4: en los componentes de Visuino Connect

En componentes de Visuino Connect
En componentes de Visuino Connect
En componentes de Visuino Connect
En componentes de Visuino Connect
En componentes de Visuino Connect
En componentes de Visuino Connect
  1. Conecte la placa "M5 Stack Stick C"> Pin de entorno [Temperatura] a la placa "M5 Stack Stick C"> Pantalla ST7735> Pin TextField1 [In]
  2. Conecte la placa "M5 Stack Stick C"> pin de entorno [Humedad] a la placa "M5 Stack Stick C"> Pantalla ST7735> pin TextField2 [In]
  3. Conecte la placa "M5 Stack Stick C"> Pin de entorno [Presión] a la placa "M5 Stack Stick C"> Pantalla ST7735> Pin TextField3 [In]

Paso 5: Genere, compile y cargue el código Arduino

Genere, compile y cargue el código Arduino
Genere, compile y cargue el código Arduino

  • En Visuino, en la parte inferior, haga clic en la pestaña "Construir", asegúrese de que esté seleccionado el puerto correcto, luego haga clic en el botón "Compilar / Construir y Cargar".

Paso 6: jugar

Si enciende el módulo M5Sticks, la pantalla debería comenzar a mostrar los valores del sensor.

¡Felicidades! Ha completado su proyecto M5Sticks con Visuino. También se adjunta el proyecto Visuino, que creé para este Instructable, puedes descargarlo aquí. Puede descargarlo y abrirlo en Visuino: