Faça você mesmo como exibir o tempo no M5StickC ESP32 usando o Visuino - Fácil de fazer: 9 etapas

2024 Autor: John Day | [email protected]. Última modificação: 2024-01-30 11:34

Neste tutorial, aprenderemos como programar ESP32 M5Stack StickC com Arduino IDE e Visuino para exibir a hora no LCD.

Etapa 1: O que você precisa

1. M5StickC ESP32: você pode obtê-lo aqui
2. Programa Visuino: Baixe o Visuino

Nota: Verifique 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 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: Adicionar e definir componentes no Visuino

1. Clique na placa "M5 Stack Stick C" para selecioná-la
2. Na janela "Propriedades" selecione "Módulos" e clique em "+" para expandir, selecione "Exibir ST7735" e clique em "+" para expandi-lo
3. Defina a Orientação como "goRight" <isso significa como o tempo será orientado no LCD
4. Selecione "Elementos" e clique no botão azul com 3 pontos …
5. A caixa de diálogo de elementos mostrará
6. Na caixa de diálogo de elementos, arraste "Campo de texto" da direita para a esquerda

Clique no "Campo de texto1" no lado esquerdo para selecioná-lo e, em seguida, na janela "Propriedades", clique na cor e defina-a como "aclOrange"

-também nas janelas de propriedades, defina X: 10 e Y: 20, aqui é onde você deseja exibir a hora no LCD

-set size: 3 este é o tamanho da fonte da época

- Você pode definir o tamanho e a cor do texto, se quiser

Feche a janela de elementos

Opcionalmente:

Clique na placa "M5 Stack Stick C" para selecioná-la

Na janela "Propriedades" selecione "Módulos" e clique em "+" para expandir, selecione "Exibir ST7735" e clique em "+" para expandi-lo e você verá "Cor de fundo" esta é a cor padrão do visor, altere-a para sua cor favorita, você também pode definir o brilho da tela, o padrão é 1 (máximo), você pode defini-lo como 0,5 ou algum outro valor para torná-lo mais escuro

6. Adicionar o componente "Decodificar (Dividir) Data / Hora" 7. Adicionar o componente "Texto formatado"

Etapa 4: nos componentes do conjunto Visuino

1. Selecione o componente "FormattedTxt1" e na janela "Propriedades" defina "Texto" para:% 0:% 1:% 2
2. Clique duas vezes no componente "FormattedText1" e na caixa de diálogo Elementos arraste 3x "Elemento de texto" para a esquerda

Etapa 5: nos componentes do Visuino Connect

• Conecte "M5 Stack Stick C"> Despertador em tempo real (RTC)> Pin [Out] ao pino do componente "DecodeDateTime1" [In]
• Conecte o pino do componente "DecodeDateTime1" [Hour] ao pino "TextElement1" do componente "FormattedText1" [In]
• Conecte o pino do componente "DecodeDateTime1" [Minute] ao pino "FormattedText1" do componente "TextElement2" [In]
• Conecte o pino do componente "DecodeDateTime1" [Second] ao pino "TextElement3" do componente "FormattedText1" [In]
• Conecte o pino do componente "FormattedText1" [Saída] à placa "M5 Stack Stick C" "Display ST7735"> pino "Text Field1" [In]

Etapa 6: gerar, compilar e fazer upload do 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 7: jogar

Se você ligar o módulo M5Sticks, o display deve começar a mostrar a hora.

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:

Etapa 8: Extra: truque simples

Você pode usar a hora atual que estava em seu computador no momento em que compilou o código no Arduino.

Para fazer isso, basta soltar um componente "Compilar Data / Hora" e conectá-lo ao pino "M5 Stack Stick C"> "Real Time Alarm Clock (RTC)" [Set]

Você pode baixar o arquivo do projeto com este truque aqui.

Etapa 9: no próximo tutorial

No próximo tutorial vou mostrar como fazer um relógio Cool Looking onde você pode acertar o tempo usando os botões StickC! Fique ligado e confira meus outros tutoriais aqui.