DIY Ako si vyrobiť štýlovo vyzerajúce hodinky - StickC - Jednoduché kroky: 8 krokov

2025 Autor: John Day | [email protected]. Naposledy zmenené: 2025-01-13 06:58

V tomto návode sa naučíme, ako naprogramovať ESP32 M5Stack StickC s Arduino IDE a Visuino tak, aby zobrazoval čas na LCD displeji a tiež nastavoval čas pomocou tlačidiel StickC.

Krok 1: Čo budete potrebovať

M5StickC ESP32: nájdete ho tu

Program Visuino: Stiahnite si Visuino

Poznámka: Pozrite si tento návod, ako nainštalovať dosku StickC ESP32

Krok 2: Spustite Visuino a vyberte typ dosky M5 Stack Stick C

Spustite Visuino ako je znázornené na prvom obrázku Kliknite na tlačidlo „Nástroje“na komponente Arduino (obrázok 1) vo Visuino Keď sa zobrazí dialógové okno, zvoľte „M5 Stack Stick C“podľa obrázku 2

Krok 3: V programe Visuino pridajte komponenty

1. Kliknite na dosku „M5 Stack Stick C“a vyberte ju
2. V okne „Vlastnosti“vyberte „Moduly“a kliknutím na „+“rozbaľte,
3. Vyberte „Zobraziť ST7735“a kliknutím na „+“ho rozbaľte,
4. Nastavte „Orientácia“na „goRight“
5. Nastavte „Farbu pozadia“na „ClBlack“
6. Vyberte položku „Prvky“a kliknite na modré tlačidlo s 3 bodkami …
7. Zobrazí sa dialógové okno Prvky
8. V dialógovom okne Prvky presuňte "Textové pole" z pravej strany doľava

9. Kliknutím na „Textové pole1“na ľavej strane ho vyberte, potom v okne „Vlastnosti“kliknite na „Farba“a nastavte ho na „aclWhite“a kliknite na „Vyplniť farbu“a nastavte na „aclBlack“(vy môžete hrať s farbami, ak chcete)

   -tiež vo vlastnostiach okien sada X: 10 a Y: 20 toto je miesto, kde chcete na LCD displeji zobraziť čas -veľkosť sady: 3 (to je veľkosť písma času) Zatvorte okno prvkov

10. Pridajte komponent „Dekódovať (rozdeliť) dátum/čas“
11. Pridajte komponent „Formátovaný text“

Krok 4: V súprave Visuino Set Components

1. Vyberte komponent „FormattedTxt1“a v okne „Vlastnosti“nastavte „Text“na:%0:%1:%2
2. Dvakrát kliknite na komponent „FormattedText1“a v dialógovom okne Prvky potiahnite 3x „Textový prvok“doľava
3. Vyberte dosku „M5 Stack Stick C“a v okne „Vlastnosti“zvoľte „Moduly“> „Budík v reálnom čase (RTC)“> „Prvky“
4. Kliknite na modré tlačidlo s 3 bodkami a v dialógovom okne Prvky presuňte naľavo „Nastaviť hodinu“, „Nastaviť minútu“a „Nastaviť druhú“
5. Vľavo vyberte prvok „Nastaviť hodinu 1“a v okne „Vlastnosti“nastavte „Pridanú hodnotu“na „True“a „Hodnota“na „1“
6. Vyberte vľavo prvok „Nastaviť minútu1“a v okne „Vlastnosti“nastavte „Pridanú hodnotu“na „True“a „Hodnota“na „1“
7. Vyberte vľavo prvok „Nastaviť druhý1“a v okne „Vlastnosti“nastavte „Pridanú hodnotu“na „True“a „Hodnota“na „1“

Vysvetlenie:

„Hodnota“znamená, koľko chceme pripočítať k existujúcemu času každým kliknutím na tlačidlo (hodiny, minúty alebo sekundy). „Pridaná hodnota“znamená, že chceme pridať hodnotu k existujúcemu času

Krok 5: V komponentoch Visuino Connect

1. Pripojte „M5 Stack Stick C“> Budík v reálnom čase (RTC)> Kolík [Výstup] ku kolíku komponentu „DecodeDateTime1“[Vstup]
2. Pripojte kolík komponentu „DecodeDateTime1“[hodina] ku kolíku komponentu „FormattedText1“„TextElement1“[In]
3. Pripojte kolík komponentu „DecodeDateTime1“[Minúta] ku kolíku komponentu „FormattedText1“„TextElement2“[V]
4. Pripojte kolík komponentu „DecodeDateTime1“[druhý] ku kolíku komponentu „FormattedText1“„TextElement3“[V]
5. Pripojte kolík komponentu „FormattedText1“[von] k panelu „M5 Stack Stick C“s displejom ST7735 "> pin" Textové pole1 "[vstup]
6. Pripojte „M5 Stack Stick C“> Tlačidlá „A (M5)“k „M5 Stack Stick C“> Budík v reálnom čase (RTC)> Pin „Nastaviť hodinu 1“[Hodiny]
7. Pripojte „M5 Stack Stick C“> Tlačidlá „B“k „M5 Stack Stick C“> Budík v reálnom čase (RTC)> Kolík „Nastaviť minútu1“[Hodiny]

Krok 6: Generujte, kompilujte a nahrajte kód Arduino

1. Vo Visuine v spodnej časti kliknite na kartu „Zostaviť“a uistite sa, že je vybratý správny port, potom kliknite na tlačidlo „Kompilovať/zostaviť a nahrať“.

Krok 7: Hrajte

Ak napájate modul M5Sticks, na displeji by sa mal začať zobrazovať čas. Čas môžete zmeniť pomocou tlačidiel „M5“pre hodiny a „B“pre minúty

Gratulujem Dokončili ste svoj projekt M5Sticks s Visuino. Tiež je pripojený projekt Visuino, ktorý som vytvoril pre tento Instructable, môžete si ho stiahnuť tu.

Môžete si ho stiahnuť a otvoriť v programe Visuino:

Krok 8: V nasledujúcom návode.

V nasledujúcom návode vám ukážem, ako vytvoriť hodinky Cool Looking, kde môžete pomocou tlačidiel StickC nastaviť čas (hodiny, minúty a sekundy) a vytvoriť jednoduché menu! Zostaňte naladení a pozrite sa na moje ďalšie návody tu.