Sommario:

Fai da te Come creare un orologio dall'aspetto accattivante - StickC - Facile da fare: 8 passaggi
Fai da te Come creare un orologio dall'aspetto accattivante - StickC - Facile da fare: 8 passaggi

Video: Fai da te Come creare un orologio dall'aspetto accattivante - StickC - Facile da fare: 8 passaggi

Video: Fai da te Come creare un orologio dall'aspetto accattivante - StickC - Facile da fare: 8 passaggi
Video: Come faccio?? 2024, Novembre
Anonim

In questo tutorial impareremo come programmare ESP32 M5Stack StickC con Arduino IDE e Visuino per visualizzare un'ora sul display LCD e anche impostare l'ora utilizzando i pulsanti StickC.

Passaggio 1: cosa ti servirà

Cosa ti servirà
Cosa ti servirà
Cosa ti servirà
Cosa ti servirà

M5StickC ESP32: puoi ottenerlo qui

Programma Visuino: Scarica Visuino

Nota: controlla questo tutorial qui su come installare la scheda StickC ESP32

Passaggio 2: avviare Visuino e selezionare il tipo di scheda M5 Stack Stick C

Avvia Visuino e seleziona il tipo di scheda M5 Stack Stick C
Avvia Visuino e seleziona il tipo di scheda M5 Stack Stick C
Avvia Visuino e seleziona il tipo di scheda M5 Stack Stick C
Avvia Visuino e seleziona il tipo di scheda M5 Stack Stick C
Avvia Visuino e seleziona il tipo di scheda M5 Stack Stick C
Avvia Visuino e seleziona il tipo di scheda M5 Stack Stick C

Avvia Visuino come mostrato nella prima immagine Fare clic sul pulsante "Strumenti" sul componente Arduino (Immagine 1) in Visuino Quando viene visualizzata la finestra di dialogo, selezionare "M5 Stack Stick C" come mostrato in Figura 2

Passaggio 3: in Visuino aggiungi componenti

In Visuino Aggiungi componenti
In Visuino Aggiungi componenti
In Visuino Aggiungi componenti
In Visuino Aggiungi componenti
In Visuino Aggiungi componenti
In Visuino Aggiungi componenti
  1. Fare clic sulla scheda "M5 Stack Stick C" per selezionarla
  2. Nella finestra "Proprietà" selezionare "Moduli" e fare clic su "+" per espandere,
  3. Seleziona "Display ST7735" e fai clic su "+" per espanderlo,
  4. Imposta "Orientamento" su "goRight"
  5. Imposta "Colore di sfondo" su "ClBlack"
  6. Seleziona "Elementi" e fai clic sul pulsante blu con 3 punti…
  7. Apparirà la finestra di dialogo Elementi
  8. Nella finestra di dialogo degli elementi trascina "Campo di testo" da destra a sinistra
  9. Fare clic su "Text Field1" sul lato sinistro per selezionarlo, quindi nella "finestra Proprietà" fare clic su "Color" e impostarlo su "aclWhite" e fare clic su "Fill Color" e impostarlo su "aclBlack" (Si puoi giocare con i colori se vuoi)

    -anche nelle finestre delle proprietà impostare X:10 e Y:20 questo è il punto in cui si desidera visualizzare l'ora sull'LCD -impostare la dimensione:3 (questa è la dimensione del carattere dell'ora)Chiudere la finestra degli elementi

  10. Aggiungi il componente "Decodifica (Split) Data/Ora"
  11. Aggiungi il componente "Testo formattato"

Passaggio 4: nei componenti del set di Visuino

Componenti del set di Visuino
Componenti del set di Visuino
Componenti del set di Visuino
Componenti del set di Visuino
Componenti del set di Visuino
Componenti del set di Visuino
  1. Seleziona il componente "FormattedTxt1" e nella finestra "Proprietà" imposta "Testo" su: %0:%1:%2
  2. Fare doppio clic sul componente "FormattedText1" e nella finestra di dialogo Elementi trascinare 3x "Elemento di testo" a sinistra
  3. Selezionare la scheda "M5 Stack Stick C" e nella finestra "Proprietà" selezionare "Moduli" > "Sveglia in tempo reale (RTC)" > "Elementi"
  4. Fare clic sul pulsante blu con 3 punti e nella finestra di dialogo Elementi trascinare "Imposta ora", "Imposta minuti" e "Imposta secondi" sul lato sinistro
  5. Selezionare a sinistra l'elemento "Imposta ora 1" e nella finestra "Proprietà" impostare "Aggiungi valore" su "Vero" e "Valore" su "1"
  6. Selezionare a sinistra l'elemento "Imposta minuto1" e nella finestra "Proprietà" impostare "Aggiungi valore" su "Vero" e "Valore" su "1"
  7. Selezionare a sinistra l'elemento "Imposta secondo1" e nella finestra "Proprietà" impostare "Aggiungi valore" su "Vero" e "Valore" su "1"

Spiegazione:

"Valore" significa quanto vogliamo aggiungere con ogni clic di un pulsante al tempo esistente (ore, minuti o secondi) "Aggiungi valore" significa che vogliamo aggiungere il valore al tempo esistente

Passaggio 5: nei componenti di Visuino Connect

Nei componenti di Visuino Connect
Nei componenti di Visuino Connect
Nei componenti di Visuino Connect
Nei componenti di Visuino Connect
  1. Collega "M5 Stack Stick C" > Sveglia in tempo reale (RTC) > Pin [Out] al pin del componente "DecodeDateTime1" [In]
  2. Collegare il pin del componente "DecodeDateTime1" [Hour] al pin "TextElement1" del componente "FormattedText1"[In]
  3. Collega il pin del componente "DecodeDateTime1" [Minute] al pin "TextElement2" del componente "FormattedText1" [In]
  4. Collegare il pin del componente "DecodeDateTime1" [Second] al pin "TextElement3" del componente "FormattedText1"[In]
  5. Collegare il pin del componente "FormattedText1" [Out] alla scheda "M5 Stack Stick C" "Display ST7735"> pin "Text Field1" [In]
  6. Collega "M5 Stack Stick C" > Pulsanti "A(M5)" a "M5 Stack Stick C" > Sveglia in tempo reale (RTC) > Pin "Set Hour1" [Clock]
  7. Collega "M5 Stack Stick C" > Pulsanti "B" a "M5 Stack Stick C" > Sveglia in tempo reale (RTC) > Pin "Set Minute1" [Clock]

Passaggio 6: genera, compila e carica il codice Arduino

Genera, compila e carica il codice Arduino
Genera, compila e carica il codice Arduino
  1. In Visuino, in basso, fai clic sulla scheda "Build", assicurati che sia selezionata la porta corretta, quindi fai clic sul pulsante "Compila/Crea e carica".

Passaggio 7: gioca

Se si alimenta il modulo M5Sticks, il display dovrebbe iniziare a mostrare l'ora. È possibile modificare l'ora utilizzando i pulsanti "M5" per Ore e "B" per Minuti

Congratulazioni! Hai completato il tuo progetto M5Sticks con Visuino. In allegato anche il progetto Visuino, che ho realizzato per questo Instructable, potete scaricarlo qui.

Puoi scaricarlo e aprirlo in Visuino:

Passaggio 8: nel prossimo tutorial

Nel prossimo tutorial ti mostrerò come creare un orologio dall'aspetto accattivante in cui puoi impostare l'ora (ore, minuti e secondi) utilizzando i pulsanti StickC e creare un menu semplice! Resta sintonizzato e dai un'occhiata ai miei altri tutorial qui.

Consigliato: