Inhoudsopgave:
- Stap 1: Wat heb je nodig?
- Stap 2: Start Visuino en selecteer het M5 Stack Stick C-bordtype
- Stap 3: Stel in Visuino het StickC-bord in
- Stap 4: In Visuino Componenten toevoegen
- Stap 5: In Visuino Set-componenten
- Stap 6: In Visuino Connect-componenten
- Stap 7: Genereer, compileer en upload de Arduino-code
- Stap 8: Spelen
2025 Auteur: John Day | [email protected]. Laatst gewijzigd: 2025-01-23 15:01
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 en de helderheid in te stellen met behulp van het menu en de StickC-knoppen.
Bekijk een demonstratievideo.
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: Stel in Visuino het StickC-bord in
- Klik op "M5 Stack Stick C" Board om het te selecteren
- Selecteer in het venster "Eigenschappen" "Modules" en klik op "+" om uit te vouwen,
- Selecteer "Display ST7735" en klik op "+" om het uit te vouwen,
- Zet "Oriëntatie" op "goRight"
- Zet "Achtergrondkleur" op "ClBlack"
- Selecteer "Elementen" en klik op de blauwe knop met 3 stippen…
- Dialoogvenster Elementen wordt weergegeven
- Sleep in het Elementen-dialoogvenster 2X "Tekstveld" van de rechterkant naar de linkerkant
- Klik op het "Tekstveld1" aan de linkerkant om het te selecteren, klik vervolgens in het "Eigenschappenvenster" op "Kleur" en stel het in op "aclOrange" en klik op "Vulkleur" en stel het in op "aclBlack" (U kan met de kleuren spelen als je wilt) -ook in de eigenschappenvensters zet X:10 en Y:20 dit is waar je de tijd wilt weergeven op de LCD-set size:3 (dit is de lettergrootte van de tijd)
- Klik op het "Tekstveld2" aan de linkerkant om het te selecteren, klik vervolgens in het "Eigenschappenvenster" op "Kleur" en stel het in op "aclAqua" en klik op "Opvulkleur" en stel het in op "aclBlack"
(Je kunt desgewenst met de kleuren spelen) -Stel "Initial Value" in op: Set HOUR
-ook in eigenschappenvensters zet X:10 en Y:2 dit is waar u het menu op het LCD-scherm wilt weergeven -set size:1 (dit is de lettergrootte van het menu)
Sluit het elementenvenster
- Klik op "M5 Stack Stick C" Board om het te selecteren
- Selecteer in het venster "Eigenschappen" "Modules" en klik op "+" om uit te vouwen,
- Selecteer "Display Real Time Alarm Clock (RTC)" en klik op "+" om het uit te vouwen,
- Selecteer "Elementen" en klik op de blauwe knop met 3 stippen…
- Sleep in het Elementen-dialoogvenster "Uur instellen" van de rechterkant naar de linkerkant en stel in het eigenschappenvenster "Waarde toevoegen" in op:True en "Waarde" op: 1
- Sleep in het Elementen-dialoogvenster "Set Minute" van de rechterkant naar de linkerkant en stel in het eigenschappenvenster "Waarde toevoegen" in op:True en "Waarde" op: 1
- Sleep in de Elements Dialog "Set Second" van de rechterkant naar de linkerkant en zet in het eigenschappenvenster "Add Value" op:True en "Value" op: 1
Sluit het elementenvenster
Stap 4: In Visuino Componenten toevoegen
- Voeg 2x "Debounce Button" component toe
- Component "Auto herhaalknop" toevoegen
- Component "Text Array" toevoegen
- Component "Analog Array" toevoegen
- Voeg 2x "Teller" component toe
- "Clock Demux (Multiple Output Channel Switch)" component toevoegen
- Component "Decoderen (Splitsen) Datum/Tijd" toevoegen
- Component "FormattedText1" toevoegen
Stap 5: In Visuino Set-componenten
- Selecteer de component "FormattedText1" en stel in het venster "Eigenschappen" "Text" in op: %0:%1:%2
- Dubbelklik op het onderdeel "FormattedText1" en sleep in het dialoogvenster Elementen 3x "Text Element" naar links
- Selecteer "TextElement1" aan de linkerkant en stel in het eigenschappenvenster "Fill Character" in op: 0 en "Length" op: 2
- Selecteer "TextElement2" aan de linkerkant en stel in het eigenschappenvenster "Fill Character" in op: 0 en "Length" op: 2
- Selecteer "TextElement3" aan de linkerkant en stel in het eigenschappenvenster "Fill Character" in op: 0 en "Length" op: 2
- Selecteer de component "ClockDemmux1" en stel in het eigenschappenvenster "Output Pins" in op: 5
- Selecteer de component "Teller1" en vouw in het eigenschappenvenster "Max" uit en stel "Waarde" in op: 4
- Selecteer de component "Teller1" en vouw in het eigenschappenvenster "Min" uit en stel "Waarde" in op: 0
- Selecteer de component "Teller2" en vouw in het eigenschappenvenster "Max" uit en stel "Waarde" in op: 6
- Selecteer de component "Teller2" en vouw in het eigenschappenvenster "Min" uit en stel "Waarde" in op: 0 HET MENU BOUWEN:
- Selecteer de component "Array1" (Text Array) en dubbelklik erop. - Sleep in het elementenvenster 4X "Waarde" naar de linkerkant - Aan de linkerkant Selecteer "Item [1]" en stel in het eigenschappenvenster "Waarde" in naar: SET HOURS-Aan de linkerkant Selecteer "Item [2]" en stel in het eigenschappenvenster "Waarde" in op: SET MINUTES-Aan de linkerkant Selecteer "Item [3]" en stel in het eigenschappenvenster "Waarde" in aan: SET SECONDS-Aan de linkerkant Selecteer "Item [4]" en in het eigenschappenvenster stel "Waarde" in op: SET BRIGHTNESSSluit het venster Elementen. DE WAARDEN VOOR HELDERHEID INSTELLEN:
-
Selecteer "Array2" component (Analog Array) en dubbelklik erop. - Sleep in het elementenvenster 6X "Value" naar de linkerkant - Aan de linkerkant Selecteer "Item[0]" en stel in het eigenschappenvenster "Value" in naar: 1
-Aan de linkerkant Selecteer "Item [1]" en stel in het eigenschappenvenster "Waarde" in op: 0.9
-Aan de linkerkant Selecteer "Artikel [2]" en stel in het eigenschappenvenster "Waarde" in op: 0,8 -Aan de linkerkant Selecteer "Artikel [3]" en stel in het eigenschappenvenster "Waarde" in op: 0,7-Aan de linkerkant Selecteer "Item [4]" en stel in het eigenschappenvenster "Waarde" in op: 0.6-Aan de linkerkant Selecteer "Item [5]" en stel in het eigenschappenvenster "Waarde" in op: 0,55
Stap 6: In Visuino Connect-componenten
- Sluit "M5 Stack Stick C" pin A(M5) aan op "Button2" pin [In]
- Sluit "M5 Stack Stick C" pin [B] aan op "Button1" pin [In]
- Verbind "Button2" pin [Out] met 'RepeatButton1' pin [In]
- Verbind "RepeatButton1" pin [Out] met "ClockDemmux1" pin [In]
- Verbind "Button1" pin [Out] met "Counter1" pin [In]
- Verbind "M5 Stack Stick C" > "Real Time Alarm Clock (RTC)" pin [Out] met "DecodeDateTime1" pin [In]
- Verbind "DecodeDateTime1" pin [Hour] met "FormattedText1">"TextElement1" pin [In]
- Verbind "DecodeDateTime1" pin [Minute] met "FormattedText1"> "TextElement2" pin [In]
- Verbind "DecodeDateTime1" pin [Second] met "FormattedText1"> "TextElement3" pin [In]
- Sluit "FormattedText1" pin [Out] aan op "M5 Stack Stick C" board > "Display ST7735" > "Text Field1" pin [In]
- Verbind "Counter1" pin [Out] met "ClockDemmux1" pin [Select] en met "Array1" pin [Index]
- Verbind "Counter2" pin [Out] met "Array2" pin [Index]
- Sluit "Array1" pin [Out] aan op "M5 Stack Stick C" board > "Display ST7735" > "Text Field2" pin [In]
- Sluit "Array2" pin [Out] aan op "M5 Stack Stick C" board > "Display ST7735" > pin [Helderheid]
- Sluit "ClockDemmux1" pin [1] aan op "M5 Stack Stick C" board > "Real Time Alarm Clock (RTC)" > "Set Hour1" pin [Clock]
- Sluit "ClockDemmux1" pin [2] aan op "M5 Stack Stick C" board > "Real Time Alarm Clock (RTC)" > "Set Minute1" pin [Clock]
- Sluit "ClockDemmux1" pin [3] aan op "M5 Stack Stick C" board > "Real Time Alarm Clock (RTC)" > "Set Second1" pin [Clock]
- Verbind "ClockDemmux1" pin [4] met "Counter2" pin [In]
Stap 7: Genereer, compileer en upload de Arduino-code
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 8: Spelen
Als u de M5Sticks-module van stroom voorziet, zou het display de tijd moeten weergeven. U kunt de tijd en helderheid wijzigen met de knoppen "B" om het menu weer te geven en te schakelen tussen (Set Hours, Set Minutes, Set Seconds, Set Brightness) en gebruik de knop "M5" om deze in te stellen.
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:
Aanbevolen:
Een condensator of een inductor meten met een mp3-speler: 9 stappen
Een condensator of een inductor meten met een mp3-speler: Hier is een eenvoudige techniek die kan worden gebruikt om de capaciteit en inductantie van een condensator en inductor nauwkeurig te meten zonder dure apparatuur. De meettechniek is gebaseerd op een gebalanceerde brug en kan eenvoudig worden geconstrueerd uit onde
Een lijn toevoegen aan een Boombox met een cassettespeler: 5 stappen
Een line-in toevoegen aan een boombox met een tapespeler: ** Zoals bij alle instructables, neem je je item / gezondheid / wat dan ook in eigen handen wanneer je het probeert! Houd rekening met hoge spanningen op het hoofdvoedingsbord, de hete soldeerbout, enz. Voorzichtig en geduldig zijn, zal u succes brengen. **NS
Helderheidsregeling, Arduino (met animaties): 7 stappen
Brightness Control, Arduino (met animaties): De afgelopen jaren heb ik twee flipperkasten (pinballdesign.com) en twee robotkoppen (grahamaser.com) gebouwd die elk worden bestuurd door Arduinos. Na een carrière als werktuigbouwkundig ingenieur ben ik in orde met het ontwerp van de mechanismen, maar ik str
Een menu in Arduino en het gebruik van knoppen: 10 stappen (met afbeeldingen) Antwoorden op al uw "Hoe?"
Een menu in Arduino en het gebruik van knoppen: in mijn Arduino 101-zelfstudie leert u hoe u uw omgeving in Tinkercad kunt instellen. Ik gebruik Tinkercad omdat het een behoorlijk krachtig online platform is waarmee ik een reeks vaardigheden aan studenten kan demonstreren voor het bouwen van circuits. Voel je vrij om
Bedien tot 4 servo's met een smartphone of een ander apparaat met een audio-uitgang: 3 stappen
Bedien tot 4 servo's met behulp van een smartphone of elk apparaat met een audio-uitgang: hier presenteer ik een eenvoudige elektronische montage om maximaal vier servo's te besturen met elk apparaat dat een audiobestand kan lezen