สารบัญ:

DIY วิธีสร้างนาฬิกาที่ดูเท่ - StickC - ทำง่าย: 8 ขั้นตอน
DIY วิธีสร้างนาฬิกาที่ดูเท่ - StickC - ทำง่าย: 8 ขั้นตอน

วีดีโอ: DIY วิธีสร้างนาฬิกาที่ดูเท่ - StickC - ทำง่าย: 8 ขั้นตอน

วีดีโอ: DIY วิธีสร้างนาฬิกาที่ดูเท่ - StickC - ทำง่าย: 8 ขั้นตอน
วีดีโอ: How To install DIY Clock |CREATIVITY BRAIN 2024, พฤศจิกายน
Anonim

ในบทช่วยสอนนี้ เราจะเรียนรู้วิธีตั้งโปรแกรม ESP32 M5Stack StickC ด้วย Arduino IDE และ Visuino เพื่อแสดงเวลาบน LCD และตั้งเวลาโดยใช้ปุ่ม StickC

ขั้นตอนที่ 1: สิ่งที่คุณต้องการ

สิ่งที่คุณต้องการ
สิ่งที่คุณต้องการ
สิ่งที่คุณต้องการ
สิ่งที่คุณต้องการ

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
เริ่ม Visuino และเลือก M5 Stack Stick C Board Type
เริ่ม Visuino และเลือก M5 Stack Stick C Board Type
เริ่ม Visuino และเลือก M5 Stack Stick C Board Type
เริ่ม Visuino และเลือก M5 Stack Stick C Board Type

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

ขั้นตอนที่ 3: ใน Visuino เพิ่มส่วนประกอบ

ใน Visuino เพิ่มส่วนประกอบ
ใน Visuino เพิ่มส่วนประกอบ
ใน Visuino เพิ่มส่วนประกอบ
ใน Visuino เพิ่มส่วนประกอบ
ใน Visuino เพิ่มส่วนประกอบ
ใน Visuino เพิ่มส่วนประกอบ
  1. คลิกที่บอร์ด "M5 Stack Stick C" เพื่อเลือก
  2. ในหน้าต่าง "คุณสมบัติ" เลือก "โมดูล" และคลิก "+" เพื่อขยาย
  3. เลือก "แสดง ST7735" และคลิก "+" เพื่อขยาย
  4. ตั้งค่า "การวางแนว" เป็น "goRight"
  5. ตั้งค่า "สีพื้นหลัง" เป็น "ClBlack"
  6. เลือก "องค์ประกอบ" และคลิกที่ปุ่มสีน้ำเงินที่มี 3 จุด…
  7. Elements Dialog จะแสดง
  8. ในไดอะล็อก Elements ให้ลาก "ช่องข้อความ" จากด้านขวาไปด้านซ้าย
  9. คลิกที่ "ฟิลด์ข้อความ1" ทางด้านซ้ายเพื่อเลือก จากนั้นใน "หน้าต่างคุณสมบัติ" คลิกที่ "สี" และตั้งค่าเป็น "aclWhite" และคลิกที่ "เติมสี" และตั้งค่าเป็น "aclBlack" (คุณ สามารถเล่นกับสีได้หากต้องการ)

    -ยังอยู่ในคุณสมบัติ windows set X:10 และ Y:20 นี่คือตำแหน่งที่คุณต้องการแสดงเวลาบน LCD -set size:3 (นี่คือขนาดตัวอักษรของเวลา)ปิดหน้าต่างองค์ประกอบ

  10. เพิ่มองค์ประกอบ "ถอดรหัส (แยก) วันที่/เวลา"
  11. เพิ่มองค์ประกอบ "ข้อความที่จัดรูปแบบ"

ขั้นตอนที่ 4: ในชุด Visuino Set Components

ในส่วนประกอบชุด Visuino
ในส่วนประกอบชุด Visuino
ในส่วนประกอบชุด Visuino
ในส่วนประกอบชุด Visuino
ในส่วนประกอบชุด Visuino
ในส่วนประกอบชุด Visuino
  1. เลือกองค์ประกอบ "FormattedTxt1" และภายใต้หน้าต่าง "คุณสมบัติ" ตั้งค่า "ข้อความ" เป็น: %0:%1:%2
  2. ดับเบิลคลิกที่องค์ประกอบ "FormattedText1" และในกล่องโต้ตอบ Elements ให้ลาก "องค์ประกอบข้อความ" 3x ไปทางซ้าย
  3. เลือกบอร์ด "M5 Stack Stick C" และในหน้าต่าง "คุณสมบัติ" เลือก "โมดูล" > "นาฬิกาปลุกตามเวลาจริง (RTC)" > "องค์ประกอบ"
  4. คลิกที่ปุ่มสีน้ำเงินที่มีจุด 3 จุด และในกล่องโต้ตอบ Elements ให้ลาก "Set Hour", "Set Minute" และ "Set Second" ไปทางซ้าย
  5. เลือกองค์ประกอบ "Set Hour1" ด้านซ้ายและภายใต้หน้าต่าง "Properties" ให้ตั้งค่า "Add Value" เป็น "True" และ "Value" เป็น "1"
  6. เลือกองค์ประกอบ "Set Minute1" ด้านซ้ายและภายใต้หน้าต่าง "Properties" ให้ตั้งค่า "Add Value" เป็น "True" และ "Value" เป็น "1"
  7. เลือกองค์ประกอบ "Set Second1" ด้านซ้ายและภายใต้หน้าต่าง "Properties" ให้ตั้งค่า "Add Value" เป็น "True" และ "Value" เป็น "1"

คำอธิบาย:

"ค่า" หมายถึงจำนวนที่เราต้องการเพิ่มในการคลิกปุ่มแต่ละครั้งตามเวลาที่มีอยู่ (ชั่วโมง นาที หรือวินาที) "เพิ่มมูลค่า" หมายความว่าเราต้องการเพิ่มมูลค่าให้กับเวลาที่มีอยู่

ขั้นตอนที่ 5: ในส่วนประกอบ Visuino Connect

ในส่วนประกอบ Visuino Connect
ในส่วนประกอบ Visuino Connect
ในส่วนประกอบ Visuino Connect
ในส่วนประกอบ Visuino Connect
  1. เชื่อมต่อ "M5 Stack Stick C" > นาฬิกาปลุกตามเวลาจริง (RTC) > ปักหมุด [ออก] กับพินคอมโพเนนต์ "DecodeDateTime1" [ใน]
  2. เชื่อมต่อพินคอมโพเนนต์ "DecodeDateDateTime1" [ชั่วโมง] กับพิน "FormattedText1" คอมโพเนนต์ "TextElement1" [ใน]
  3. เชื่อมต่อพินคอมโพเนนต์ "DecodeDateDateTime1" [นาที] กับพิน "FormattedText1" คอมโพเนนต์ "TextElement2" [ใน]
  4. เชื่อมต่อพินคอมโพเนนต์ "DecodeDateDateTime1" [วินาที] กับพิน "FormattedText1" คอมโพเนนต์ "TextElement3" [ใน]
  5. เชื่อมต่อพินคอมโพเนนต์ "FormattedText1" [ออก] กับบอร์ด "M5 Stack Stick C" "แสดง ST7735">พิน "Text Field1" [ใน]
  6. เชื่อมต่อ "M5 Stack Stick C" > ปุ่ม "A(M5)" กับ "M5 Stack Stick C" > นาฬิกาปลุกแบบเรียลไทม์ (RTC) > หมุด "Set Hour1" [นาฬิกา]
  7. เชื่อมต่อ "M5 Stack Stick C" > ปุ่ม "B" กับ "M5 Stack Stick C" > นาฬิกาปลุกตามเวลาจริง (RTC) > "Set Minute1" Pin [Clock]

ขั้นตอนที่ 6: สร้าง คอมไพล์ และอัปโหลดโค้ด Arduino

สร้าง คอมไพล์ และอัปโหลดโค้ด Arduino
สร้าง คอมไพล์ และอัปโหลดโค้ด Arduino
  1. ใน Visuino ที่ด้านล่างให้คลิกแท็บ "บิลด์" ตรวจสอบให้แน่ใจว่าได้เลือกพอร์ตที่ถูกต้อง จากนั้นคลิกที่ปุ่ม "รวบรวม/สร้างและอัปโหลด"

ขั้นตอนที่ 7: เล่น

หากคุณจ่ายไฟให้กับโมดูล M5Sticks จอแสดงผลควรเริ่มแสดงเวลา คุณสามารถเปลี่ยนเวลาได้โดยใช้ปุ่ม "M5" สำหรับชั่วโมงและ "B" สำหรับนาที

ยินดีด้วย! คุณทำโปรเจ็กต์ M5Sticks กับ Visuino เสร็จเรียบร้อยแล้ว สิ่งที่แนบมาด้วยคือโครงการ Visuino ที่ฉันสร้างขึ้นสำหรับคำแนะนำนี้ คุณสามารถดาวน์โหลดได้ที่นี่

ดาวน์โหลดและเปิดได้ใน Visuino:

ขั้นตอนที่ 8: ในบทช่วยสอนถัดไป.

ในบทช่วยสอนถัดไป ฉันจะแสดงวิธีสร้างนาฬิกา Cool Look ซึ่งคุณสามารถตั้งเวลา (ชั่วโมง นาที และวินาที) โดยใช้ปุ่ม StickC และสร้างเมนูง่ายๆ ได้! โปรดคอยติดตามและดูบทช่วยสอนอื่นๆ ของฉันที่นี่

แนะนำ: