M5Stack fabrique du matériel que l’on peut tenir dans une main et utiliser dès la sortie de la boîte — un écran, des boutons, un haut-parleur et une batterie sont déjà là à l’ouverture du paquet. C’est exactement le type de carte qu’un simulateur doit reproduire dans les moindres détails, sinon il est inutile, car il n’y a pas de breadboard à blâmer. Cet article explique comment le matériel M5Stack est arrivé dans Velxio, ce qui fonctionne aujourd’hui, et le petit test que nous nous sommes fixé en cours de route — les sketches d’exemple de M5Stack peuvent-ils s’exécuter dans le navigateur sans changer une seule ligne ?
Oui, ils le peuvent. Commençons par là.
Le test d’affichage de M5Stack, sans modification
M5Stack fournit un exemple d’affichage avec la bibliothèque Cardputer — des rectangles colorés aléatoires et du texte dispersés sur l’écran, en continu, comme un moyen rapide de vérifier que le chemin LCD fonctionne à pleine vitesse. Nous l’avons mis dans la galerie tel quel.
Pour le voir vous-même :
- Ouvrez velxio.dev/example/cardputer-adv-m5-display. Aucune inscription n’est nécessaire.
- Dans la barre d’outils en haut, cliquez sur le bouton lecture. Le sketch est compilé avec le même cœur arduino-esp32 et la même bibliothèque M5Cardputer que vous utiliseriez dans l’IDE Arduino. Une compilation à froid prend quelques minutes — une compilation à chaud est beaucoup plus rapide.
- Lorsque la carte démarre, l’écran se remplit de rectangles à la résolution complète du panneau, 240x135.
- Cliquez sur le clavier, ou cliquez sur la carte et utilisez votre propre clavier, puis ouvrez l’un des exemples de clavier listés à la fin de l’article pour voir les frappes arriver dans le sketch.
Ce sketch est l’un des quinze exemples officiels M5Stack présents dans la galerie. Sur la Cardputer ADV, ce sont les exemples de terminal texte, bouton, buzzer, affichage, envoi IR NEC, touche unique, touches multiples, saisie de texte, microSD et jeu de devinettes REPL. Sur le Core, ce sont HelloWorld, Button, Display, Speaker et TFCard. Lorsqu’un exemple utilisait l’ancienne bibliothèque M5Stack, qui ne compile plus sur le cœur arduino-esp32 3.x (dans l’IDE Arduino ou ailleurs), il a été porté vers M5Unified, la bibliothèque recommandée par M5Stack aujourd’hui. Tout le reste est inchangé.
Les deux cartes
M5 Cardputer ADV. L’ordinateur au format carte de crédit — un ESP32-S3, un écran 1,14 pouce 240x135, un clavier 56 touches, une IMU, un microphone et un haut-parleur via un codec ES8311, un émetteur IR, un slot microSD et une batterie. Dans Velxio, l’écran s’affiche sur la carte, tout le clavier tape (cliquez sur les touches, ou focalisez la carte et tapez sur votre propre clavier), le haut-parleur joue via votre ordinateur, et le microphone diffuse le micro de votre ordinateur lorsque vous activez l’interrupteur Mic dans l’en-tête du canevas. Le bouton Sensors à côté incline l’IMU BMI270 et règle le niveau de batterie, afin que le code qui réagit à l’un ou l’autre puisse être testé. L’émetteur IR répond également — un point sur la carte clignote à chaque transmission décodée. La microSD est une vraie carte FAT avec un panneau de téléversement. Le Wi-Fi et MicroPython fonctionnent — la radio BLE n’est pas émulée.
M5Stack Core (Basic v2.7). Le classique ESP32 empilable de 54x54 mm avec un écran 2 pouces 320x240 sous verre, trois boutons frontaux, un haut-parleur, un slot TF et un port Grove. L’écran peint, les trois boutons cliquent (actifs au niveau bas, comme câblés), les tonalités du haut-parleur jouent à la hauteur réelle du sketch, et le slot TF est une vraie carte. La carte de broches M-Bus est imprimée sur les quatre bords de la carte, codée par couleur comme le boîtier réel, et chaque broche est câblable — le Core est donc un aussi bon hôte pour des composants externes que n’importe quel DevKit.
Les deux cartes acceptent l’Arduino C++ et MicroPython, et les deux sont fournies avec des fiches techniques au survol dans le sélecteur de composants, listant le brochage et renvoyant vers la boutique M5Stack.
Les matrices Chain
Deux modules M5Stack Chain sont également au catalogue — la Chain RGB Matrix (64 LED WS2812E) et la Chain Mono Matrix (64 LED blanches). Dans Velxio, elles sont pilotées comme de simples matrices WS2812 sur leur broche DIN, ce qui est la façon dont les cinq exemples de la galerie les utilisent depuis un Arduino Uno — un arc-en-ciel, un balayage blanc, des chiffres compteurs, une balle rebondissante et un effet de feu. Le véritable protocole Chain basé sur UART n’est pas émulé à ce stade — c’est sur la liste.
Travailler avec M5Stack
M5Stack a soutenu ce travail et fourni le matériel. Cela a compté plus que d’habitude ici, car une grande partie de ce qui rend ces cartes utiles se trouve sur la carte elle-même. La Cardputer ADV dans Velxio a été mise au point contre une unité physique — l’ID du panneau que M5GFX lit pour détecter l’écran, la signature GPIO qui distingue la révision ADV de l’originale, le scan du clavier, le codec sur I2C. Lorsque la carte simulée répond à ces questions comme le fait la vraie, les bibliothèques de M5Stack font le reste — et c’est pourquoi leurs exemples s’exécutent sans modification.
Nous sommes reconnaissants envers l’équipe M5Stack d’avoir soutenu un projet qui permet aux gens d’essayer leur matériel dans un onglet de navigateur avant de l’acheter, et pour les bibliothèques open-source (M5Unified, M5GFX, M5Cardputer) qui ont fait de l’intégration une question de maîtrise du matériel plutôt que de réécriture de logiciel.
Si vous voulez les cartes physiques, elles sont sur shop.m5stack.com — la Cardputer ADV, le Basic Core v2.7, la Chain RGB Matrix et la Chain Mono Matrix. La documentation M5Stack se trouve sur docs.m5stack.com.
Tout ce qui concerne M5Stack dans Velxio fonctionne avec le plan gratuit. Ouvrez le sélecteur de composants, choisissez Boards, et la Cardputer ADV et le Core sont là, à côté des autres cartes ESP32.
Tous les exemples M5Stack de la galerie
Chaque lien ouvre le projet prêt à être exécuté.
M5 Cardputer ADV
- M5 Cardputer ADV — écho LCD + clavier
- M5 Cardputer ADV — terminal texte (exemple officiel M5Stack)
- M5 Cardputer ADV — visite matérielle (affichage, clavier, microSD, IMU, LED, batterie, micro)
- M5 Cardputer ADV — Brick Blaster, un jeu avec du son
- M5 Cardputer ADV — bouton (exemple officiel)
- M5 Cardputer ADV — buzzer (exemple officiel)
- M5 Cardputer ADV — affichage (exemple officiel)
- M5 Cardputer ADV — envoi IR NEC (exemple officiel)
- M5 Cardputer ADV — pression de touche unique (exemple officiel)
- M5 Cardputer ADV — pression de touches multiples (exemple officiel)
- M5 Cardputer ADV — saisie de texte (exemple officiel)
- M5 Cardputer ADV — microSD (exemple officiel)
- M5 Cardputer ADV — jeu de devinettes REPL (exemple officiel)
M5Stack Core
- M5Stack Core — Hello LCD + boutons
- M5Stack Core — LCD (Adafruit_ILI9341)
- M5Stack Core — microSD intégrée + LCD
- M5Stack Core — piano à boutons (haut-parleur)
- M5Stack Core — HelloWorld (exemple officiel)
- M5Stack Core — Button (exemple officiel)
- M5Stack Core — Display (exemple officiel)
- M5Stack Core — Speaker (exemple officiel)
- M5Stack Core — TFCard (exemple officiel)
Matrices Chain (sur un Arduino Uno)
- M5Stack Chain RGB Matrix — arc-en-ciel
- M5Stack Chain RGB Matrix — chiffres compteurs
- M5Stack Chain RGB Matrix — balle rebondissante
- M5Stack Chain RGB Matrix — feu
- M5Stack Chain Mono Matrix — balayage blanc
Les pages des cartes dans la documentation contiennent les brochages complets — M5 Cardputer ADV et M5Stack Core. L’article précédent de cette série couvrait Seeed Studio.
