Table des matières:
- Étape 1: ce dont vous aurez besoin
- Étape 2: Démarrez Visuino et sélectionnez le type de carte M5 Stack Stick C
- Étape 3: Dans Visuino, ajoutez et définissez des composants
- Étape 4: Facultativement - Afficher le texte à l'aide du composant "Valeur de texte"
- Étape 5: Générer, compiler et télécharger le code Arduino
- Étape 6: Jouez
2025 Auteur: John Day | [email protected]. Dernière modifié: 2025-01-13 06:57
Dans ce tutoriel, nous allons apprendre à programmer ESP32 M5Stack StickC avec Arduino IDE et Visuino pour afficher n'importe quel texte sur l'écran LCD.
Étape 1: ce dont vous aurez besoin
M5StickC ESP32: vous pouvez l'obtenir ici
Programme Visuino: Télécharger Visuino
Étape 2: Démarrez Visuino et sélectionnez le type de carte M5 Stack Stick C
Démarrez Visuino comme indiqué dans la première image Cliquez sur le bouton "Outils" sur le composant Arduino (Image 1) dans Visuino Lorsque la boîte de dialogue apparaît, sélectionnez "M5 Stack Stick C" comme indiqué sur l'image 2
Étape 3: Dans Visuino, ajoutez et définissez des composants
- Cliquez sur le tableau "M5 Stack Stick C" pour le sélectionner
- Dans la fenêtre "Propriétés", sélectionnez "Modules" et cliquez sur "+" pour développer, sélectionnez "Afficher ST7735" et cliquez sur "+" pour le développer,
-
Définissez Orientation sur "goRight" <cela signifie comment le texte sera orienté
- Sélectionnez "Éléments" et cliquez sur le bouton bleu avec 3 points…
- La boîte de dialogue Éléments s'affichera
- Dans la boîte de dialogue Éléments, faites glisser « Champ de texte » de la droite vers la gauche
Cliquez sur le « Champ de texte1 » sur le côté gauche pour le sélectionner, puis dans la « fenêtre Propriétés », cliquez sur « Valeur initiale » pour définir le texte par défaut comme « Exemple de texte »
-également dans les fenêtres de propriétés, définissez le X et le Y, où vous souhaitez afficher ce texte sur l'écran LCD, la valeur par défaut est 0, ce qui signifie qu'il commencera à afficher le texte dans le coin supérieur gauche.
-Vous pouvez également définir la taille du texte et la couleur si vous le souhaitez
Fermer la fenêtre des éléments
En option:
Cliquez sur le tableau "M5 Stack Stick C" pour le sélectionner
Dans la fenêtre "Propriétés", sélectionnez "Modules" et cliquez sur "+" pour développer, sélectionnez "Afficher ST7735" et cliquez sur "+" pour le développer et vous verrez "Couleur d'arrière-plan" c'est la couleur par défaut de l'affichage, changez-la en votre couleur préférée, vous pouvez également régler la luminosité de l'écran, la valeur par défaut est 1 (max), vous pouvez la régler sur 0,5 ou sur une autre valeur pour la rendre plus sombre.
Étape 4: Facultativement - Afficher le texte à l'aide du composant "Valeur de texte"
Une fois que vous avez ajouté l'élément "Champ de texte" dans la boîte de dialogue Éléments.
Vous pouvez définir le texte à l'aide du composant "Text Value".
- Pour ce faire, faites glisser le composant "Text value" et connectez-le à la broche "M5 Stack Stick C" > "Text Field1" [In]
- Dans la fenêtre des propriétés, définissez le texte que vous souhaitez afficher
Étape 5: Générer, compiler et télécharger le code Arduino
-
Dans Visuino, en bas, cliquez sur l'onglet "Build", assurez-vous que le bon port est sélectionné, puis cliquez sur le bouton "Compiler/Build and Upload".
Étape 6: Jouez
Si vous alimentez le module M5Sticks, l'écran devrait commencer à afficher le texte que vous avez défini.
Toutes nos félicitations! Vous avez terminé votre projet M5Sticks avec Visuino. Le projet Visuino, que j'ai créé pour ce Instructable, est également joint. Vous pouvez le télécharger et l'ouvrir dans Visuino:
- Le premier fichier "StickC-Display-Text.visuino" ne fait que définir le texte dans la fenêtre des éléments
- Le deuxième fichier "StickC-Display-Text-using-textvalue.visuino" définit le texte à l'aide du composant "Text Value"