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

Índice:

Anonim

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

O que você vai precisar
O que você vai precisar
O que você vai precisar
O que você vai precisar

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 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 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

No Visuino Adicionar Componentes
No Visuino Adicionar Componentes
No Visuino Adicionar Componentes
No Visuino Adicionar Componentes
No Visuino Adicionar Componentes
No Visuino Adicionar Componentes
  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

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. 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

Nos componentes do Visuino Connect
Nos componentes do Visuino Connect
Nos componentes do Visuino Connect
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

Gere, compile e carregue o código do Arduino
Gere, compile e carregue o 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.