Faça você mesmo como fazer um relógio legal - StickC - Fácil de fazer: 8 etapas

2025 Autor: John Day | [email protected]. Última modificação: 2025-01-23 15:03

Neste tutorial, aprenderemos como programar ESP32 M5Stack StickC com Arduino IDE e Visuino para exibir uma hora no LCD e também definir a hora usando os botões StickC.

Etapa 1: O que você precisa

M5StickC ESP32: você pode obtê-lo aqui

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 como 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 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,
3. Selecione "Display ST7735" e clique em "+" para expandi-lo,
4. Defina "Orientação" como "goRight"
5. Defina "Background Color" para "ClBlack"
6. Selecione "Elementos" e clique no botão azul com 3 pontos …
7. A caixa de diálogo de elementos mostrará
8. Na caixa de diálogo de elementos, arraste "Campo de texto" da direita para a esquerda

9. Clique em "Text Field1" no lado esquerdo para selecioná-lo, então na "janela Properties" clique em "Color" e configure-o para "aclWhite" e clique em "Fill Color" e configure-o para "aclBlack" (você pode brincar com as cores se quiser)

   -também nas janelas de propriedades, defina X: 10 e Y: 20 aqui é onde você deseja exibir a hora no LCD -set size: 3 (esse é o tamanho da fonte da hora) Feche a janela de elementos

10. Adicionar componente "Decodificar (Dividir) Data / Hora"
11. Adicionar 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
3. Selecione a placa "M5 Stack Stick C" e na janela "Propriedades" selecione "Módulos"> "Despertador em tempo real (RTC)"> "Elementos"
4. Clique no botão azul com 3 pontos e na caixa de diálogo Elementos arraste "Definir hora", "Definir minuto" e "Definir segundo" para o lado esquerdo
5. Selecione à esquerda o elemento "Definir hora1" e na janela "Propriedades" defina "Adicionar valor" como "Verdadeiro" e "Valor" como "1"
6. Selecione à esquerda o elemento "Definir Minuto1" e na janela "Propriedades" defina "Adicionar valor" como "Verdadeiro" e "Valor" como "1"
7. Selecione à esquerda o elemento "Definir Second1" e na janela "Propriedades" defina "Adicionar valor" como "Verdadeiro" e "Valor" como "1"

Explicação:

"Valor" significa quanto queremos adicionar com cada clique de um botão ao tempo existente (horas, minutos ou segundos) "Adicionar valor" significa que queremos adicionar o valor ao tempo existente

Etapa 5: nos componentes do Visuino Connect

1. Conecte "M5 Stack Stick C"> Despertador em tempo real (RTC)> Pin [Out] ao pino do componente "DecodeDateTime1" [In]
2. Conecte o pino do componente "DecodeDateTime1" [Hour] ao pino "TextElement1" do componente "FormattedText1" [In]
3. Conecte o pino do componente "DecodeDateTime1" [Minute] ao pino "FormattedText1" do componente "TextElement2" [In]
4. Conecte o pino do componente "DecodeDateTime1" [Second] ao pino "TextElement3" do componente "FormattedText1" [In]
5. Conecte o pino do componente "FormattedText1" [Saída] à placa "M5 Stack Stick C" "Display ST7735"> pino "Text Field1" [In]
6. Conecte "M5 Stack Stick C"> Botões "A (M5)" a "M5 Stack Stick C"> Despertador em tempo real (RTC)> Pin "Definir hora1" [Relógio]
7. Conecte "M5 Stack Stick C"> Botões "B" a "M5 Stack Stick C"> Relógio Despertador em Tempo Real (RTC)> Pin "Definir Minuto1" [Relógio]

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

1. 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. Você pode alterar o tempo usando os botões "M5" para Horas e "B" para Minutos

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: no próximo tutorial

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