ภาพเคลื่อนไหวบิตแมปบนจอแสดงผล OLED SSD1331 (SPI) ด้วย Visuino: 8 ขั้นตอน

2024 ผู้เขียน: John Day | [email protected]. แก้ไขล่าสุด: 2024-01-30 13:02

ในบทช่วยสอนนี้ เราจะแสดงและย้ายภาพบิตแมปในรูปแบบแอนิเมชั่นอย่างง่ายบนจอแสดงผล OLED SSD1331 (SPI) ด้วย Visuino

ดูวิดีโอ.

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

• Arduino UNO (หรือ Arduino อื่น ๆ)
• SSD1331 จอแสดงผล OLED (SPI)
• เขียงหั่นขนม
• สายจัมเปอร์
• โปรแกรม Visuino: ดาวน์โหลด Visuino

ขั้นตอนที่ 2: วงจร

• เชื่อมต่อ Display pin[CS] กับ Arduino digital pin[7]
• เชื่อมต่อ Display pin[DC] กับ Arduino digital pin[8]
• เชื่อมต่อ Display pin[RES] กับ Arduino digital pin[9]
• เชื่อมต่อ Display pin [SDA] กับ Arduino digital pin [11]
• เชื่อมต่อ Display pin [SCL] กับ Arduino digital pin [13]
• เชื่อมต่อ Display pin[VCC] กับ Arduino positive pin[+5V]
• เชื่อมต่อ Display pin[GND] กับ Arduino ground pin[GND]

ขั้นตอนที่ 3: เริ่ม Visuino และเลือก Arduino UNO Board Type

ในการเริ่มต้นเขียนโปรแกรม Arduino คุณจะต้องติดตั้ง Arduino IDE จากที่นี่:

โปรดทราบว่ามีข้อบกพร่องที่สำคัญบางอย่างใน Arduino IDE 1.6.6 ตรวจสอบให้แน่ใจว่าคุณติดตั้ง 1.6.7 หรือสูงกว่า มิฉะนั้น Instructable นี้จะไม่ทำงาน! หากคุณยังไม่ได้ทำตามขั้นตอนในคำแนะนำนี้เพื่อตั้งค่า Arduino IDE เพื่อตั้งโปรแกรม Arduino UNO! ต้องติดตั้ง Visuino: https://www.visuino.eu ด้วย เริ่ม Visuino ดังรูปแรก คลิกที่ปุ่ม "Tools" บนส่วนประกอบ Arduino (ภาพที่ 1) ใน Visuino เมื่อกล่องโต้ตอบปรากฏขึ้น ให้เลือก "Arduino UNO" ดังแสดงในภาพที่ 2

ขั้นตอนที่ 4: ใน Visuino ADD Components

• เพิ่มส่วนประกอบ "SSD1331 OLED Display (SPI)"
• เพิ่ม 2X "ตัวสร้างจำนวนเต็มไซน์"

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

• เลือก "SineIntegerGenerator1" และในหน้าต่างคุณสมบัติตั้งค่า Amplitude:20, Frequency (Hz):0.1, Offset: 20
• เลือก "SineIntegerGenerator2" และในหน้าต่างคุณสมบัติตั้งค่า Amplitude:10, Frequency (Hz):0.1, Offset: 10
• ดับเบิลคลิกที่ "DisplayOLED1" และในหน้าต่างองค์ประกอบ ให้ลาก "Draw Bitmap" ไปทางด้านซ้าย ทางด้านซ้าย จากนั้นเลือก "Draw Bitmap1" และในหน้าต่างคุณสมบัติ ให้เลือกฟิลด์ "Bitmap" และคลิกที่ 3 จุดใน "ตัวแก้ไขบิตแมป" คลิกที่ปุ่ม "โหลด" และโหลดบิตแมป (คุณสามารถดาวน์โหลดบิตแมปทดสอบที่แนบมาที่นี่)
• ใน "ตัวแก้ไขบิตแมป" คลิกที่ปุ่ม "โหลด" และโหลดบิตแมป (คุณสามารถดาวน์โหลดบิตแมปทดสอบที่แนบมาที่นี่)

• ในการทำให้การเคลื่อนไหวของบิตแมปเคลื่อนไหว เราต้องควบคุมคุณสมบัติ X และ Y ในการทำเช่นนั้น เราจะเพิ่มพินเข้าไป:ใน Object Inspector เลือกคุณสมบัติ "X" คลิกที่ปุ่ม "Pin" ที่ด้านหน้าของคุณสมบัติ จากรายการแบบหล่นลง ให้เลือก "Integer SinkPin" ทำเช่นเดียวกันสำหรับ "Y " คุณสมบัติ ปิดกล่องโต้ตอบ "องค์ประกอบ" คุณจะเห็นหมุด "X" และ "Y" ใหม่เพิ่มไปยังองค์ประกอบ "Elements. Draw Bitmap1"

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

• เชื่อมต่อพิน "SineIntegerGenerator1" [ออก] กับ "DisplayOLED1">พิน "Draw Bitmap1" [X]
• เชื่อมต่อพิน "SineIntegerGenerator2" [ออก] กับ "DisplayOLED1">พิน "Draw Bitmap1" [นาฬิกา]
• เชื่อมต่อพิน "SineIntegerGenerator2" [ออก] กับ "DisplayOLED1">พิน "Draw Bitmap1" [Y]
• เชื่อมต่อพิน "DisplayOLED1" [รีเซ็ต] กับพินดิจิทัล Arduino[9]
• เชื่อมต่อพิน "DisplayOLED1" [คำสั่งข้อมูล] กับพินดิจิทัล Arduino[9]
• เชื่อมต่อพิน "DisplayOLED1" [Out SPI] กับพิน Arduino [SPI In]
• เชื่อมต่อพิน "DisplayOLED1" [Chip Select] กับพินดิจิทัล Arduino [7]

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

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

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

หากคุณจ่ายไฟให้กับโมดูล Arduino UNO และจอแสดงผล OLED คุณจะเห็นบิตแมปเคลื่อนที่ไปรอบๆ จอแสดงผล OLED ดังที่เห็นในวิดีโอ

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