DIY Hoe maak je een cool uitziend horloge - StickC - Eenvoudig te doen - Ajarnpa

2024 Auteur: John Day | [email protected]. Laatst gewijzigd: 2024-01-30 11:14

In deze tutorial leren we hoe we ESP32 M5Stack StickC met Arduino IDE en Visuino kunnen programmeren om een tijd op het LCD-scherm weer te geven en ook de tijd in te stellen met behulp van StickC-knoppen.

Stap 1: Wat heb je nodig?

M5StickC ESP32: je kunt het hier krijgen

Visuino-programma: Download Visuino

Opmerking: bekijk deze tutorial hier over het installeren van het StickC ESP32-bord

Stap 2: Start Visuino en selecteer het M5 Stack Stick C-bordtype

Start Visuino zoals weergegeven in de eerste afbeelding Klik op de knop "Tools" op de Arduino-component (Afbeelding 1) in Visuino Wanneer het dialoogvenster verschijnt, selecteer "M5 Stack Stick C" zoals weergegeven op Afbeelding 2

Stap 3: In Visuino Componenten toevoegen

1. Klik op "M5 Stack Stick C" Board om het te selecteren
2. Selecteer in het venster "Eigenschappen" "Modules" en klik op "+" om uit te vouwen,
3. Selecteer "Display ST7735" en klik op "+" om het uit te vouwen,
4. Zet "Oriëntatie" op "goRight"
5. Zet "Achtergrondkleur" op "ClBlack"
6. Selecteer "Elementen" en klik op de blauwe knop met 3 stippen…
7. Dialoogvenster Elementen wordt weergegeven
8. Sleep in het Elementen-dialoogvenster "Tekstveld" van de rechterkant naar de linkerkant

9. Klik op het "Tekstveld1" aan de linkerkant om het te selecteren, klik vervolgens in het "Eigenschappenvenster" op "Kleur" en stel het in op "aclWhite" en klik op "Vulkleur" en stel het in op "aclBlack" (U kan spelen met de kleuren als je wilt)

   -ook in eigenschappenvensters zet X:10 en Y:20 dit is waar u de tijd op het LCD-scherm wilt weergeven -set size:3 (dit is de lettergrootte van de tijd)Sluit het elementenvenster

10. Component "Decoderen (Splitsen) Datum/Tijd" toevoegen
11. Component "Opgemaakte tekst" toevoegen

Stap 4: In Visuino Set-componenten

1. Selecteer de component "FormattedTxt1" en stel in het venster "Eigenschappen" "Tekst" in op: %0:%1:%2
2. Dubbelklik op het onderdeel "FormattedText1" en sleep in het dialoogvenster Elementen 3x "Text Element" naar links
3. Selecteer het bord "M5 Stack Stick C" en selecteer in het venster "Eigenschappen" "Modules" > "Real Time Alarm Clock (RTC)" > "Elements"
4. Klik op de blauwe knop met 3 stippen en sleep in het dialoogvenster Elementen "Set Hour", "Set Minute" en "Set Second" naar de linkerkant
5. Selecteer aan de linkerkant "Set Hour1"-element en stel in het venster "Properties" "Add Value" in op "True" en "Value" op "1"
6. Selecteer aan de linkerkant het element "Set Minute1" en stel in het venster "Eigenschappen" "Waarde toevoegen" in op "True" en "Value" op "1"
7. Selecteer aan de linkerkant "Set Second1" element en stel in het venster "Properties" "Add Value" in op "True" en "Value" op "1"

Uitleg:

"Waarde" betekent hoeveel we met elke klik op een knop willen toevoegen aan de bestaande tijd (uren, minuten of seconden) "Waarde toevoegen" betekent dat we de waarde willen toevoegen aan de bestaande tijd

Stap 5: In Visuino Connect-componenten

1. Sluit "M5 Stack Stick C"> Real Time Alarm Clock (RTC)> Pin [Out] aan op "DecodeDateTime1" component pin [In]
2. Verbind "DecodeDateTime1" component pin [Hour] met "FormattedText1" component "TextElement1" pin [In]
3. Verbind "DecodeDateTime1" component pin [Minute] met "FormattedText1" component "TextElement2" pin [In]
4. Verbind "DecodeDateTime1" component pin [Second] met "FormattedText1" component "TextElement3" pin [In]
5. Sluit "FormattedText1" component pin [Out] aan op "M5 Stack Stick C" board "Display ST7735">"Text Field1" pin [In]
6. Sluit "M5 Stack Stick C" > Knoppen "A(M5)" aan op "M5 Stack Stick C" > Real Time Alarm Clock (RTC) > Pin "Set Hour1" [Clock]
7. Verbind "M5 Stack Stick C" > Knoppen "B" met "M5 Stack Stick C" > Real Time Alarm Clock (RTC) > "Set Minute1" Pin [Clock]

Stap 6: Genereer, compileer en upload de Arduino-code

1. Klik in Visuino onderaan op het tabblad "Build", zorg ervoor dat de juiste poort is geselecteerd en klik vervolgens op de knop "Compile/Build and Upload".

Stap 7: Spelen

Als u de M5Sticks-module van stroom voorziet, zou het display de tijd moeten weergeven. U kunt de tijd wijzigen met de knoppen "M5" voor Uren en "B" voor Minuten

Gefeliciteerd! U hebt uw M5Sticks-project met Visuino voltooid. Ook bijgevoegd is het Visuino-project, dat ik voor deze Instructable heb gemaakt, je kunt het hier downloaden.

U kunt het downloaden en openen in Visuino:

Stap 8: In de volgende zelfstudie

In de volgende tutorial laat ik je zien hoe je een cool uitziend horloge maakt waar je de tijd (uren, minuten en seconden) kunt instellen met de StickC-knoppen en een eenvoudig menu kunt maken! Blijf op de hoogte en bekijk mijn andere tutorials hier.