สารบัญ:
- ขั้นตอนที่ 1: สิ่งที่คุณต้องการ
- ขั้นตอนที่ 2: เริ่ม Visuino และเลือก M5 Stack Stick C Board Type
- ขั้นตอนที่ 3: ใน Visuino เพิ่มและตั้งค่าส่วนประกอบ
- ขั้นตอนที่ 4: ในชุด Visuino Set Components
- ขั้นตอนที่ 5: ในส่วนประกอบ Visuino Connect
- ขั้นตอนที่ 6: สร้าง คอมไพล์ และอัปโหลดโค้ด Arduino
- ขั้นตอนที่ 7: เล่น
- ขั้นตอนที่ 8: พิเศษ: เคล็ดลับง่ายๆ
- ขั้นตอนที่ 9: ในบทช่วยสอนถัดไป.
![DIY วิธีแสดงเวลาบน M5StickC ESP32 โดยใช้ Visuino - ง่ายต่อการทำ: 9 ขั้นตอน DIY วิธีแสดงเวลาบน M5StickC ESP32 โดยใช้ Visuino - ง่ายต่อการทำ: 9 ขั้นตอน](https://i.howwhatproduce.com/images/001/image-529-j.webp)
วีดีโอ: DIY วิธีแสดงเวลาบน M5StickC ESP32 โดยใช้ Visuino - ง่ายต่อการทำ: 9 ขั้นตอน
![วีดีโอ: DIY วิธีแสดงเวลาบน M5StickC ESP32 โดยใช้ Visuino - ง่ายต่อการทำ: 9 ขั้นตอน วีดีโอ: DIY วิธีแสดงเวลาบน M5StickC ESP32 โดยใช้ Visuino - ง่ายต่อการทำ: 9 ขั้นตอน](https://i.ytimg.com/vi/R5ste5UHmQk/hqdefault.jpg)
2024 ผู้เขียน: John Day | [email protected]. แก้ไขล่าสุด: 2024-01-30 13:02
ในบทช่วยสอนนี้ เราจะเรียนรู้วิธีตั้งโปรแกรม ESP32 M5Stack StickC ด้วย Arduino IDE และ Visuino เพื่อแสดงเวลาบน LCD
ขั้นตอนที่ 1: สิ่งที่คุณต้องการ
![สิ่งที่คุณต้องการ สิ่งที่คุณต้องการ](https://i.howwhatproduce.com/images/001/image-529-1-j.webp)
![สิ่งที่คุณต้องการ สิ่งที่คุณต้องการ](https://i.howwhatproduce.com/images/001/image-529-2-j.webp)
- M5StickC ESP32: คุณสามารถรับได้ที่นี่
- โปรแกรม Visuino: ดาวน์โหลด Visuino
หมายเหตุ: ตรวจสอบบทช่วยสอนนี้ที่นี่เกี่ยวกับวิธีติดตั้งบอร์ด StickC ESP32
ขั้นตอนที่ 2: เริ่ม Visuino และเลือก M5 Stack Stick C Board Type
![เริ่ม Visuino และเลือก M5 Stack Stick C Board Type เริ่ม Visuino และเลือก M5 Stack Stick C Board Type](https://i.howwhatproduce.com/images/001/image-529-3-j.webp)
![เริ่ม Visuino และเลือก M5 Stack Stick C Board Type เริ่ม Visuino และเลือก M5 Stack Stick C Board Type](https://i.howwhatproduce.com/images/001/image-529-4-j.webp)
เริ่ม Visuino ตามที่แสดงในภาพแรก คลิกที่ปุ่ม "เครื่องมือ" บนส่วนประกอบ Arduino (ภาพที่ 1)
ใน Visuino เมื่อกล่องโต้ตอบปรากฏขึ้น ให้เลือก "M5 Stack Stick C" ดังแสดงในภาพที่ 2
ขั้นตอนที่ 3: ใน Visuino เพิ่มและตั้งค่าส่วนประกอบ
![ใน Visuino เพิ่มและตั้งค่าส่วนประกอบ ใน Visuino เพิ่มและตั้งค่าส่วนประกอบ](https://i.howwhatproduce.com/images/001/image-529-5-j.webp)
![ใน Visuino เพิ่มและตั้งค่าส่วนประกอบ ใน Visuino เพิ่มและตั้งค่าส่วนประกอบ](https://i.howwhatproduce.com/images/001/image-529-6-j.webp)
![ใน Visuino เพิ่มและตั้งค่าส่วนประกอบ ใน Visuino เพิ่มและตั้งค่าส่วนประกอบ](https://i.howwhatproduce.com/images/001/image-529-7-j.webp)
![ใน Visuino เพิ่มและตั้งค่าส่วนประกอบ ใน Visuino เพิ่มและตั้งค่าส่วนประกอบ](https://i.howwhatproduce.com/images/001/image-529-8-j.webp)
- คลิกที่บอร์ด "M5 Stack Stick C" เพื่อเลือก
- ในหน้าต่าง "คุณสมบัติ" เลือก "โมดูล" และคลิก "+" เพื่อขยาย เลือก "แสดง ST7735" และคลิก "+" เพื่อขยาย
- ตั้งค่าการวางแนวเป็น "goRight" < นี่หมายความว่าเวลาจะถูกวางบน LCD อย่างไร
- เลือก "องค์ประกอบ" และคลิกที่ปุ่มสีน้ำเงินที่มี 3 จุด…
- Elements Dialog จะแสดง
- ในไดอะล็อก Elements ให้ลาก "ช่องข้อความ" จากด้านขวาไปด้านซ้าย
คลิกที่ "ช่องข้อความ1" ทางด้านซ้ายเพื่อเลือก จากนั้นใน "หน้าต่างคุณสมบัติ" ให้คลิกที่สีและตั้งค่าเป็น "aclOrange"
- ยังอยู่ในคุณสมบัติ windows set X:10 และ Y:20 นี่คือที่ที่คุณต้องการแสดงเวลาบน LCD
-set size:3 นี่คือขนาดตัวอักษรของเวลา
- คุณสามารถกำหนดขนาดและสีของข้อความได้หากต้องการ
ปิดหน้าต่างองค์ประกอบ
ทางเลือก:
คลิกที่บอร์ด "M5 Stack Stick C" เพื่อเลือก
ในหน้าต่าง "คุณสมบัติ" เลือก "โมดูล" และคลิก "+" เพื่อขยาย เลือก "แสดง ST7735" แล้วคลิก "+" เพื่อขยายและคุณจะเห็น "สีพื้นหลัง" ซึ่งเป็นสีเริ่มต้นของจอแสดงผล เปลี่ยนเป็น สีโปรดของคุณ คุณสามารถตั้งค่าความสว่างของจอแสดงผลได้ ค่าเริ่มต้นคือ 1 (สูงสุด) คุณสามารถตั้งค่าเป็น 0.5 หรือค่าอื่น ๆ เพื่อทำให้มืดลง
6. เพิ่มองค์ประกอบ "ถอดรหัส (แยก) วันที่/เวลา" 7. เพิ่มองค์ประกอบ "ข้อความที่จัดรูปแบบ"
ขั้นตอนที่ 4: ในชุด Visuino Set Components
![ในส่วนประกอบชุด Visuino ในส่วนประกอบชุด Visuino](https://i.howwhatproduce.com/images/001/image-529-9-j.webp)
![ในส่วนประกอบชุด Visuino ในส่วนประกอบชุด Visuino](https://i.howwhatproduce.com/images/001/image-529-10-j.webp)
- เลือกองค์ประกอบ "FormattedTxt1" และภายใต้หน้าต่าง "คุณสมบัติ" ตั้งค่า "ข้อความ" เป็น: %0:%1:%2
- ดับเบิลคลิกที่องค์ประกอบ "FormattedText1" และในกล่องโต้ตอบ Elements ให้ลาก "องค์ประกอบข้อความ" 3x ไปทางซ้าย
ขั้นตอนที่ 5: ในส่วนประกอบ Visuino Connect
![ในส่วนประกอบ Visuino Connect ในส่วนประกอบ Visuino Connect](https://i.howwhatproduce.com/images/001/image-529-11-j.webp)
- เชื่อมต่อ "M5 Stack Stick C" > นาฬิกาปลุกตามเวลาจริง (RTC) > ปักหมุด [ออก] กับพินคอมโพเนนต์ "DecodeDateTime1" [ใน]
- เชื่อมต่อพินคอมโพเนนต์ "DecodeDateDateTime1" [ชั่วโมง] กับพิน "FormattedText1" คอมโพเนนต์ "TextElement1" [ใน]
- เชื่อมต่อพินคอมโพเนนต์ "DecodeDateDateTime1" [นาที] กับพิน "FormattedText1" คอมโพเนนต์ "TextElement2" [ใน]
- เชื่อมต่อพินคอมโพเนนต์ "DecodeDateDateTime1" [วินาที] กับพิน "FormattedText1" คอมโพเนนต์ "TextElement3" [ใน]
- เชื่อมต่อพินคอมโพเนนต์ "FormattedText1" [ออก] กับบอร์ด "M5 Stack Stick C" "แสดง ST7735">พิน "Text Field1" [ใน]
ขั้นตอนที่ 6: สร้าง คอมไพล์ และอัปโหลดโค้ด Arduino
![สร้าง คอมไพล์ และอัปโหลดโค้ด Arduino สร้าง คอมไพล์ และอัปโหลดโค้ด Arduino](https://i.howwhatproduce.com/images/001/image-529-12-j.webp)
-
ใน Visuino ที่ด้านล่างให้คลิกแท็บ "บิลด์" ตรวจสอบให้แน่ใจว่าได้เลือกพอร์ตที่ถูกต้อง จากนั้นคลิกที่ปุ่ม "รวบรวม/สร้างและอัปโหลด"
ขั้นตอนที่ 7: เล่น
หากคุณจ่ายไฟให้กับโมดูล M5Sticks จอแสดงผลควรเริ่มแสดงเวลา
ยินดีด้วย! คุณทำโปรเจ็กต์ M5Sticks กับ Visuino เสร็จเรียบร้อยแล้ว สิ่งที่แนบมาด้วยคือโครงการ Visuino ที่ฉันสร้างขึ้นสำหรับคำแนะนำนี้ คุณสามารถดาวน์โหลดได้ที่นี่
ดาวน์โหลดและเปิดได้ใน Visuino:
ขั้นตอนที่ 8: พิเศษ: เคล็ดลับง่ายๆ
![พิเศษ: เคล็ดลับง่ายๆ พิเศษ: เคล็ดลับง่ายๆ](https://i.howwhatproduce.com/images/001/image-529-13-j.webp)
![พิเศษ: เคล็ดลับง่ายๆ พิเศษ: เคล็ดลับง่ายๆ](https://i.howwhatproduce.com/images/001/image-529-14-j.webp)
คุณสามารถใช้เวลาปัจจุบันที่อยู่ในคอมพิวเตอร์ของคุณในขณะที่คุณคอมไพล์โค้ดใน Arduino
ในการทำเช่นนั้น เพียงแค่วางองค์ประกอบ "รวบรวมวันที่/เวลา" และเชื่อมต่อกับพิน "M5 Stack Stick C" > "นาฬิกาปลุกตามเวลาจริง (RTC)" [ตั้งค่า]
คุณสามารถดาวน์โหลดไฟล์ Project ด้วยเคล็ดลับนี้ได้ที่นี่
ขั้นตอนที่ 9: ในบทช่วยสอนถัดไป.
ในบทช่วยสอนถัดไป ฉันจะแสดงวิธีสร้างนาฬิกา Cool Look ซึ่งคุณสามารถตั้งเวลาโดยใช้ปุ่ม StickC! คอยติดตามและดูบทแนะนำอื่นๆ ของฉันที่นี่
แนะนำ:
M5STACK วิธีแสดงอุณหภูมิ ความชื้น และแรงกดบน M5StickC ESP32 โดยใช้ Visuino - ทำได้ง่าย: 6 ขั้นตอน
![M5STACK วิธีแสดงอุณหภูมิ ความชื้น และแรงกดบน M5StickC ESP32 โดยใช้ Visuino - ทำได้ง่าย: 6 ขั้นตอน M5STACK วิธีแสดงอุณหภูมิ ความชื้น และแรงกดบน M5StickC ESP32 โดยใช้ Visuino - ทำได้ง่าย: 6 ขั้นตอน](https://i.howwhatproduce.com/images/001/image-312-6-j.webp)
M5STACK วิธีแสดงอุณหภูมิ ความชื้น และความดันบน M5StickC ESP32 โดยใช้ Visuino - ง่ายต่อการทำ: ในบทช่วยสอนนี้ เราจะเรียนรู้วิธีตั้งโปรแกรม ESP32 M5Stack StickC ด้วย Arduino IDE และ Visuino เพื่อแสดงอุณหภูมิ ความชื้น และความดันโดยใช้เซ็นเซอร์ ENV (DHT12, BMP280, BMM150)
วิธีแสดงข้อความบน M5StickC ESP32 โดยใช้ Visuino: 6 ขั้นตอน
![วิธีแสดงข้อความบน M5StickC ESP32 โดยใช้ Visuino: 6 ขั้นตอน วิธีแสดงข้อความบน M5StickC ESP32 โดยใช้ Visuino: 6 ขั้นตอน](https://i.howwhatproduce.com/images/002/image-3376-j.webp)
วิธีแสดงข้อความบน M5StickC ESP32 โดยใช้ Visuino: ในบทช่วยสอนนี้ เราจะเรียนรู้วิธีตั้งโปรแกรม ESP32 M5Stack StickC ด้วย Arduino IDE และ Visuino เพื่อแสดงข้อความบน LCD
Visuino - รับเวลาที่แม่นยำจากเซิร์ฟเวอร์อินเทอร์เน็ต NIST โดยใช้ NodeMCU: 8 ขั้นตอน
![Visuino - รับเวลาที่แม่นยำจากเซิร์ฟเวอร์อินเทอร์เน็ต NIST โดยใช้ NodeMCU: 8 ขั้นตอน Visuino - รับเวลาที่แม่นยำจากเซิร์ฟเวอร์อินเทอร์เน็ต NIST โดยใช้ NodeMCU: 8 ขั้นตอน](https://i.howwhatproduce.com/images/010/image-29300-j.webp)
Visuino - รับเวลาที่แม่นยำจากอินเทอร์เน็ต NIST Server โดยใช้ NodeMCU: ในบทช่วยสอนนี้ เราจะใช้ NodeMCU Mini, OLED Lcd และ Visuino เพื่อแสดงเวลาอินเทอร์เน็ตสดจากเซิร์ฟเวอร์ NIST บน LCD ดูวิดีโอสาธิต เครดิตสำหรับแรงบันดาลใจไปที่ผู้ใช้ youtube "Ciprian Balalau"
Neopixel Ws2812 Rainbow LED เรืองแสงพร้อม M5stick-C - เรียกใช้ Rainbow บน Neopixel Ws2812 โดยใช้ M5stack M5stick C โดยใช้ Arduino IDE: 5 ขั้นตอน
![Neopixel Ws2812 Rainbow LED เรืองแสงพร้อม M5stick-C - เรียกใช้ Rainbow บน Neopixel Ws2812 โดยใช้ M5stack M5stick C โดยใช้ Arduino IDE: 5 ขั้นตอน Neopixel Ws2812 Rainbow LED เรืองแสงพร้อม M5stick-C - เรียกใช้ Rainbow บน Neopixel Ws2812 โดยใช้ M5stack M5stick C โดยใช้ Arduino IDE: 5 ขั้นตอน](https://i.howwhatproduce.com/images/001/image-2825-28-j.webp)
Neopixel Ws2812 Rainbow LED เรืองแสงพร้อม M5stick-C | เรียกใช้ Rainbow บน Neopixel Ws2812 โดยใช้ M5stack M5stick C การใช้ Arduino IDE: สวัสดีทุกคนในคำแนะนำนี้ เราจะเรียนรู้วิธีใช้ neopixel ws2812 LED หรือแถบนำหรือเมทริกซ์นำหรือวงแหวน LED พร้อมบอร์ดพัฒนา m5stack m5stick-C พร้อม Arduino IDE และเราจะทำ ลายรุ้งกับมัน
การควบคุมวิทยุ RF 433MHZ โดยใช้ HT12D HT12E - การสร้างรีโมทคอนโทรล Rf โดยใช้ HT12E & HT12D ด้วย 433mhz: 5 ขั้นตอน
![การควบคุมวิทยุ RF 433MHZ โดยใช้ HT12D HT12E - การสร้างรีโมทคอนโทรล Rf โดยใช้ HT12E & HT12D ด้วย 433mhz: 5 ขั้นตอน การควบคุมวิทยุ RF 433MHZ โดยใช้ HT12D HT12E - การสร้างรีโมทคอนโทรล Rf โดยใช้ HT12E & HT12D ด้วย 433mhz: 5 ขั้นตอน](https://i.howwhatproduce.com/images/001/image-2937-16-j.webp)
การควบคุมวิทยุ RF 433MHZ โดยใช้ HT12D HT12E | การสร้างการควบคุมระยะไกล Rf โดยใช้ HT12E & HT12D ด้วย 433mhz: ในคำแนะนำนี้ฉันจะแสดงวิธีสร้างรีโมทคอนโทรล RADIO โดยใช้โมดูลตัวรับส่งสัญญาณ 433mhz พร้อมการเข้ารหัส HT12E & IC ถอดรหัส HT12D ในคำแนะนำนี้ คุณจะสามารถส่งและรับข้อมูลโดยใช้ส่วนประกอบราคาถูกมาก เช่น HT