Sommario:
- Passaggio 1: cosa ti servirà
- Passaggio 2: avviare Visuino e selezionare il tipo di scheda M5 Stack Stick C
- Passaggio 3: aggiungere e impostare componenti in Visuino
- Passaggio 4: nei componenti del set di Visuino
- Passaggio 5: nei componenti di Visuino Connect
- Passaggio 6: genera, compila e carica il codice Arduino
- Passaggio 7: gioca
- Passaggio 8: extra: semplice trucco
- Passaggio 9: nel prossimo tutorial
Video: Fai da te Come visualizzare l'ora su M5StickC ESP32 usando Visuino - Facile da fare: 9 passaggi
2024 Autore: John Day | [email protected]. Ultima modifica: 2024-01-30 09:59
In questo tutorial impareremo come programmare ESP32 M5Stack StickC con Arduino IDE e Visuino per visualizzare l'ora sul display LCD.
Passaggio 1: 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 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 nell'immagine 2
Passaggio 3: aggiungere e impostare componenti in Visuino
- Fare clic sulla scheda "M5 Stack Stick C" per selezionarla
- Nella finestra "Proprietà" selezionare "Moduli" e fare clic su "+" per espandere, selezionare "Visualizza ST7735" e fare clic su "+" per espanderlo
- Imposta l'orientamento su "goRight" < questo significa come sarà orientata l'ora sul display LCD
- Seleziona "Elementi" e fai clic sul pulsante blu con 3 punti…
- Apparirà la finestra di dialogo Elementi
- Nella finestra di dialogo degli elementi trascina "Campo di testo" da destra a sinistra
Fare clic su "Text Field1" sul lato sinistro per selezionarlo, quindi nella "finestra Proprietà" fare clic sul colore e impostarlo su "aclOrange"
-anche nelle finestre delle proprietà impostare X:10 e Y:20 qui è dove si desidera visualizzare l'ora sul display LCD
-set size:3 questa è la dimensione del carattere del tempo
-Se vuoi, puoi impostare la dimensione e il colore del testo
Chiudi la finestra degli elementi
Facoltativamente:
Fare clic sulla scheda "M5 Stack Stick C" per selezionarla
Nella finestra "Proprietà" seleziona "Moduli" e fai clic su "+" per espandere, seleziona "Display ST7735" e fai clic su "+" per espanderlo e vedrai "Colore di sfondo" questo è il colore predefinito del display, cambialo in il tuo colore preferito, puoi anche impostare la luminosità del display, il valore predefinito è 1 (max) puoi impostarlo su 0,5 o qualche altro valore per renderlo più scuro
6. Aggiungi il componente "Decodifica (Split) Date/Time" 7. Aggiungi il componente "Testo formattato"
Passaggio 4: nei componenti del set di Visuino
- Seleziona il componente "FormattedTxt1" e nella finestra "Proprietà" imposta "Testo" su: %0:%1:%2
- Fare doppio clic sul componente "FormattedText1" e nella finestra di dialogo Elementi trascinare 3x "Elemento di testo" a sinistra
Passaggio 5: nei componenti di Visuino Connect
- Collega "M5 Stack Stick C" > Sveglia in tempo reale (RTC) > Pin [Out] al pin del componente "DecodeDateTime1" [In]
- Collegare il pin del componente "DecodeDateTime1" [Hour] al pin "TextElement1" del componente "FormattedText1"[In]
- Collega il pin del componente "DecodeDateTime1" [Minute] al pin "TextElement2" del componente "FormattedText1" [In]
- Collegare il pin del componente "DecodeDateTime1" [Second] al pin "TextElement3" del componente "FormattedText1"[In]
- Collegare il pin del componente "FormattedText1" [Out] alla scheda "M5 Stack Stick C" "Display ST7735"> pin "Text Field1" [In]
Passaggio 6: genera, compila e carica il codice Arduino
-
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.
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: extra: semplice trucco
Puoi usare l'ora corrente che era sul tuo computer nel momento in cui hai compilato il codice in Arduino.
Per farlo basta rilasciare un componente "Compile Date/Time" e collegarlo a "M5 Stack Stick C" > pin "Real Time Alarm Clock (RTC)" [Set]
Puoi scaricare il file del progetto con questo trucco qui.
Passaggio 9: nel prossimo tutorial
Nel prossimo tutorial ti mostrerò come creare un orologio dall'aspetto accattivante in cui puoi impostare l'ora usando i pulsanti StickC! Resta sintonizzato e dai un'occhiata ai miei altri tutorial qui.
Consigliato:
Come visualizzare il testo su M5StickC ESP32 utilizzando Visuino: 6 passaggi
Come visualizzare il testo su M5StickC ESP32 usando Visuino: In questo tutorial impareremo come programmare ESP32 M5Stack StickC con Arduino IDE e Visuino per visualizzare qualsiasi testo su LCD
Come fare l'analizzatore di spettro musicale con audio LED a 32 bande fai-da-te usando Arduino Nano a casa #arduinoproject: 8 passaggi
Come fare un analizzatore di spettro musicale audio a 32 bande LED fai-da-te usando Arduino Nano a casa #arduinoproject: oggi realizzeremo un analizzatore di spettro musicale audio a 32 bande LED a casa usando Arduino, può mostrare lo spettro di frequenza e riprodurre musica allo stesso tempo. va collegato davanti alla resistenza da 100k, altrimenti il rumore della spea
Come visualizzare la frequenza cardiaca sul display LCD STONE con Ar: 31 passaggi
Come visualizzare la frequenza cardiaca sul display LCD STONE con Ar: breve introduzione Qualche tempo fa, ho trovato un modulo sensore di frequenza cardiaca MAX30100 negli acquisti online. Questo modulo può raccogliere dati sull'ossigeno nel sangue e sulla frequenza cardiaca degli utenti, che è anche semplice e comodo da usare. Secondo i dati, ho scoperto che c'era
Come visualizzare completamente il tuo computer: 3 passaggi
Come visualizzare completamente il tuo computer: è molto bello! Il Vistart non funziona con 2000 o precedenti, quindi ricordalo. VI RICORDO CHE C'È UN COPYRIGHT SU TUTTI I PROGRAMMI CHE COMINCIANO CON VI, ATTENTI!!! Entra nel mio gruppo COMPUTER!!! Quando raggiungerà le 1000 visualizzazioni, aggiungerò un po' di st
Come visualizzare la realtà aumentata sul tuo computer: 3 passaggi
Come visualizzare la realtà aumentata sul tuo computer: in questo tutorial, ti mostrerò come visualizzare la realtà aumentata sul tuo computer utilizzando solo una webcam, carta e internet