
Taula de continguts:
- Pas 1: què necessiteu
- Pas 2: instal·leu Arduino IDE
- Pas 3: A Arduino IDE: instal·leu el gestor de plaques ESP32
- Pas 4: instal·leu Visuino IDE
- Pas 5: connecteu M5Stick-C a l'ordinador
- Pas 6: Inicieu Visuino i seleccioneu el tipus de placa M5 Stack Stick C
- Pas 7: a Visuino Afegiu components i connecteu-los
- Pas 8: Genereu, compileu i pengeu el codi Arduino
- Pas 9: Juga
- Pas 10: resolució de problemes
- Pas 11: Més informació
- Pas 12: GRÀCIES GRÀCIES
2025 Autora: John Day | [email protected]. Última modificació: 2025-01-23 14:37



En aquest tutorial aprendrem a programar ESP32 M5Stack StickC amb Arduino IDE i Visuino.
Mireu un vídeo de demostració.
Pas 1: què necessiteu

- M5StickC ESP32: el podeu obtenir aquí
- Programa Visuino: descarregar Visuino
Pas 2: instal·leu Arduino IDE




Obriu el navegador i visiteu el lloc web oficial d'Arduino
- feu clic a "Instal·lador de Windows, per a Windows XP i versions posteriors", baixeu Arduino IDE
- fes clic a NOMÉS DESCÀRREGA (o contribueix si vols)
- Feu doble clic a l'instal·lador d'Arduino (És més fàcil mantenir la selecció per defecte durant tot aquest procés, inclòs el camí d'instal·lació).
Pas 3: A Arduino IDE: instal·leu el gestor de plaques ESP32



- Obriu l'IDE d'Arduino i aneu a Fitxer -> Preferències -> Configuració
- Afegiu l'URL del gestor de taules ESP32 Copieu aquest enllaç per a l'URL del gestor de taules ESP32 a URL addicionals del gestor de taules. URL del gestor de taules ESP32: https://dl.espressif.com/dl/package_esp32_index.json A continuació, premeu D'acord
- Aneu a Eines -> Tauler: -> Gestor de taulers …
- Cerqueu ESP32 a la finestra del Gestor de plaques, cerqueu-lo i feu clic a Instal·la
Pas 4: instal·leu Visuino IDE


- Visiteu la pàgina de descàrregues i descarregueu la versió més recent
- Extraieu i executeu la configuració
Els valors predeterminats haurien de funcionar bé
- Intentarà detectar la ubicació del camí de la biblioteca Arduino. Tret que el canvieu, hauria de ser a C: / Usuaris [El vostre nom d'usuari] Documents i l'instal·lador el detectarà correctament.
-
Inicia Visuino.
Pas 5: connecteu M5Stick-C a l'ordinador

Connecteu l’M5Stick-C a l’ordinador Windows mitjançant el cable USB-C inclòs. Windows hauria de detectar-lo i instal·lar-ne els controladors automàticament; potser haureu de reiniciar. Si el controlador s’instal·la correctament, apareixerà al Gestor de dispositius com a port sèrie USB
- Windows hauria de detectar-lo i instal·lar els controladors automàticament; potser haureu de reiniciar. Si el controlador s’instal·la correctament, apareixerà al Gestor de dispositius com a port sèrie USB
- Si utilitzeu una versió de Windows anterior a Windows 10, és possible que hàgiu d'instal·lar un controlador, tot i que us recomano que actualitzeu. [Controlador de Windows heretat]
Pas 6: Inicieu Visuino i seleccioneu el tipus de placa M5 Stack Stick C


Inicieu Visuino com es mostra a la primera imatge Feu clic al botó "Eines" del component Arduino (imatge 1) a Visuino Quan aparegui el quadre de diàleg, seleccioneu "M5 Stack Stick C" tal com es mostra a la imatge 2
Pas 7: a Visuino Afegiu components i connecteu-los



- A la paleta de components, seleccioneu el generador de polsos
- Connecteu el generador de polsos al pin LED
Pas 8: Genereu, compileu i pengeu el codi Arduino


- Feu clic a la icona Arduino a la barra d'eines; això generarà codi i obrirà l'IDE Arduino. El botó que hi ha al costat compilarà i enviarà el codi directament al dispositiu. Voleu obrir l'IDE la primera vegada per assegurar-vos que el port COM estigui configurat correctament. Després, l'IDE Arduino desarà la vostra configuració.
- Un cop a l'IDE d'Arduino, assegureu-vos que el tauler, la velocitat i el port estiguin configurats correctament. Probablement haureu d’establir el port COM des del submenú, però els altres s’han d’establir automàticament. Si teniu més d’un port COM, proveu d’eliminar el M5Stick, mireu i veureu quins ports queden, torneu a connectar el M5Stick i veureu quin torna. És a dir, és el port COM.
-
A continuació, feu clic a Penja. Això verificarà (compilarà) i penjarà. Si comproveu el M5Stick-C, veureu que la cantonada superior esquerra parpelleja.
Pas 9: Juga
Si alimenteu el mòdul M5Sticks, els LED haurien de començar a parpellejar.
Enhorabona! Heu completat el vostre projecte M5Sticks amb Visuino. També s’adjunta el projecte Visuino, que he creat per a aquest instructable. Podeu descarregar-lo i obrir-lo a Visuino:
Pas 10: resolució de problemes

Ja he provat i carregat tots els M5Sticks, però de vegades, si la bateria s’esgota completament, no volen encendre’s i carregar-se. Aquests passos restabliran el funcionament normal (també heu provat aquests passos).
- Reduïu la BAT a GND.
- Introduïu el cable USB.
- Un cop la pantalla estigui il·luminada, deixeu de fer curtcircuits i el dispositiu USB continua carregant el dispositiu.
Pas 11: Més informació
Informació més que suficient per aclaparar-vos sobre M5Stick i Visuino.
Aquí teniu la Guia d’inici ràpid de M5Stick-C per al desenvolupament de Windows Arduino
Aquí teniu la documentació detallada de M5Stick-C
Sèrie Visuino per a principiants de 7 parts
Documentació Visuino
Mitov Software i Visuino Blog (notícies com Actualitzacions i novetats)
Exemples de Visuino:
www.instructables.com/id/Programming-Arduino-With-Visuino/https://www.youtube.com/playlist?list=PLymDIvwzJQlvPOzc3AdtzO6LXbnk-NFPThttps://hackaday.io/projects?tag=visuino
Comunitat Visuino MeWe
Pas 12: GRÀCIES GRÀCIES
Tot el mèrit d’aquest tutorial recau en Jim McKeeth (autor del tutorial original) i Boian Mitov (desenvolupador del Visuino).
Recomanat:
Parpelleig LED StickC M5Stack: 7 passos

StickC M5Stack LED Blink: en aquest projecte aprendrem a connectar i fer un LED Blink mitjançant un mòdul M5StickC ESP32
Com enviar dades des de M5Stack StickC a Delphi: 6 passos

Com enviar dades des de M5Stack StickC a Delphi: en aquest vídeo aprendrem com enviar valors des de la placa StickC a l’aplicació Delphi VCL mitjançant Visuino
PWM amb ESP32 - LED d’atenuació amb PWM a ESP 32 amb Arduino IDE: 6 passos

PWM amb ESP32 | LED d’atenuació amb PWM a ESP 32 amb Arduino IDE: en aquest instructable veurem com generar senyals PWM amb ESP32 mitjançant Arduino IDE & PWM s'utilitza bàsicament per generar sortida analògica des de qualsevol MCU i aquesta sortida analògica pot ser de 0V a 3,3V (en cas d'esp32) & de
Neopixel Ws2812 Rainbow LED Glow amb M5stick-C - Funcionament de Rainbow a Neopixel Ws2812 amb M5stack M5stick C amb Arduino IDE: 5 passos

Neopixel Ws2812 Rainbow LED Glow amb M5stick-C | Execució de Rainbow a Neopixel Ws2812 Utilització de M5stack M5stick C Usant Arduino IDE: Hola, nois en aquest instructable, aprendrem a utilitzar LEDs neopixel ws2812 o led strip o led matrix o anell led amb placa de desenvolupament m5stack m5stick-C amb Arduino IDE i farem un patró d'arc de Sant Martí amb ell
Fer un rellotge amb M5stick C mitjançant Arduino IDE - Rellotge RTC en temps real amb M5stack M5stick-C: 4 passos

Fer un rellotge amb M5stick C mitjançant Arduino IDE | Rellotge en temps real RTC amb M5stack M5stick-C: Hola, nois en aquest instructable, aprendrem a fer un rellotge amb la placa de desenvolupament m5stick-C de m5stack mitjançant Arduino IDE. Així, m5stick mostrarà data, hora i amp; setmana del mes a la pantalla