DIY Jak si vyrobit cool vypadající hodinky - StickC - snadné provedení: 8 kroků

2024 Autor: John Day | [email protected]. Naposledy změněno: 2024-01-30 08:18

V tomto tutoriálu se naučíme, jak naprogramovat ESP32 M5Stack StickC s Arduino IDE a Visuino tak, aby zobrazoval čas na LCD a také nastavoval čas pomocí tlačítek StickC.

Krok 1: Co budete potřebovat

M5StickC ESP32: získáte zde

Program Visuino: Stáhněte si Visuino

Poznámka: Podívejte se na tento návod, jak nainstalovat desku StickC ESP32

Krok 2: Spusťte Visuino a vyberte typ desky M5 Stack Stick C

Spusťte Visuino, jak je znázorněno na prvním obrázku Klikněte na tlačítko „Nástroje“na komponentě Arduino (obrázek 1) ve Visuinu Když se zobrazí dialogové okno, vyberte „M5 Stack Stick C“, jak je znázorněno na obrázku 2

Krok 3: Ve Visuinu přidejte komponenty

1. Kliknutím na desku „M5 Stack Stick C“ji vyberte
2. V okně „Vlastnosti“vyberte „Moduly“a kliknutím na „+“rozbalte,
3. Vyberte „Zobrazit ST7735“a kliknutím na „+“jej rozbalte,
4. Nastavte „Orientace“na „goRight“
5. Nastavit "Barva pozadí" na "ClBlack"
6. Vyberte „Prvky“a klikněte na modré tlačítko se 3 tečkami…
7. Zobrazí se dialog Elements
8. V dialogu Prvky přetáhněte "Textové pole" z pravé strany doleva

9. Kliknutím na „Textové pole1“na levé straně jej vyberte, poté v „Vlastnosti“klikněte na „Barva“a nastavte ji na „aclWhite“a klikněte na „Vyplnit barvu“a nastavte na „aclBlack“(Vy můžete hrát s barvami, pokud chcete)

   -také v oknech vlastností nastavit X: 10 a Y: 20 toto je místo, kde chcete zobrazit čas na LCD -set velikost: 3 (to je velikost písma času) Zavřete okno prvků

10. Přidejte komponentu „Dekódovat (rozdělit) datum/čas“
11. Přidejte komponentu „formátovaný text“

Krok 4: V komponentách sady Visuino

1. Vyberte komponentu „FormattedTxt1“a v okně „Vlastnosti“nastavte „Text“na:%0:%1:%2
2. Dvakrát klikněte na komponentu „FormattedText1“a v dialogu Prvky přetáhněte 3x „Textový prvek“doleva
3. Vyberte desku „M5 Stack Stick C“a v okně „Vlastnosti“vyberte „Moduly“> „Budík v reálném čase (RTC)“> „Prvky“
4. Klikněte na modré tlačítko se 3 tečkami a v dialogu Prvky přetáhněte „Nastavit hodinu“, „Nastavit minutu“a „Nastavit druhou“vlevo
5. Vlevo vyberte prvek „Nastavit hodinu 1“a v okně „Vlastnosti“nastavte „Přidat hodnotu“na „True“a „Hodnota“na „1“
6. Vlevo vyberte prvek „Nastavit minutu1“a v okně „Vlastnosti“nastavte „Přidat hodnotu“na „True“a „Hodnota“na „1“
7. Vlevo vyberte prvek „Nastavit druhý1“a v okně „Vlastnosti“nastavte „Přidat hodnotu“na „True“a „Hodnota“na „1“

Vysvětlení:

„Hodnota“znamená, kolik chceme přidat při každém kliknutí na tlačítko ke stávajícímu času (hodiny, minuty nebo sekundy). „Přidat hodnotu“znamená, že chceme přidat hodnotu ke stávajícímu času

Krok 5: V komponentách Visuino Connect

1. Připojte „M5 Stack Stick C“> Budík v reálném čase (RTC)> Pin [Out] ke komponentnímu kolíku „DecodeDateTime1“[In]
2. Připojte pin komponenty „DecodeDateTime1“[hodina] ke kolíku komponenty „FormattedText1“„TextElement1“[In]
3. Připojte pin součásti „DecodeDateTime1“[Minuta] ke kolíku komponenty „FormattedText1“„TextElement2“[In]
4. Připojte pin součásti „DecodeDateTime1“[Druhý] ke kolíku komponenty „FormattedText1“„TextElement3“[V]
5. Připojte komponentní kolík „FormattedText1“[ven] k desce „M5 Stack Stick C“displeje ST7735 "> kolík" Textové pole1 "[vstup]
6. Připojte „M5 Stack Stick C“> Tlačítka „A (M5)“k „M5 Stack Stick C“> Budík v reálném čase (RTC)> Pin „Nastavit hodinu 1“[Hodiny]
7. Připojte „M5 Stack Stick C“> Tlačítka „B“k „M5 Stack Stick C“> Budík v reálném čase (RTC)> Pin „Nastavit minutu1“[Hodiny]

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

1. Ve Visuinu ve spodní části klikněte na kartu „Build“, ujistěte se, že je vybrán správný port, poté klikněte na tlačítko „Compile/Build and Upload“.

Krok 7: Hrajte

Pokud napájíte modul M5Sticks, na displeji by se měl začít zobrazovat čas. Čas můžete změnit pomocí tlačítek „M5“pro hodiny a „B“pro minuty

Gratulujeme! Dokončili jste svůj projekt M5Sticks s Visuino. Také je připojen projekt Visuino, který jsem vytvořil pro tento Instructable, můžete si jej stáhnout zde.

Můžete si jej stáhnout a otevřít ve Visuinu:

Krok 8: V dalším kurzu

V dalším tutoriálu vám ukážu, jak vytvořit hodinky Cool Looking, kde můžete pomocí tlačítek StickC nastavit čas (hodiny, minuty a sekundy) a vytvořit jednoduché menu! Zůstaňte naladěni a podívejte se na mé další návody zde.