Sommario:
- Passaggio 1: cosa ti servirà
- Passaggio 2: avviare Visuino e selezionare il tipo di scheda M5 Stack Stick C
- Passaggio 3: in Visuino aggiungi componenti
- 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: nel prossimo tutorial
Video: Fai da te Come creare un orologio dall'aspetto accattivante - StickC - Facile da fare: 8 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 un'ora sul display LCD e anche impostare l'ora utilizzando i pulsanti StickC.
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 in Figura 2
Passaggio 3: in Visuino aggiungi componenti
- Fare clic sulla scheda "M5 Stack Stick C" per selezionarla
- Nella finestra "Proprietà" selezionare "Moduli" e fare clic su "+" per espandere,
- Seleziona "Display ST7735" e fai clic su "+" per espanderlo,
- Imposta "Orientamento" su "goRight"
- Imposta "Colore di sfondo" su "ClBlack"
- 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 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
- Aggiungi il componente "Decodifica (Split) Data/Ora"
- 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
- Selezionare la scheda "M5 Stack Stick C" e nella finestra "Proprietà" selezionare "Moduli" > "Sveglia in tempo reale (RTC)" > "Elementi"
- 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
- Selezionare a sinistra l'elemento "Imposta ora 1" e nella finestra "Proprietà" impostare "Aggiungi valore" su "Vero" e "Valore" su "1"
- Selezionare a sinistra l'elemento "Imposta minuto1" e nella finestra "Proprietà" impostare "Aggiungi valore" su "Vero" e "Valore" su "1"
- 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
- 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]
- Collega "M5 Stack Stick C" > Pulsanti "A(M5)" a "M5 Stack Stick C" > Sveglia in tempo reale (RTC) > Pin "Set Hour1" [Clock]
- 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
-
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:
M5StickC Orologio dall'aspetto accattivante con menu e controllo della luminosità: 8 passaggi
M5StickC Orologio dall'aspetto accattivante con menu e controllo della luminosità: 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 e la luminosità utilizzando il menu e i pulsanti StickC .Guarda un video dimostrativo
Come creare un orologio analogico e un orologio digitale con una striscia LED usando Arduino: 3 passaggi
Come creare un orologio analogico e un orologio digitale con una striscia LED usando Arduino: oggi realizzeremo un orologio analogico e un orologio Orologio digitale con Led Strip e modulo MAX7219 Dot con Arduino. Correggerà l'ora con il fuso orario locale. L'orologio analogico può utilizzare una striscia LED più lunga, quindi può essere appeso al muro per diventare un'opera d'arte
Realizza pannelli frontali dall'aspetto professionale per il tuo prossimo progetto fai-da-te: 7 passaggi (con immagini)
Realizza pannelli frontali dall'aspetto professionale per il tuo prossimo progetto fai-da-te: Realizzare pannelli frontali dall'aspetto professionale per progetti fai-da-te non deve essere né difficile né costoso. Con alcuni software GRATUITI, forniture per ufficio e un po' di tempo puoi realizzare pannelli frontali dall'aspetto professionale a casa per abbellire il tuo prossimo progetto
Come realizzare un sensore di prossimità dall'aspetto professionale: 4 passaggi
Come realizzare un sensore di prossimità dall'aspetto professionale: in questo Instructables ti mostrerò come realizzare un sensore di prossimità dall'aspetto molto semplice ma molto professionale. Puoi guardare il video che è incorporato in questo passaggio per la costruzione, l'elenco delle parti, lo schema elettrico & test o puoi continuare r
Come creare un display accattivante (stile LED): 9 passaggi (con immagini)
Come creare un display accattivante (stile LED): questo non è tanto un istruttivo quanto una registrazione di come ho realizzato un progetto scolastico. Anche se ripetere esattamente quello che ho fatto probabilmente non ti aiuterà, questo progetto può essere modificato per rendere quasi ogni display più accattivante