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: Dans Visuino Set Composants
- Étape 5: dans les composants Visuino Connect
- Étape 6: générer, compiler et télécharger le code Arduino
- Étape 7: Jouez
- Étape 8: Extra: Astuce simple
- Étape 9: Dans le didacticiel suivant
Vidéo: DIY Comment afficher l'heure sur M5StickC ESP32 à l'aide de Visuino - Facile à faire: 9 étapes
2024 Auteur: John Day | [email protected]. Dernière modifié: 2024-01-30 09:05
Dans ce tutoriel, nous allons apprendre à programmer ESP32 M5Stack StickC avec Arduino IDE et Visuino pour afficher l'heure sur l'écran LCD.
Étape 1: ce dont vous aurez besoin
- M5StickC ESP32: vous pouvez l'obtenir ici
- Programme Visuino: Télécharger Visuino
Remarque: consultez ce tutoriel ici pour savoir comment installer la carte StickC ESP32
Étape 2: Démarrez Visuino et sélectionnez le type de carte M5 Stack Stick C
Démarrez Visuino comme indiqué sur 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
- Réglez l'orientation sur "goRight" < cela signifie comment l'heure sera orientée sur l'écran LCD
- 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 des propriétés" cliquez sur la couleur et réglez-le sur "aclOrange"
-également dans les fenêtres de propriétés, définissez X:10 et Y:20, c'est là que vous souhaitez afficher l'heure sur l'écran LCD
-set size:3 c'est la taille de la police de l'époque
-Vous pouvez définir la taille et la couleur du texte 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
6. Ajouter le composant "Décoder (Split) Date/Time" 7. Ajouter le composant "Texte formaté"
Étape 4: Dans Visuino Set Composants
- Sélectionnez le composant "FormattedTxt1" et sous la fenêtre "Propriétés", définissez "Texte" sur: %0:%1:%2
- Double-cliquez sur le composant "FormattedText1" et dans la boîte de dialogue Éléments, faites glisser 3x "Texte" vers la gauche
Étape 5: dans les composants Visuino Connect
- Connectez "M5 Stack Stick C"> Réveil en temps réel (RTC)> Broche [Sortie] à la broche du composant "DecodeDateTime1" [Entrée]
- Connectez la broche du composant "DecodeDateTime1" [Hour] à la broche "TextElement1" du composant "FormattedText1" [In]
- Connectez la broche du composant "DecodeDateTime1" [Minute] à la broche "TextElement2" du composant "FormattedText1" [In]
- Connectez la broche du composant "DecodeDateTime1" [Second] à la broche "TextElement3" du composant "FormattedText1" [In]
- Connectez la broche du composant "FormattedText1" [Out] à la carte "M5 Stack Stick C" "Display ST7735"> "Text Field1" broche [In]
Étape 6: 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 7: Jouez
Si vous alimentez le module M5Sticks, l'écran devrait commencer à afficher l'heure.
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 ici.
Vous pouvez le télécharger et l'ouvrir dans Visuino:
Étape 8: Extra: Astuce simple
Vous pouvez utiliser l'heure actuelle qui était sur votre ordinateur au moment où vous avez compilé le code dans Arduino.
Pour ce faire, déposez simplement un composant "Compile Date/Time" et connectez-le à la broche "M5 Stack Stick C"> "Real Time Alarm Clock (RTC)" [Set]
Vous pouvez télécharger le fichier Project avec cette astuce ici.
Étape 9: Dans le didacticiel suivant
Dans le prochain tutoriel, je vais vous montrer comment créer une montre Cool Looking où vous pouvez régler l'heure à l'aide des boutons StickC ! Restez à l'écoute et consultez mes autres tutoriels ici.
Conseillé:
Comment afficher du texte sur M5StickC ESP32 à l'aide de Visuino : 6 étapes
Comment afficher du texte sur M5StickC ESP32 à l'aide de Visuino: Dans ce didacticiel, nous apprendrons à programmer ESP32 M5Stack StickC avec Arduino IDE et Visuino pour afficher n'importe quel texte sur l'écran LCD
DIY Afficher la température sur l'écran LCD à l'aide d'Arduino: 10 étapes
Bricolage afficher la température sur l'écran LCD à l'aide d'Arduino : dans ce projet, nous allons créer un circuit en utilisant des composants comme Arduino, un capteur de température, etc. Dans ce circuit, le degré sera visualisé en continu sur l'écran LCD, il y a un délai de 100 millisecondes entre la vue du nouveau diplôme sur le
Horloge Internet : afficher la date et l'heure avec un OLED à l'aide de ESP8266 NodeMCU avec protocole NTP : 6 étapes
Horloge Internet : afficher la date et l'heure avec un OLED à l'aide de ESP8266 NodeMCU avec le protocole NTP : Salut les gars dans ces instructables, nous allons construire une horloge Internet qui obtiendra l'heure d'Internet afin que ce projet n'aura besoin d'aucun RTC pour fonctionner, il n'aura besoin que d'un connexion internet fonctionnelle Et pour ce projet vous avez besoin d'un esp8266 qui aura un
Visuino - Obtenez une heure précise à partir du serveur Internet NIST à l'aide de NodeMCU : 8 étapes
Visuino - Obtenez une heure précise à partir du serveur Internet NIST à l'aide de NodeMCU : dans ce didacticiel, nous utiliserons NodeMCU Mini, OLED Lcd et Visuino pour afficher l'heure Internet en direct du serveur NIST sur Lcd. Regardez une vidéo de démonstration. Le mérite de l'inspiration revient à l'utilisateur de youtube "Ciprian Balalau"
Afficher le texte sur l'écran LED P10 à l'aide d'Arduino : 5 étapes (avec images)
Afficher le texte sur l'écran LED P10 à l'aide d'Arduino : L'affichage Dotmatrix ou plus communément appelé texte en cours d'exécution est souvent trouvé dans les magasins comme moyen de publicité pour leurs produits, son utilisation pratique et flexible encourage les acteurs commerciaux à l'utiliser comme conseil publicitaire. Maintenant, l'utilisation de Dot