สารบัญ:

M5STACK วิธีแสดงอุณหภูมิ ความชื้น และแรงกดบน M5StickC ESP32 โดยใช้ Visuino - ทำได้ง่าย: 6 ขั้นตอน
M5STACK วิธีแสดงอุณหภูมิ ความชื้น และแรงกดบน M5StickC ESP32 โดยใช้ Visuino - ทำได้ง่าย: 6 ขั้นตอน

วีดีโอ: M5STACK วิธีแสดงอุณหภูมิ ความชื้น และแรงกดบน M5StickC ESP32 โดยใช้ Visuino - ทำได้ง่าย: 6 ขั้นตอน

วีดีโอ: M5STACK วิธีแสดงอุณหภูมิ ความชื้น และแรงกดบน M5StickC ESP32 โดยใช้ Visuino - ทำได้ง่าย: 6 ขั้นตอน
วีดีโอ: อบรมการสร้างระบบตรวจวัดอุณหภูมิและความชื้นสัมพัทธ์ด้วย ESP32+DL13 รุ่นที่ 2 ครั้งที่ 1 2024, พฤศจิกายน
Anonim

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

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

สิ่งที่คุณต้องการ
สิ่งที่คุณต้องการ
สิ่งที่คุณต้องการ
สิ่งที่คุณต้องการ
สิ่งที่คุณต้องการ
สิ่งที่คุณต้องการ
  1. M5StickC ESP32: คุณสามารถรับได้ที่นี่
  2. หมวก M5StickC ENV (DHT12, BMP280, BMM150) หาซื้อได้ที่นี่
  3. โปรแกรม Visuino: ดาวน์โหลด VisuinoNote: ตรวจสอบบทช่วยสอนนี้ที่นี่เกี่ยวกับวิธีติดตั้งบอร์ด 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 ตามที่แสดงในภาพแรก คลิกที่ปุ่ม "เครื่องมือ" บนส่วนประกอบ Arduino (ภาพที่ 1)

ใน Visuino เมื่อกล่องโต้ตอบปรากฏขึ้น ให้เลือก "M5 Stack Stick C" ดังแสดงในภาพที่ 2

ขั้นตอนที่ 3: ในส่วนประกอบชุด Visuino

ในส่วนประกอบชุด Visuino
ในส่วนประกอบชุด Visuino
ในส่วนประกอบชุด Visuino
ในส่วนประกอบชุด Visuino
ในส่วนประกอบชุด Visuino
ในส่วนประกอบชุด Visuino
  1. คลิกด้วยปุ่มเมาส์ขวาบนกระดาน StickC และเลือก "Add Shields.."
  2. ในกล่องโต้ตอบ Shields ให้ลาก "EnvironmentHat" ไปทางซ้าย
  3. ปิดกล่องโต้ตอบ Shields และเลือกบอร์ดและทางด้านซ้ายในหน้าต่าง Properties ขยายบนโมดูล>แสดง ST7735
  4. ตั้งค่า "การวางแนว" เป็น goRight
  5. คลิกที่ "องค์ประกอบ" 3 จุด (ภาพที่ 4)
  6. ในหน้าต่าง Elements ลาก 3x "ช่องข้อความ" ไปทางซ้าย (ภาพที่ 5)
  7. ที่ด้านซ้ายของกล่องโต้ตอบ ให้เลือก "Text Field1" และในหน้าต่างคุณสมบัติ ตั้งค่า "Size" เป็น 2
  8. ที่ด้านซ้ายของกล่องโต้ตอบ ให้เลือก "Text Field2" และในหน้าต่างคุณสมบัติ ให้ตั้งค่า "Size" เป็น 2 และ "Y" เป็น 20
  9. ที่ด้านซ้ายของกล่องโต้ตอบ ให้เลือก "Text Field3" และในหน้าต่างคุณสมบัติ ให้ตั้งค่า "Size" เป็น 2 และ "Y" เป็น 20
  10. ปิดกล่องโต้ตอบองค์ประกอบ

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

ในส่วนประกอบ Visuino Connect
ในส่วนประกอบ Visuino Connect
ในส่วนประกอบ Visuino Connect
ในส่วนประกอบ Visuino Connect
ในส่วนประกอบ Visuino Connect
ในส่วนประกอบ Visuino Connect
  1. เชื่อมต่อบอร์ด "M5 Stack Stick C" > พินสภาพแวดล้อม [อุณหภูมิ] กับบอร์ด "M5 Stack Stick C" > จอแสดงผล ST7735 > พิน TextField1 [ใน]
  2. เชื่อมต่อบอร์ด "M5 Stack Stick C" > พินสภาพแวดล้อม [ความชื้น] กับบอร์ด "M5 Stack Stick C" > จอแสดงผล ST7735 > พิน TextField2 [ใน]
  3. เชื่อมต่อบอร์ด "M5 Stack Stick C" > พินสภาพแวดล้อม [แรงดัน] กับบอร์ด "M5 Stack Stick C" > จอแสดงผล ST7735 > พิน TextField3 [ใน]

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

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

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

หากคุณจ่ายไฟให้กับโมดูล M5Sticks จอแสดงผลควรเริ่มแสดงค่าเซ็นเซอร์

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

แนะนำ: