
Índice:
- Etapa 1: O que você precisa
- Etapa 2: Instale o Arduino IDE
- Etapa 3: No IDE do Arduino: instale o Gerenciador de placas ESP32
- Etapa 4: instale o Visuino IDE
- Etapa 5: Conecte o M5Stick-C ao computador
- Etapa 6: inicie o Visuino e selecione o tipo de placa M5 Stack Stick C
- Etapa 7: No Visuino, adicione componentes e conecte-os
- Etapa 8: gerar, compilar e fazer upload do código do Arduino
- Etapa 9: jogar
- Etapa 10: Solução de problemas
- Etapa 11: Mais informações
- Etapa 12: MUITO OBRIGADO
2025 Autor: John Day | [email protected]. Última modificação: 2025-01-23 15:03



Neste tutorial, aprenderemos como programar ESP32 M5Stack StickC com Arduino IDE e Visuino.
Assista a um vídeo de demonstração.
Etapa 1: O que você precisa

- M5StickC ESP32: você pode obtê-lo aqui
- Programa Visuino: Baixe o Visuino
Etapa 2: Instale o Arduino IDE




Abra seu navegador e visite o site oficial do Arduino
- clique em “Windows installer, para Windows XP e superior”, faça o download do Arduino IDE
- clique APENAS BAIXAR (ou contribua, se quiser)
- Clique duas vezes no instalador do Arduino (é mais fácil manter a seleção padrão ao longo deste processo, incluindo o caminho de instalação).
Etapa 3: No IDE do Arduino: instale o Gerenciador de placas ESP32



- Abra o IDE do Arduino e navegue até Arquivo -> Preferências -> Configurações
- Adicione o URL do gerenciador de placas ESP32 Copie este link para o URL do gerenciador de placas ESP32 para URLs do gerenciador de placas adicionais URL do gerenciador de placas ESP32: https://dl.espressif.com/dl/package_esp32_index.jsonEntão clique em OK
- Navegue até Ferramentas -> Placa: -> Gerenciador de placas …
- Pesquise ESP32 na janela do Boards Manager, encontre-o e clique em Instalar
Etapa 4: instale o Visuino IDE


- Visite a página de download e baixe a versão mais recente
- Extraia e execute a configuração
Os padrões devem funcionar bem
- Ele tentará detectar a localização do caminho da biblioteca do Arduino. A menos que você o tenha alterado, ele deve estar em C: / Usuários [Seu nome de usuário] Documentos e o instalador o detectará corretamente.
-
Inicie o Visuino!
Etapa 5: Conecte o M5Stick-C ao computador

Conecte o M5Stick-C ao seu computador Windows através do cabo USB-C incluído. O Windows deve detectá-lo e instalar os drivers automaticamente - pode ser necessário reiniciar. Se o driver for instalado corretamente, você o verá no Gerenciador de dispositivos como uma porta serial USB
- O Windows deve detectá-lo e instalar os drivers automaticamente - pode ser necessário reinicializar. Se o driver for instalado corretamente, você o verá no Gerenciador de dispositivos como uma porta serial USB
- Se você estiver em uma versão do Windows anterior ao Windows 10, pode ser necessário instalar um driver, embora eu recomende que você atualize! [Driver legado do Windows]
Etapa 6: inicie o Visuino e selecione o tipo de placa M5 Stack Stick C


Inicie o Visuino como mostrado na primeira imagem Clique no botão "Ferramentas" no componente Arduino (Figura 1) no Visuino. Quando a caixa de diálogo aparecer, selecione "M5 Stack Stick C" como mostrado na Figura 2
Etapa 7: No Visuino, adicione componentes e conecte-os



- Na paleta de componentes, selecione o gerador de pulso
- Conecte o gerador de pulso ao pino do LED
Etapa 8: gerar, compilar e fazer upload do código do Arduino


- Clique no ícone do Arduino na barra de ferramentas, isso irá gerar o código e abrir o IDE do Arduino. O botão próximo a ele irá compilar e enviar o código direto para o dispositivo. Você vai querer abrir o IDE pela primeira vez para ter certeza de que a porta COM está configurada corretamente. Depois disso, o IDE do Arduino salvará suas configurações.
- Uma vez no IDE do Arduino, certifique-se de que a placa, a velocidade e a porta estejam configuradas corretamente. Você provavelmente precisará definir a porta COM no submenu, mas as outras devem ser definidas automaticamente. Se você tiver mais de uma porta COM, tente remover seu M5Stick, olhe e veja quais portas permanecem, em seguida, reconecte o M5Stick e veja qual retorna. Essa é a porta COM.
-
Em seguida, clique em Upload. Isso irá verificar (compilar) e fazer upload. Se você verificar seu M5Stick-C, verá o canto superior esquerdo piscando.
Etapa 9: jogar
Se você ligar o módulo M5Sticks, os LEDs devem começar a piscar.
Parabéns! Você concluiu seu projeto M5Sticks com Visuino. Também está em anexo o projeto Visuino, que criei para este Instructable. Você pode fazer o download e abri-lo em Visuino:
Etapa 10: Solução de problemas

Já testei e carreguei todos os M5Sticks, mas às vezes, se a bateria descarregar completamente, eles não querem ligar e carregar. Essas etapas irão restaurar a operação normal (também testei essas etapas).
- Curta o BAT para GND.
- Insira o cabo USB.
- Depois que a tela acender, pare o curto-circuito e o USB continuará a carregar o dispositivo.
Etapa 11: Mais informações
Informações mais do que suficientes para surpreendê-lo sobre o M5Stick e o Visuino!
Aqui está o Guia de início rápido do M5Stick-C para o desenvolvimento do Windows Arduino
Aqui está a documentação detalhada do M5Stick-C
Série Visuino para iniciantes em 7 partes
Documentação do Visuino
Mitov Software e Visuino Blog (notícias como atualizações e novos lançamentos)
Exemplos do Visuino:
www.instructables.com/id/Programming-Arduino-With-Visuino/https://www.youtube.com/playlist?list=PLymDIvwzJQlvPOzc3AdtzO6LXbnk-NFPThttps://hackaday.io/projects?tag=visuino
Comunidade Visuino MeWe
Etapa 12: MUITO OBRIGADO
Todo o crédito por este tutorial vai para Jim McKeeth (Autor do tutorial original) e Boian Mitov (Desenvolvedor do Visuino).
Recomendado:
StickC M5Stack LED piscando: 7 etapas

StickC M5Stack LED Blink: Neste projeto, aprenderemos como conectar e fazer um LED Blink usando um módulo M5StickC ESP32. Assistir ao vídeo
M5STACK Como exibir temperatura, umidade e pressão no M5StickC ESP32 usando Visuino - Fácil de fazer: 6 etapas

M5STACK Como exibir temperatura, umidade e pressão no M5StickC ESP32 usando Visuino - Fácil de fazer: neste tutorial, aprenderemos como programar ESP32 M5Stack StickC com Arduino IDE e Visuino para exibir a temperatura, umidade e pressão usando sensor ENV (DHT12, BMP280, BMM150)
Como enviar dados do M5Stack StickC para Delphi: 6 etapas

Como enviar dados do StickC M5Stack para Delphi: Neste vídeo, aprenderemos como enviar valores da placa StickC para o aplicativo Delphi VCL usando Visuino. Assistir ao vídeo
Visuino Como usar um botão como entrada para controlar coisas como LED: 6 etapas

Visuino Como usar um botão como entrada para controlar coisas como o LED: Neste tutorial, aprenderemos como ligar e desligar o LED usando um botão simples e o Visuino. Assistir a um vídeo de demonstração
Como programar NodeMCU no Arduino IDE: 5 etapas

Como programar o NodeMCU no Arduino IDE: O Osoyoo NodeMCU vem pré-programado com o interpretador Lua, mas você não precisa usá-lo! Em vez disso, você pode usar o IDE do Arduino, que pode ser um ótimo ponto de partida para os amantes do Arduino se familiarizarem com as tecnologias que envolvem o