
สารบัญ:
- ขั้นตอนที่ 1: สิ่งที่คุณต้องการ
- ขั้นตอนที่ 2: เริ่ม Visuino และเลือก M5 Stack Stick C Board Type
- ขั้นตอนที่ 3: ใน Visuino เพิ่มและตั้งค่าส่วนประกอบ
- ขั้นตอนที่ 4: ในชุด Visuino Set Components
- ขั้นตอนที่ 5: ในส่วนประกอบ Visuino Connect
- ขั้นตอนที่ 6: สร้าง คอมไพล์ และอัปโหลดโค้ด Arduino
- ขั้นตอนที่ 7: เล่น
- ขั้นตอนที่ 8: พิเศษ: เคล็ดลับง่ายๆ
- ขั้นตอนที่ 9: ในบทช่วยสอนถัดไป.
2025 ผู้เขียน: John Day | [email protected]. แก้ไขล่าสุด: 2025-01-23 15:12
ในบทช่วยสอนนี้ เราจะเรียนรู้วิธีตั้งโปรแกรม ESP32 M5Stack StickC ด้วย Arduino IDE และ Visuino เพื่อแสดงเวลาบน LCD
ขั้นตอนที่ 1: สิ่งที่คุณต้องการ


- M5StickC ESP32: คุณสามารถรับได้ที่นี่
- โปรแกรม Visuino: ดาวน์โหลด Visuino
หมายเหตุ: ตรวจสอบบทช่วยสอนนี้ที่นี่เกี่ยวกับวิธีติดตั้งบอร์ด StickC ESP32
ขั้นตอนที่ 2: เริ่ม Visuino และเลือก M5 Stack Stick C Board Type


เริ่ม Visuino ตามที่แสดงในภาพแรก คลิกที่ปุ่ม "เครื่องมือ" บนส่วนประกอบ Arduino (ภาพที่ 1)
ใน Visuino เมื่อกล่องโต้ตอบปรากฏขึ้น ให้เลือก "M5 Stack Stick C" ดังแสดงในภาพที่ 2
ขั้นตอนที่ 3: ใน Visuino เพิ่มและตั้งค่าส่วนประกอบ




- คลิกที่บอร์ด "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


- เลือกองค์ประกอบ "FormattedTxt1" และภายใต้หน้าต่าง "คุณสมบัติ" ตั้งค่า "ข้อความ" เป็น: %0:%1:%2
- ดับเบิลคลิกที่องค์ประกอบ "FormattedText1" และในกล่องโต้ตอบ Elements ให้ลาก "องค์ประกอบข้อความ" 3x ไปทางซ้าย
ขั้นตอนที่ 5: ในส่วนประกอบ Visuino Connect

- เชื่อมต่อ "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

-
ใน Visuino ที่ด้านล่างให้คลิกแท็บ "บิลด์" ตรวจสอบให้แน่ใจว่าได้เลือกพอร์ตที่ถูกต้อง จากนั้นคลิกที่ปุ่ม "รวบรวม/สร้างและอัปโหลด"
ขั้นตอนที่ 7: เล่น
หากคุณจ่ายไฟให้กับโมดูล M5Sticks จอแสดงผลควรเริ่มแสดงเวลา
ยินดีด้วย! คุณทำโปรเจ็กต์ M5Sticks กับ Visuino เสร็จเรียบร้อยแล้ว สิ่งที่แนบมาด้วยคือโครงการ Visuino ที่ฉันสร้างขึ้นสำหรับคำแนะนำนี้ คุณสามารถดาวน์โหลดได้ที่นี่
ดาวน์โหลดและเปิดได้ใน Visuino:
ขั้นตอนที่ 8: พิเศษ: เคล็ดลับง่ายๆ


คุณสามารถใช้เวลาปัจจุบันที่อยู่ในคอมพิวเตอร์ของคุณในขณะที่คุณคอมไพล์โค้ดใน Arduino
ในการทำเช่นนั้น เพียงแค่วางองค์ประกอบ "รวบรวมวันที่/เวลา" และเชื่อมต่อกับพิน "M5 Stack Stick C" > "นาฬิกาปลุกตามเวลาจริง (RTC)" [ตั้งค่า]
คุณสามารถดาวน์โหลดไฟล์ Project ด้วยเคล็ดลับนี้ได้ที่นี่
ขั้นตอนที่ 9: ในบทช่วยสอนถัดไป.
ในบทช่วยสอนถัดไป ฉันจะแสดงวิธีสร้างนาฬิกา Cool Look ซึ่งคุณสามารถตั้งเวลาโดยใช้ปุ่ม StickC! คอยติดตามและดูบทแนะนำอื่นๆ ของฉันที่นี่
แนะนำ:
M5STACK วิธีแสดงอุณหภูมิ ความชื้น และแรงกดบน M5StickC ESP32 โดยใช้ Visuino - ทำได้ง่าย: 6 ขั้นตอน

M5STACK วิธีแสดงอุณหภูมิ ความชื้น และความดันบน M5StickC ESP32 โดยใช้ Visuino - ง่ายต่อการทำ: ในบทช่วยสอนนี้ เราจะเรียนรู้วิธีตั้งโปรแกรม ESP32 M5Stack StickC ด้วย Arduino IDE และ Visuino เพื่อแสดงอุณหภูมิ ความชื้น และความดันโดยใช้เซ็นเซอร์ ENV (DHT12, BMP280, BMM150)
วิธีแสดงข้อความบน M5StickC ESP32 โดยใช้ Visuino: 6 ขั้นตอน

วิธีแสดงข้อความบน M5StickC ESP32 โดยใช้ Visuino: ในบทช่วยสอนนี้ เราจะเรียนรู้วิธีตั้งโปรแกรม ESP32 M5Stack StickC ด้วย Arduino IDE และ Visuino เพื่อแสดงข้อความบน LCD
Visuino - รับเวลาที่แม่นยำจากเซิร์ฟเวอร์อินเทอร์เน็ต NIST โดยใช้ NodeMCU: 8 ขั้นตอน

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: สวัสดีทุกคนในคำแนะนำนี้ เราจะเรียนรู้วิธีใช้ 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: ในคำแนะนำนี้ฉันจะแสดงวิธีสร้างรีโมทคอนโทรล RADIO โดยใช้โมดูลตัวรับส่งสัญญาณ 433mhz พร้อมการเข้ารหัส HT12E & IC ถอดรหัส HT12D ในคำแนะนำนี้ คุณจะสามารถส่งและรับข้อมูลโดยใช้ส่วนประกอบราคาถูกมาก เช่น HT